DeXun/klp-oa
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(wms): 优化发货单组件代码格式和结构

Browse Source
This commit is contained in:
砂糖
2026-02-04 17:23:45 +08:00
parent 5b3938e13f
commit 6653b9ace0
1 changed files with 170 additions and 139 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
klp-ui/src/views/wms/delivery/components/wayBill.vue
View File

@@ -12,11 +12,14 @@
<div class="editable-input transparent-input" contenteditable>{{ localWaybill.consigneeUnit }}</div> <div class="editable-input transparent-input" contenteditable>{{ localWaybill.consigneeUnit }}</div>
</div> </div>
<div class="header-center"> <div class="header-center">
<div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryYear }}</div> <div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryYear }}
</div>
<span class="label date-label">年</span> <span class="label date-label">年</span>
<div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryMonth }}</div> <div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryMonth }}
</div>
<span class="label date-label">月</span> <span class="label date-label">月</span>
<div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryDay }}</div> <div class="editable-input date-input transparent-input" contenteditable>{{ localWaybill.deliveryDay }}
</div>
<span class="label date-label">日</span> <span class="label date-label">日</span>
</div> </div>
<div class="header-right"> <div class="header-right">
@@ -74,21 +77,43 @@
</tr> </tr>
<!-- 明细数据 --> <!-- 明细数据 -->
<tr v-for="(item, index) in displayWaybillDetails" :key="index"> <tr v-for="(item, index) in displayWaybillDetails" :key="index">
<td><div class="table-input transparent-input" contenteditable>{{ item.productName }}</div></td> <td>
<td><div class="table-input transparent-input" contenteditable>{{ item.edgeType }}</div></td> <div class="table-input transparent-input" contenteditable>{{ item.productName }}</div>
<td><div class="table-input transparent-input" contenteditable>{{ item.packageType }}</div></td> </td>
<td><div class="table-input transparent-input" contenteditable>{{ item.actualWarehouseName }}</div></td> <td>
<td><div class="table-input transparent-input" contenteditable>{{ item.settlementType }}</div></td> <div class="table-input transparent-input" contenteditable>{{ item.edgeType }}</div>
<td><div class="table-input transparent-input" contenteditable>{{ item.rawMaterialFactory }}</div></td> </td>
<td><div class="table-input transparent-input" contenteditable>{{ item.coilNumber }}</div></td> <td>
<td><div class="table-input transparent-input" contenteditable>{{ item.specification }}</div></td> <div class="table-input transparent-input" contenteditable>{{ item.packageType }}</div>
<td><div class="table-input transparent-input" contenteditable>{{ item.material }}</div></td> </td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.actualWarehouseName }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.settlementType }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.rawMaterialFactory }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.coilNumber }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.specification }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.material }}</div>
</td>
<!-- <td><input type="number" class="table-input transparent-input" v-model.number="item.quantity" <!-- <td><input type="number" class="table-input transparent-input" v-model.number="item.quantity"
placeholder="0" /></td> --> placeholder="0" /></td> -->
<td><input type="number" class="table-input transparent-input" v-model.number="item.weight" <td><input type="number" class="table-input transparent-input" v-model.number="item.weight"
placeholder="0.00" /></td> placeholder="0.00" /></td>
<td><div class="table-input transparent-input" contenteditable>{{ item.unitPrice }}</div></td> <td>
<td><div class="table-input transparent-input" contenteditable>{{ item.remark }}</div></td> <div class="table-input transparent-input" contenteditable>{{ item.unitPrice }}</div>
</td>
<td>
<div class="table-input transparent-input" contenteditable>{{ item.remark }}</div>
</td>
</tr> </tr>
<!-- 加粗最后一行的线 --> <!-- 加粗最后一行的线 -->
<tr style="height: 0;"> <tr style="height: 0;">
@@ -122,27 +147,31 @@
<div class="waybill-pickup-location"> <div class="waybill-pickup-location">
<!-- <div class="pickup-location-item inline"> --> <!-- <div class="pickup-location-item inline"> -->
<span style="font-size: 18px; font-weight: bold;">取货地点：</span> <span style="font-size: 18px; font-weight: bold;">取货地点：</span>
<input type="text" class="editable-input full-input transparent-input" v-model="localWaybill.pickupLocation" /> <input type="text" class="editable-input full-input transparent-input"
v-model="localWaybill.pickupLocation" />
<!-- </div> --> <!-- </div> -->
</div> </div>
<!-- 签名栏 --> <!-- 签名栏 -->
<div class="waybill-footer"> <div class="waybill-footer">
<div class="footer-item inline"> <!-- <div class="footer-item inline">
<span class="label">销售：</span> <span class="label">销售：</span>
<div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.salesman }}</div> <div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.salesman }}</div>
</div> </div> -->
<div class="footer-item inline"> <div class="footer-item inline">
<span class="label">发货：</span> <span class="label">发货：</span>
<div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.deliveryman }}</div> <div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.deliveryman }}
</div>
</div> </div>
<div class="footer-item inline"> <div class="footer-item inline">
<span class="label">司机：</span> <span class="label">司机：</span>
<div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.driver }}</div> <div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.driver }}
</div>
</div> </div>
<div class="footer-item inline"> <div class="footer-item inline">
<span class="label">磅房：</span> <span class="label">磅房：</span>
<div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.weightRoom }}</div> <div class="editable-input signature-input transparent-input" contenteditable>{{ localWaybill.weightRoom }}
</div>
</div> </div>
</div> </div>
</div> </div>
@@ -152,7 +181,8 @@
<div class="waybill-pagebar"> <div class="waybill-pagebar">
<el-button size="mini" @click="changePage(currentPage - 1)" :disabled="currentPage <= 1">上一页</el-button> <el-button size="mini" @click="changePage(currentPage - 1)" :disabled="currentPage <= 1">上一页</el-button>
<span class="page-info">第 {{ currentPage }} / {{ totalPages }} 页</span> <span class="page-info">第 {{ currentPage }} / {{ totalPages }} 页</span>
<el-button size="mini" @click="changePage(currentPage + 1)" :disabled="currentPage >= totalPages">下一页</el-button> <el-button size="mini" @click="changePage(currentPage + 1)"
:disabled="currentPage >= totalPages">下一页</el-button>
</div> </div>
<el-button type="primary" @click="saveAsImage">保存为图片</el-button> <el-button type="primary" @click="saveAsImage">保存为图片</el-button>
<el-button type="success" @click="printWaybill">打印</el-button> <el-button type="success" @click="printWaybill">打印</el-button>
@@ -628,20 +658,20 @@ export default {
} */ } */
/* 重量（kg） */ /* 重量（kg） */
.waybill-table th:nth-child(10), .waybill-table th:nth-child(10),
.waybill-table td:nth-child(10) { .waybill-table td:nth-child(10) {
width: 70px; width: 70px;
} }
/* 单价 */ /* 单价 */
.waybill-table th:nth-child(11), .waybill-table th:nth-child(11),
.waybill-table td:nth-child(11) { .waybill-table td:nth-child(11) {
width: 50px; width: 50px;
} }
/* 备注 */ /* 备注 */
.waybill-table th:nth-child(12), .waybill-table th:nth-child(12),
.waybill-table td:nth-child(12) { .waybill-table td:nth-child(12) {
/* width: 40px; */ /* width: 40px; */
@@ -827,6 +857,7 @@ export default {
} }
@media print { @media print {
html, html,
body { body {
margin: 0; margin: 0;