图标，核查处置

monkeyhouyi
1 parent 2bbff3d8
Showing 16 changed files with 195 additions and 13 deletions
src/assets/images/meun/专项行动.png
src/assets/images/meun/基础信息库.png
src/assets/images/meun/我的消息.png
src/assets/images/meun/数字大屏.png
src/assets/images/meun/核查处置.png
src/assets/images/meun/清单管理.png
src/assets/images/meun/网信执法.png
src/assets/images/meun/首页.png
src/components/InfoForm/index.vue
src/components/SelsctLoad/index.vue
src/components/index.js
src/views/DisposalSuggestions/index.vue
src/views/baseInspectionReport/Form.vue
src/views/baseInspectionReport/index.vue
src/views/baseSystemInfo/InspectForm.vue
src/views/homePage/components/Menu.vue
@@ -335,7 +335,7 @@ export default {
     },
     // 无限下拉
     nextCompanyList() {
-      if (total_company == this.listQuery_company.length) return;
+      if (this.total_company == this.listQuery_company.length) return;
       this.listQuery_company.pageIndex++;
       this.initCompanyList();
     },
@@ -479,4 +479,3 @@ export default {
   }
 }
 </style>
-@/api/baseData/area@/api/baseData/company
+<template>
+  <el-select
+    :value="value"
+    :disabled="disabled"
+    filterable
+    remote
+    clearable
+    reserve-keyword
+    placeholder="请输入关平台名称"
+    :remote-method="search"
+    v-loadMore="nextList"
+    :loading="loading"
+    @change="onChange"
+    @clear="clearHandle"
+    @focus="search"
+  >
+    <el-option
+      v-for="item in options"
+      :key="item.value"
+      :label="item.label"
+      :value="item.value"
+    >
+    </el-option>
+  </el-select>
+</template>
+
+<script>
+import { getInfoList } from "@/api/baseData/info";
+export default {
+  name: "SelsctLoad",
+  props: ['value', 'disabled'],
+  computed: {
+    noMore() {
+      return this.total == this.options.length;
+    },
+  },
+  data() {
+    return {
+      loading: false,
+      searchList: {
+        pageIndex: 1,
+        pageSize: 20,
+        sort: "desc",
+        sidx: "",
+      },
+      total: 0,
+      options: [],
+    };
+  },
+  mounted() {},
+  methods: {
+    selectFocus() {
+      this.loadList();
+    },
+    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];
+      });
+    },
+    search(query) {
+      this.options = [];
+      this.searchList = {
+        pageIndex: 1,
+        pageSize: 10,
+        sort: "desc",
+        sidx: "",
+      };
+      this.loadList(query);
+    },
+    loadList(query) {
+      this.loading = true;
+      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.total = data.totalCount;
+        this.loading = false;
+      });
+    },
+    // 清除选中
+    clearHandle() {
+      this.value = "";
+      this.$emit("input", "");
+      this.$emit("change", "");
+    },
+
+    onChange(v) {
+      this.value = v;
+      this.$emit("input", this.options.map((item) => item.value == v).label);
+      this.$emit("change", v);
+    },
+  },
+  watch: {
+    value(val) {
+      this.search();
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.NCC-selectTree {
+  width: 100%;
+}
+.el-scrollbar .el-scrollbar__view .el-select-dropdown__item {
+  height: auto;
+  max-height: 274px;
+  padding: 0;
+  overflow: hidden;
+  overflow-y: auto;
+}
+.el-select-dropdown__item.selected {
+  font-weight: normal;
+}
+ul li::-webkit-scrollbar-track {
+  border-radius: 0;
+  background-color: #fff;
+}
+ul li >>> .el-tree .el-tree-node__content {
+  height: auto;
+  padding: 0 20px;
+}
+.el-tree-node__label {
+  font-weight: normal;
+}
+.el-tree.single >>> .is-current .el-tree-node__label {
+  color: #409eff;
+  font-weight: 700;
+}
+.el-tree.single >>> .is-current .el-tree-node__content .custom-tree-node {
+  color: #409eff;
+  font-weight: 700;
+}
+.el-tree.single >>> .is-current .el-tree-node__children .custom-tree-node {
+  color: #606266;
+  font-weight: normal;
+}
+.el-tree.single >>> .is-current .el-tree-node__children .el-tree-node__label {
+  color: #606266;
+  font-weight: normal;
+}
+.empty-text {
+  margin: 0;
+  text-align: center;
+  color: #999;
+  font-size: 14px;
+  background: #fff;
+  cursor: auto;
+  padding: 0;
+  line-height: 24px;
+}
+</style>
@@ -11,6 +11,7 @@ import DepSelect from &#39;@/components/Generator/components/DepSelect&#39;
 import Screenfull from '@/components/Screenfull'
 import NCCTreeSelect from '@/components/NCC-treeSelect'
 import NCCAddress from '@/components/Generator/components/Address'
+import SelsctLoad from '@/components/SelsctLoad'
 export default {
   install(Vue, options) {
@@ -27,6 +28,7 @@ export default {
     Vue.component('NCCTreeSelect', NCCTreeSelect)
     Vue.component('Screenfull', Screenfull)
     Vue.component('NCCAddress', NCCAddress)
+    Vue.component('SelsctLoad', SelsctLoad)
   }
 }
 \ No newline at end of file
@@ -18,11 +18,11 @@
                            </el-select>
                        </el-form-item>
                    </el-col>
-                   <el-col :span="4">
+                   <!-- <el-col :span="4">
                        <el-form-item label="">
                            <depSelect v-model="query.department" placeholder="请选择部门" />
                        </el-form-item>
-                   </el-col>
+                   </el-col> -->
                    <el-col :span="4">
                        <el-form-item label="">
                            <el-select v-model="query.questionType" placeholder="请选择问题类型" >
@@ -30,13 +30,14 @@
         </el-col>
         <el-col :span="24">
           <el-form-item label="平台名称" prop="platformName">
-            <el-input
+            <SelsctLoad v-model="dataForm.platformName"/>
+            <!-- <el-input
               v-model="dataForm.platformName"
               placeholder="请输入"
               clearable
               :style="{ width: '100%' }"
             >
-            </el-input>
+            </el-input> -->
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -18,11 +18,11 @@
 							</el-select>
 						</el-form-item>
 					</el-col>
-					<el-col :span="4">
+					<!-- <el-col :span="4">
 						<el-form-item label="">
 							<depSelect v-model="query.department" placeholder="请选择部门" />
 						</el-form-item>
-					</el-col>
+					</el-col> -->
 					<el-col :span="4">
 						<el-form-item label="">
 							<el-select v-model="query.questionType" placeholder="请选择问题类型" >
@@ -19,14 +19,15 @@
       >
         <el-col :span="24">
           <el-form-item label="平台名称" prop="platformName">
-            <el-input
+            <SelsctLoad v-model="dataForm.platformName"/>
+            <!-- <el-input
               v-model="dataForm.platformName"
               placeholder="请输入"
               clearable
               :style="{ width: '100%' }"
               :disabled="true"
             >
-            </el-input>
+            </el-input> -->
           </el-form-item>
         </el-col>
         <el-col :span="24">
@@ -7,7 +7,7 @@
       router
     >
       <el-menu-item index="/homePage">
-        <i class="el-icon-menu"></i>
+        <i><img src="@/assets/images/meun/首页.png" alt="" /></i>
         <span>首页</span>
         <!-- <span slot="title">首页</span> -->
       </el-menu-item>
@@ -15,7 +15,9 @@
         <template v-if="v.children && v.children.length">
           <el-submenu :index="v.path">
             <template slot="title">
-              <i class="el-icon-location"></i>
+              <i>
+                <img :src="require(`@/assets/images/meun/${v.fullName}.png`)" alt="photo.text" />
+              </i>
               <span slot="title">{{ v.fullName }}</span>
             </template>
             <el-menu-item-group>
@@ -50,7 +52,9 @@ export default {
   },
   mounted() {
     // 显示"内部系统PC权限"下的页面
-    let meun = this.$store.state.user.menuList.find(v => v.id == '582459649622541573').children;
+    let meun = this.$store.state.user.menuList.find(
+      (v) => v.id == "582459649622541573"
+    ).children;
     this.navList = meun;
   },
   computed: {
@@ -59,6 +63,8 @@ export default {
       return this.$route.path;
     },
   },
+  methods: {
+  },
 };
 </script>
 <style scoped lang="scss">
@@ -111,7 +117,12 @@ export default {
       color: #fff;
       font-size: 30px;
       width: 30px;
+      height: 30px;
       margin: 0;
+      img {
+        width: 100%;
+        height: 100%;
+      }
     }
     .el-submenu__icon-arrow.el-icon-arrow-right {
       display: none;