feat(销售订单): 启用打印功能并优化打印模板样式

src/views/saleManage/saleOrder/components/printTemplateSaleOrder.vue

@@ -14,7 +14,7 @@
         flex-direction: column;
       "
     >
-      <div>
+      <div style="width: 100%;">
         <div
           style="
             font-size: 20px;
@@ -23,32 +23,35 @@
             width: 400px;
             margin: 0 auto;
           "
-          >{{ formData.partbName }}销售订单</div
-        >
+          >
+            {{ groupName }}销售订单
+          </div>
+          <span style="font-size: 13px; float: right;">门店：{{ formData.salesDeptName }}</span>
       </div>
       <div
         style="
           width: 100%;
-          font-size: 12px;
+          font-size: 13px;
           display: flex;
           justify-content: space-between;
           margin-bottom: 10px;
+          margin-top: 20px;
         "
       >
         <span style="width: 50%">客户：{{ formData.partaName }}</span>
-        <span style="width: 25%">单据日期：{{ formData.createTime }}</span>
-        <span style="width: 45%">单据编码：{{ formData.orderNo }}</span>
+        <span style="width: 50%">单据日期：{{ formData.createTime }}</span>
       </div>
       <div
         style="
           width: 100%;
-          font-size: 12px;
+          font-size: 13px;
           display: flex;
           justify-content: space-between;
           margin-bottom: 10px;
         "
       >
-        <span>项目：{{ formData.projectName }}</span>
+        <span style="width: 50%">项目名称：{{ formData.projectName }}</span>
+        <span style="width: 50%">单据编号：{{ formData.orderNo }}</span>
       </div>
       <table
         cellspacing="0"
@@ -58,7 +61,7 @@
           table-layout: fixed;
           word-break: break-all;
           word-wrap: break-word;
-          font-size: 12px;
+          font-size: 13px;
         "
       >
         <tbody>
@@ -71,14 +74,13 @@
             <td style="padding: 5px; width: 110px"> 税率</td>
             <td style="padding: 5px; width: 110px"> 金额</td>
             <td style="padding: 5px"> 颜色 </td>
-            <td style="padding: 5px"> 型号 </td>
             <td style="padding: 5px"> 备注</td>
           </tr>
 
           <tr align="center" v-for="(item, index) in formData.productList">
             <td style="padding: 5px"> {{ item.productName }} </td>
             <td style="padding: 5px">
-              {{ item.specification }}
+              {{ item.specification }}/{{ item.modelType }}
             </td>
             <td style="padding: 5px"> {{ item.measuringUnit }}</td>
             <td style="padding: 5px"> {{ item.totalCount }}</td>
@@ -86,7 +88,7 @@
             <td style="padding: 5px"> {{ item.taxRate }}{{ item.taxRate ? '%' : '' }}</td>
             <td style="padding: 5px"> {{ item.totalPrice }}</td>
             <td style="padding: 5px"> {{ item.colorKey }}</td>
-            <td style="padding: 5px"> {{ item.modelKey }}</td>
+            <!-- <td style="padding: 5px"> {{ item.modelKey }}</td> -->
             <td style="padding: 5px"> {{ item.remark }}</td>
           </tr>
           <tr align="center">
@@ -95,7 +97,7 @@
             <td style="padding: 5px">{{ getTotalValue('totalCount', 2) }} </td>
             <td style="padding: 5px"> </td>
             <td style="padding: 5px"> </td>
-            <td style="padding: 5px">{{ getTotalValue('totalPrice', 2) }}</td>
+            <!-- <td style="padding: 5px">{{ getTotalValue('totalPrice', 2) }}</td> -->
             <td style="padding: 5px"> </td>
             <td style="padding: 5px"> </td>
             <td style="padding: 5px"> </td>
@@ -105,25 +107,25 @@
       <div
         style="
           width: 100%;
-          font-size: 12px;
+          font-size: 13px;
           display: flex;
           justify-content: space-between;
           margin-top: 10px;
         "
       >
         <div style="flex: 1">
-          <div>业务员：{{ formData.partbLinkName }}</div>
+          <div>业务员：{{ formData.salesmanName }}</div>
         </div>
         <div style="flex: 1">
           <div>制单人：{{ formData.createUserName }}</div>
         </div>
-        <div style="flex: 1"> 核对人： </div>
+        <div style="flex: 1"> 核对人： {{ formData.reviewerName }}</div>
         <div style="flex: 1"> 发货人： </div>
       </div>
       <div
         style="
           width: 100%;
-          font-size: 12px;
+          font-size: 13px;
           display: flex;
           justify-content: space-between;
           margin-top: 10px;
@@ -136,6 +138,19 @@
           <div>客户签字：</div>
         </div>
       </div>
+      <div
+        style="
+          width: 100%;
+          font-size: 13px;
+          display: flex;
+          justify-content: space-between;
+          margin-top: 10px;
+        "
+      >
+        <div style="flex: 1">
+          <div>备注：{{ formData.remark }}</div>
+        </div>
+      </div>
     </div>
 
     <div slot="footer">

src/views/saleManage/saleOrder/index.vue

@@ -105,7 +105,7 @@
                 >
                   批量推送
                 </el-button>
-                <!-- <el-button
+                <el-button
                   :disabled="selection?.length === 0"
                   type="primary"
                   size="small"
@@ -113,7 +113,7 @@
                   @click="handlePrint()"
                   v-if="$hasPermission('eom:saleorder:print')"
                   >打印</el-button
-                > -->
+                >
               </template>
 
               <!-- 查看详情列 -->