数量可以支持小数

zhanghua

2025-08-02 08c2033475fa42690c3246aa1510f6c6c932c2ea

 src/views/order/index.vue

@@ -16,7 +16,7 @@
                </el-input>
            </div>
        </div>
        <div style="height: calc(100vh - 208px)">
        <div style="height: calc(100vh - 158px)">
            <el-table
                v-loading="listLoading"
                :data="list"
@@ -29,7 +29,7 @@
                <el-table-column label="学员" prop="playerBaseInfo.name">
                </el-table-column>
                <el-table-column label="电话" prop="mobile"> </el-table-column>
                <el-table-column label="购买方式" width="200" prop="payType">
                <el-table-column label="购买方式" prop="payType">
                    <template slot-scope="scope">
                        {{
                            scope.row.payType == 'DIRECT'
@@ -44,9 +44,9 @@
                </el-table-column>
                <el-table-column label="实际缴费" width="80" prop="amt">
                </el-table-column>
                <el-table-column label="订单时间" width="200" prop="createTime">
                <el-table-column label="订单时间" width="180" prop="createTime">
                </el-table-column>
                <el-table-column label="操作" width="200">
                <el-table-column label="操作" width="120">
                    <template slot-scope="scope">
                        <el-link
                            @click="handlePrint(scope.row)"
@@ -122,8 +122,8 @@
        fetchData() {
            this.listLoading = true;
            getData(this.data).then((response) => {
                this.list = response.data.findOrderByOrgId.ls;
                this.total = response.data.findOrderByOrgId.pageOut.total;
                this.list = response.data.findOrderVoByOrgId.ls;
                this.total = response.data.findOrderVoByOrgId.pageOut.total;
                this.listLoading = false;
            });
        },
@@ -163,7 +163,7 @@
                <td>${o.qty} </td>
                <td> ${o.giftQty || 0}</td>
                <td>${o.amt}</td>
                <td>${row.saleStaff.name} </td>
                <td>${row.saleStaff ? row.saleStaff.name : ''} </td>
            </tr>`;
            });

@@ -172,7 +172,7 @@
        <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>
@@ -185,7 +185,7 @@
                <th width="140px" nowradiv>科目</th>
                <th width="80px" nowradiv>数量</th>
                <th width="80px" nowradiv>赠送</th>
                <th width="100px" nowradiv>余额</th>
                <th width="100px" nowradiv>金额</th>
                <th>课程顾问</th>
            </tr>
            ${detail}
@@ -204,6 +204,7 @@
                }）</td>
            </tr>
        </table>
        <div>&nbsp;校区地址：${row.org.address||row.org.addressDetail}</div>
        <div>&nbsp;备注：${row.message || ""} </div>
        <br>
        <br>
@@ -221,3 +222,42 @@
    },
};
</script>

<style>
#print-container {
    display: none;
}
@media print {
    body > :not(.print-container) {
        display: none;
    }
    html,
    body {
        display: block !important;
    }
    #print-container {
        display: block;
    }
}
@page {
    margin-top: 0;
    margin-bottom: 0;
}
.div-2-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.m-h2 {
    text-align: center;
    font-size: 1.17em;
    margin-top: 50px;
    font-weight: bold;
}
#tr {
    height: 30px;
}
.txt-center {
    text-align: center;
}
</style>