订单打印优化

zhanghua

2024-12-22 79736a1cdb390e9036375f08a5aa6c8743820abb

 src/views/order/index.vue

@@ -31,7 +31,11 @@
        <el-table-column label="电话" prop="mobile"> </el-table-column>
        <el-table-column label="购买方式" width="200" prop="payType">
          <template slot-scope="scope">
            {{ scope.row.payType == "DIRECT" ? "收费录入" : "商城购入" }}
                        {{
                            scope.row.payType == 'DIRECT'
                                ? '收费录入'
                                : '商城购入'
                        }}
          </template>
        </el-table-column>
        <el-table-column label="总价" width="80" prop="originAmt">
@@ -70,7 +74,7 @@
</template>

<script>
import { getData } from "@/api/order";
import { getData, findPlayerAccByOrderId } from "@/api/order";
import { printHtml } from "@/utils/print";
import { convertCurrency } from "@/utils/ruoyi";

@@ -135,14 +139,29 @@
      this.fetchData();
    },
    handlePrint(row) {
      const orgName = JSON.parse(localStorage.getItem("selectStaff")).org.name;

            if (row.payType == "DIRECT") {
                findPlayerAccByOrderId({ 'orderId': row.id }).then(res => {
                    if (res.data.findPlayerAccByOrderId.length > 0) {
                        row.staffName = res.data.findPlayerAccByOrderId[0].staffName
                        row.message = res.data.findPlayerAccByOrderId[0].description
                    }
                    this.doPrint(row)
                })
            }
            else {
                this.doPrint(row)
            }

        },
        doPrint(row) {
            const orgName = JSON.parse(localStorage.getItem("selectStaff")).org.name;
      let detail = "";
      row.details.forEach((o) => {
        detail += `<tr>
                <td> ${o.voucherName || o.goodsName}</td>
                <td>${o.qty} </td>
                <td> ${o.giftQty}</td>
                <td> ${o.giftQty || 0}</td>
                <td>${o.amt}</td>
                <td>${row.saleStaff.name} </td>
            </tr>`;
@@ -153,13 +172,11 @@
        <h2 style="text-align: center;">${orgName}缴费收据 </h2>
        <div> 订单号：${row.number}</div>
        <div class="div-2-column">
            <div> 学员姓名：<u>${
              row.playerBaseInfo ? row.playerBaseInfo.name : ""
            <div> 学员姓名：<u>${row.playerBaseInfo ? row.playerBaseInfo.name : ""
            }</u> </div>
            <div>联系电话：<u>${row.mobile || "未录入"} </u></div>
        </div>
        <div> 订单类型：${
          row.payType == "DIRECT" ? "收费录入" : "商城购入"
        <div> 订单类型：${row.payType == "DIRECT" ? "收费录入" : "商城购入"
        } </div>

        <div class="m-h2"> 课程信息</div>
@@ -183,8 +200,7 @@
                <td>&nbsp;折扣/赠送金额：${row.discount}</td>
            </tr>
            <tr>
                <td>&nbsp;实缴金额：${convertCurrency(row.amt)}（¥${
        row.amt
                <td>&nbsp;实缴金额：${convertCurrency(row.amt)}（¥${row.amt
      }）</td>
            </tr>
        </table>
@@ -192,7 +208,7 @@
        <br>
        <br>
        <div class="div-2-column">
            <div> 经办人：${row.buyer.name}  </div>
            <div> 经办人：${row.staffName || ''}  </div>
            <div>经办日期：${row.createTime} </div>
        </div>
    </div>