addTaskDialog.vue 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <template>
  2. <el-dialog :title="title" :visible.sync="addTaskDialog" :before-close="handleClose" width="500px">
  3. <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="110px">
  4. <el-form-item label="未验证任务" prop="isVerification">
  5. <el-switch v-model="ruleForm.isVerification"></el-switch>
  6. </el-form-item>
  7. <el-form-item label="任务类型" prop="taskType">
  8. <div><el-radio v-model="ruleForm.taskType" label="model">现场验证模型</el-radio></div>
  9. <div><el-radio v-model="ruleForm.taskType" label="device">现场验证设备台账</el-radio></div>
  10. <div><el-radio v-model="ruleForm.taskType" label="assets">现场验证资产台账</el-radio></div>
  11. </el-form-item>
  12. </el-form>
  13. <!-- <el-row>
  14. 请选择新建现场验证任务的数据源:
  15. <el-checkbox v-model="ruleForm.isVerification">只选择未验证的</el-checkbox>
  16. </el-row>
  17. <el-row style="margin-top:15px;padding-left:15px;">
  18. <div><el-radio v-model="ruleForm.taskType" label="model">现场验证模型</el-radio></div>
  19. <div><el-radio v-model="ruleForm.taskType" label="device">现场验证设备台账</el-radio></div>
  20. <div><el-radio v-model="ruleForm.taskType" label="assets">现场验证资产台账</el-radio></div>
  21. </el-row> -->
  22. <span slot="footer" class="dialog-footer">
  23. <el-button type="primary" @click="$emit('update:addTaskDialog',false)">取 消</el-button>
  24. <el-button type="primary" @click="toAddTask()">确 认</el-button>
  25. </span>
  26. </el-dialog>
  27. </template>
  28. <script>
  29. import { } from "@/api/scan/request";
  30. import { mapGetters } from "vuex";
  31. export default {
  32. components: {
  33. },
  34. computed: {
  35. ...mapGetters("layout", ["projectId"])
  36. },
  37. data() {
  38. return {
  39. title: "添加验证任务",
  40. dialogVisible: false,
  41. ruleForm: {
  42. isVerification: false,
  43. taskType: ''
  44. },
  45. rules: {
  46. taskType: [
  47. { required: true, message: '请选择任务类型', trigger: 'change' }
  48. ]
  49. }
  50. };
  51. },
  52. props: {
  53. addTaskDialog: Boolean //是否显示弹窗
  54. },
  55. created() {
  56. },
  57. methods: {
  58. toAddTask() {
  59. this.$refs.ruleForm.validate((valid) => {
  60. if (valid) {
  61. if (this.ruleForm.taskType == 'model') {
  62. this.$router.push({ path: '/floor/addModelTask', query: this.ruleForm });
  63. } else if (this.ruleForm.taskType == 'device') {
  64. this.$router.push({ path: '/floor/addDeviceTask', query: this.ruleForm });
  65. } else if (this.ruleForm.taskType == 'assets') {
  66. this.$router.push({ path: '/floor/addAssetsTask', query: this.ruleForm });
  67. }
  68. } else {
  69. console.log('error submit!!');
  70. return false;
  71. }
  72. })
  73. },
  74. handleClose() {
  75. this.$emit('update:addTaskDialog',this.dialogVisible)
  76. },
  77. }
  78. };
  79. </script>
  80. <style lang="less" scoped>
  81. </style>