智能导入

src/views/modules/base/smartImport.vue

@@ -23,6 +23,7 @@
           </el-upload>
           <el-button class="diy-button--white"
                      size="small"
+                     style="margin-left:10px"
                      @click="handleExportModule()">下载模板</el-button>
 
         </div>
@@ -43,35 +44,43 @@
         <el-table-column prop="deptName"
                          header-align="center"
                          align="center"
-                         label="部门"
+                         label="表格信息"
                          min-width="100">
         </el-table-column>
         <el-table-column prop="dataName"
                          header-align="center"
                          align="center"
-                         label="数据名称"
+                         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>
+            <el-select class="item_width_sel"
+                       v-model="scope.row.itemGroupId"
+                       size="small"
+                       placeholder="请选择">
+              <el-option v-for="item in groupList"
+                         @click.native="handleSelGroup(scope.$index,item)"
+                         :key="item.id"
+                         :label="item.label"
+                         :value="item.id">
+              </el-option>
+            </el-select>
+
+            <el-select class="item_width_sel"
+                       v-model="scope.row.itemId"
+                       size="small"
+                       style="margin-left:10px"
+                       placeholder="请选择">
+              <el-option v-for="item in scope.row.itemList"
+                         :key="item.itemId"
+                         :label="item.label"
+                         :value="item.itemId">
+              </el-option>
+            </el-select>
 
           </template>
         </el-table-column>
+
       </el-table>
       <div>
         <el-pagination @size-change="handleSizeChange"
@@ -84,6 +93,15 @@
         </el-pagination>
       </div>
 
+      <div ref="divEditBtn"
+           class="div_edit_btn">
+
+        <el-button type="primary"
+                   size="small"
+                   class="diy-button--blue"
+                   @click="handleComfirm">保 存</el-button>
+      </div>
+
     </div>
 
     <!-- 修改弹出框 -->
@@ -103,14 +121,6 @@
           <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>
 
@@ -153,18 +163,6 @@ export default {
       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: {},
@@ -172,13 +170,16 @@ export default {
       scopeList: [],
       dataSyncConfigId: '',
       importLoading: false,
+
+      groupList: [],
+      sHeight: 0,
     }
   },
 
   computed: {
     tableHeight () {
-      const h = this.clientHeight - 220 + this.iframeHeigh
-      const _h = this.clientHeight - 220
+      const h = this.clientHeight - this.sHeight + this.iframeHeigh
+      const _h = this.clientHeight - this.sHeight
       return this.$store.state.inIframe ? h : _h
     },
 
@@ -192,7 +193,9 @@ export default {
   },
   async mounted () {
     await this.loadData()
-    await this.getOrgList()
+    await this.loadPersonGroup()
+
+    this.sHeight = this.$refs.divEditBtn.offsetHeight + 300
   },
   methods: {
 
@@ -201,27 +204,43 @@ export default {
       this.formShow = false
     },
 
-    async getOrgList () {
-
-      const url = '/gov/org/customeragency/my-subagency-list'
+    async loadPersonGroup () {
+      const url = '/oper/customize/icformitemgroup/list'
+      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+      let params = {
+        formCode: 'resi_base_info',
+        policyFlag: '1'
+      }
 
-      let params = {};
+      const { data, code, msg } = await requestPost(url, params)
 
-      const { data, code, msg } = await requestPost(url, params);
       if (code === 0) {
+        this.groupList = data
+      } else {
+        this.$message.error(msg)
+      }
 
-        //组织级联数据
-        ++this.iscascaderShow
-        this.casOptions = []
-        this.orgIdArray.length = []
+    },
 
-        if (data) {
-          this.casOptions.push(data)
+    //选择人员信息第一列下拉框
+    async handleSelGroup (index, item, isSet) {
+      const url = '/oper/customize/icformitem/getItemListV2'
+      // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
+      let params = {
+        policyFlag: '1',
+        groupId: item.id,
 
-        }
+      }
+
+      const { data, code, msg } = await requestPost(url, params)
 
+      if (code === 0) {
+
+        let oneData = this.dataList[index]
+        oneData.itemList = data
+        this.$set(this.dataList, index, oneData)
       } else {
-        this.$message.error(msg);
+        this.$message.error(msg)
       }
     },
 
@@ -275,53 +294,8 @@ export default {
 
     },
 
-    // 开启/启用
-    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
-
+    handleComfirm () {
+      console.log(this.dataList)
     },
 
     async editDiaOK () {
@@ -485,4 +459,16 @@ export default {
 
 <style lang="scss" scoped>
 @import "@/assets/scss/modules/management/list-main.scss";
+
+.div_edit_btn {
+  display: flex;
+  margin-top: 20px;
+  margin-right: 16px;
+  justify-content: flex-end;
+  text-align: center;
+}
+
+.item_width_sel {
+  width: 200px;
+}
 </style>