智能导入

2 years ago · 85b4ac42dc
2 changed files with 98 additions and 123 deletions
--- a/src/views/modules/base/residentManagement/louzhang/addForm.vue
+++ b/src/views/modules/base/residentManagement/louzhang/addForm.vue
@ -246,7 +246,7 @@ export default {


        this.formData = { ...data };
-        this.$set(this.formData, 'rangeList', data.rangeList)
+        // this.$set(this.formData, 'rangeList', data.rangeList)
        console.log(this.formData)
      } else {
        this.$message.error(msg);
--- a/src/views/modules/base/smartImport.vue
+++ b/src/views/modules/base/smartImport.vue
@ -2,115 +2,91 @@
  <div class="g-main">
    <div class="m-table">
      <div class="u-table-btn1">
-        <el-dropdown
-          size="small"
-          type="primary"
-          style="margin: 0 10px; height: 30px"
-          trigger="hover"
-        >
-          <el-button type="primary" size="small">
+        <el-dropdown size="small"
+                     type="primary"
+                     style="margin: 0 10px; height: 30px"
+                     trigger="hover">
+          <el-button type="primary"
+                     size="small">
            表格导入<i class="el-icon-arrow-down el-icon--right"></i>
          </el-button>
          <el-dropdown-menu slot="dropdown">
-            <el-dropdown-item
-              v-for="(item, index) in resiClass"
-              :key="index"
-              @click.native="handleImportType(item.value)"
-            >
+            <el-dropdown-item v-for="(item, index) in resiClass"
+                              :key="index"
+                              @click.native="handleImportType(item.value)">
              {{ item.label }}
            </el-dropdown-item>
          </el-dropdown-menu>
        </el-dropdown>
-        <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-upload>
-        <el-button
-          class="diy-button--white"
-          size="small"
-          style="margin-left: 10px"
-          @click="handleExportModule()"
-          >下载模板</el-button
-        >
+        <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-upload>
+        <el-button class="diy-button--white"
+                   size="small"
+                   style="margin-left: 10px"
+                   @click="handleExportModule()">下载模板</el-button>
      </div>
      <div v-if="dataList.length > 0">
-        <el-table
-          ref="ref_table"
-          :data="dataList"
-          border
-          :height="tableHeight"
-          class="m-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="userTableHeader"
-            header-align="center"
-            align="center"
-            label="表格信息"
-            min-width="100"
-          >
+        <el-table ref="ref_table"
+                  :data="dataList"
+                  border
+                  :height="tableHeight"
+                  class="m-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="userTableHeader"
+                           header-align="center"
+                           align="center"
+                           label="表格信息"
+                           min-width="100">
            <template slot-scope="scope">
              {{ scope.row.userTableHeader || "--" }}
            </template>
          </el-table-column>

-          <el-table-column
-            prop="itemGroupId"
-            header-align="center"
-            align="center"
-            label="平台对应信息"
-            min-width="110"
-          >
+          <el-table-column prop="itemGroupId"
+                           header-align="center"
+                           align="center"
+                           label="平台对应信息"
+                           min-width="110">
            <template slot-scope="scope">
              <div>
-                <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, 'change')"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.label"
-                  >
+                <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, 'change')"
+                             :key="item.value"
+                             :label="item.label"
+                             :value="item.label">
                  </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.label"
-                  >
+                <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.label">
                  </el-option>
                </el-select>
              </div>
@ -118,17 +94,16 @@
          </el-table-column>
        </el-table>

-        <div ref="divEditBtn" class="m-edit-btn">
-          <el-button
-            type="primary"
-            size="small"
-            class="diy-button--blue"
-            @click="handleComfirm"
-            >保 存</el-button
-          >
+        <div ref="divEditBtn"
+             class="m-edit-btn">
+          <el-button type="primary"
+                     size="small"
+                     class="diy-button--blue"
+                     @click="handleComfirm">保 存</el-button>
        </div>
      </div>
-      <div class="m-hint" v-else>请先导入表格</div>
+      <div class="m-hint"
+           v-else>请先导入表格</div>
    </div>
  </div>
 </template>
