| | |
| | | <!-- <span style="font-weight:bold;cursor:default;"> |
| | | <a style="cursor:default;">{{ row.no }}</a>单据详情 |
| | | </span> --> |
| | | 物料编号: {{ materialCode }} |
| | | |
| | | 物料名称: {{ materialName }} |
| | | <div style="margin-top: 10px;"> |
| | | <a-table :columns="columns" :data-source="list" row-key="id" :pagination="false" :scroll="{ x: true }"> |
| | | <template slot="index" slot-scope="text, record, index">{{ index + 1 }}</template> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <p @click="visible = true">新增行</p> |
| | | <p @click="$refs.showList.add()">新增行</p> |
| | | |
| | | <a-modal title="替代品列表" :width="900" :visible="visible" :confirmLoading="confirmLoading" @ok="handleSubmit" |
| | | @cancel="handleCancel"> |
| | | <show-list ref="showList" @ok="handleOk" /> |
| | | <!-- <a-spin :spinning="confirmLoading"></a-spin> --> |
| | | </a-modal> |
| | | <show-list ref="showList" @ok="handleSubmit" /> |
| | | |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import { WmsOrderRukuDetail } from '@/api/modular/main/WmsOrderManage' |
| | | import showList from './index.vue' |
| | | import showList from './addForm.vue' |
| | | |
| | | export default { |
| | | name: 'wmsOrderRukuManagementDetailDrawer', |
| | |
| | | sorter: true, |
| | | dataIndex: 'substituteCode' |
| | | }, |
| | | { |
| | | title: '物料编号', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'materialCode' |
| | | }, |
| | | { |
| | | title: '物料名称', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'materialName' |
| | | }, |
| | | // { |
| | | // title: '物料编号', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'materialCode' |
| | | // }, |
| | | // { |
| | | // title: '物料名称', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'materialName' |
| | | // }, |
| | | { |
| | | title: '替代品物料编号', |
| | | align: 'center', |
| | |
| | | this.afterClsoe() |
| | | } |
| | | }, |
| | | initShow() { |
| | | |
| | | initShow(materialCode,materialName) { |
| | | this.materialCode = materialCode |
| | | this.materialName = materialName |
| | | this.loading = true |
| | | this.getList(() => { |
| | | this.loading = false |
| | |
| | | this.list = [] |
| | | }, |
| | | handleOk(param) { |
| | | this.list = param |
| | | |
| | | }, |
| | | handleSubmit() { |
| | | handleSubmit(item) { |
| | | this.list.push(item) |
| | | this.visible = false |
| | | }, |
| | | handleCancel() { |
| | |
| | | }, |
| | | itemDelete(record, index) { |
| | | this.list.splice(index, 1) |
| | | }, |
| | | addLine(){ |
| | | this.list.push({ |
| | | |
| | | }) |
| | | } |
| | | } |
| | | } |