修复选择企业回显记忆性问题

src/api/jin_ji_hu/enterList/index.js

@@ -1,12 +1,12 @@
-import request from "@/utils/request"
+import request from "@/utils/request";
 
 // 分页查询企业基础信息
 export function getEnterList(params) {
   return request({
     url: "/system/enterpriseBasicInfo/list",
     method: "get",
-    params
+    params,
-  })
+  });
 }
 
 // 新增企业基础信息
@@ -14,8 +14,8 @@ export function enterpriseBasicInfoNew(data) {
   return request({
     url: "/system/enterpriseBasicInfo",
     method: "post",
-    data
+    data,
-  })
+  });
 }
 
 // 修改企业基础信息
@@ -23,8 +23,8 @@ export function enterpriseBasicInfoChange(data) {
   return request({
     url: "/system/enterpriseBasicInfo/edit",
     method: "post",
-    data
+    data,
-  })
+  });
 }
 
 // 根据主键查询企业基础信息
@@ -32,7 +32,7 @@ export function enterpriseBasicInfoId(id) {
   return request({
     url: "/system/enterpriseBasicInfo/" + id,
     method: "get",
-  })
+  });
 }
 
 // 删除企业基础信息
@@ -40,8 +40,8 @@ export function enterpriseBasicInfoDel(params) {
   return request({
     url: "/system/enterpriseBasicInfo" + id,
     method: "post",
-    params
+    params,
-  })
+  });
 }
 
 // 分页查询联络人列表
@@ -49,6 +49,13 @@ export function getjContacts(params) {
   return request({
     url: "/jjh/jContacts",
     method: "get",
-    params
+    params,
-  })
+  });
+}
+export function getenterpriseByName(data) {
+  return request({
+    url: "/system/templateRecord/searchEntCodeToInfo",
+    method: "post",
+    data,
+  });
 }

src/assets/styles/index.scss

