apply-clients 3.5.4-82 → 3.5.4-84

package/src/filiale/fugou/pc/printChargepc.vue

@@ -0,0 +1,148 @@
+<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;width: 33%;">
+          开票日期：{{ 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">{{ selectdata.f_payment_ratio }}</td>
+        <td>累计付款金额</td>
+        <td colspan="2">{{ selectdata.f_cumulative_payment_money }}</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 '../../../components/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(`../../../assets/${this.$login.f.number}.png`)
+      }
+    }
+  }
+</script>
+
+<style scoped>
+
+</style>

package/src/filiale/fugou/pc.js

@@ -1,13 +1,14 @@
-import Vue from 'vue'
-
-let specialComp = {
-  'service-control': (resolve) => { require(['./pc/ServiceControl'], resolve) },
-  'exploration-select': (resolve) => { require(['./pc/ExplorationSelect'], resolve) },
-  'installation-details': (resolve) => { require(['./pc/InstallationDetails'], resolve) },
-  'add-material-science': (resolve) => { require(['./pc/addMaterialScience'], resolve) },
-  'apply-address-userinfo-management': (resolve) => { require(['./pc/addressAndUserinfoManagement'], resolve) },
-  'apply-replacement': (resolve) => { require(['./pc/AddReplacement'], resolve) },
-  'apply-devices-management': (resolve) => { require(['./pc/devicesManagement'], resolve) },
-  'service-view': (resolve) => { require(['./pc/serviceview'], resolve) }
-}
-exports.specialComp = specialComp
+import Vue from 'vue'
+
+let specialComp = {
+  'service-control': (resolve) => { require(['./pc/ServiceControl'], resolve) },
+  'exploration-select': (resolve) => { require(['./pc/ExplorationSelect'], resolve) },
+  'installation-details': (resolve) => { require(['./pc/InstallationDetails'], resolve) },
+  'add-material-science': (resolve) => { require(['./pc/addMaterialScience'], resolve) },
+  'apply-address-userinfo-management': (resolve) => { require(['./pc/addressAndUserinfoManagement'], resolve) },
+  'apply-replacement': (resolve) => { require(['./pc/AddReplacement'], resolve) },
+  'apply-devices-management': (resolve) => { require(['./pc/devicesManagement'], resolve) },
+  'service-view': (resolve) => { require(['./pc/serviceview'], resolve) },
+  'apply-print-chargepc': (resolve) => { require(['./pc/printChargepc'], resolve) }
+}
+exports.specialComp = specialComp