Przeglądaj źródła

fix(打印模板): 调整发票打印模板的布局和内容

liujt 1 miesiąc temu
rodzic
commit
8f944265aa

+ 11 - 8
src/views/saleManage/saleOrder/invoice/components/print-template-ht.vue

@@ -33,14 +33,15 @@
           display: flex;
           justify-content: space-between;
           margin-bottom: 10px;
+          margin-top: 10px;
         "
       >
         <span style="width: 30%">客户:{{ formData.contactName }}</span>
         <span style="width: 20%">单据日期:{{ formData.createTime ? formData.createTime.split(' ')[0] : '' }}</span>
-        <span style="width: 25%">项目:{{ formData.projectName }}</span>
+        <!-- <span style="width: 25%">项目:{{ formData.projectName }}</span> -->
         <span style="width: 25%">单据编码:{{ formData.docNo }}</span>
       </div>
-      <!-- <div
+      <div
         style="
           width: 100%;
           font-size: 12px;
@@ -49,8 +50,8 @@
           margin-bottom: 10px;
         "
       >
-        <span>项目:</span>
-      </div> -->
+        <span>项目:{{ formData.projectName }}</span>
+      </div>
       <table
         cellspacing="0"
         border
@@ -98,9 +99,8 @@
             <td style="padding: 5px" v-if="isPrintPrice"> </td>
             <td style="padding: 5px" v-if="isPrintPrice"> </td>
             <td style="padding: 5px" v-if="isPrintPrice"> {{ getTotalValue('totalPrice', 2) }} </td>
-            <td style="padding: 5px"> </td>
+            <td style="padding: 5px" colspan="2"> {{ convertToChinese(getTotalValue('totalPrice', 2)) }} </td>
             <!-- <td style="padding: 5px"> </td> -->
-            <td style="padding: 5px"> </td>
           </tr>
         </tbody>
       </table>
@@ -132,7 +132,8 @@
         "
       >
         <div style="width: 75%">
-          <div>地址:{{ formData.receiveAddress }}</div>
+          <!-- <div>地址:{{ formData.receiveAddress }}</div> -->
+          <div>地址:湖南湘江新区宁乡夏铎铺机械工业园</div>
         </div>
         <div style="width: 25%">
           <div>客户签字:</div>
@@ -150,6 +151,7 @@
 <script>
   import { getSendSaleOrderrecordDetailSplit } from '@/api/saleManage/saleordersendrecord';
   import { mapGetters } from 'vuex';
+  import { convertToChinese } from '@/utils/util';
   export default {
     name: 'print',
     computed: {
@@ -163,7 +165,8 @@
         checked: '',
         QRvisible: false,
         isPrintPrice: false,
-        formData: {}
+        formData: {},
+        convertToChinese
       };
     },