@@ -216,7 +216,10 @@ section::-webkit-scrollbar {
 //   display: none;
 // }
 // 荣誉情况弹窗样式
-.honor-dialog,.collectDialog-dialog,.headquarterEnterprise-dialog,.serviceIndustry-dialog {
+.honor-dialog,
+.collectDialog-dialog,
+.headquarterEnterprise-dialog,
+.serviceIndustry-dialog {
   section {
     div::-webkit-scrollbar {
       display: block;
@@ -402,3 +405,7 @@ section::-webkit-scrollbar {
     }
   }
 }
+
+.tablecell .el-checkbox__label {
+  display: none !important;
+}

src/views/onlineDeclaration/enterpriseDirectory/components/activeEnterpriseList.vue

@@ -1,4 +1,12 @@
 <template>
+  <el-dialog
+    title="企业自选列表"
+    :visible.sync="activeEnterpriseView"
+    width="1200px"
+    append-to-body
+    destroy-on-close
+    :close-on-click-modal="false"
+  >
     <div class="L-public-main" id="L-size-main">
       <div class="L-main" style="padding: 0">
         <header id="L-header">
@@ -43,11 +51,17 @@
                   @click="handleQuery('queryFrom')"
                   >查询</el-button
                 >
+                <el-button size="mini" type="primary" @click="ConfirmSelct()"
+                  >确定勾选</el-button
+                >
               </el-form-item>
             </el-col>
           </el-form>
         </header>
         <section>
+          <!-- @selection-change="handleSelectionChange"
+          row-key="tyshxydm" -->
+          <el-checkbox-group v-model="selectList" @change="CheckboxChange">
             <el-table
               ref="multipleTable"
               v-loading="loading"
@@ -55,9 +69,13 @@
               :row-class-name="tableRowClassName"
               :height="tabHeader"
               :max-height="tabHeader"
-          @selection-change="handleSelectionChange"
+              cell-class-name="tablecell"
             >
-          <el-table-column type="selection" align="center" width="50" />
+              <el-table-column width="45" center>
+                <template slot-scope="scope">
+                  <el-checkbox :label="scope.row.tyshxydm"> </el-checkbox>
+                </template>
+              </el-table-column>
               <el-table-column label="企业名称" prop="qymc" />
               <el-table-column label="统一社会信用代码" prop="tyshxydm" />
               <!-- <el-table-column label="法定代表人" prop="policyLevel" />
@@ -75,6 +93,7 @@
                 </template>
               </el-table-column>
             </el-table>
+          </el-checkbox-group>
           <my-pagination
             id="L-pagination"
             :total="total"
@@ -86,6 +105,7 @@
         </section>
       </div>
     </div>
+  </el-dialog>
 </template>
 <script>
 import myPagination from "@/views/components/Pagination/index.vue";
@@ -96,8 +116,10 @@ import {
   enterpriseBasicInfoChange,
   enterpriseBasicInfoId,
   enterpriseBasicInfoDel,
+  getenterpriseByName,
 } from "@/api/jin_ji_hu/enterList";
 import { getToken } from "@/utils/auth";
+import { Checkbox } from "element-ui";
 export default {
   components: { myPagination },
   dicts: ["jjh_project_type"],
@@ -106,6 +128,7 @@ export default {
   },
   data() {
     return {
+      activeEnterpriseView: false,
       rowList: [],
       userType: this.$store.state.user.userType,
       roles: this.$store.state.user.roles,
@@ -167,14 +190,15 @@ export default {
       uploadList: [],
       // 导出遮罩层
       exportLoading: false,
+      selectList: [],
     };
   },
   watch: {
     value: {
       handler(val) {
-        console.log("监听", val.length);
         if (val) {
-          this.rowList = val;
+          this.selectList = val.map((it) => it.creditCode);
+          console.log("监听", this.selectList.length);
         }
       },
       deep: true,
@@ -188,57 +212,22 @@ export default {
       this.formInline.qymc = this.$route.params.enterpriseName;
       this.pagination = { ...this.pagination, ...this.formInline };
     }
-    this.getList();
   },
   destroyed() {
     window.removeEventListener("resize", this.cancalDebounce);
   },
   methods: {
-    // // 回显记录是否被选中
+    showDialog() {
-    toggleSelection() {
+      this.getList();
-      if (this.rowList.length > 0) {
+      this.activeEnterpriseView = true;
-        this.rowList.map((row) => {
-          const newItem = this.tableData.filter(
-            (item) => item.tyshxydm == row.creditCode
-          );
-          if (newItem.length > 0) {
-            this.$refs.multipleTable.toggleRowSelection(newItem[0]);
-          }
-        });
-      } else {
-        this.$refs.multipleTable.clearSelection();
-      }
     },
-    // /**
+    async ConfirmSelct() {
-    //  * 企业勾选
+      let res = await getenterpriseByName(this.selectList);
-    //  */
+      this.$emit("input", res.data);
-    handleSelectionChange(val) {
+      this.activeEnterpriseView = false;
-      const combinedArray = [
+    },
-        ...val,
+    CheckboxChange() {
-        ...this.rowList.map((item) => ({
+      console.log(this.selectList);
-          qymc: item.enterpriseName,
-          tyshxydm: item.creditCode,
-        })),
-      ];
-
-      const uniqueArray = Array.from(
-        combinedArray
-          .reduce((map, item) => {
-            if (!map.has(item.tyshxydm)) {
-              map.set(item.tyshxydm, item);
-            }
-            return map;
-          }, new Map())
-          .values()
-      );
-
-      const list = uniqueArray.map((item) => {
-        return {
-          enterpriseName: item.qymc,
-          creditCode: item.tyshxydm,
-        };
-      });
-      this.$emit("input", list);
     },
     // 列表获取
     getList() {
@@ -247,12 +236,9 @@ export default {
         this.loading = false;
         this.total = res.data.total;
         this.tableData = res.data.records;
-
-        this.$nextTick(() => {
-          this.toggleSelection();
-        });
       });
     },
+
     // 获取页码
     getPagination(pages) {
       this.pagination.current = pages.page;
@@ -375,7 +361,7 @@ export default {
     // 删除文件
     handleDelete(index) {
       this.fileList.splice(index, 1);
-      this.$emit("input", this.listToString(this.fileList));
+      // this.$emit("input", this.listToString(this.fileList));
     },
     // 获取文件名称
     getFileName(name) {
@@ -416,3 +402,5 @@ export default {
   },
 };
 </script>
+
+<style lang="scss" scoped></style>

src/views/onlineDeclaration/enterpriseDirectory/index.vue

@@ -410,7 +410,7 @@
           <el-col :span="24" v-if="form.isFrame == 2">
             <el-form-item label="已选企业" prop="enterpriseDirectoryList">
               <div class="active-enterprise">
-                <div class="enterprise-name">
+                <div class="enterprise-name" @click="lookentErprise()">
                   <div
                     v-if="
                       form.enterpriseDirectoryList &&
@@ -498,6 +498,7 @@
           <el-col :span="24">
             <el-form-item label="短信内容" prop="smsInfo">
               <el-input
+                :disabled="isReplace"
                 v-model="form.smsInfo"
                 type="textarea"
                 placeholder="请输入短信内容"
@@ -559,15 +560,10 @@
     </el-dialog>
 
     <!-- 企业自选弹出层 -->
-    <el-dialog
+    <activeEnterpriseList
-      title="企业自选列表"
+      ref="activeEnterpriseList"
-      :visible.sync="activeEnterpriseView"
+      v-model="form.enterpriseDirectoryList"
-      width="1200px"
+    />
-      append-to-body
-      :close-on-click-modal="false"
-    >
-      <activeEnterpriseList v-model="form.enterpriseDirectoryList" />
-    </el-dialog>
   </div>
 </template>
 
@@ -741,6 +737,12 @@ export default {
     this.getTemplateList();
   },
   methods: {
+    // 查看已选企业列表
+    lookentErprise() {
+      this.viewVisible = true;
+      this.businessList = this.form.enterpriseDirectoryList;
+    },
+
     /**
      * 企业名录维护方式变化
      */
@@ -752,7 +754,7 @@ export default {
      * 打开企业自选列表
      */
     handlerEnterpriseOption() {
-      this.activeEnterpriseView = true;
+      this.$refs.activeEnterpriseList.showDialog();
     },
 
     getDataList() {