apply-clients 3.3.34 → 3.3.38

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

@@ -1,8 +1,7 @@
 <template>
-  <style id="style">
+  <style id="printBuildOrderStyle">
     td{
       height: 30px;
-      width: 100px;
       text-align: center;
     }
     table{
@@ -14,27 +13,6 @@
     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;
-    }
     .sign {
       vertical-align: top;
       padding: 10px;
@@ -53,14 +31,14 @@
     </div>
   </div>
 
-  <modal v-if="showModal" :show.sync="showModal" width="80%" title="打印预览" v-ref:modal large backdrop="false">
+  <modal v-if="showModal" :show.sync="showModal" title="打印预览" v-ref:modal :backdrop="false">
     <header slot="modal-header" class="modal-header">
       <button type="button" class="close" @click="colseModal()"><span>&times;</span></button>
       <h4 class="modal-title">打印预览</h4>
     </header>
     <article slot="modal-body" class="modal-body">
-      <div id="print">
-        <h3><span style="letter-spacing: 15px">施工安装通知单</span></h3>
+      <div id="printBuildOrder">
+        <h2><span style="letter-spacing: 15px">施工安装通知单</span></h2>
         <table border="1">
           <tr>
             <td>用户姓名</td>
@@ -92,8 +70,8 @@
           </tr>
           <tr>
             <td colspan="6" class="material">
-              <p>施工安装情况</p>
-              <p v-for="item in selectdata.onetomany[0].rows" style="width: auto;display: inline-block;margin-right: 15px">
+              <p style="margin: 0px 0px 10px 0px">施工安装情况</p>
+              <p v-for="item in selectdata.onetomany[0].rows" style="width: auto;display: inline-block;margin: 0px 15px 5px 0px">
                 <span style="margin-right: 10px">{{$index + 1}}、{{item.f_material_name}}{{item.f_material_style}}</span>{{item.f_material_number}}{{item.f_material_unit}}
               </p>
             </td>
@@ -116,8 +94,8 @@
   </modal>
 
 
-  <print-element v-show="false" v-ref:print id='print' styleid='style'
-                 top='10' left='20' width='90%' height='100%'>
+  <print-element v-show="false" v-ref:print id='printBuildOrder' styleid='printBuildOrderStyle'
+                 top='10' left='30' width='100%' height='100%'>
   </print-element>
 
 </template>

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

@@ -1,139 +1,142 @@
-<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%">{{ 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">{{ 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" 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>
+<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">
+          开票日期：{{ 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">{{ 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" 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>

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

@@ -6,16 +6,15 @@
     </div>
   </div>
 
-  <modal :show.sync="showPrint" v-ref:modal :large="true" :backdrop="false" title="打印预览">
+  <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="style">
+      <style id="printRefundStyle">
         td{
           height: 30px;
-          width: 100px;
           text-align: center;
         }
         table{
@@ -40,7 +39,7 @@
           padding-right: 10px;
         }
       </style>
-      <div id="print">
+      <div id="printRefund">
         <h4>
           <span class="orgs">
             {{selectdata.f_refund_item}}退款收到条
@@ -48,10 +47,14 @@
         </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 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>
@@ -79,9 +82,9 @@
           <tr>
             <td>备&emsp;&emsp;注</td>
             <td colspan="5" style="text-align: left">
-              <p>1、退款收到人姓名必须为天然气开户姓名。</p>
-              <p>2、退款收到人办理退款时，必须携带身份证或身份证复印件进行办理，并填写退款收到条方可退款。</p>
-              <p>3、若退款收到人因特殊原因无法到达现场时需代办人办理退款时，必须现场联系退款用户，核实各项信息确认为代办后，代办人提供退款用户身份证复印件及本人身份证复印件方可办理退款。</p>
+              <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>
@@ -92,8 +95,8 @@
     </footer>
   </modal>
 
-  <print-element v-show="false" v-ref:print id='print' styleid='style'
-                 top='40' left='60' width='100%' height='100%'>
+  <print-element v-show="false" v-ref:print id='printRefund' styleid='printRefundStyle'
+                 top='5' left='30' width='100%' height='100%'>
   </print-element>
 </template>