apply-clients 3.4.50 → 3.4.52

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

@@ -1,166 +1,166 @@
-<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 style="width: 17%">开票日期</td>
-        <td colspan="4" style="width: 33%">{{ new Date().Format('yyyy年MM月dd日') }}</td>
-      </tr>
-      <tr>
-        <td style="width: 17%">收据编码</td>
-        <td colspan="4" style="width: 33%">{{ charge.f_charge_number }}</td>
-      </tr>
-      <tr>
-        <td style="width: 17%">状态</td>
-        <td colspan="4" style="width: 33%">{{ charge.f_charge_status }}</td>
-      </tr>
-      <tr>
-        <td style="width: 17%">用户姓名</td>
-        <td colspan="4" style="width: 33%">{{ selectdata.f_user_name }}</td>
-        </tr>
-      <tr>
-        <td style="width: 17%">用户编号</td>
-        <td colspan="4" 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="4">{{ charge.f_payment_term }}</td>
-      </tr>
-      <tr>
-        <td>收款方式</td>
-        <td colspan="2">{{ charge.f_payment_method }}</td>
-      </tr>
-      <tr>
-        <td>金额</td>
-        <td colspan="4">{{ charge.f_charge_money }}</td>
-      </tr>
-      <tr>
-        <td>金额大写</td>
-        <td colspan="4">{{ charge.f_amount_words }}</td>
-      </tr>
-      <tr>
-        <td>收款人</td>
-        <td colspan="4">{{ charge.f_charge_collectors }}</td>
-      </tr>
-      <tr>
-        <td>销售方（章）</td>
-        <td colspan="4" v-if="charge.f_orgname==='郸城县天然气有限公司'">
-          <img src="../../../../image/郸城收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
-        </td>
-        <td colspan="4" v-if="charge.f_orgname==='周口市天然气有限公司'">
-          <img src="../../../../image/周口收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
-        </td>
-        <td colspan="4" v-if="charge.f_orgname==='项城市天然气有限公司'">
-          <img src="../../../../image/项城收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
-        </td>
-        <td colspan="4" v-if="charge.f_orgname==='西华县天然气有限公司'">
-          <img src="../../../../image/西华收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
-        </td>
-        <td colspan="4" v-if="charge.f_orgname==='鹿邑县天然气有限公司'">
-          <img src="../../../../image/鹿邑收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
-        </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>
+<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 style="width: 17%">开票日期</td>
+        <td colspan="4" style="width: 33%">{{ new Date().Format('yyyy年MM月dd日') }}</td>
+      </tr>
+      <tr>
+        <td style="width: 17%">收据编码</td>
+        <td colspan="4" style="width: 33%">{{ charge.f_charge_number }}</td>
+      </tr>
+      <tr>
+        <td style="width: 17%">状态</td>
+        <td colspan="4" style="width: 33%">{{ charge.f_charge_status }}</td>
+      </tr>
+      <tr>
+        <td style="width: 17%">用户姓名</td>
+        <td colspan="4" style="width: 33%">{{ selectdata.f_user_name }}</td>
+        </tr>
+      <tr>
+        <td style="width: 17%">用户编号</td>
+        <td colspan="4" 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="4">{{ charge.f_payment_term }}</td>
+      </tr>
+      <tr>
+        <td>收款方式</td>
+        <td colspan="2">{{ charge.f_payment_method }}</td>
+      </tr>
+      <tr>
+        <td>金额</td>
+        <td colspan="4">{{ charge.f_charge_money }}</td>
+      </tr>
+      <tr>
+        <td>金额大写</td>
+        <td colspan="4">{{ charge.f_amount_words }}</td>
+      </tr>
+      <tr>
+        <td>收款人</td>
+        <td colspan="4">{{ charge.f_charge_collectors }}</td>
+      </tr>
+      <tr>
+        <td>销售方（章）</td>
+        <td colspan="4" v-if="charge.f_orgname==='郸城县天然气有限公司'">
+          <img src="../../../../image/郸城收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
+        </td>
+        <td colspan="4" v-if="charge.f_orgname==='周口市天然气有限公司'">
+          <img src="../../../../image/周口收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
+        </td>
+        <td colspan="4" v-if="charge.f_orgname==='项城市天然气有限公司'">
+          <img src="../../../../image/项城收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
+        </td>
+        <td colspan="4" v-if="charge.f_orgname==='西华县天然气有限公司'">
+          <img src="../../../../image/西华收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
+        </td>
+        <td colspan="4" v-if="charge.f_orgname==='鹿邑县天然气有限公司'">
+          <img src="../../../../image/鹿邑收款专用章.png" style="overflow: hidden;width: 200px;height: 200px">
+        </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>