apply-clients 3.2.32 → 3.2.37

package/src/components/product/Process/Processes/addressAndUserinfoManagement.vue

@@ -1,201 +1,201 @@
-<template>
-  <div class="col-sm-12" style="margin: 20px 0px;">
-      <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
-        <template partial='head'>
-          <tr>
-            <th class="textNoLineBreak">序号</th>
-            <th class="textNoLineBreak">区/县</th>
-            <th class="textNoLineBreak">片区</th>
-            <th class="textNoLineBreak">街道</th>
-            <th class="textNoLineBreak">小区</th>
-            <th class="textNoLineBreak">详细地址</th>
-            <th class="textNoLineBreak">地址状态</th>
-            <th class="textNoLineBreak">客户编号</th>
-            <th class="textNoLineBreak">用户姓名</th>
-            <th class="textNoLineBreak">电话</th>
-            <th class="textNoLineBreak">证件类型</th>
-            <th class="textNoLineBreak">证件号码</th>
-            <th class="textNoLineBreak">时间</th>
-            <th class="textNoLineBreak">
-              <button type="button" class="btn btn-info head-but"
-                      :disabled="$parent.$parent.mark === 1"
-                      @click="$parent.$parent.showFileModal()">导入</button>
-              <a type="button" class="btn btn-info head-but"
-                      href="/apply/download/excel/批量导入.xlsx" download>模板下载</a>
-            </th>
-          </tr>
-        </template>
-        <template partial='body'>
-          <tr>
-            <td style="text-align: center;">
-              <nobr>{{$index+1}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_pcd}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_slice_area}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_street}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_residential_area}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_address}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_address_state}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_userinfo_code}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_user_name}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_user_phone}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_credentials}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_idnumber}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>{{row.f_create_date}}</nobr>
-            </td>
-            <td style="text-align: center;">
-              <nobr>
-
-              </nobr>
-            </td>
-          </tr>
-        </template>
-      </data-grid>
-  </div>
-  <modal :show.sync="showFile" v-ref:modal backdrop="true" title="选择文件">
-    <header slot="modal-header" class="modal-header">
-      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
-      <h4 class="modal-title">选择文件</h4>
-    </header>
-    <article slot="modal-body" class="modal-body">
-      <div class="form-group">
-        <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
-      </div>
-    </article>
-    <footer slot="modal-footer" class="modal-footer"></footer>
-  </modal>
-</template>
-<script>
-import {PagedList} from 'vue-client'
-import {HttpResetClass} from 'vue-client'
-
-export default {
-  title: '地址管理',
-  props: {
-    selectdata: {
-      type: Object
-    },
-    mark: {
-      type: Number,
-      default: 0        // 0：正常  1：禁用 2：追加用户
-    }
-  },
-  data () {
-    return {
-      showFile: false,
-      model: {
-        data: null
-      }
-    }
-  },
-  ready () {
-    this.search()
-  },
-  methods: {
-    showFileModal() {
-      for (let i = 0; i < this.selectdata.fields.length; i++) {
-        let item = this.selectdata.fields[i]
-        if (item.label === '街道' && !item.value) {
-          this.$showAlert('街道地址不能为空！！！', 'warning', 3000)
-          return
-        }
-        // if (item.label === '小区' && !item.value) {
-        //   this.$showAlert('小区不能为空！！！', 'warning', 3000)
-        //   return
-        // }
-      }
-      this.showFile = !this.showFile
-    },
-    async search () {
-      let http = new HttpResetClass()
-      let data = {
-        condition: " 1=1",
-        f_filialeid: this.$login.f.orgid,
-        f_process_id: this.selectdata.f_process_id
-      }
-      let res = await http.load('POST', 'rs/sql/getAddressAanUserinfo', {data:data}, {
-        resolveMsg: null,
-        rejectMsg: null
-      })
-      this.model.data = res.data
-
-      // 去除户数自动
-      if (this.selectdata.f_apply_type !== '开发商集体报建') {
-        for (let i = 0; i < this.selectdata.fields.length; i++) {
-          if (this.selectdata.fields[i].label === '户数') {
-            this.selectdata.fields[i].value = res.data.length
-          }
-        }
-      }
-
-    },
-    // 关闭文件上传对话框
-    closeFile() {
-      this.showFile = false
-      // 将选的文件清空
-      this.$refs.file.$el.querySelector('input').value = ''
-      this.search()
-    }
-  },
-  events: {
-    async 'onFileUpload'(file, result) {
-      let data = {
-        selectdata: this.selectdata,
-        filepath: result.f_downloadpath,
-        user: this.$login.f,
-        mark: this.mark
-      }
-      let res = await this.$resetpost(`rs/logic/importAddressAndUserinfo`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
-      if(res.data.type === "success"){
-        this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
-      }else{
-        this.$showMessage(res.data.msg);
-      }
-      if (this.mark !== 0) {
-        this.$dispatch('breakControl', this.selectdata)
-      }
-      this.closeFile()
-    }
-  },
-  computed: {
-  },
-  watch: {
-  }
-}
-</script>
-<style scoped>
-  .textNoLineBreak {
-    white-space: nowrap;
-  }
-  .head-but{
-    margin-left: 5px;
-    height: 34px;
-    /*background-color: #6aa6e2;*/
-    border-radius: 4px;
-    font-family: PingFang;
-    color: #ffffff;
-  }
-</style>
+<template>
+  <div class="col-sm-12" style="margin: 20px 0px;">
+      <data-grid :model="model" v-ref:grid class="list_area table_sy" style="padding: 0px">
+        <template partial='head'>
+          <tr>
+            <th class="textNoLineBreak">序号</th>
+            <th class="textNoLineBreak">区/县</th>
+            <th class="textNoLineBreak">片区</th>
+            <th class="textNoLineBreak">街道</th>
+            <th class="textNoLineBreak">小区</th>
+            <th class="textNoLineBreak">详细地址</th>
+            <th class="textNoLineBreak">地址状态</th>
+            <th class="textNoLineBreak">客户编号</th>
+            <th class="textNoLineBreak">用户姓名</th>
+            <th class="textNoLineBreak">电话</th>
+            <th class="textNoLineBreak">证件类型</th>
+            <th class="textNoLineBreak">证件号码</th>
+            <th class="textNoLineBreak">时间</th>
+            <th class="textNoLineBreak">
+              <button type="button" class="btn btn-info head-but"
+                      :disabled="$parent.$parent.mark === 1"
+                      @click="$parent.$parent.showFileModal()">导入</button>
+              <a type="button" class="btn btn-info head-but"
+                      href="/apply/download/excel/批量导入.xlsx" download>模板下载</a>
+            </th>
+          </tr>
+        </template>
+        <template partial='body'>
+          <tr>
+            <td style="text-align: center;">
+              <nobr>{{$index+1}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_pcd}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_slice_area}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_street}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_residential_area}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_address}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_address_state}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_userinfo_code}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_name}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_user_phone}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_credentials}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_idnumber}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>{{row.f_create_date}}</nobr>
+            </td>
+            <td style="text-align: center;">
+              <nobr>
+
+              </nobr>
+            </td>
+          </tr>
+        </template>
+      </data-grid>
+  </div>
+  <modal :show.sync="showFile" v-ref:modal backdrop="true" title="选择文件">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="closeFile"><span>&times;</span></button>
+      <h4 class="modal-title">选择文件</h4>
+    </header>
+    <article slot="modal-body" class="modal-body">
+      <div class="form-group">
+        <file-upload class="my-file-uploader" name="useraddressUploadFile" action="rs/file/uploadFile" tagname="确定" multiple v-ref:file></file-upload>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer"></footer>
+  </modal>
+</template>
+<script>
+import {PagedList} from 'vue-client'
+import {HttpResetClass} from 'vue-client'
+
+export default {
+  title: '地址管理',
+  props: {
+    selectdata: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0        // 0：正常  1：禁用 2：追加用户
+    }
+  },
+  data () {
+    return {
+      showFile: false,
+      model: {
+        data: null
+      }
+    }
+  },
+  ready () {
+    this.search()
+  },
+  methods: {
+    showFileModal() {
+      for (let i = 0; i < this.selectdata.fields.length; i++) {
+        let item = this.selectdata.fields[i]
+        if (item.label === '街道' && !item.value) {
+          this.$showAlert('街道地址不能为空！！！', 'warning', 3000)
+          return
+        }
+        // if (item.label === '小区' && !item.value) {
+        //   this.$showAlert('小区不能为空！！！', 'warning', 3000)
+        //   return
+        // }
+      }
+      this.showFile = !this.showFile
+    },
+    async search () {
+      let http = new HttpResetClass()
+      let data = {
+        condition: " 1=1",
+        f_filialeid: this.$login.f.orgid,
+        f_process_id: this.selectdata.f_process_id
+      }
+      let res = await http.load('POST', 'rs/sql/getAddressAanUserinfo', {data:data}, {
+        resolveMsg: null,
+        rejectMsg: null
+      })
+      this.model.data = res.data
+
+      // 去除户数自动
+      if (this.selectdata.f_apply_type !== '开发商集体报建') {
+        for (let i = 0; i < this.selectdata.fields.length; i++) {
+          if (this.selectdata.fields[i].label === '户数') {
+            this.selectdata.fields[i].value = res.data.length
+          }
+        }
+      }
+
+    },
+    // 关闭文件上传对话框
+    closeFile() {
+      this.showFile = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+      this.search()
+    }
+  },
+  events: {
+    async 'onFileUpload'(file, result) {
+      let data = {
+        selectdata: this.selectdata,
+        filepath: result.f_downloadpath,
+        user: this.$login.f,
+        mark: this.mark
+      }
+      let res = await this.$resetpost(`rs/logic/importAddressAndUserinfo`, {data:data}, {resolveMsg: null, rejectMsg: '导入失败', silent: true}, 0)
+      if(res.data.type === "success"){
+        this.$showAlert("导入信息:"+res.data.msg, res.data.type, 2000);
+      }else{
+        this.$showMessage(res.data.msg);
+      }
+      if (this.mark !== 0) {
+        this.$dispatch('breakControl', this.selectdata)
+      }
+      this.closeFile()
+    }
+  },
+  computed: {
+  },
+  watch: {
+  }
+}
+</script>
+<style scoped>
+  .textNoLineBreak {
+    white-space: nowrap;
+  }
+  .head-but{
+    margin-left: 5px;
+    height: 34px;
+    /*background-color: #6aa6e2;*/
+    border-radius: 4px;
+    font-family: PingFang;
+    color: #ffffff;
+  }
+</style>