巡查上报

monkeyhouyi
1 parent be009217
Showing 4 changed files with 98 additions and 66 deletions
src/components/SelsctLoad/index.vue
src/filters/index.js
src/views/baseSystemInfo/InspectForm.vue
src/views/baseSystemInfo/index.vue
@@ -7,13 +7,14 @@
     clearable
     reserve-keyword
     placeholder="请输入关平台名称"
-    :remote-method="search"
     v-loadMore="nextList"
-    :loading="loading"
-    @change="onChange"
+    @select="onChange"
+    @blur="onInput"
     @clear="clearHandle"
     @focus="search"
+    :loading="loading && !this.options.length"
   >
+    <!-- :remote-method="search" :loading="loading" -->
     <el-option
       v-for="item in options"
       :key="item.value"
@@ -54,20 +55,12 @@ export default {
     },
     nextList() {
       if (this.loading || this.noMore) return;
-      this.searchList.pageIndex++;
-      getInfoList({ ...this.searchList, keyword: query }).then(({ data }) => {
-        let list = [];
-        data.list.length &&
-          data.list.forEach((item) => {
-            list.push({
-              label: item.SysytemInfo.SystemName,
-              value: item.SysytemInfo.Id,
-            });
-          });
-        this.options = [...this.options, ...list];
-      });
+      this.searchList.pageIndex += 1;
+      this.$nextTick(() => {
+        this.loadList();
+      })
     },
