feat: 润天销售订单打印,退货单打印

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

@@ -0,0 +1,405 @@
+<template>
+  <ele-modal
+    title="销售订单"
+    :visible.sync="QRvisible"
+    v-if="QRvisible"
+    width="90%"
+  >
+    <div id="printSection">
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-direction: column;
+        "
+        v-for="wrapperItem in formData"
+        :key="wrapperItem.id"
+      >
+        <div style="width: 100%;">
+          <div
+            style="
+              font-size: 20px;
+              font-weight: 800;
+              padding-right: 20px;
+              width: 400px;
+              margin: 0 auto;
+            "
+            >
+              销售订单{{ wrapperItem.saleTypeName ? '-' + wrapperItem.saleTypeName : '' }}
+            </div>
+            <!-- <span style="font-size: 13px; float: right;">门店：{{ wrapperItem.salesDeptName }}</span> -->
+        </div>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 10px;
+            margin-top: 20px;
+          "
+        >
+          <span style="width: 33%">客户：{{ wrapperItem.partaName }}</span>
+          <span style="width: 33%">销售日期：{{ wrapperItem.createTime ? wrapperItem.createTime.split(' ')[0] : '' }}</span>
+          <span style="width: 33%">订单编码：{{ wrapperItem.orderNo }}</span>
+        </div>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 10px;
+          "
+        >
+          <span style="width: 33%">销售部门：{{ wrapperItem.salesDeptName }}</span>
+          <span style="width: 33%">销售员：{{ wrapperItem.salesmanName }}</span>
+          <span style="width: 33%">订单类型：{{ wrapperItem.needProduce == 1 ? '有客户生产性订单' : wrapperItem.needProduce == 2
+                ? '无客户生产性订单'
+                : wrapperItem.needProduce == 4
+                ? '不定向订单'
+                : wrapperItem.needProduce == 5
+                ? '委外订单'
+                : '库存式订单' }}</span>
+        </div>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 10px;
+          "
+        >
+          <span style="width: 33%">发货原因：{{ wrapperItem.projectName }}</span>
+          <span style="width: 66%">交货地点：{{ wrapperItem.partaAddress }}</span>
+        </div>
+        <table
+          cellspacing="0"
+          border
+          style="
+            width: 100%;
+            table-layout: fixed;
+            word-break: break-all;
+            word-wrap: break-word;
+            font-size: 12px;
+          "
+        >
+          <tbody>
+            <tr align="center">
+              <td style="padding: 2px; width: 5%"> 序号 </td>
+              <td style="padding: 2px; width: 17%"> 物料编码 </td>
+              <td style="padding: 2px; width: 17%"> 物料名称 </td>
+              <td style="padding: 2px; width: 18%"> 规格型号 </td>
+              <td style="padding: 2px; width: 18%"> 图号 </td>
+              <td style="padding: 2px; width: 6%"> 单位</td>
+              <td style="padding: 2px; width: 8%"> 数量</td>
+            </tr>
+
+            <tr align="center" v-for="(item, index) in wrapperItem.productList">
+              <td style="padding: 2px"> {{ index + 1 }} </td>
+              <td style="padding: 2px"> {{ item.productCode }} </td>
+              <td style="padding: 2px"> {{ item.productName }} </td>
+              <td style="padding: 2px">
+                {{ item.specification }}
+                <!-- {{ item.modelType }} -->
+              </td>
+              <td style="padding: 2px"> {{ item.imgCode }}</td>
+              <td style="padding: 2px"> {{ item.saleUnit }}</td>
+              <td style="padding: 2px"> {{ item.saleCount }}</td>
+            </tr>
+            <tr align="center">
+              <td style="padding: 2px"> 合计 </td>
+              <!-- <td style="padding: 2px" colspan="2">{{ numberToChinese(getTotalValue(wrapperItem, 'totalPrice', 2)) }}</td> -->
+              
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+              <!-- <td style="padding: 2px">{{ getTotalValue(wrapperItem, 'totalPrice', 2) }}</td> -->
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px">{{ getTotalValue(wrapperItem, 'saleCount', 2) }} </td>
+              <!-- <td style="padding: 2px"> </td> -->
+              <!-- <td style="padding: 2px"> </td> -->
+            </tr>
+          </tbody>
+        </table>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: space-between;
+            margin-top: 10px;
+          "
+        >
+          
+          <div style="flex: 1">
+            <div>制单人：{{ wrapperItem.createUserName }}</div>
+          </div>
+          <div style="flex: 1">
+            <div>部门：</div>
+          </div>
+          <div style="flex: 1"> 生产部： </div>
+          <div style="flex: 1"> 品质部： </div>
+          <div style="flex: 1"> 发货人： </div>
+        </div>
+      </div>
+    </div>
+
+    <div slot="footer">
+      <el-button type="primary" @click="exportExcel">导出</el-button>
+      <el-button @click="print">打印预览</el-button>
+      <el-button @click="close">关闭</el-button>
+    </div>
+  </ele-modal>
+</template>
+
+<script>
+  import { getSaleOrderDetails } from '@/api/saleManage/saleorder';
+  import { mapGetters } from 'vuex';
+  import { saveAs } from 'file-saver';
+  export default {
+    name: 'print',
+    computed: {
+      ...mapGetters(['user'])
+    },
+    props: {
+      groupName: ''
+    },
+    data() {
+      return {
+        checked: '',
+        QRvisible: false,
+        isPrintPrice: false,
+        formData: {
+          contactName: '',
+          createTime: '',
+          docNo: '',
+          partbAddress: '',
+          partbLinkName: '',
+          productList: [],
+          totalCount: 0
+        }
+      };
+    },
+
+    methods: {
+      async open(id) {
+        this.formData = await getSaleOrderDetails(id);
+        console.log('formData~~~', this.formData);
+        this.QRvisible = true;
+
+        //包装维度
+      },
+      close() {
+        this.QRvisible = false;
+      },
+      getTotalValue(itemI,key, num) {
+        console.log('itemI:', itemI, 'key:', key);
+        let val = itemI?.productList?.reduce((total, item) => {
+          return (total += Number(item[key]));
+        }, 0);
+
+        return (
+          (val &&
+            parseFloat(val)
+              .toFixed(num)
+              .replace(/\.?0+$/, '')) ||
+          0
+        );
+      },
+      print() {
+        const printSection = document.getElementById('printSection');
+        // 创建打印任务
+        const printWindow = window.open('', '_blank');
+        printWindow.document.open();
+        printWindow.document.write('<html><head><title>打印预览</title>');
+        printWindow.document.write(
+          '<link rel="stylesheet" href="your-stylesheet-url.css" type="text/css" />'
+        );
+        printWindow.document.write('</head><body>');
+        printWindow.document.write(printSection.innerHTML);
+        printWindow.document.write('</body></html>');
+        printWindow.document.close();
+        printWindow.onload = function () {
+          printWindow.print();
+        };
+      },
+      numberToChinese(n) {
+        const num = Number(n);
+        if (!isFinite(num)) return '';
+        if (num === 0) return '零元整';
+        const digits = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+        const intUnits = ['', '拾', '佰', '仟', '万', '拾', '佰', '仟', '亿', '拾', '佰', '仟'];
+        const decUnits = ['角', '分'];
+        const negative = num < 0 ? '负' : '';
+        const fixed = Math.abs(num).toFixed(2);
+        const [intPart, decPart] = fixed.split('.');
+        let intStr = '';
+        const intLen = intPart.length;
+        for (let i = 0; i < intLen; i++) {
+          const d = Number(intPart[i]);
+          const unit = intUnits[intLen - 1 - i];
+          if (d === 0) {
+            if (unit === '万' || unit === '亿') {
+              intStr = intStr.replace(/零+$/, '') + unit;
+            } else {
+              intStr += '零';
+            }
+          } else {
+            intStr += digits[d] + unit;
+          }
+        }
+        intStr = intStr.replace(/零+/g, '零').replace(/零+$/, '');
+        intStr = intStr.replace(/亿万/, '亿') || intStr;
+        intStr = (intStr || '零') + '元';
+        let decStr = '';
+        const jiao = Number(decPart[0]);
+        const fen = Number(decPart[1]);
+        if (jiao === 0 && fen === 0) {
+          decStr = '整';
+        } else {
+          if (jiao === 0) decStr = '零';
+          else decStr = digits[jiao] + decUnits[0];
+          if (fen !== 0) decStr += digits[fen] + decUnits[1];
+        }
+        return negative + intStr + decStr;
+      },
+      exportExcel() {
+        const border =
+          'border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;';
+        const cellBase = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:center;mso-horizontal-align:center;`;
+        const th = `${cellBase}font-weight:bold;font-family:'宋体';font-size:12pt;`;
+        const td = `${cellBase}font-family:'宋体';font-size:11pt;`;
+        const labelLeft = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:left;mso-horizontal-align:left;font-family:'宋体';font-size:11pt;`;
+
+        const colWidths = [40, 120, 120, 130, 130, 50, 65];
+        const colGroup = colWidths
+          .map((w) => `<col width="${w}" style="width:${w}pt;" />`)
+          .join('');
+
+        const title = '销售订单';
+
+        // 订单类型文案（与打印模板一致）
+        const getOrderTypeName = (needProduce) =>
+          needProduce == 1
+            ? '有客户生产性订单'
+            : needProduce == 2
+            ? '无客户生产性订单'
+            : needProduce == 4
+            ? '不定向订单'
+            : needProduce == 5
+            ? '委外订单'
+            : '库存式订单';
+
+        // 遍历多个单据生成多个表格
+        let tables = '';
+        this.formData.forEach((wrapperItem) => {
+          const list = wrapperItem.productList || [];
+          const totalCount = this.getTotalValue(wrapperItem, 'saleCount', 2);
+          const tableTitle = `${title}${
+            wrapperItem.saleTypeName ? '-' + wrapperItem.saleTypeName : ''
+          }`;
+
+          const rows = list
+            .map(
+              (item, index) => `
+              <tr height="24" style="height:24pt;">
+                <td align="center" valign="middle" style="${td}">${index + 1}</td>
+                <td align="center" valign="middle" style="${td}">${item.productCode || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.productName || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.specification || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.imgCode || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.saleUnit || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.saleCount ?? ''}</td>
+              </tr>`
+            )
+            .join('');
+
+          tables += `
+          <table border="1" cellspacing="0" cellpadding="0" align="center"
+            style="border-collapse:collapse;border:1px solid #000;mso-border-alt:solid #000 0.5pt;font-family:'宋体';font-size:11pt;text-align:center;">
+            <colgroup>${colGroup}</colgroup>
+            <tr height="40" style="height:40pt;">
+              <td colspan="7" align="center" valign="middle" style="${border}padding:6px;text-align:center;font-family:'宋体';font-size:22pt;font-weight:bold;">${tableTitle}</td>
+            </tr>
+            <tr height="26" style="height:26pt;">
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">客户：${wrapperItem.partaName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">销售日期：${wrapperItem.createTime ? wrapperItem.createTime.split(' ')[0] : ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">订单编码：${wrapperItem.orderNo || ''}</td>
+            </tr>
+            <tr height="26" style="height:26pt;">
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">销售部门：${wrapperItem.salesDeptName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">销售员：${wrapperItem.salesmanName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">订单类型：${getOrderTypeName(wrapperItem.needProduce)}</td>
+            </tr>
+            <tr height="26" style="height:26pt;">
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">发货原因：${wrapperItem.projectName || ''}</td>
+              <td colspan="4" align="left" valign="middle" style="${labelLeft}">交货地点：${wrapperItem.partaAddress || ''}</td>
+            </tr>
+            <tr height="28" style="height:28pt;">
+              <td align="center" valign="middle" style="${th}">序号</td>
+              <td align="center" valign="middle" style="${th}">物料编码</td>
+              <td align="center" valign="middle" style="${th}">物料名称</td>
+              <td align="center" valign="middle" style="${th}">规格型号</td>
+              <td align="center" valign="middle" style="${th}">图号</td>
+              <td align="center" valign="middle" style="${th}">单位</td>
+              <td align="center" valign="middle" style="${th}">数量</td>
+            </tr>
+            ${rows}
+            <tr height="26" style="height:26pt;">
+              <td align="center" valign="middle" style="${td};font-weight:bold;">合计</td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td};font-weight:bold;">${totalCount}</td>
+            </tr>
+            <tr height="28" style="height:28pt;">
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">制单人：${wrapperItem.createUserName || ''}</td>
+              <td align="left" valign="middle" style="${labelLeft}">部门：</td>
+              <td align="left" valign="middle" style="${labelLeft}">生产部：</td>
+              <td align="left" valign="middle" style="${labelLeft}">品质部：</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">发货人：</td>
+            </tr>
+          </table>
+          <br style="mso-special-character:line-break;page-break-before:always" />`;
+        });
+
+        const html = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">
+        <head>
+        <meta charset="UTF-8" />
+        <style>
+          br { mso-data-placement: same-cell; }
+          table { mso-displayed-decimal-separator:"."; mso-displayed-thousand-separator:","; }
+          td { mso-ignore:padding; }
+        </style>
+        <!--[if gte mso 9]><xml>
+        <x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${title}</x:Name>
+        <x:WorksheetOptions>
+          <x:DefaultRowHeight>260</x:DefaultRowHeight>
+          <x:Print><x:ValidPrinterInfo/><x:HorizontalResolution>600</x:HorizontalResolution><x:VerticalResolution>600</x:VerticalResolution></x:Print>
+          <x:Selected/>
+          <x:DoNotDisplayGridlines/>
+        </x:WorksheetOptions>
+        </x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook>
+        </xml><![endif]-->
+        </head>
+        <body>${tables}</body></html>`;
+
+        const blob = new Blob(['' + html], {
+          type: 'application/vnd.ms-excel;charset=utf-8'
+        });
+        const firstOrderNo = this.formData[0]?.orderNo || '';
+        const suffix = this.formData.length > 1 ? `等${this.formData.length}条` : firstOrderNo;
+        saveAs(blob, `${title}_${suffix}.xls`);
+      }
+    }
+  };
+</script>
+
+<style lang="scss"></style>

src/views/saleManage/saleOrder/index.vue

@@ -109,15 +109,31 @@
                   >
                     批量推送
                   </el-button>
-                  <el-button
+
+                  <el-dropdown
+                    trigger="click"
                     :disabled="selection?.length === 0"
-                    type="primary"
-                    size="small"
-                    icon="el-icon-printer"
-                    @click="handlePrint()"
-                    v-if="$hasPermission('eom:saleorder:print')"
-                    >打印</el-button
                   >
+                    <el-button
+                      type="primary"
+                      class="el-icon-printer"
+                      size="small"
+                    >
+                      打印<i class="el-icon-arrow-down el-icon--right"></i>
+                    </el-button>
+                    <el-dropdown-menu slot="dropdown">
+                      <el-dropdown-item
+                        v-if="$hasPermission('eom:saleorder:print')"
+                        @click.native="handlePrint"
+                        >打印</el-dropdown-item
+                      >
+                      <el-dropdown-item
+                        v-if="$hasPermission('eom:saleorder:printRt')"
+                        @click.native="handleRtPrint"
+                        >打印（润天）</el-dropdown-item
+                      >
+                    </el-dropdown-menu>
+                  </el-dropdown>
                 </template>
 
                 <!-- 查看详情列 -->
@@ -410,6 +426,7 @@
       ref="printTemplateSaleOrderRef"
     ></printTemplateSaleOrder>
     <printTemplateHt ref="printTemplateHtRef" :groupName="groupName"></printTemplateHt>
+    <printTemplateRt ref="printTemplateRtRef" :groupName="groupName"></printTemplateRt>
     <add-adjust-dialog
       v-if="addAdjustDialogFlag"
       :addAdjustDialogFlag.sync="addAdjustDialogFlag"
@@ -471,6 +488,8 @@ import printTemplateSaleOrder from './components/printTemplateSaleOrder.vue';
 import { enterprisePage } from '@/api/contractManage/contractBook';
 import { listOrganizations } from '@/api/system/organization';
 import printTemplateHt from './components/printTemplateHt.vue';
+import printTemplateRt from './components/printTemplateRt.vue';
+
 
 export default {
   mixins: [dictMixins, tabMixins],
@@ -505,7 +524,8 @@ export default {
     addAdjustDialog,
     suspend,
     addDialogNew,
-    printTemplateHt
+    printTemplateHt,
+    printTemplateRt
   },
   //客户管理数据
   props: {
@@ -1279,6 +1299,9 @@ export default {
       console.log(this.selection[0]);
       // if (this.selection.length > 1) return this.$message.warning('请选择一条');
       this.$refs.printTemplateHtRef.open(this.selection.map((v) => v.id));
+    },
+    handleRtPrint() {
+      this.$refs.printTemplateRtRef.open(this.selection.map((v) => v.id));
     }
   }
 };

src/views/saleManage/saleOrder/returnGoods/components/printTemplateRt.vue

@@ -0,0 +1,357 @@
+<template>
+  <ele-modal
+    title="退货单"
+    :visible.sync="QRvisible"
+    v-if="QRvisible"
+    width="90%"
+  >
+    <div id="printSection">
+      <div
+        style="
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          flex-direction: column;
+        "
+      >
+        <div style="width: 100%;">
+          <div
+            style="
+              font-size: 20px;
+              font-weight: 800;
+              padding-right: 20px;
+              width: 400px;
+              margin: 0 auto;
+            "
+          >
+            {{ saleOrderData?.salesDeptName }}{{ saleOrderData?.saleTypeName }}退货单
+          </div>
+        </div>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 10px;
+            margin-top: 20px;
+          "
+        >
+          <span style="width: 25%">制单日期：{{ formData.createTime ? formData.createTime.split(' ')[0] : '' }}</span>
+          <span style="width: 25%">单据编号：{{ formData.returnNo }}</span>
+          <span style="width: 50%">退货原因：</span>
+        </div>
+        <div
+          style="
+            width: 100%;
+            font-size: 13px;
+            display: flex;
+            justify-content: flex-start;
+            margin-bottom: 10px;
+          "
+        >
+          <span style="width: 50%">退货单位：{{ formData.contactName }}</span>
+          <span style="width: 25%">制单人：{{ formData.makerName }}</span>
+          <span style="width: 25%">退货人：{{ formData.makerName }}</span>
+        </div>
+        <table
+          cellspacing="0"
+          border
+          style="
+            width: 100%;
+            table-layout: fixed;
+            word-break: break-all;
+            word-wrap: break-word;
+            font-size: 12px;
+          "
+        >
+          <tbody>
+            <tr align="center">
+              <!-- <td style="padding: 2px; width: 5%"> 序号 </td> -->
+               <td style="padding: 2px; width: 17%"> 物料编号 </td>
+              <td style="padding: 2px; width: 17%"> 物料名称 </td>
+              <td style="padding: 2px; width: 18%"> 规格 </td>
+              <td style="padding: 2px; width: 6%"> 单位</td>
+              <td style="padding: 2px; width: 8%"> 数量</td>
+              <td style="padding: 2px; width: 10%"> 原领料单单号</td>
+              <td style="padding: 2px; width: 8%"> 仓库</td>
+              <td style="padding: 2px; width: 10%"> 备注</td>
+            </tr>
+
+            <tr align="center" v-for="(item, index) in formData.productList" :key="item.id">
+              <!-- <td style="padding: 2px"> {{ index + 1 }} </td> -->
+              <td style="padding: 2px"> {{ item.productCode }} </td>
+              <td style="padding: 2px"> {{ item.productName }} </td>
+              <td style="padding: 2px">
+                {{ item.specification }}
+                <!-- {{ item.modelType }} -->
+              </td>
+              <td style="padding: 2px"> {{ item.measuringUnit }}</td>
+              <td style="padding: 2px"> {{ item.totalCount  }}</td>
+              <td style="padding: 2px"> {{ item.orderNo }}</td>
+              <td style="padding: 2px"> {{ item.warehouseName }}</td>
+              <td style="padding: 2px"> {{ item.returnReason }}</td>
+            </tr>
+            <tr align="center">
+              <td style="padding: 2px"> 合计 </td>
+              <!-- <td style="padding: 2px" colspan="2">{{ numberToChinese(getTotalValue(formData, 'totalPrice', 2)) }}</td> -->
+              
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"></td>
+              <!-- <td style="padding: 2px">{{ getTotalValue(formData, 'totalCount', 2) ? '-' + getTotalValue(formData, 'totalPrice', 2) : ''}}</td> -->
+              <td style="padding: 2px">{{ getTotalValue(formData, 'totalCount', 2) }} </td>
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+              <td style="padding: 2px"> </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <div slot="footer">
+      <el-button type="primary" @click="exportExcel">导出</el-button>
+      <el-button @click="print">打印预览</el-button>
+      <el-button @click="close">关闭</el-button>
+    </div>
+  </ele-modal>
+</template>
+
+<script>
+  import { getReturnSaleOrderrecordDetail } from '@/api/saleManage/returnGoods';
+  import {
+    getSaleOrderDetail
+  } from '@/api/saleManage/saleorder';
+  import { mapGetters } from 'vuex';
+  import { saveAs } from 'file-saver';
+  export default {
+    name: 'print',
+    computed: {
+      ...mapGetters(['user'])
+    },
+    props: {
+      groupName: ''
+    },
+    data() {
+      return {
+        checked: '',
+        QRvisible: false,
+        isPrintPrice: false,
+        formData: {
+          contactName: '',
+          createTime: '',
+          docNo: '',
+          partbAddress: '',
+          partbLinkName: '',
+          productList: [],
+          totalCount: 0
+        }
+      };
+    },
+
+    methods: {
+      async open(id) {
+        this.formData = await getReturnSaleOrderrecordDetail(id);
+        this.saleOrderData = await getSaleOrderDetail(this.formData?.returnOrderList?.[0]?.orderId);
+        console.log('formData~~~', this.formData, this.saleOrderData);
+        this.QRvisible = true;
+
+        //包装维度
+      },
+      close() {
+        this.QRvisible = false;
+      },
+      getTotalValue(itemI,key, num) {
+        let val = itemI?.productList?.reduce((total, item) => {
+          return (total += Number(item[key]));
+        }, 0);
+
+        return (
+          (val &&
+            parseFloat(val)
+              .toFixed(num)
+              .replace(/\.?0+$/, '')) ||
+          0
+        );
+      },
+      print() {
+        const printSection = document.getElementById('printSection');
+        // 创建打印任务
+        const printWindow = window.open('', '_blank');
+        printWindow.document.open();
+        printWindow.document.write('<html><head><title>打印预览</title>');
+        printWindow.document.write(
+          '<link rel="stylesheet" href="your-stylesheet-url.css" type="text/css" />'
+        );
+        printWindow.document.write('</head><body>');
+        printWindow.document.write(printSection.innerHTML);
+        printWindow.document.write('</body></html>');
+        printWindow.document.close();
+        printWindow.onload = function () {
+          printWindow.print();
+        };
+      },
+      numberToChinese(n) {
+        const num = Number(n);
+        if (!isFinite(num)) return '';
+        if (num === 0) return '零元整';
+        const digits = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
+        const intUnits = ['', '拾', '佰', '仟', '万', '拾', '佰', '仟', '亿', '拾', '佰', '仟'];
+        const decUnits = ['角', '分'];
+        const negative = num < 0 ? '负' : '';
+        const fixed = Math.abs(num).toFixed(2);
+        const [intPart, decPart] = fixed.split('.');
+        let intStr = '';
+        const intLen = intPart.length;
+        for (let i = 0; i < intLen; i++) {
+          const d = Number(intPart[i]);
+          const unit = intUnits[intLen - 1 - i];
+          if (d === 0) {
+            if (unit === '万' || unit === '亿') {
+              intStr = intStr.replace(/零+$/, '') + unit;
+            } else {
+              intStr += '零';
+            }
+          } else {
+            intStr += digits[d] + unit;
+          }
+        }
+        intStr = intStr.replace(/零+/g, '零').replace(/零+$/, '');
+        intStr = intStr.replace(/亿万/, '亿') || intStr;
+        intStr = (intStr || '零') + '元';
+        let decStr = '';
+        const jiao = Number(decPart[0]);
+        const fen = Number(decPart[1]);
+        if (jiao === 0 && fen === 0) {
+          decStr = '整';
+        } else {
+          if (jiao === 0) decStr = '零';
+          else decStr = digits[jiao] + decUnits[0];
+          if (fen !== 0) decStr += digits[fen] + decUnits[1];
+        }
+        return negative + intStr + decStr;
+      },
+      exportExcel() {
+        const list = this.formData.productList || [];
+        const totalCount = this.getTotalValue(this.formData, 'totalCount', 2);
+        const totalPrice = this.getTotalValue(this.formData, 'totalPrice', 2);
+        const totalChinese = this.numberToChinese(totalPrice);
+
+        const border =
+          'border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;';
+        const cellBase = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:center;mso-horizontal-align:center;`;
+        const th = `${cellBase}font-weight:bold;font-family:'宋体';font-size:12pt;`;
+        const td = `${cellBase}font-family:'宋体';font-size:11pt;`;
+        const labelLeft = `${border}padding:4px;mso-number-format:"\\@";vertical-align:middle;text-align:left;mso-horizontal-align:left;font-family:'宋体';font-size:11pt;`;
+
+        const colWidths = [55, 170, 55, 70, 75, 65, 90, 70, 110];
+        const colGroup = colWidths
+          .map((w) => `<col width="${w}" style="width:${w}pt;" />`)
+          .join('');
+
+        const title = `${this.groupName || ''}退货单`;
+
+        const rows = list
+          .map(
+            (item, index) => `
+              <tr height="24" style="height:24pt;">
+                <td align="center" valign="middle" style="${td}">${index + 1}</td>
+                <td align="center" valign="middle" style="${td}">${item.modelType || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.measuringUnit || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.totalCount ?? ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.singlePrice ?? ''}</td>
+                <td align="center" valign="middle" style="${td}">${
+              item.taxRate ? item.taxRate + '%' : '0%'
+            }</td>
+                <td align="center" valign="middle" style="${td}">${item.totalPrice ?? ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.colorKey || ''}</td>
+                <td align="center" valign="middle" style="${td}">${item.remark || ''}</td>
+              </tr>`
+          )
+          .join('');
+
+        const table = `
+          <table border="1" cellspacing="0" cellpadding="0" align="center"
+            style="border-collapse:collapse;border:1px solid #000;mso-border-alt:solid #000 0.5pt;font-family:'宋体';font-size:11pt;text-align:center;">
+            <colgroup>${colGroup}</colgroup>
+            <tr height="40" style="height:40pt;">
+              <td colspan="9" align="center" valign="middle" style="${border}padding:6px;text-align:center;font-family:'宋体';font-size:22pt;font-weight:bold;">${title}</td>
+            </tr>
+            <tr height="26" style="height:26pt;">
+              <td colspan="6" align="left" valign="middle" style="${labelLeft}">客户：${this.formData.contactName || ''}</td>
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">单据日期：${this.formData.createTime ? this.formData.createTime.split(' ')[0] : ''}</td>
+            </tr>
+            <tr height="26" style="height:26pt;">
+              <td colspan="6" align="left" valign="middle" style="${labelLeft}">发货单号：${this.formData.sendNo || ''}</td>
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">退货单号：${this.formData.returnNo || ''}</td>
+            </tr>
+
+            <tr height="28" style="height:28pt;">
+              <td align="center" valign="middle" style="${th}">序号</td>
+              <td align="center" valign="middle" style="${th}">规格型号</td>
+              <td align="center" valign="middle" style="${th}">单位</td>
+              <td align="center" valign="middle" style="${th}">数量</td>
+              <td align="center" valign="middle" style="${th}">单价</td>
+              <td align="center" valign="middle" style="${th}">税率</td>
+              <td align="center" valign="middle" style="${th}">金额</td>
+              <td align="center" valign="middle" style="${th}">颜色</td>
+              <td align="center" valign="middle" style="${th}">备注</td>
+            </tr>
+            ${rows}
+            <tr height="26" style="height:26pt;">
+              <td align="center" valign="middle" style="${td};font-weight:bold;">合计</td>
+              <td colspan="2" align="center" valign="middle" style="${td};font-weight:bold;">${totalChinese}</td>
+              <td align="center" valign="middle" style="${td};font-weight:bold;">${totalCount}</td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td};font-weight:bold;">${totalPrice}</td>
+              <td align="center" valign="middle" style="${td}"></td>
+              <td align="center" valign="middle" style="${td}"></td>
+            </tr>
+            <tr height="28" style="height:28pt;">
+              <td colspan="3" align="left" valign="middle" style="${labelLeft}">业务员：${this.formData.salesmanName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">制单人：${this.formData.makerName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">核对人：${this.formData.reviewerName || ''}</td>
+              <td colspan="2" align="left" valign="middle" style="${labelLeft}">发货人：</td>
+            </tr>
+            <tr height="28" style="height:28pt;">
+              <td colspan="9" align="left" valign="middle" style="${labelLeft}">客户签字：</td>
+            </tr>
+            <tr height="28" style="height:28pt;">
+              <td colspan="9" align="left" valign="middle" style="${labelLeft}">备注：${this.formData.remark || ''}</td>
+            </tr>
+          </table>`;
+
+        const html = `<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40">
+        <head>
+        <meta charset="UTF-8" />
+        <style>
+          br { mso-data-placement: same-cell; }
+          table { mso-displayed-decimal-separator:"."; mso-displayed-thousand-separator:","; }
+          td { mso-ignore:padding; }
+        </style>
+        <!--[if gte mso 9]><xml>
+        <x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>
+        <x:Name>${title}</x:Name>
+        <x:WorksheetOptions>
+          <x:DefaultRowHeight>260</x:DefaultRowHeight>
+          <x:Print><x:ValidPrinterInfo/><x:HorizontalResolution>600</x:HorizontalResolution><x:VerticalResolution>600</x:VerticalResolution></x:Print>
+          <x:Selected/>
+          <x:DoNotDisplayGridlines/>
+        </x:WorksheetOptions>
+        </x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook>
+        </xml><![endif]-->
+        </head>
+        <body>${table}</body></html>`;
+
+        const blob = new Blob(['' + html], {
+          type: 'application/vnd.ms-excel;charset=utf-8'
+        });
+        saveAs(blob, `${title}_${this.formData.returnNo || ''}.xls`);
+      }
+    }
+  };
+</script>
+
+<style lang="scss"></style>

