<template>
|
<div>
|
<!--tab 控制属性规则明细 -->
|
<a-form :form="form">
|
<a-form-item label="控制属性规则" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入控制属性规则编号" v-decorator="['ruleCode', {rules: [{required: true, message: '请输入控制属性规则编号！'}]}]" />
|
</a-form-item>
|
<a-form-item label="控制属性规则名称" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入控制属性规则名称" v-decorator="['ruleName', {rules: [{required: true, message: '请输入控制属性规则名称！'}]}]" />
|
</a-form-item>
|
<a-form-item label="最高库存" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入最高库存" v-decorator="['maxImumqty']" />
|
</a-form-item>
|
<a-form-item label="最低库存" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入最低库存" v-decorator="['minImumqty']" />
|
</a-form-item>
|
<a-form-item label="安全库存" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入安全库存" v-decorator="['safeImumqty']" />
|
</a-form-item>
|
<a-form-item label="最小库龄" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入最小库龄" v-decorator="['minStorageAge']" />
|
</a-form-item>
|
<a-form-item label="最大库龄" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入最大库龄" v-decorator="['maxStorageAge']" />
|
</a-form-item>
|
<a-form-item label="是否免检" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-switch v-decorator="['isNotChek', { valuePropName: 'checked' }]" />
|
</a-form-item>
|
<a-form-item label="保质期天数" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-input disabled placeholder="请输入保质期天数" v-decorator="['shelfLifeDays']" />
|
</a-form-item>
|
<!-- <a-form-item label="是否禁用" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
|
<a-switch v-decorator="['isDisabled', { valuePropName: 'checked' }]" />
|
</a-form-item> -->
|
<a-form-item style="visibility:hidden" v-show="false"><a-input v-decorator="['id']" /></a-form-item>
|
</a-form>
|
|
<p @click="visible = true">新增行</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>
|
</div>
|
</template>
|
|
<script>
|
import moment from 'moment'
|
import {
|
WmsControlRuleAdd
|
} from '@/api/modular/main/WmsBase/WmsControlRuleManage'
|
import showList from './index.vue'
|
|
export default {
|
components: {
|
showList
|
},
|
data() {
|
return {
|
labelCol: {
|
xs: { span: 24 },
|
sm: { span: 5 }
|
},
|
wrapperCol: {
|
xs: { span: 24 },
|
sm: { span: 15 }
|
},
|
visible: false,
|
confirmLoading: false,
|
form: this.$form.createForm(this)
|
}
|
},
|
methods: {
|
handleOk(){
|
|
},
|
moment,
|
// 初始化方法
|
add(record) {
|
this.visible = true
|
this.$nextTick(() => {
|
|
});
|
},
|
/**
|
* 提交表单
|
*/
|
handleSubmit() {
|
|
if(this.$refs.showList.selectedRows.length!=1){
|
this.$message.warning("只能选择一个")
|
return
|
}
|
this.visible = false
|
let record = this.$refs.showList.selectedRows[0];
|
this.form.setFieldsValue({
|
id: record.id,
|
ruleCode: record.ruleCode,
|
maxImumqty: record.maxImumqty,
|
minImumqty: record.minImumqty,
|
safeImumqty: record.safeImumqty,
|
minStorageAge: record.minStorageAge,
|
maxStorageAge: record.maxStorageAge,
|
isNotChek: record.isNotChek,
|
shelfLifeDays: record.shelfLifeDays,
|
isDisabled: record.isDisabled
|
})
|
|
},
|
handleCancel() {
|
this.form.resetFields()
|
this.visible = false
|
}
|
}
|
}
|
</script>
|
<style lang="less" scoped>
|
.ant-row.ant-form-item {
|
width: 50% !important;
|
display: inline-block;
|
}
|
</style>
|
