|
@@ -17,8 +17,15 @@
|
|
|
<a-table :columns="outColumns" :pagination="false" :data-source="outTableData" bordered></a-table>
|
|
|
</div>
|
|
|
<div class="toolsBar forms">
|
|
|
- <div>发货时间:2022-02-14</div>
|
|
|
- <div>物流情况:
|
|
|
+ <div style="flex-basis:35%">托运日期:2022-02-14</div>
|
|
|
+ <div style="flex-basis:65%">目的地:广州广园</div>
|
|
|
+ <div style="flex-basis:35%">收货人:颜磊(18800005555)</div>
|
|
|
+ <div style="flex-basis:65%">详细地址:广州市白云区金钟横路机场东门08号高益大厦101号</div>
|
|
|
+ <div style="flex-basis:35%">收款方式:月结</div>
|
|
|
+ <div style="flex-basis:35%">交货方式:送货</div>
|
|
|
+ <div style="flex-basis:30%">运费合计:2125.00</div>
|
|
|
+ <div style="flex-basis:100%">发货备注:--</div>
|
|
|
+ <div style="flex-basis:35%">物流情况:
|
|
|
<a-radio-group>
|
|
|
<a-radio :value="1">
|
|
|
正常
|
|
@@ -28,9 +35,9 @@
|
|
|
</a-radio>
|
|
|
</a-radio-group>
|
|
|
</div>
|
|
|
- <div>是否收货:<div><a-checkbox>已收货</a-checkbox></div></div>
|
|
|
- <div>收货时间:<a-date-picker format="YYYY-MM-DD" v-model="form.sendDate"/></div>
|
|
|
- <div><label>备注:</label><a-input v-model="form.remark" placeholder="请输入备注"/></div>
|
|
|
+ <div style="flex-basis:35%">是否收货:<div><a-checkbox>已收货</a-checkbox></div></div>
|
|
|
+ <div style="flex-basis:30%">收货时间:<a-date-picker format="YYYY-MM-DD" v-model="form.sendDate"/></div>
|
|
|
+ <div style="flex-basis:100%"><label>物流备注:</label><a-textarea v-model="form.remark" placeholder="请输入备注"/></div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<a-table :columns="columns" :pagination="false" :data-source="tableData" bordered></a-table>
|
|
@@ -83,9 +90,17 @@ export default {
|
|
|
},
|
|
|
tableData: [],
|
|
|
columns: [
|
|
|
- { title: '序号', dataIndex: 'no', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '货物名称', dataIndex: 'goodName', width: '50%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '件数', dataIndex: 'qty', width: '25%', align: 'center', customRender: function (text) { return text || '--' } }
|
|
|
+ { title: '序号', dataIndex: 'no', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '货物名称', dataIndex: 'goodName', scopedSlots: { customRender: 'goodName' }, width: '15%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '件数', dataIndex: 'qty', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '体积(m³)', dataIndex: 'volume', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '重量(kg)', dataIndex: 'weight', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '计费单价(元)', dataIndex: 'price', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '运费(元)', dataIndex: 'freight', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '保价(万)', dataIndex: 'supportValue', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '送货费', dataIndex: 'deliveryExpense', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '其他', dataIndex: 'other', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '合计', dataIndex: 'totalAmount', width: '9%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
],
|
|
|
outTableData: [],
|
|
|
outColumns: [
|
|
@@ -94,10 +109,11 @@ export default {
|
|
|
{ title: '业务单号', dataIndex: 'qty', width: '12%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '出库类型', dataIndex: 'goodName', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '发货编号', dataIndex: 'totalQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '客户名称', dataIndex: 'qty', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '收货客户名称', dataIndex: 'qty', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '客户名称', dataIndex: 'qty', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '收货客户名称', dataIndex: 'qty', width: '10%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '产品款数', dataIndex: 'totalQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '产品数量', dataIndex: 'totalQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } }
|
|
|
+ { title: '产品数量', dataIndex: 'totalQty', width: '10%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '收款时间', dataIndex: 'qty', width: '10%', align: 'center', customRender: function (text) { return text || '--' } }
|
|
|
]
|
|
|
}
|
|
|
},
|
|
@@ -147,7 +163,7 @@ export default {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
> label{
|
|
|
- flex-basis: 50px;
|
|
|
+ flex-basis: 70px;
|
|
|
}
|
|
|
}
|
|
|
}
|