技术监督计划-实施问题详情

src/views/pqs/supervise/plan/components/effectProblem/addForm.vue

@@ -1,7 +1,7 @@
 <template>
     <el-dialog
         v-model="dialogFormVisible"
-        title="技术监督实施问题新增"
+        :title="title"
         width="60%"
         :append-to-body="true"
         :before-close="close"
@@ -18,6 +18,7 @@
             ref="ruleFormRef"
             label-width="140px"
             label-position="right"
+            :disabled="openType!='add'"
         >
             <el-row>
                 <el-col :span="12">
@@ -28,7 +29,12 @@
 
                 <el-col :span="12">
                     <el-form-item label="监测点类型：" prop="monitorType">
-                        <el-select v-model="form.monitorType" clearable style="width: 100%" placeholder="请选择监测点类型">
+                        <el-select
+                            v-model="form.monitorType"
+                            clearable
+                            style="width: 100%"
+                            placeholder="请选择监测点类型"
+                        >
                             <el-option
                                 v-for="item in monitorTypeList"
                                 :key="item.id"
@@ -102,7 +108,7 @@
             <el-row>
                 <el-col :span="12">
                     <el-form-item label="监督标准：" prop="supvStandard">
-                        <el-input  v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
+                        <el-input v-model="form.supvStandard" autocomplete="off" placeholder="请输入监督标准" />
                     </el-form-item>
                 </el-col>
                 <el-col :span="12">
@@ -156,7 +162,11 @@
 
                 <el-col :span="12">
                     <el-form-item label="问题简要描述：" prop="simpleProblemDesc">
-                        <el-input v-model="form.simpleProblemDesc" autocomplete="off" placeholder="请输入问题简要描述" />
+                        <el-input
+                            v-model="form.simpleProblemDesc"
+                            autocomplete="off"
+                            placeholder="请输入问题简要描述"
+                        />
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -189,7 +199,11 @@
 
                 <el-col :span="12">
                     <el-form-item label="整改方案：" prop="rectificationProgramme">
-                        <el-input v-model="form.rectificationProgramme" autocomplete="off" placeholder="请输入整改方案" />
+                        <el-input
+                            v-model="form.rectificationProgramme"
+                            autocomplete="off"
+                            placeholder="请输入整改方案"
+                        />
                     </el-form-item>
                 </el-col>
             </el-row>
@@ -224,19 +238,20 @@ import type { ComponentSize, FormInstance, FormRules } from 'element-plus'
 import { queryByAllCode } from '@/api/system-boot/dictTree'
 import { useAdminInfo } from '@/stores/adminInfo'
 import { uploadFile } from '@/api/system-boot/file'
-import { addPlanFormData, getUserByDeptId,addPlanProblemFormData} from '@/api/supervision-boot/plan/index'
+import { addPlanFormData, getUserByDeptId, addPlanProblemFormData } from '@/api/supervision-boot/plan/index'
 import { getAreaList } from '@/api/common'
 import Area from '@/components/form/area/index.vue'
 const emits = defineEmits(['onSubmit'])
-const props=defineProps({
-    planId:{
-        type:String,
-        default:''
+const props = defineProps({
+    planId: {
+        type: String,
+        default: ''
     }
 })
 const dictData = useDictData()
 const dialogFormVisible = ref(false)
 const form: any = ref({})
+const title: any = ref('')
 const ruleFormRef = ref(null)
 //获取登陆用户姓名和部门
 const adminInfo = useAdminInfo()
@@ -419,7 +434,27 @@ watch(
         immediate: true
     }
 )
-const open = () => {
+const openType:any=ref('')
+const open = (row: any, val: any) => {
+    //详情（后面做编辑，再修改判断条件）
+    if (val == 'detail') {
+        for (let key in row) {
+            if (form.value.hasOwnProperty(key)) {
+                form.value[key] = row[key] // 对相同的key进行赋值
+            }
+        }
+        title.value = '技术计划监督实施问题详情'
+        openType.value='detail'
+    }
+    //新增
+    else if ( val == 'add') {
+        title.value = '技术计划监督实施问题新增'
+        openType.value='add'
+        nextTick(() => {
+            ruleFormRef.value.resetFields()
+            resetForm()
+        })
+    }
     dialogFormVisible.value = true
 }
 const close = () => {
@@ -443,8 +478,7 @@ const confirmForm = () => {
     // 提交终端信息
     ruleFormRef.value.validate(valid => {
         if (valid) {
-            form.value.planId = props.planId;
-            console.log(form.value,"=========form.value");
+            form.value.planId = props.planId
             let confirmFormData = JSON.parse(JSON.stringify(form.value))
             addPlanProblemFormData(confirmFormData).then(res => {
                 ruleFormRef.value.resetFields()