src/views/saleManage/saleOrder/returnGoods/index.vue

@@ -44,7 +44,7 @@
             >
               批量删除
             </el-button>
-            <el-button
+            <!-- <el-button
               v-if="$hasPermission('eom:saleorderreturnrecord:printHt')"
               size="small"
               type="primary"
@@ -54,7 +54,31 @@
               :disabled="selection?.length === 0"
             >
               打印
-            </el-button>
+            </el-button> -->
+            <el-dropdown
+              trigger="click"
+              :disabled="selection?.length === 0"
+            >
+              <el-button
+                type="primary"
+                class="el-icon-printer"
+                size="small"
+              >
+                打印<i class="el-icon-arrow-down el-icon--right"></i>
+              </el-button>
+              <el-dropdown-menu slot="dropdown">
+                <el-dropdown-item
+                  v-if="$hasPermission('eom:saleorderreturnrecord:printHt')"
+                  @click.native="handlePrint"
+                  >打印</el-dropdown-item
+                >
+                <el-dropdown-item
+                  v-if="$hasPermission('eom:saleorderreturnrecord:printRt')"
+                  @click.native="handleRtPrintRt"
+                  >打印（润天）</el-dropdown-item
+                >
+              </el-dropdown-menu>
+            </el-dropdown>
           </template>
 
           <!-- 查看详情列 -->
