From 35916a59cfb753da31bdb04fa9c6e1b62a59d3c8 Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Tue, 13 Dec 2022 11:12:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=BF=E5=B1=8B=E7=AE=A1=E7=90=86=E5=BC=82?=
 =?UTF-8?q?=E5=B8=B8=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/index/abnormal.png          | Bin 0 -> 782 bytes
 .../modules/base/community/buildTable.vue     |   2 +-
 .../modules/base/community/community.vue      |  82 ++-
 .../modules/base/community/communityTable.vue |   2 +-
 .../modules/base/community/roomTable.vue      |   4 +-
 src/views/modules/base/smartImport.vue        | 488 ++++++++++++++++++
 6 files changed, 557 insertions(+), 21 deletions(-)
 create mode 100644 src/assets/images/index/abnormal.png
 create mode 100644 src/views/modules/base/smartImport.vue

diff --git a/src/assets/images/index/abnormal.png b/src/assets/images/index/abnormal.png
new file mode 100644
index 0000000000000000000000000000000000000000..b11b443a73f8639b28ac7b05fb048db61420cccc
GIT binary patch
literal 782
zcmV+p1M&QcP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%$Vo&&R9HvFmrF>LQ5462_p`Dl4V2tiEh2Zhb5Z1~sKABJ4CZSjs30uVEQ&(O
zv=rNjP$~&wPzx=@oY6&*t%RVcWws03G$2HR)|f-ijrs04jr02MH$ijP=YP)cKF;F`
zvb;p5@ukO8z{*;&sn5^#i?Ok#Onhkr$g28c#F`r!a)BsE${m{m3b6|E4Z`pubEm}g
zQ@;+7C4g*b*v*eXCqi66%56GM5h93`Bjh=H#Q6BPbegmP(&egVT|NSKX$4L+S|&%F
z6JGCRDt$@->2%*B6zT>nPssvKVi?`RH+3hOT~g<f;I}i}b#j?ubR~mG0Eis>gyqf)
z3*g#SkP`X_V97EGBsroc{yH`RL>}B{tvj!)g+`Cs?c*mf`CR9~mdSG*h<%uw0V<vM
zfJ-`_sILQ0gI$2I{e3axYukts1u*lRUtf@Ns}_LU1!vDF(+4B);-!|%Oi{M)->4IR
z0i5n;LZKl&FF-{FTx?S2;Wschr!B=WT7++EI4p=c0p~1|<Jw-19fix0lkDk*_aC&S
z2wsb6--$Q?S0JIhrgK?-1a4ec7VRA{|H%e`SQXP=M-)IcmY?7CJpg58(AB9VZC7An
z!Iqr-orU2BW?q4;tUd_8Kicw8S_*x=N^-sl78h;FVN0o)nVioYprix_`c=@z)3CDg
z4*;25!M?pP97!5?HLS1O1Bkr>^BSsbKEk3R7<~xAAe^eT7hJ?WLIq$m4a1_&o8b4u
zXt-nBSV_~+ZXvP}FTpf<Au>zxg7(zoa6ny+^8IWA0s%dwRHay@qm5?N(hMifVg|2f
zVaTkkIxBfIG6B^5r`L`<+Trja74Ypl=)0>EJbgPhA=DgbJ&^1vhSpXUbZ`*9S`NY1
z1Ifk~vO1E*L1bqrjY4E|ERRBD^J5bGth4qtOO;#y{d205<eAv~0f)jkFj2l*TmS$7
M07*qoM6N<$f>(ZKMgRZ+

literal 0
HcmV?d00001

diff --git a/src/views/modules/base/community/buildTable.vue b/src/views/modules/base/community/buildTable.vue
index 86c358d24..19db6b301 100644
--- a/src/views/modules/base/community/buildTable.vue
+++ b/src/views/modules/base/community/buildTable.vue
@@ -348,7 +348,7 @@ export default {
   computed: {
     tableHeight () {
 
-      return this.$store.state.inIframe ? this.clientHeight - 425 + this.iframeHeight : this.clientHeight - 425
+      return this.$store.state.inIframe ? this.clientHeight - 465 + this.iframeHeight : this.clientHeight - 465
 
     },
 
diff --git a/src/views/modules/base/community/community.vue b/src/views/modules/base/community/community.vue
index 6b644805f..0beaa7f28 100644
--- a/src/views/modules/base/community/community.vue
+++ b/src/views/modules/base/community/community.vue
@@ -22,9 +22,12 @@
 
           <span slot-scope="{ node, data }"
                 class="custom-tree-node">
-            <img v-if="data.level==='building'"
-                 src="@/assets/img/icon-add.png"
+            <img v-if="data.showIcon"
+                 src="@/assets/images/index/abnormal.png"
                  style="height:14px;width:14px;margin-right:5px;margin-top:-3px">
+
+            <!-- <span v-if="data.level==='building'&&!data.showIcon"
+                  style="padding-left:20px;">{{ '   ' }}</span> -->
             <span :id="data.id">{{ data.showName }}</span>
           </span>
         </el-tree>
@@ -38,7 +41,7 @@
       <div class="div_search hflex">
 
         <el-form :inline="true"
-                  class="communityHeight"
+                 class="communityHeight"
                  ref="ref_searchform"
                  :class="boxHeight ? 'setFormBoxHeightAuto' : 'setFormBoxHeight'"
                  :label-width="'100px'">
@@ -186,12 +189,7 @@
           </el-form-item>
 
           <!-- </div> -->
-         
-        </el-form>
-        <el-row class="flex endpoint">
-            <el-col :span="24">
-              <span></span>
-            <div class="div_search_btn">
+          <div class="div_search_btn">
             <el-button size="small"
                        class="diy-button--white"
                        @click="resetSearch">重置</el-button>
@@ -199,15 +197,33 @@
                        size="small"
                        class="diy-button--blue"
                        @click="handleSearch">查询</el-button>
-            <el-button style="margin-left:15px"
-                       size="small"
-                       class="div-table-button--blue communityUnfold"
-                       type="text"
-                       @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button>
-
+            <!-- <el-button style="margin-left:15px"
+                         size="small"
+                         class="div-table-button--blue communityUnfold"
+                         type="text"
+                         @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button> -->
           </div>
-            </el-col>
-          </el-row>
+        </el-form>
+        <!-- <el-row class="flex endpoint">
+          <el-col :span="24">
+            <span></span>
+            <div class="div_search_btn">
+              <el-button size="small"
+                         class="diy-button--white"
+                         @click="resetSearch">重置</el-button>
+              <el-button style="margin-left:10px"
+                         size="small"
+                         class="diy-button--blue"
+                         @click="handleSearch">查询</el-button>
+              <el-button style="margin-left:15px"
+                         size="small"
+                         class="div-table-button--blue communityUnfold"
+                         type="text"
+                         @click="boxHeight = !boxHeight">{{ boxHeight ? '收起' : '展开' }}<i :class="boxHeight ? 'el-icon-arrow-up' : 'el-icon-arrow-down'"></i></el-button>
+
+            </div>
+          </el-col>
+        </el-row> -->
       </div>
 
       <div class="">
@@ -384,6 +400,11 @@ export default {
 
   },
   computed: {
+    showIcon (showNum, level) {
+
+
+
+    },
     rowHeight () {
 
       return this.$store.state.inIframe ? this.clientHeight - 160 + this.iframeHeight + 'px' : this.clientHeight - 160 + 'px'
@@ -564,6 +585,9 @@ export default {
         this.openNodes.push(data[0].id)
 
         this.treeData = data
+        this.handleTreeData(this.treeData)
+
+
         if (!isRefresh && data.length > 0) {
 
           this.selTreeObj = data[0]
@@ -581,6 +605,27 @@ export default {
       }
     },
 
+    handleTreeData (treeData) {
+      for (let i in treeData) {
+        treeData[i].showIcon = false
+        if (treeData[i].level === 'building') {
+
+
+          let array = treeData[i].showNum.split('/')
+          if (array.length === 2) {
+            let a = parseInt(array[0])
+            let b = parseInt(array[1])
+            treeData[i].showIcon = a < b
+          }
+
+        }
+
+        if (treeData[i].children) {  //存在子节点就递归
+          this.handleTreeData(treeData[i].children);
+        }
+      }
+    },
+
     //加载组织数据
     async loadOrgData () {
       const url = "/gov/org/agency/maporg"
@@ -858,6 +903,9 @@ export default {
 
 .div_tree {
   margin: 7px 8px 7px 7px;
+  width: 30%;
+  max-width: 304px;
+  min-width: 240px;
   /deep/ .el-scrollbar__wrap {
     overflow-x: hidden !important;
   }
diff --git a/src/views/modules/base/community/communityTable.vue b/src/views/modules/base/community/communityTable.vue
index 4443e7e14..4cac6081f 100644
--- a/src/views/modules/base/community/communityTable.vue
+++ b/src/views/modules/base/community/communityTable.vue
@@ -380,7 +380,7 @@ export default {
   },
   computed: {
     tableHeight () {
-      return this.$store.state.inIframe ? this.clientHeight - 425 + this.iframeHeight : this.clientHeight - 425
+      return this.$store.state.inIframe ? this.clientHeight - 465 + this.iframeHeight : this.clientHeight - 465
 
     },
 
diff --git a/src/views/modules/base/community/roomTable.vue b/src/views/modules/base/community/roomTable.vue
index 2644e6995..37927746f 100644
--- a/src/views/modules/base/community/roomTable.vue
+++ b/src/views/modules/base/community/roomTable.vue
@@ -380,8 +380,8 @@ export default {
   computed: {
     tableHeight () {
       return this.$store.state.inIframe
-        ? this.clientHeight - 425 + this.iframeHeight
-        : this.clientHeight - 425;
+        ? this.clientHeight - 465 + this.iframeHeight
+        : this.clientHeight - 465;
     },
 
     ...mapGetters(["clientHeight", "iframeHeight"]),
diff --git a/src/views/modules/base/smartImport.vue b/src/views/modules/base/smartImport.vue
new file mode 100644
index 000000000..4ab3789ae
--- /dev/null
+++ b/src/views/modules/base/smartImport.vue
@@ -0,0 +1,488 @@
+<template>
+  <div class="div_main">
+    <div class="div_table">
+      <div class="div_btn">
+        <div class="div_btn_left">
+
+          <el-upload :headers="$getElUploadHeaders()"
+                     ref="upload"
+                     class="upload-btn"
+                     action="uploadUlr"
+                     :limit="1"
+                     :accept="'.xls,.xlsx'"
+                     :with-credentials="true"
+                     :show-file-list="false"
+                     :auto-upload="true"
+                     :on-progress="handleProgress"
+                     :on-success="handleExcelSuccess"
+                     :before-upload="beforeExcelUpload"
+                     :http-request="uploadHttpRequest">
+            <el-button size="small"
+                       class="diy-button--white"
+                       :loading="importLoading">表格导入</el-button>
+          </el-upload>
+          <el-button class="diy-button--white"
+                     size="small"
+                     @click="handleExportModule()">下载模板</el-button>
+
+        </div>
+      </div>
+      <el-table ref="ref_table"
+                :data="dataList"
+                border
+                :height="tableHeight"
+                class="div_table_item"
+                v-loading="dataListLoading"
+                style="width: 100%">
+        <el-table-column label="序号"
+                         header-align="center"
+                         align="center"
+                         type="index"
+                         width="100"></el-table-column>
+
+        <el-table-column prop="deptName"
+                         header-align="center"
+                         align="center"
+                         label="部门"
+                         min-width="100">
+        </el-table-column>
+        <el-table-column prop="dataName"
+                         header-align="center"
+                         align="center"
+                         label="数据名称"
+                         min-width="110">
+        </el-table-column>
+
+        <el-table-column label="操作"
+                         fixed="right"
+                         header-align="center"
+                         align="center"
+                         width="350">
+          <template slot-scope="scope">
+            <el-switch style="margin-left:20px"
+                       v-model="scope.row.stateShow"
+                       @change="disableCategory(scope.row,scope.$index)">
+            </el-switch>
+
+            <el-button size="small"
+                       type="text"
+                       class="div-table-button--blue"
+                       style="margin-left:20px"
+                       @click="editShow(scope.row)">配置</el-button>
+
+          </template>
+        </el-table-column>
+      </el-table>
+      <div>
+        <el-pagination @size-change="handleSizeChange"
+                       @current-change="handleCurrentChange"
+                       :current-page.sync="pageNo"
+                       :page-sizes="[20, 50, 100, 200]"
+                       :page-size="pageSize"
+                       layout="sizes, prev, pager, next, total"
+                       :total="total">
+        </el-pagination>
+      </div>
+
+    </div>
+
+    <!-- 修改弹出框 -->
+    <el-dialog :visible.sync="formShow"
+               :close-on-click-modal="false"
+               :close-on-press-escape="false"
+               :title="'数据更新配置'"
+               width="850px"
+               top="5vh"
+               class="dialog-h"
+               @closed="diaClose">
+      <div class="div_form">
+        <el-form ref="ref_form"
+                 :inline="true"
+                 :model="formData">
+
+          <el-form-item label="适用范围"
+                        label-width="150px"
+                        style="display: block">
+            <el-cascader class="item_width_1"
+                         ref="myCascader"
+                         v-model="orgIdArray"
+                         :key="iscascaderShow"
+                         :options="casOptions"
+                         :props="optionProps"
+                         :show-all-levels="false"
+                         @change="handleChangeScope"></el-cascader>
+
+          </el-form-item>
+
+        </el-form>
+      </div>
+
+      <div class="div-btn">
+        <el-button size="small"
+                   @click="diaClose">取 消</el-button>
+        <el-button size="small"
+                   type="primary"
+                   @click="editDiaOK">确 定</el-button>
+      </div>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+
+import { requestPost } from '@/js/dai/request'
+
+import { mapGetters } from 'vuex'
+export default {
+
+  data () {
+    return {
+      customerId: '', // 客户id，父组件传
+      customerName: '', // 客户名称，父组件传
+
+      tableParams: {
+        customerId: ''
+      },
+      // tableHeight: 500,
+      search: '',
+      dataList: [],
+
+      dataListLoading: false,
+      total: 0,
+      pageSize: 20,
+      pageNo: 0,
+
+      casOptions: [],
+      iscascaderShow: 0,
+      orgIdArray: [],
+      selCateObj: {},
+      optionProps: {
+        multiple: true,
+        value: 'agencyId',
+        label: 'agencyName',
+        orgType: 'orgType',
+        children: 'subAgencyList',
+        checkStrictly: true
+      },
+
+      formShow: false,
+      formData: {},
+
+      scopeList: [],
+      dataSyncConfigId: '',
+      importLoading: false,
+    }
+  },
+
+  computed: {
+    tableHeight () {
+      const h = this.clientHeight - 220 + this.iframeHeigh
+      const _h = this.clientHeight - 220
+      return this.$store.state.inIframe ? h : _h
+    },
+
+    ...mapGetters(['clientHeight', 'iframeHeight'])
+  },
+  components: {
+
+  },
+  created () {
+
+  },
+  async mounted () {
+    await this.loadData()
+    await this.getOrgList()
+  },
+  methods: {
+
+
+    diaClose () {
+      this.formShow = false
+    },
+
+    async getOrgList () {
+
+      const url = '/gov/org/customeragency/my-subagency-list'
+
+      let params = {};
+
+      const { data, code, msg } = await requestPost(url, params);
+      if (code === 0) {
+
+        //组织级联数据
+        ++this.iscascaderShow
+        this.casOptions = []
+        this.orgIdArray.length = []
+
+        if (data) {
+          this.casOptions.push(data)
+
+        }
+
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    // 加载列表数据
+    async loadData () {
+      this.dataListLoading = true
+      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/list'
+      const url = '/epmetuser/dataSyncConfig/list'
+
+      this.tableParams = {
+        pageSize: this.pageSize,
+        pageNo: this.pageNo
+      }
+
+      const { data, code, msg } = await requestPost(url, this.tableParams)
+      this.dataListLoading = false
+      if (code === 0) {
+        this.total = data.total
+        this.dataList = data.list
+        this.dataList.forEach(element => {
+
+          element.stateShow = element.switchStatus === 'open' ? true : false
+
+        })
+      } else {
+        // this.$message.error(msg )
+      }
+    },
+
+    handleChangeScope (value) {
+      // console.log('value', value)
+
+      this.orgIdArray = value
+      this.scopeList = []
+      let selArray = this.$refs["myCascader"].getCheckedNodes()
+
+      // console.log('selArray', selArray)
+
+      selArray.forEach((element, index) => {
+
+        let obj = {
+          orgId: element.data.agencyId,
+          orgType: element.data.level,
+          orgIdPath: element.path.join(':'),
+
+        }
+        this.scopeList.push(obj)
+      });
+
+      console.log('this.scopeList', this.scopeList)
+
+    },
+
+    // 开启/启用
+    disableCategory (row, index) {
+      row.switchStatusShow = row.switchStatus === 'open' ? '关闭' : '开启'
+      this.$confirm('确认' + row.switchStatusShow, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const url = '/epmetuser/dataSyncConfig/configSwitch'
+        // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/configSwitch'
+        const param = {
+          deptCode: row.deptCode,
+          dataSyncConfigId: row.id,
+
+        }
+        window.app.ajax.post(url, param,
+          (data, rspMsg) => {
+            // row.switchStatus = 'open'
+            // row.switchStatus = true
+            // this.$set(this.dataList, index, row)
+
+            this.$message.success('操作成功')
+            this.loadData()
+          },
+          (rspMsg, data) => {
+            this.$message.error(rspMsg)
+          })
+      }).catch(() => {
+
+      })
+    },
+
+
+    // 编辑 customerId,parentCategoryId,dateform
+    editShow (row) {
+      this.dataSyncConfigId = row.id
+
+      this.orgIdArray = []
+      row.scopeList.forEach(element => {
+        if (element.orgIdPath) {
+          this.orgIdArray.push(element.orgIdPath.split(':'))
+        }
+
+      });
+
+      this.formShow = true
+
+    },
+
+    async editDiaOK () {
+      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/scopeSave'
+      const url = '/epmetuser/dataSyncConfig/scopeSave'
+
+      let params = {
+        dataSyncConfigId: this.dataSyncConfigId,
+        scopeList: this.scopeList
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
+
+      if (code === 0) {
+        this.formShow = false
+        this.loadData()
+      } else {
+        // this.$message.error(msg )
+      }
+    },
+
+    async handleExportModule () {
+      let url = "/heart/iccommunityselforganization/import-template-download";
+
+      let params = {};
+      await this.$http({
+        method: "POST",
+        url,
+        responseType: "blob",
+        data: params,
+      })
+        .then((res) => {
+          // this.download(res.data, title + '.xls')
+          if (res.headers["content-disposition"]) {
+            let fileName = window.decodeURI(
+              res.headers["content-disposition"].split(";")[1].split("=")[1]
+            );
+            console.log("filename", fileName);
+            let blob = new Blob([res.data], {
+              type: "application/vnd.ms-excel",
+            });
+            var url = window.URL.createObjectURL(blob);
+            var aLink = document.createElement("a");
+            aLink.style.display = "none";
+            aLink.href = url;
+            aLink.setAttribute("download", fileName);
+            document.body.appendChild(aLink);
+            aLink.click();
+            document.body.removeChild(aLink); //下载完成移除元素
+            window.URL.revokeObjectURL(url); //释放掉blob对象
+          } else this.$message.error("下载失败");
+        })
+        .catch((err) => {
+          console.log("err", err);
+          return this.$message.error("网络错误");
+        });
+    },
+    // 上传大图标成功
+    handleExcelSuccess (res, file) {
+      if (res.code === 0 && res.msg === "success") {
+        console.log("resss---ppp", res);
+      } else {
+        this.$message.error(res.msg);
+      }
+    },
+    handleProgress (event, file, fileList) {
+      console.log("percentage", file.percentage);
+    },
+
+    beforeExcelUpload (file) {
+      console.log("file", file);
+      const isType = file.type === "application/vnd.ms-excel";
+      const isTypeComputer =
+        file.type ===
+        "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+      const fileType = isType || isTypeComputer;
+      const isLt1M = file.size / 1024 / 1024 < 10;
+      if (!fileType) {
+        this.$message.error("上传文件只能是xls/xlsx格式！");
+      }
+
+      if (!isLt1M) {
+        this.$message.error("上传文件大小不能超过 10MB!");
+      }
+      return fileType && isLt1M;
+    },
+    async uploadHttpRequest (file) {
+      this.importLoading = true;
+      this.importBtnTitle = "正在上传中...";
+      this.$message({
+        showClose: true,
+        message: "导入中，请到系统管理-导入记录中查看进度",
+        duration: 0,
+      });
+      const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
+      formData.append("file", file.file); //添加文件对象
+      await this.$http
+        .post(
+          "/heart/iccommunityselforganization/importcommunityselforganization",
+          formData
+        )
+        .then((res) => {
+          console.log("res-up", res);
+          if (res.data.code == 0 && res.data.msg == "success") {
+            // this.$message.success('导入成功')
+            this.getTableData();
+          } else this.$message.error(res.data.msg);
+        })
+        .catch((err) => {
+          console.log("失败", err);
+          file.onError(); //上传失败的文件会从文件列表中删除
+          // this.$message.error('导入失败')
+        });
+      // axios({
+      //   url:
+      //     window.SITE_CONFIG["apiURL"] +
+      //     "/heart/iccommunityselforganization/importcommunityselforganization",
+      //   method: "post",
+      //   data: formData,
+      //   // responseType: "blob",
+      // })
+      //   .then((res) => {
+      //     this.importLoading = false;
+      //     this.importBtnTitle = "导入";
+      //     console.log("resresresresresresres", res);
+
+      //     this.getTableData();
+      //     if (res.data.code == 0) {
+      //       return this.$message.success(res.data.data || "导入成功");
+      //     } else {
+      //       return this.$message.error(res.data.msg);
+      //     }
+      //   })
+      //   .catch((err) => {
+      //     console.log("失败", err);
+      //   });
+      this.importLoading = false;
+      this.importBtnTitle = "导入";
+      this.$refs.upload.clearFiles();
+    },
+
+    handleSizeChange (val) {
+      this.pageSize = val
+      this.pageNo = 1
+      this.loadData()
+    },
+    handleCurrentChange (val) {
+      this.pageNo = val
+      this.loadData()
+    },
+
+    // 取消
+    diaCancel () {
+      this.$emit('cancleBack')
+    },
+
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/management/list-main.scss";
+</style>