提交新增表单

src/views/pqs/supervise/interfere/components/undocumented/addForm.vue

@@ -1,16 +1,16 @@
 <template>
     <el-dialog
-        v-model="dialogFormVisible"
+       v-model="dialogFormVisible"
+        :close-on-click-modal="true"
         title="用户档案录入"
         width="55%"
         height="400"
         :append-to-body="true"
-        :validate-on-rule-change="false"
         :scroll-to-error="true"
-        @closed="close"
+        :before-close="close"
     >
         <!-- 用户档案录入 新建1 -->
-        <el-form :model="form" :rules="rules" ref="ruleFormRef">
+        <el-form :model="form"  :validate-on-rule-change="false" :rules="rules" ref="ruleFormRef">
             <el-row>
                 <el-col :span="12">
                     <el-form-item label="填报人：" :label-width="formLabelWidth" prop="reporter">
@@ -162,20 +162,6 @@
                         class="label_over_warp"
                         prop="nonlinearDeviceType"
                     >
-                        <!-- <el-tree
-                            accordion
-                            ref="treeRef"
-                            :default-expand-all="false"
-                            show-checkbox
-                            check-strictly
-                            :highlight-current="true"
-                            readonly
-                            node-key="id"
-                            :props="defaultProps"
-                            :data="nonlinearDeviceTypeList"
-                            :expand-on-click-node="false"
-                            @check-change="handleCheckChange"
-                        ></el-tree> -->
                         <el-tree-select
                             accordion
                             ref="treeRef"
@@ -224,7 +210,7 @@
                             <el-option
                                 v-for="(item, index) in evaluationDeptList"
                                 :label="item.name"
-                                :value="item.id"
+                                :value="item.name"
                                 :key="index"
                             />
                         </el-select>
@@ -590,7 +576,7 @@
                 </el-col>
             </el-row>
             <el-row>
-                <el-col :span="12" class="required_position" v-show="form.userType != '0' && form.userType != '1'">
+                <el-col :span="12" class="required_position" v-if="form.userType != '0' && form.userType != '1'">
                     <span class="required_icon">*</span>
                     <el-form-item
                         label="用户接入变电站主接线示意图："
@@ -615,7 +601,7 @@
                         </el-upload>
                     </el-form-item>
                 </el-col>
-                <el-col :span="12" class="required_position" v-show="form.userType == '6'">
+                <el-col :span="12" class="required_position" v-if="form.userType == '6'">
                     <span class="required_icon">*</span>
                     <el-form-item
                         label="主要敏感设备清单："
@@ -641,7 +627,7 @@
                     </el-form-item>
                 </el-col>
             </el-row>
-            <el-row v-show="form.userType == '6'" class="required_position">
+            <el-row v-if="form.userType == '6'" class="required_position">
                 <span class="required_icon">*</span>
                 <el-col :span="12">
                     <el-form-item
@@ -697,13 +683,13 @@
         <template #footer>
             <div class="dialog-footer">
                 <el-button @click="close()">取消</el-button>
-                <el-button type="primary" v-if="openType != 'detail'" @click="confirmForm()">确定</el-button>
+                <el-button type="primary"  @click="confirmForm()">确定</el-button>
             </div>
         </template>
     </el-dialog>
 </template>
 <script lang="ts" setup>
-import { ref, onMounted, reactive, defineExpose, defineProps, defineEmits, watch } from 'vue'
+import { ref, onMounted, reactive, defineExpose, defineProps, defineEmits, watch,onUnmounted } from 'vue'
 // import { upload, insertTerminal, updateTerminal } from '@/api/process-boot/terminal'
 import type { UploadInstance, UploadProps, UploadRawFile } from 'element-plus'
 import { genFileId, ElMessage } from 'element-plus'
@@ -812,7 +798,7 @@ const resetForm = () => {
         projectName: '', //工程名称 1
         substation: '', //变电站 1
         voltageLevel: voltageLevelList[0].id, //电压等级 1
-        evaluationDept: evaluationDeptList[0].id, //预测评估单位 1
+        evaluationDept: evaluationDeptList[0].name, //预测评估单位 1
         evaluationConclusion: '', //预测评估结论 1
         backgroundTestPerformed: 0, //是否开展背景测试 1
         feasibilityReport: '', // 可研报告告地址  1
@@ -1389,15 +1375,16 @@ const open = () => {
 }
 const close = () => {
     //重置表单内容
-    resetForm()
     //取消表单校验状态
     ruleFormRef.value.resetFields()
     dialogFormVisible.value = false
     emits('onSubmit')
+    resetForm()
 }
 onMounted(() => {
     console.log()
 })
+
 const changeUserType = value => {
     console.log(form.value.userType, '切换用户性质++++++++++++', value)
     return