@@ -212,6 +236,7 @@
       @done="reload"
     ></add-invoice-dialog>
     <printTemplateHt  ref="printTemplateHtRef" :groupName="groupName"></printTemplateHt>
+    <printTemplateRt  ref="printTemplateRtRef" :groupName="groupName"></printTemplateRt>
   </div>
 </template>
 
@@ -236,6 +261,7 @@
   import tabMixins from '@/mixins/tableColumnsMixin';
   import addInvoiceDialog from '@/views/saleManage/saleOrder/invoice/components/addInvoiceDialog.vue';
   import printTemplateHt from './components/printTemplateHt.vue';
+  import printTemplateRt from './components/printTemplateRt.vue';
   import { enterprisePage } from '@/api/contractManage/contractBook';
 
   export default {
@@ -250,7 +276,8 @@
       detailDialog,
       customerReturnOrderDialog,
       addInvoiceDialog,
-      printTemplateHt
+      printTemplateHt,
+      printTemplateRt
     },
     //客户管理数据
     props: {
@@ -437,6 +464,10 @@
         if (this.selection.length > 1) return this.$message.warning('请选择一条');
         this.$refs.printTemplateHtRef.open(this.selection[0].id);
       },
+      handleRtPrintRt() {
+        if (this.selection.length > 1) return this.$message.warning('请选择一条');
+        this.$refs.printTemplateRtRef.open(this.selection[0].id);
+      },
       /* 表格数据源 */
       datasource({ page, limit, where, order }) {
         if (this.contactData.id) {