apply-clients 3.2.32 → 3.2.37

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

@@ -1,133 +1,133 @@
-<template>
-  <style id="style">
-    td{
-      height: 30px;
-      /*width: 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;
-    }
-    .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>武安明星天然气有限公司收费单</h4>
-    <span>
-      <p class="date">{{new Date().Format('yyyy-MM-dd HH:mm:ss')}}</p>
-      <p class="number">缴费编号：{{ charge.f_charge_number }}</p>
-    </span>
-    <table border="1">
-      <tr>
-        <td>用户姓名</td>
-        <td colspan="2">{{ f_user_name }}</td>
-        <td>联系电话</td>
-        <td>{{ f_user_phone }}</td>
-      </tr>
-      <tr>
-        <td>地&emsp;&emsp;址</td>
-        <td colspan="4">{{ f_useraddress }}</td>
-      </tr>
-      <tr>
-        <td>收费项目</td>
-        <td colspan="2">庭院管网建设费</td>
-        <td>收费方式</td>
-        <td>{{ charge.f_payment_method }}</td>
-      </tr>
-      <tr>
-        <td>收费金额</td>
-        <td>{{ charge.f_charge_money }}</td>
-        <td>大&emsp;&emsp;写</td>
-        <td colspan="2">{{ charge.f_amount_words }}</td>
-      </tr>
-      <tr>
-        <td>备&emsp;&emsp;注</td>
-        <td colspan="4">
-          <input v-if="showInput" type="text" style="text-align: center;border: 0px;width: 100%" v-model="charge.remark" placeholder="请输入备注信息">
-          <span v-if="!showInput" >{{charge.remark}}</span>
-        </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 {
-      showInput: true
-    }
-  },
-  ready () {
-    console.log('------------------打印-------------------')
-    console.log()
-  },
-  computed: {
-    f_user_name () {
-      return isEmpty(this.charge.f_user_name) ? this.selectdata.f_contact : this.charge.f_user_name
-    },
-    f_user_phone () {
-      return isEmpty(this.charge.f_user_phone) ? this.selectdata.f_phone : this.charge.f_user_phone
-    },
-    f_useraddress () {
-      return isEmpty(this.charge.f_useraddress) ? `武安市${this.selectdata.f_street}${this.selectdata.f_residential_area}` : `武安市${this.charge.f_useraddress}`
-    }
-  }
-}
-</script>
-
-<style scoped>
-input::placeholder {
-  color: red;
-}
-</style>
+<template>
+  <style id="style">
+    td{
+      height: 30px;
+      /*width: 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;
+    }
+    .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>武安明星天然气有限公司收费单</h4>
+    <span>
+      <p class="date">{{new Date().Format('yyyy-MM-dd HH:mm:ss')}}</p>
+      <p class="number">缴费编号：{{ charge.f_charge_number }}</p>
+    </span>
+    <table border="1">
+      <tr>
+        <td>用户姓名</td>
+        <td colspan="2">{{ f_user_name }}</td>
+        <td>联系电话</td>
+        <td>{{ f_user_phone }}</td>
+      </tr>
+      <tr>
+        <td>地&emsp;&emsp;址</td>
+        <td colspan="4">{{ f_useraddress }}</td>
+      </tr>
+      <tr>
+        <td>收费项目</td>
+        <td colspan="2">工程费</td>
+        <td>收费方式</td>
+        <td>{{ charge.f_payment_method }}</td>
+      </tr>
+      <tr>
+        <td>收费金额</td>
+        <td>{{ charge.f_charge_money }}</td>
+        <td>大&emsp;&emsp;写</td>
+        <td colspan="2">{{ charge.f_amount_words }}</td>
+      </tr>
+      <tr>
+        <td>备&emsp;&emsp;注</td>
+        <td colspan="4">
+          <input v-if="showInput" type="text" style="text-align: center;border: 0px;width: 100%" v-model="charge.remark" placeholder="请输入备注信息">
+          <span v-if="!showInput" >{{charge.remark}}</span>
+        </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 {
+      showInput: true
+    }
+  },
+  ready () {
+    console.log('------------------打印-------------------')
+    console.log()
+  },
+  computed: {
+    f_user_name () {
+      return isEmpty(this.charge.f_user_name) ? this.selectdata.f_contact : this.charge.f_user_name
+    },
+    f_user_phone () {
+      return isEmpty(this.charge.f_user_phone) ? this.selectdata.f_phone : this.charge.f_user_phone
+    },
+    f_useraddress () {
+      return isEmpty(this.charge.f_useraddress) ? `武安市${this.selectdata.f_street}${this.selectdata.f_residential_area}` : `武安市${this.charge.f_useraddress}`
+    }
+  }
+}
+</script>
+
+<style scoped>
+input::placeholder {
+  color: red;
+}
+</style>