apply-clients 3.3.216 → 3.4.1

package/src/components/product/Process/Processes/Print/printCharge.vue

@@ -0,0 +1,142 @@
+<template>
+  <style id="printChargeStyle">
+    td{
+      height: 30px;
+      text-align: center;
+    }
+    table{
+      margin: auto;
+      /*width: 100%;*/
+      border-collapse:collapse;
+      border: 1px solid black;
+    }
+    h1,h2,h3,h4,h5,h6 {
+      text-align: center;
+    }
+    .orgs {
+      border-bottom: 2px solid;
+      padding: 5px;
+    }
+    .date {
+      float: left;
+      padding-left: 10px;
+    }
+    .status {
+      float: right;
+      padding-right: 10px;
+    }
+    .seal {
+      position: absolute;
+      right: 100px;
+      top: 120px;
+      width: 150px;
+      height: 150px;
+      /*opacity: 0.5;*/
+      z-index: -1;
+    }
+  </style>
+  <div id="printCharge">
+    <h4>
+      <span class="orgs">
+        {{orgs}}统一收据
+      </span>
+    </h4>
+    <table border="1" width="100%">
+      <tr>
+        <td colspan="2" style="border: none">
+          开票日期：{{ new Date().Format('yyyy年MM月dd日') }}
+        </td>
+        <td colspan="2" style="border: none">
+          收据编码：{{ charge.f_charge_number }}
+        </td>
+        <td colspan="2" style="border: none">
+          状态：{{ charge.f_charge_status }}
+        </td>
+      </tr>
+      <tr>
+        <td style="width: 17%">用户姓名</td>
+        <td colspan="2" style="width: 33%">{{ selectdata.f_user_name }}</td>
+        <td style="width: 17%">用户编号</td>
+        <td colspan="2" style="width: 33%">{{ selectdata.f_userinfo_code }}</td>
+      </tr>
+      <tr>
+        <td>用户地址</td>
+        <td colspan="5">{{ selectdata.f_address }}</td>
+      </tr>
+      <tr>
+        <td>收款项目</td>
+        <td colspan="2">{{ charge.f_payment_term }}</td>
+        <td>收款方式</td>
+        <td colspan="2">{{ charge.f_payment_method }}</td>
+      </tr>
+      <tr>
+        <td>金额</td>
+        <td colspan="2">{{ charge.f_charge_money }}</td>
+        <td>金额大写</td>
+        <td colspan="2">{{ charge.f_amount_words }}</td>
+      </tr>
+      <tr>
+        <td>收款人</td>
+        <td colspan="2">{{ charge.f_charge_collectors }}</td>
+        <td>销售方（章）</td>
+        <td colspan="2"></td>
+      </tr>
+      <tr>
+        <td>备&emsp;&emsp;注</td>
+        <td colspan="5">{{ charge.f_charge_remarks }}</td>
+      </tr>
+      <tr>
+        <td colspan="6">
+          请持此收据到{{orgs}}营业厅换取发票
+        </td>
+      </tr>
+    </table>
+    <img class="seal" border="0" :src="src" alt="">
+  </div>
+
+  <print-element v-show="false" v-ref:print id='printCharge' styleid='printChargeStyle'
+                 top='20' left='30' width='100%' height='100%'>
+  </print-element>
+</template>
+
+<script>
+import { isEmpty } from '../../../../Util'
+Date.prototype.Format = function (fmt) {
+  var o = {
+    "M+": this.getMonth() + 1, //月份
+    "d+": this.getDate(), //日
+    "H+": this.getHours(), //小时
+    "m+": this.getMinutes(), //分
+    "s+": this.getSeconds(), //秒
+    "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+    "S": this.getMilliseconds() //毫秒
+  };
+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  for (var k in o)
+    if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+  return fmt;
+}
+export default {
+  title: '打印收费票据',
+  props: ['selectdata', 'charge'],
+  data () {
+    return {}
+  },
+  ready () {
+  },
+  methods: {
+  },
+  computed: {
+    orgs () {
+      return this.$login.f.orgs
+    },
+    src () {
+      return require(`./img/${this.$login.f.number}.png`)
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

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

@@ -1,181 +1,207 @@
-<template>
-  <div class="col-sm-12" style="margin: 20px 0px;">
-    <criteria-paged :model="model" v-ref:cp>
-      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
-        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
-        </div>
-      </criteria>
-      <data-grid :model="model" v-ref:grid partial='list' 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.$parent.mark === 1"
-                      @click="$parent.$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>
-    </criteria-paged>
-  </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: new PagedList('rs/sql/getAddressAanUserinfo', 20, {
-        data: {
-          f_filialeid: this.$login.f.orgid,
-          f_process_id: this.selectdata.f_process_id
-        }
-      })
-    }
-  },
-  ready () {
-    this.search()
-  },
-  methods: {
-    showFileModal() {
-      this.showFile = !this.showFile
-    },
-    async search () {
-      this.$refs.cp.$refs.cri.search()
-    },
-    // 关闭文件上传对话框
-    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)
-      this.closeFile()
-    }
-  },
-  computed: {
-  },
-  watch: {
-    'model.count': {
-      handler: function () {
-        for (let i = 0; i < this.selectdata.fields.length; i++) {
-          if (this.selectdata.fields[i].label === '户数') {
-            console.log(this.model.count)
-            this.selectdata.fields[i].value = this.model.count
-          }
-        }
-      }
-    }
-  }
-}
-</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>
+  <work-busy :is-busy="showWork" v-show="showWork"></work-busy>
+
+  <div class="col-sm-12" style="margin: 20px 0px;">
+    <criteria-paged :model="model" v-ref:cp>
+      <criteria partial='criteria' @condition-changed='search' v-ref:cri>
+        <div novalidate class="form-horizontal select-overspread container-fluid auto" partial>
+        </div>
+      </criteria>
+      <data-grid :model="model" v-ref:grid partial='list' 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.$parent.mark === 1"
+                      @click="$parent.$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>
+    </criteria-paged>
+  </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：禁用
+    }
+  },
+  data () {
+    return {
+      showFile: false,
+      model: new PagedList('rs/sql/getAddressAanUserinfo', 20, {
+        data: {
+          f_filialeid: this.$login.f.orgid,
+          f_process_id: this.selectdata.f_process_id
+        }
+      }),
+      showWork: false
+    }
+  },
+  ready () {
+    this.search()
+  },
+  methods: {
+    showFileModal() {
+      this.showFile = !this.showFile
+    },
+    async search () {
+      this.$refs.cp.$refs.cri.search()
+    },
+    // 关闭文件上传对话框
+    closeFile() {
+      this.showWork = false
+      this.showFile = false
+      // 将选的文件清空
+      this.$refs.file.$el.querySelector('input').value = ''
+      this.search()
+    }
+  },
+  events: {
+    'beforeFileUpload' (file) {
+      this.showWork = true
+    },
+    async 'onFileUpload'(file, result) {
+      let data = {
+        selectdata: this.selectdata,
+        filepath: result.f_downloadpath,
+        user: this.$login.f,
+        mark: this.mark
+      }
+
+      try {
+        let res = await this.$resetpost(`rs/logic/importAddressAndUserinfo`, {data: data}, {
+          resolveMsg: null,
+          rejectMsg: '导入失败！！！',
+          silent: true
+        }, 0)
+      } catch (e) {
+        // this.closeFile()
+      } finally {
+        this.closeFile()
+      }
+
+    }
+  },
+  computed: {
+  },
+  watch: {
+    'model.count': {
+      handler: function () {
+        if (this.model.count != this.selectdata.f_apply_count) {
+          console.log(this.model.count)
+          console.log(this.selectdata.f_apply_count)
+          console.log(this.model.count !== this.selectdata.f_apply_count)
+          this.selectdata.f_apply_count = this.model.count
+
+          this.$resetpost(
+            'rs/entity/t_apply',
+            this.selectdata,
+            {resolveMsg: null, rejectMsg: '数据更新失败！！！'}
+          ).then(res => {
+            this.$dispatch('breakControl', this.selectdata)
+          })
+        }
+      }
+    }
+  }
+}
+</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>