联调案例库

修改干扰源用户台账流程

src/views/pqs/database/case/components/form.vue

@@ -6,23 +6,15 @@
                     <el-input v-model="form.name" placeholder="请输入事件名称" />
                 </el-form-item>
                 <el-form-item label="发生事件">
-                    <el-input v-model="form.code" placeholder="请输入发生事件" />
+                    <el-input v-model="form.type" placeholder="请输入发生事件" />
                 </el-form-item>
                 <el-form-item label="发生地点">
-                    <el-input v-model="form.remark" placeholder="请输入发生地点" />
+                    <el-input v-model="form.location" placeholder="请输入发生地点" />
                 </el-form-item>
 
-                <el-form-item label="事件简介">
-                    <el-input
-                        v-model="form.code"
-                        placeholder="请输入事件简介"
-                        :autosize="{ minRows: 2, maxRows: 4 }"
-                        type="textarea"
-                    />
-                </el-form-item>
                 <el-form-item label="事件经过">
                     <el-input
-                        v-model="form.code"
+                        v-model="form.process"
                         placeholder="请输入事件经过"
                         :autosize="{ minRows: 2, maxRows: 4 }"
                         type="textarea"
@@ -30,7 +22,7 @@
                 </el-form-item>
                 <el-form-item label="处理措施">
                     <el-input
-                        v-model="form.code"
+                        v-model="form.measures"
                         placeholder="请输入处理措施"
                         :autosize="{ minRows: 2, maxRows: 4 }"
                         type="textarea"
@@ -38,7 +30,7 @@
                 </el-form-item>
                 <el-form-item label="治理效果">
                     <el-input
-                        v-model="form.code"
+                        v-model="form.effect"
                         placeholder="请输入治理效果"
                         :autosize="{ minRows: 2, maxRows: 4 }"
                         type="textarea"
@@ -46,13 +38,15 @@
                 </el-form-item>
                 <el-form-item label="附件">
                     <el-upload v-model:file-list="fileList" action="" multiple :limit="3" :on-exceed="handleExceed">
-                        <el-button type="primary">Click to upload</el-button>
-                        <template #tip>
-                            <div class="el-upload__tip">jpg/png files with a size less than 500KB.</div>
-                        </template>
+                        <el-button type="primary">添加附件</el-button>
                     </el-upload>
                 </el-form-item>
             </el-form>
+
+            <div style="display: flex">
+                <div style="width: 80px">事件简介</div>
+                <editor v-model="form.summary" />
+            </div>
         </el-scrollbar>
         <template #footer>
             <span class="dialog-footer">
@@ -67,7 +61,7 @@ import { ref, inject } from 'vue'
 import { reactive } from 'vue'
 import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
-
+import editor from '@/components/wangEditor/index.vue'
 const dialogVisible = ref(false)
 const title = ref('')
 const tableStore = inject('tableStore') as TableStore
@@ -75,11 +69,15 @@ const formRef = ref()
 const fileList = ref([])
 // 注意不要和表单ref的命名冲突
 const form = reactive<anyObj>({
-    code: '',
+    type: '',
     name: '',
-    remark: '',
+    location: '',
+    process: '',
+    measures: '',
+    effect: '',
     id: ''
 })
+
 const rules = {
     name: [{ required: true, message: '角色名称不能为空', trigger: 'blur' }],
     code: [{ required: true, message: '角色编码不能为空', trigger: 'blur' }]
@@ -103,6 +101,8 @@ const open = (text: string, data?: anyObj) => {
     }
 }
 const submit = () => {
+    console.log(`1111`, form.summary)
+
     formRef.value.validate(async (valid: boolean) => {
         if (valid) {
             if (form.id) {
@@ -116,6 +116,10 @@ const submit = () => {
         }
     })
 }
+// 事件简介
+const quit = () => {
+    tableStore.index()
+}
 
 defineExpose({ open })
 </script>

src/views/pqs/database/case/index.vue

@@ -26,46 +26,37 @@ const popupEditRef = ref()
 const TableHeaderRef = ref()
 
 const tableStore = new TableStore({
-    url: '/user-boot/dept/deptTree',
+    url: '/supervision-boot/libcase/pageQuery',
     method: 'POST',
     column: [
         { title: '电能质量事件名称', field: 'name' },
         {
             title: '发生事件',
-            field: 'name1'
+            field: 'type'
+        },
+        {
+            title: '事件简介',
+            field: 'summary'
+        },
+        {
+            title: '事件经过',
+            field: 'process'
         },
         {
             title: '发生地点',
-            field: 'name2'
+            field: 'location'
         },
         {
             title: '处理措施',
-            field: 'name3'
+            field: 'measures'
         },
         {
             title: '治理效果',
-            field: 'name4'
+            field: 'effect'
         }
     ],
     loadCallback: () => {
-        tableStore.table.data = [
-            {
-                name: '测试名称',
-                name1: 'xxx',
-                name2: 'XXX',
-                name3: '1月',
-                name4: '单体系统',
-                name5: '1'
-            },
-            {
-                name: '测试名称',
-                name1: 'xxx',
-                name2: 'XXX',
-                name3: '1月',
-                name4: '单体系统',
-                name5: '0'
-            }
-        ]
+        
     }
 })