apply-clients 3.3.66 → 3.3.71

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

@@ -1,196 +1,196 @@
-<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 :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="printRefundStyle">
-        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;
-        }
-      </style>
-      <div id="printRefund">
-        <h4>
-          <span class="orgs">
-            {{selectdata.f_refund_item}}退款收到条
-          </span>
-        </h4>
-        <table border="1">
-          <tr>
-            <td colspan="2" style="border: none">
-              开票日期：{{ new Date().Format('yyyy年MM月dd日') }}
-            </td>
-            <td colspan="2" style="border: none">
-              工程编号：{{ selectdata.f_parent_apply_num }}
-            </td>
-            <td colspan="2" style="border: none">
-              经办人：{{ username }}
-            </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 style="margin: 0 0 5px">1、退款收到人姓名必须为天然气开户姓名。</p>
-              <p style="margin: 0 0 5px">2、退款收到人办理退款时，必须携带身份证或身份证复印件进行办理，并填写退款收到条方可退款。</p>
-              <p style="margin: 0 0 5px">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='printRefund' styleid='printRefundStyle'
-                 top='5' 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: {
-      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>
+<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 :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="printRefundStyle">
+        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;
+        }
+      </style>
+      <div id="printRefund">
+        <h4>
+          <span class="orgs">
+            {{selectdata.f_refund_item}}退款收到条
+          </span>
+        </h4>
+        <table border="1">
+          <tr>
+            <td colspan="2" style="border: none">
+              开票日期：{{ new Date().Format('yyyy年MM月dd日') }}
+            </td>
+            <td colspan="2" style="border: none">
+              工程编号：{{ selectdata.f_parent_apply_num }}
+            </td>
+            <td colspan="2" style="border: none">
+              经办人：{{ username }}
+            </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 style="margin: 0 0 5px">1、退款收到人姓名必须为天然气开户姓名。</p>
+              <p style="margin: 0 0 5px">2、退款收到人办理退款时，必须携带身份证或身份证复印件进行办理，并填写退款收到条方可退款。</p>
+              <p style="margin: 0 0 5px">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='printRefund' styleid='printRefundStyle'
+                 top='5' 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: {
+      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>