apply-clients 3.3.16 → 3.3.17

package/src/components/product/Process/Processes/{printCharge.vue → Print/printCharge.vue}

@@ -1,121 +1,139 @@
-<template>
-  <style id="style">
-    td{
-      height: 50px;
-      width: 40px;
-      text-align: center;
-    }
-    table{
-      margin: auto;
-      width: 100%;
-      border-collapse:collapse;
-      border: 1px solid black;
-    }
-    h1,h2,h3,h4,h5,h6 {
-      text-align: center;
-    }
-    .date{
-      float: left;
-      padding-left: 30px;
-    }
-    .number{
-      float: right;
-      padding-right: 30px;
-    }
-    .rescue{
-      float: left;
-      padding: 0 30px 0 40px;
-    }
-    .service{
-      float: left;
-    }
-    .payee{
-      float: right;
-      padding-right: 30px;
-    }
-  </style>
-  <div id="print">
-    <h4>{{orgs}}统一收据</h4>
-    <table border="1">
-      <tr>
-        <td colspan="6">
-          <span>开票日期：{{ new Date().Format('yyyy年MM月dd日') }}</span>
-          <span>收据编码：{{ charge.f_charge_number }}</span>
-          <span>状态：{{ charge.f_charge_status }}</span>
-        </td>
-      </tr>
-      <tr>
-        <td>用户姓名</td>
-        <td colspan="2">{{ charge.f_user_name }}</td>
-        <td>用户编号</td>
-        <td colspan="2">{{ 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>{{ charge.f_charge_money }}</td>
-        <td>金额大写</td>
-        <td colspan="3">{{ charge.f_amount_words }}</td>
-      </tr>
-      <tr>
-        <td>备&emsp;&emsp;注</td>
-        <td colspan="5">{{ selectdata.f_entry_name }}</td>
-      </tr>
-    </table>
-    <span>
-      <p class="rescue">抢险电话：5835588</p>
-      <p class="service">服务电话：3718002</p>
-      <p class="payee">收款人：{{ charge.f_charge_collectors }}</p>
-    </span>
-  </div>
-
-  <print-element v-show="false" v-ref:print id='print' styleid='style'
-                 top='40' left='60' 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 () {
-  },
-  computed: {
-    orgs () {
-      return this.$login.f.orgs
-    }
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <style id="style">
+    td{
+      height: 30px;
+      width: 100px;
+      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="print">
+    <h4>
+      <span class="orgs">
+        {{orgs}}统一收据
+      </span>
+    </h4>
+    <table border="1">
+      <tr>
+        <td colspan="6">
+          <span class="date">开票日期：{{ new Date().Format('yyyy年MM月dd日') }}</span>
+          <span>收据编码：{{ charge.f_charge_number }}</span>
+          <span class="status">状态：{{ charge.f_charge_status }}</span>
+        </td>
+      </tr>
+      <tr>
+        <td style="width: 17%">用户姓名</td>
+        <td colspan="2" style="width: 33%">{{ charge.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">{{ selectdata.f_entry_name }}</td>
+      </tr>
+      <tr>
+        <td colspan="6">
+          请持此收据到{{orgs}}营业厅换取发票
+        </td>
+      </tr>
+    </table>
+    <img class="seal" border="0" :src="src" transcolor="#FFFFFF" alt="">
+  </div>
+
+  <print-element v-show="false" v-ref:print id='print' styleid='style'
+                 top='40' left='60' 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/Print/printRefund.vue

@@ -0,0 +1,193 @@
+<template>
+  <div style="margin-bottom: 20px" class="form-group select-overspread">
+    <label class="control-label-justify control-label col-sm-3">打印退费单</label>
+    <div class="col-sm-10">
+      <button class="button_search button_spacing" type="button" style="width: max-content;position: absolute" @click="showPrint = !showPrint">预览</button>
+    </div>
+  </div>
+
+  <modal :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
+    <header slot="modal-header" class="modal-header">
+      <button type="button" class="close" @click="showPrint = !showPrint"><span>&times;</span></button>
+      <h4 class="modal-title">打印预览</h4>
+    </header>
+    <article slot="modal-body" class="modal-body clearfix">
+      <style id="style">
+        td{
+          height: 30px;
+          width: 100px;
+          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;
+        }
+      </style>
+      <div id="print">
+        <h4>
+          <span class="orgs">
+            {{selectdata.f_refund_item}}退款收到条
+          </span>
+        </h4>
+        <table border="1">
+          <tr>
+            <td colspan="6">
+              <span class="date">开票日期：{{ new Date().Format('yyyy年MM月dd日') }}</span>
+              <span>工程编号：{{ selectdata.f_parent_apply_num }}</span>
+              <span class="status">经办人：{{ username }}</span>
+            </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_phone }}</td>
+          </tr>
+          <tr>
+            <td>地址</td>
+            <td colspan="5">{{ selectdata.f_address }}</td>
+          </tr>
+          <tr>
+            <td>金额</td>
+            <td colspan="2">{{ selectdata.f_refund_money }}</td>
+            <td>金额大写</td>
+            <td colspan="2">{{ smalltoBIG(selectdata.f_refund_money) }}</td>
+          </tr>
+          <tr>
+            <td>收到人</td>
+            <td colspan="2"></td>
+            <td>代收人</td>
+            <td colspan="2"></td>
+          </tr>
+          <tr>
+            <td>备&emsp;&emsp;注</td>
+            <td colspan="5" style="text-align: left">
+              <p>1、退款收到人姓名必须为天然气开户姓名。</p>
+              <p>2、退款收到人办理退款时，必须携带身份证或身份证复印件进行办理，并填写退款收到条方可退款。</p>
+              <p>3、若退款收到人因特殊原因无法到达现场时需代办人办理退款时，必须现场联系退款用户，核实各项信息确认为代办后，代办人提供退款用户身份证复印件及本人身份证复印件方可办理退款。</p>
+            </td>
+          </tr>
+        </table>
+      </div>
+    </article>
+    <footer slot="modal-footer" class="modal-footer">
+      <button type="button" class="btn btn-primary" @click="print()">打印</button>
+    </footer>
+  </modal>
+
+  <print-element v-show="false" v-ref:print id='print' styleid='style'
+                 top='40' left='60' 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: {
+      type: Object
+    },
+    mark: {
+      type: Number,
+      default: 0
+    }
+  },
+  data () {
+    return {
+      showPrint: false
+    }
+  },
+  ready () {
+  },
+  methods: {
+    print () {
+      this.$refs.print.PrintTable()
+    },
+    // 金额转大写
+    smalltoBIG (n) {
+      let fraction = ['角', '分']
+      let digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖']
+      let unit = [['元', '万', '亿'], ['', '拾', '佰', '仟']]
+      let head = n < 0 ? '欠' : ''
+      n = Math.abs(n)
+
+      let s = ''
+
+      for (var i = 0; i < fraction.length; i++) {
+        s += (digit[Math.floor(n * 10 * Math.pow(10, i)) % 10] + fraction[i]).replace(/零./, '')
+      }
+      s = s || '整'
+      n = Math.floor(n)
+
+      for (var i = 0; i < unit[0].length && n > 0; i++) {
+        let p = ''
+        for (var j = 0; j < unit[1].length && n > 0; j++) {
+          p = digit[n % 10] + unit[1][j] + p
+          n = Math.floor(n / 10)
+        }
+        s = p.replace(/(零.)*零$/, '').replace(/^$/, '零') + unit[0][i] + s
+      }
+      return head + s.replace(/(零.)*零元/, '元').replace(/(零.)+/g, '零').replace(/^整$/, '零元整')
+    }
+  },
+  computed: {
+    orgs () {
+      return this.$login.f.orgs
+    },
+    username () {
+      return this.$login.f.name
+    }
+  }
+}
+</script>
+
+<style scoped>
+.control-label-justify {
+  display: inline-block;
+  vertical-align: top;
+  width: 110px;
+  text-align: justify;
+  font-family: PingFang-SC-Bold;
+}
+
+.control-label-justify::after {
+  content: "";
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  height: 0;
+}
+</style>