|
@@ -7,7 +7,7 @@
|
|
|
title="新增回调单--[数字货架]名吃环境啥的技术附件"
|
|
|
v-model="isShow"
|
|
|
@cancel="isShow = false"
|
|
|
- :width="600">
|
|
|
+ width="60%">
|
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
|
<a-form-model
|
|
|
id="shelfSet-basicInfo-form"
|
|
@@ -16,13 +16,74 @@
|
|
|
:rules="rules"
|
|
|
:label-col="formItemLayout.labelCol"
|
|
|
:wrapper-col="formItemLayout.wrapperCol">
|
|
|
- <a-form-model-item label="货架名称" prop="shelfName">
|
|
|
- <shelfSList v-model="form.shelfName" @change="shelfChange"></shelfSList>
|
|
|
- </a-form-model-item>
|
|
|
+ <a-row :gutter="16">
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-model-item label="产品编码" prop="shelfName">
|
|
|
+ <a-input allowClear placeholder="请输入产品编码" v-model.tirm="form.productCode"/>
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-item label="产品名称">
|
|
|
+ <a-input allowClear placeholder="请输入产品名称" v-model.tirm="form.productName"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8">
|
|
|
+ <a-form-model-item label="滞销天数">
|
|
|
+ <a-input-group>
|
|
|
+ <a-row>
|
|
|
+ <a-col :span="11">
|
|
|
+ <a-input-number
|
|
|
+ id="shelfMonitoringList-minUnsalableDays"
|
|
|
+ v-model="form.minUnsalableDays"
|
|
|
+ :precision="0"
|
|
|
+ :min="0"
|
|
|
+ :max="999999"
|
|
|
+ placeholder="起始天数"
|
|
|
+ style="width: 100%;display: inline-block;" />
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="2"><span style="display: block;text-align: center;line-height: 32px;">至</span></a-col>
|
|
|
+ <a-col :span="11">
|
|
|
+ <a-input-number
|
|
|
+ id="shelfMonitoringList-maxUnsalableDays"
|
|
|
+ v-model="form.maxUnsalableDays"
|
|
|
+ :precision="0"
|
|
|
+ :min="0"
|
|
|
+ :max="999999"
|
|
|
+ placeholder="截止天数"
|
|
|
+ style="width: 100%;display: inline-block;" />
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
+ </a-input-group>
|
|
|
+ </a-form-model-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="24" style="text-align: right;padding-right: 30px;">
|
|
|
+ <a-button type="primary" @click="getSumByType" :disabled="disabled" id="outboundOrderList-refresh" >查询</a-button>
|
|
|
+ <a-button style="margin-left: 8px" @click="resetSearchForm" :disabled="disabled" id="outboundOrderList-reset">重置</a-button>
|
|
|
+ </a-col>
|
|
|
+ </a-row>
|
|
|
</a-form-model>
|
|
|
- <div class="btn-cont">
|
|
|
- <a-button type="primary" id="importGuide-nextStep" @click="handlerNextStep">下一步</a-button>
|
|
|
- <a-button id="shelfSet-basicInfo-modal-back" @click="isShow = false" style="margin-left: 15px;">取消</a-button>
|
|
|
+ <div class="tableCon">
|
|
|
+ <div style="margin-bottom: 16px">
|
|
|
+ <a-button type="primary" :disabled="!hasSelected" :loading="loading" @click="start">
|
|
|
+ 新增调回单
|
|
|
+ </a-button>
|
|
|
+ <span class="tableSpan">
|
|
|
+ <template v-if="hasSelected">
|
|
|
+ 已选<span>{{ selectedRowKeys.length }}</span>款产品,共<span>10</span>件
|
|
|
+ </template>
|
|
|
+ </span>
|
|
|
+ <span>
|
|
|
+ <a-checkbox @change="onChange" size="small">
|
|
|
+ 仅显示已选产品
|
|
|
+ </a-checkbox>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <a-table
|
|
|
+ :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"
|
|
|
+ :columns="columns"
|
|
|
+ :data-source="data"
|
|
|
+ >
|
|
|
+ </a-table>
|
|
|
</div>
|
|
|
</a-spin>
|
|
|
</a-modal>
|
|
@@ -64,8 +125,24 @@ export default {
|
|
|
wrapperCol: { span: 17 }
|
|
|
},
|
|
|
form: {
|
|
|
- shelfName: ''
|
|
|
+
|
|
|
},
|
|
|
+ columns: [
|
|
|
+ { title: '序号', dataIndex: 'no', width: '10%', align: 'center' },
|
|
|
+ { title: '货位号', dataIndex: 'no', width: '15%', align: 'center' },
|
|
|
+ { title: '产品编码', dataIndex: 'product.code', width: '20%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '产品名称', dataIndex: 'product.name', width: '30%', align: 'left', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '最大库容', dataIndex: 'qty', width: '15%', align: 'center', customRender: function (text) { return (text || text == 0) ? toThousands(text) : '--' } },
|
|
|
+ { title: '补货在途', dataIndex: 'confirmQty', width: '15%', align: 'center', customRender: function (text) { return (text || text == 0) ? toThousands(text) : '--' } },
|
|
|
+ { title: '调回在途', dataIndex: 'product.unit', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '货架库存', dataIndex: 'confirmQty', width: '15%', align: 'center', customRender: function (text) { return (text || text == 0) ? toThousands(text) : '--' } },
|
|
|
+ { title: '单位', dataIndex: 'product.unit', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '滞销天数', dataIndex: 'confirmQty', width: '15%', align: 'center', customRender: function (text) { return (text || text == 0) ? toThousands(text) : '--' } },
|
|
|
+ { title: '调回数量', width: '15%', align: 'left', scopedSlots: { customRender: 'num' } }
|
|
|
+ ],
|
|
|
+ selectedRowKeys: [], // Check here to configure the default column
|
|
|
+ loading: false,
|
|
|
+ hasSelected: true,
|
|
|
rules: {
|
|
|
shelfName: [{ required: true, message: '请选择货架名称', trigger: 'change' }]
|
|
|
},
|
|
@@ -73,6 +150,18 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ start () {
|
|
|
+ this.loading = true
|
|
|
+ // ajax request after empty completing
|
|
|
+ setTimeout(() => {
|
|
|
+ this.loading = false
|
|
|
+ this.selectedRowKeys = []
|
|
|
+ }, 1000)
|
|
|
+ },
|
|
|
+ onSelectChange (selectedRowKeys) {
|
|
|
+ console.log('selectedRowKeys changed: ', selectedRowKeys)
|
|
|
+ this.selectedRowKeys = selectedRowKeys
|
|
|
+ },
|
|
|
shelfChange (v, row) {
|
|
|
this.shelfName = row ? row.shelfName : ''
|
|
|
},
|
|
@@ -172,5 +261,13 @@ export default {
|
|
|
text-align: center;
|
|
|
margin: 35px 0 10px;
|
|
|
}
|
|
|
+ .tableSpan{
|
|
|
+ margin:0 16px;
|
|
|
+ span{
|
|
|
+ margin: 0 10px;
|
|
|
+ color:red;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|