-    search(query) {
+    search() {
       this.options = [];
       this.searchList = {
         pageIndex: 1,
@@ -75,11 +68,11 @@ export default {
         sort: "desc",
         sidx: "",
       };
-      this.loadList(query);
+      this.loadList();
     },
-    loadList(query) {
+    loadList() {
       this.loading = true;
-      getInfoList({ ...this.searchList, keyword: query }).then(({ data }) => {
+      getInfoList({ ...this.searchList, keyword: this.value }).then(({ data }) => {
         let list = [];
         data.list.length &&
           data.list.forEach((item) => {
@@ -105,6 +98,11 @@ export default {
       this.$emit("input", this.options.map((item) => item.value == v).label);
       this.$emit("change", v);
     },
+
+    onInput(e) {
+      this.$emit("input", e.target.value);
+      this.$emit("change", e.target.value);
+    }
   },
   watch: {
     value(val) {
@@ -162,6 +162,26 @@ export function dynamicText(value, options) {
   if (!item || !item.fullName) return value
   return item.fullName
 }
+export function dynamicTextUP(value, options) {
+  if (!value) return ''
+  if (Array.isArray(value)) {
+    if (!options || !Array.isArray(options)) return value.join()
+    let textList = []
+    for (let i = 0; i < value.length; i++) {
+      let item = options.filter(o => o.id == value[i])[0]
+      if (!item || !item.fullName) {
+        textList.push(value[i])
+      } else {
+        textList.push(item.fullName)
+      }
+    }
+    return textList.join()
+  }
+  if (!options || !Array.isArray(options)) return value
+  let item = options.filter(o => o.Id == value)[0]
+  if (!item || !item.FullName) return value
+  return item.FullName
+}
 // 代码生成器数据匹配 Code
 export function dynamicTextCode(value, options) {
  
@@ -17,40 +17,37 @@
         :disabled="!!isDetail"
         :rules="rules"
       >
-        <el-col :span="24">
-          <el-form-item label="平台名称" prop="platformName">
-            <SelsctLoad v-model="dataForm.platformName"/>
-            <!-- <el-input
-              v-model="dataForm.platformName"
-              placeholder="请输入"
+      <el-col :span="24">
+          <el-form-item label="问题来源" prop="platformName">
+            <el-input
+              v-model="dataForm.questionFrom"
+              placeholder="请输入问题来源"
               clearable
               :style="{ width: '100%' }"
-              :disabled="true"
             >
-            </el-input> -->
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="平台名称" prop="platformName">
+            <SelsctLoad v-model="dataForm.platformName" :disabled="true"/>
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="平台类型" prop="platformType">
-            <el-select
-              v-model="dataForm.platformType"
-              placeholder="请选择"
-              clearable
-              :style="{ width: '100%' }"
-              :disabled="true"
-            >
-              <el-option
+            <el-radio-group v-model="dataForm.platformType" :disabled="true">
+              <el-radio
                 v-for="(item, index) in platformTypeOptions"
                 :key="index"
-                :label="item.FullName"
-                :value="item.Id"
-              ></el-option>
-            </el-select>
+                :label="item.Id"
+                >{{ item.FullName }}</el-radio
+              >
+            </el-radio-group>
           </el-form-item>
         </el-col>
         <el-col :span="24">
           <el-form-item label="问题类型" prop="questionType">
-            <el-radio-group v-model="dataForm.questionType" :style="{}">
+            <el-radio-group v-model="dataForm.questionType">
               <el-radio
                 v-for="(item, index) in questionTypeOptions"
                 :key="index"
@@ -61,7 +58,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="问题分类" prop="questionClass">
+          <el-form-item label="关键词" prop="questionClass">
             <el-select
               v-model="dataForm.questionClass"
               placeholder="请选择"
@@ -101,22 +98,32 @@
             </el-input>
           </el-form-item>
         </el-col>
-        <el-col :span="24">
-          <el-form-item label="取证内容" prop="obtainEvidence">
-            <NCC-UploadFz
-              v-model="dataForm.obtainEvidence"
-              :fileSize="5"
-              sizeUnit="MB"
-              :limit="9"
-              buttonText="点击上传"
+        <el-col :span="12">
+          <el-form-item label="正确描述" prop="platformName">
+            <el-input
+              v-model="dataForm.platformName"
+              placeholder="请输入正确描述"
+              clearable
+              :style="{ width: '100%' }"
             >
-            </NCC-UploadFz>
+            </el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="错误描述" prop="platformName">
+            <el-input
+              v-model="dataForm.platformName"
+              placeholder="请输入错误描述"
+              clearable
+              :style="{ width: '100%' }"
+            >
+            </el-input>
           </el-form-item>
         </el-col>
         <el-col :span="24">
-          <el-form-item label="附件上传" prop="annex">
+          <el-form-item label="取证内容" prop="obtainEvidence">
             <NCC-UploadFz
-              v-model="dataForm.annex"
+              v-model="dataForm.obtainEvidence"
               :fileSize="5"
               sizeUnit="MB"
               :limit="9"
@@ -148,6 +155,9 @@ export default {
       visible: false,
       isDetail: false,
       dataForm: {
+        id: "",
+        id: undefined,
+        questionFrom: undefined,
         platformName: undefined,
         platformType: undefined,
         questionType: undefined,
@@ -157,7 +167,17 @@ export default {
         obtainEvidence: [],
         annex: [],
       },
-      rules: {},
+      rules: {
+        platformType: [
+          { required: true, message: "请选择平台类型", trigger: "change" },
+        ],
+        questionType: [
+          { required: true, message: "请选择问题类型", trigger: "change" },
+        ],
+        questionClass: [
+          { required: true, message: "请选择关键词", trigger: "change" },
+        ],
+      },
       sourceOptions: [
         { fullName: "市网信办线索", id: "市网信办线索" },
         { fullName: "自主巡查发现", id: "自主巡查发现" },
@@ -99,18 +99,12 @@
                 label="应用名称"
                 align="center"
               />
-              <el-table-column
-                show-overflow-tooltip
-                prop="systemType"
-                label="应用类型"
-                align="center"
-              />
-              <el-table-column
-                show-overflow-tooltip
-                prop="systemClass"
-                label="应用分类"
-                align="center"
-              />
+              <el-table-column label="应用类型" prop="systemType" align="left" show-overflow-tooltip>
+                <template slot-scope="scope">{{ scope.row.systemType | dynamicTextUP(systemTypeOptions) }}</template>
+              </el-table-column>
+              <el-table-column label="系统类型" prop="systemClass" align="left" show-overflow-tooltip>
+                <!-- <template slot-scope="scope">{{ scope.row.systemClass | dynamicTextUP(systemTypeOptions) }}</template> -->
+              </el-table-column>
               <el-table-column
                 show-overflow-tooltip
                 prop="contactUser"
@@ -284,8 +278,8 @@ export default {
     };
   },
   created() {
-    this.initList();
     this.initSystemTypeList();
+    this.initList();
   },
   mounted() {},
   watch: {