addTaskDialog.vue 3.1 KB

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