|
|
@@ -73,12 +73,13 @@
|
|
|
<a-tabs v-model="activeKey" @change="handleChangeTabs">
|
|
|
<a-tab-pane tab="搬运工对账单" :key="refKeys[0]" :forceRender="true">
|
|
|
<a-button type="primary" @click="addList" style="margin-bottom: 1%;">增行</a-button>
|
|
|
+ <a-form-model ref="formRef" >
|
|
|
<a-table
|
|
|
bordered
|
|
|
:columns="syCarryBTable.columns"
|
|
|
:data-source="syCarryBTable.dataSource"
|
|
|
:loading="syCarryBTable.loading"
|
|
|
- :scroll="{x: 2500,y:300 }"
|
|
|
+ :scroll="{x: 2000,y:220 }"
|
|
|
:pagination="false"
|
|
|
>
|
|
|
<!-- 表头--日期 -->
|
|
|
@@ -103,7 +104,7 @@
|
|
|
总价
|
|
|
</span>
|
|
|
<!-- 日期 -->
|
|
|
- <span slot="orderDate" slot-scope="text, record,index">
|
|
|
+ <span slot="orderDate" slot-scope="text, record,index" >
|
|
|
<a-date-picker
|
|
|
placeholder="请选择"
|
|
|
v-model="record.orderDate"
|
|
|
@@ -113,42 +114,61 @@
|
|
|
</span>
|
|
|
<!-- 总件数 -->
|
|
|
<span slot="allNum" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.allNum" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 柜子数量 -->
|
|
|
<span slot="cabinets" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.cabinets" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 明细 -->
|
|
|
<span slot="detailedNum" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.detailedNum" @blur="handleChangePrice(record)"/>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 衣架/吨数 -->
|
|
|
<span slot="coatHanger" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.coatHanger" @blur="handleChangePrice(record)"/>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 集装箱号 -->
|
|
|
<span slot="containerNo" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.containerNo" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 入库单号/发票号 -->
|
|
|
<span slot="invoiceNo" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.invoiceNo" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 外销发票号 -->
|
|
|
<span slot="saleInvoiceNo" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.saleInvoiceNo" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 价格 -->
|
|
|
<span slot="price" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.price" @blur="handleChangePrice(record)"/>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 总价 -->
|
|
|
<span slot="totalPrice" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.totalPrice" @blur="handleChangetotalPrice()"/>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 计划员 -->
|
|
|
<span slot="jhyByData" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-select v-model="record.jhyByData" style="width:100%" mode="multiple"
|
|
|
show-search :filterOption="filterOption" @change="handleChange(record)">
|
|
|
<a-select-option
|
|
|
@@ -159,22 +179,30 @@
|
|
|
{{item.label}}
|
|
|
</a-select-option>
|
|
|
</a-select>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 原因 -->
|
|
|
<span slot="reason" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.reason" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<!-- 备注 -->
|
|
|
<span slot="demo" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a-input placeholder="请输入" v-model="record.demo" />
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
</span>
|
|
|
<span slot="option" slot-scope="text, record, index">
|
|
|
+ <!-- <a-form-model-item prop="remarks2"> -->
|
|
|
<a @click="copyRow(record)">复制</a>
|
|
|
<a-divider type="vertical" />
|
|
|
<a @click="deleteRow(record,index)" style="color:red">删行</a>
|
|
|
+ <!-- </a-form-model-item> -->
|
|
|
|
|
|
</span>
|
|
|
</a-table>
|
|
|
+ </a-form-model>
|
|
|
<!-- <j-editable-table
|
|
|
:ref="refKeys[0]"
|
|
|
:loading="syCarryBTable.loading"
|
|
|
@@ -249,7 +277,7 @@
|
|
|
// title: '日期',
|
|
|
align: "center",
|
|
|
dataIndex: 'orderDate',
|
|
|
- width: '7%',
|
|
|
+ width: 150,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'orderDate' },
|
|
|
slots:{title:'orderDateTitle'}
|
|
|
@@ -258,14 +286,14 @@
|
|
|
title: '入库单号/发票号',
|
|
|
align: "center",
|
|
|
dataIndex: 'invoiceNo',
|
|
|
- width: '6%',
|
|
|
+ width: 140,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'invoiceNo' },
|
|
|
},
|
|
|
{
|
|
|
title: '外销发票号',
|
|
|
dataIndex: 'saleInvoiceNo',
|
|
|
- width: '9%',
|
|
|
+ width: 140,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'saleInvoiceNo' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -274,7 +302,7 @@
|
|
|
{
|
|
|
title: '总件数',
|
|
|
dataIndex: 'allNum',
|
|
|
- width: '5%',
|
|
|
+ width: 120,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'allNum' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -283,7 +311,7 @@
|
|
|
{
|
|
|
title: '柜子数量',
|
|
|
dataIndex: 'cabinets',
|
|
|
- width: '5%',
|
|
|
+ width: 120,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'cabinets' },
|
|
|
className: 'replacecolor'
|
|
|
@@ -291,7 +319,7 @@
|
|
|
{
|
|
|
title: '明细',
|
|
|
dataIndex: 'detailedNum',
|
|
|
- width: '5%',
|
|
|
+ width: 120,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'detailedNum' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -300,7 +328,7 @@
|
|
|
{
|
|
|
title: '衣架/吨数',
|
|
|
dataIndex: 'coatHanger',
|
|
|
- width:'6%',
|
|
|
+ width:120,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'coatHanger' },
|
|
|
className: 'replacecolor'
|
|
|
@@ -308,7 +336,7 @@
|
|
|
{
|
|
|
// title: '集装箱号',
|
|
|
dataIndex: 'containerNo',
|
|
|
- width: '6%',
|
|
|
+ width: 330,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'containerNo' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -317,7 +345,7 @@
|
|
|
{
|
|
|
// title: '单价',
|
|
|
dataIndex: 'price',
|
|
|
- width: '5%',
|
|
|
+ width: 100,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'price' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -326,7 +354,7 @@
|
|
|
{
|
|
|
// title: '总价',
|
|
|
dataIndex: 'totalPrice',
|
|
|
- width: '5%',
|
|
|
+ width: 100,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'totalPrice' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -335,7 +363,7 @@
|
|
|
{
|
|
|
// title: '计划员',
|
|
|
dataIndex: 'jhyByData',
|
|
|
- width: '5%',
|
|
|
+ width: 240,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'jhyByData' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -344,14 +372,14 @@
|
|
|
{
|
|
|
title: '签名',
|
|
|
dataIndex: 'jhyName',
|
|
|
- width: '5%',
|
|
|
+ width: 100,
|
|
|
ellipsis: true,
|
|
|
className: 'replacecolor'
|
|
|
},
|
|
|
{
|
|
|
title: '原因',
|
|
|
dataIndex: 'reason',
|
|
|
- width: '10%',
|
|
|
+ width: 180,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'reason' },
|
|
|
className: 'replacecolor',
|
|
|
@@ -360,7 +388,7 @@
|
|
|
{
|
|
|
title: '备注',
|
|
|
dataIndex: 'demo',
|
|
|
- width: '12%',
|
|
|
+ width: 200,
|
|
|
ellipsis: true,
|
|
|
scopedSlots: { customRender: 'demo' },
|
|
|
className: 'replacecolor'
|
|
|
@@ -368,7 +396,7 @@
|
|
|
{
|
|
|
title: '操作',
|
|
|
dataIndex: 'option',
|
|
|
- width: '12%',
|
|
|
+ width: 180,
|
|
|
fixed:'right',
|
|
|
scopedSlots: { customRender: 'option' },
|
|
|
className: 'replacecolor'
|
|
|
@@ -724,14 +752,24 @@
|
|
|
color: red;
|
|
|
}
|
|
|
/deep/ .ant-calendar-picker{
|
|
|
- width: 141px !important;
|
|
|
-}
|
|
|
-/deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{
|
|
|
- width: min-content;
|
|
|
+ width: 113px !important;
|
|
|
}
|
|
|
+// /deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{
|
|
|
+// width: min-content;
|
|
|
+// }
|
|
|
+// /deep/ .ant-table-fixed-left table,.ant-table-fixed-right table{
|
|
|
+// width: min-content;
|
|
|
+// }
|
|
|
// /deep/.ant-table-fixed-header .ant-table-scroll .ant-table-header{
|
|
|
|
|
|
// width: calc(100% - 8px);//减去滚动条的宽度
|
|
|
|
|
|
// }
|
|
|
+/deep/ .ant-table-tbody .ant-table-row td {
|
|
|
+ padding-top: 6px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+}
|
|
|
+/deep/ .ant-table-thead > tr > th, .ant-table-tbody > tr > td {
|
|
|
+ padding: 10px 16px;
|
|
|
+}
|
|
|
</style>
|
jbb