@ -138,7 +113,7 @@ import { requestPost } from "@/js/dai/request";
 import { mapGetters } from "vuex";

 export default {
-  data() {
+  data () {
    return {
      customerId: "", // 客户id，父组件传
      customerName: "", // 客户名称，父组件传
@ -174,7 +149,7 @@ export default {
  },

  computed: {
-    tableHeight() {
+    tableHeight () {
      const h = this.clientHeight - this.sHeight + this.iframeHeigh;
      const _h = this.clientHeight - this.sHeight;
      return this.$store.state.inIframe ? h : _h;
@ -183,12 +158,12 @@ export default {
    ...mapGetters(["clientHeight", "iframeHeight"]),
  },
  components: {},
-  created() {},
+  created () { },
  watch: {
    //监听dataList有数据才再让他给高度 解决报找不到dom节点错误
    "dataList.length": {
      immediate: true,
-      handler(newVal) {
+      handler (newVal) {
        this.$nextTick(() => {
          if (newVal > 0) {
            this.sHeight = this.$refs.divEditBtn.offsetHeight + 300;
@ -197,22 +172,22 @@ export default {
      },
    },
  },
-  async mounted() {
+  async mounted () {
    await this.loadPersonGroup();
    this.getResident();
  },
  methods: {
-    diaClose() {
+    diaClose () {
      this.formShow = false;
    },
-    handleDropdownClick(event) {
+    handleDropdownClick (event) {
      event.stopPropagation();
    },
-    async loadPersonGroup() {
+    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",
+        formCode: "resident_base_info",
        policyFlag: "1",
      };

@ -226,7 +201,7 @@ export default {
    },

    //选择人员信息第一列下拉框
-    async handleSelGroup(index, item, change) {
+    async handleSelGroup (index, item, change) {
      console.log(index, item, change);
      console.log("让我看看返回的什么");
      const url = "/oper/customize/icformitem/getItemListV2";
@ -250,7 +225,7 @@ export default {
    },

    // 加载列表数据
-    async loadData() {
+    async loadData () {
      this.dataListLoading = true;
      // const url = 'http://yapi.elinkservice.cn/mock/245/epmetuser/dataSyncConfig/list'
      const url = "/epmetuser/dataSyncConfig/list";
@ -272,11 +247,11 @@ export default {
        // this.$message.error(msg )
      }
    },
-    handleImportType(command) {
+    handleImportType (command) {
      this.importType = command;
      this.$refs["upload"].$children[0].$refs.input.click();
    },
-    handleChangeScope(value) {
+    handleChangeScope (value) {
      this.orgIdArray = value;
      this.scopeList = [];
      let selArray = this.$refs["myCascader"].getCheckedNodes();
@ -293,7 +268,7 @@ export default {

      console.log("this.scopeList", this.scopeList);
    },
-    async getResident() {
+    async getResident () {
      try {
        const { data } = await this.$http.post("sys/dict/data/dictlist", {
          dictType: "resident_category_import",
@ -303,7 +278,7 @@ export default {
        console.log(error, "获取居民类别字典");
      }
    },
-    async handleExportModule() {
+    async handleExportModule () {
      let url = "/actual/base/residentBaseInfo/import/download-template";

      let params = {};
@ -351,7 +326,7 @@ export default {
        });
    },
    // 上传大图标成功
-    handleExcelSuccess(res, file) {
+    handleExcelSuccess (res, file) {
      console.log(res, file);
      if (!res) return;
      if (res.code === 0 && res.msg === "success") {
@ -360,11 +335,11 @@ export default {
        this.$message.error(res.msg);
      }
    },
-    handleProgress(event, file, fileList) {
+    handleProgress (event, file, fileList) {
      console.log("percentage", file.percentage);
    },

-    beforeExcelUpload(file) {
+    beforeExcelUpload (file) {
      console.log("file", file);
      console.log(this.importType);

@ -387,7 +362,7 @@ export default {
      }
      return fileType && isLt1M;
    },
-    async uploadHttpRequest(file) {
+    async uploadHttpRequest (file) {
      if (!this.importType) return;
      this.importLoading = true;
      this.importBtnTitle = "正在上传中...";
@ -429,7 +404,7 @@ export default {
      this.$refs.upload.clearFiles();
    },

-    async handleComfirm() {
+    async handleComfirm () {
      this.importLoading = true;
      this.importBtnTitle = "正在上传中...";
      const { importOption, importCode, dataList } = this;
@ -460,7 +435,7 @@ export default {
      this.importBtnTitle = "导入";
    },

-    async upload2(file, code) {
+    async upload2 (file, code) {
      this.importLoading = true;
      this.importBtnTitle = "正在上传中...";
      const formData = new FormData(); //FormData对象，添加参数只能通过append('key', value)的形式添加
@ -484,7 +459,7 @@ export default {
      this.$refs.upload.clearFiles();
    },

-    afterSuccess() {
+    afterSuccess () {
      this.$message({
        showClose: true,
        dangerouslyUseHTMLString: true,
@ -503,7 +478,7 @@ export default {
    },

    // 取消
-    diaCancel() {
+    diaCancel () {
      this.$emit("cancleBack");
    },
  },