parent
701687d767
commit
cd2c0b8b67
@ -0,0 +1,307 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-dialog :visible.sync="isShowMingxi" :modal="false" width="80%" title="编辑明细">
|
||||
<el-form ref="form" :model="formData" :rules="rules" label-width="100px">
|
||||
<!-- <el-form-item label="物资名称" prop="zichanmingcheng">
|
||||
<el-input v-model="formData.zichanmingcheng" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="所属种类" prop="fenlei">
|
||||
<el-input v-model="formData.fenleiName" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="物资类型" prop="wuzileixing">
|
||||
<el-input v-model="formData.wuzileixing" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="物资型号" prop="guigexinghao">
|
||||
<el-input v-model="formData.guigexinghao" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="物资规格" prop="wuziguige">
|
||||
<el-input v-model="formData.wuziguige" disabled />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="单位" prop="jiliangdanwei">
|
||||
<el-input v-model="formData.jiliangdanwei" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="储备年限" prop="chubeinianxian">
|
||||
<el-input v-model="formData.chubeinianxian" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="存放要求" prop="cunfangyaoqiu">
|
||||
<el-input v-model="formData.cunfangyaoqiu" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="维护要求" prop="weihuyaoqiu">
|
||||
<el-input v-model="formData.weihuyaoqiu" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="保养频次" prop="equipment_maintain_config_id">
|
||||
<el-select disabled v-model="formData.equipment_maintain_config_id" popper-class="select_popper"
|
||||
style="width: 100%;" placeholder="请选择保养频次" clearable>
|
||||
<el-option v-for="item in configList" :key="item.id" :label="item.name" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="在库数量" prop="zaikushuliang">
|
||||
<el-input v-model="formData.zaikushuliang" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库批次" prop="rukupici">
|
||||
<el-input v-model="formData.rukupici" disabled />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库数量" prop="rukushuliang">
|
||||
<el-input-number v-model="formData.rukushuliang" disabled style="width:100%" :min="0" />
|
||||
</el-form-item> -->
|
||||
<el-form-item label="生产日期" prop="shengchanriqi">
|
||||
<el-date-picker v-model="formData.shengchanriqi" style="width:100%"
|
||||
value-format="yyyy-MM-dd" type="date" placeholder="选择日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="入库日期" prop="rukuriqi">
|
||||
<el-date-picker v-model="formData.rukuriqi" style="width:100%" value-format="yyyy-MM-dd"
|
||||
type="date" placeholder="选择日期" />
|
||||
</el-form-item>
|
||||
<el-form-item label="物资状态" prop="wuzizhuangtai">
|
||||
<el-select v-model="formData.wuzizhuangtai" style="width:100%" placeholder="请选择物资状态">
|
||||
<el-option v-for="item in paraOptions.materials_status" :key="item.id" :label="item.value"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="所在仓库" prop="suozaicangku">
|
||||
<el-select v-model="formData.suozaicangku" style="width:100%" placeholder="请选择所在仓库"
|
||||
@change="handleCkChange">
|
||||
<el-option v-for="item in cangkuList" :key="item.id" :label="item.cangkumingcheng" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="所在货架" prop="suozaihuojia">
|
||||
<el-select v-model="formData.suozaihuojia" style="width:100%" placeholder="请选择所在货架">
|
||||
<el-option v-for="item in huojiaList" :key="item.id" :label="item.huojiamingcheng" :value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="储备方式" prop="chubeifangshi">
|
||||
<el-select v-model="formData.chubeifangshi" style="width:100%" placeholder="请选择储备方式">
|
||||
<el-option v-for="item in paraOptions.material_reserve" :key="item.id" :label="item.value"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="等级分类" prop="dengjifenlei">
|
||||
<el-select v-model="formData.dengjifenlei" style="width:100%" placeholder="请选择等级分类">
|
||||
<el-option v-for="item in paraOptions.materials_level" :key="item.id" :label="item.value"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="产权信息" prop="chanquanxinxi">
|
||||
<el-select v-model="formData.chanquanxinxi" style="width:100%" placeholder="请选择产权信息">
|
||||
<el-option v-for="item in paraOptions.materials_property" :key="item.id" :label="item.value"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否为固定资产" prop="shifouweigudingzichan">
|
||||
<el-select v-model="formData.shifouweigudingzichan" style="width:100%" placeholder="请选择">
|
||||
<el-option v-for="item in [{id:'是',value:'是'},{id:'否',value:'否'}]" :key="item.id" :label="item.value"
|
||||
:value="item.id" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="固定资产编码" prop="gudingzichanbianma">
|
||||
<el-input v-model="formData.gudingzichanbianma" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<div slot="footer" align="right">
|
||||
<Button class="btn" size="default" type="default" @click="mingxiCancel">取消</Button>
|
||||
<Button style="margin-left:10px" class="btn" size="default" type="primary" @click="mingxiConfirm">确定</Button>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
show,
|
||||
save
|
||||
} from '@/api/inventory.js'
|
||||
import {
|
||||
index
|
||||
} from '@/api/system/baseForm.js'
|
||||
import { getMaintainConfigList } from '@/api/maintenance/maintenance.js'
|
||||
import {
|
||||
getparameteritemMore
|
||||
} from '@/api/system/dictionary.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isShowMingxi: false,
|
||||
id:'',
|
||||
rules: {},
|
||||
configList: [],
|
||||
// 数据字典选项
|
||||
paraOptions: {
|
||||
'materials_status': [],
|
||||
'material_reserve': [],
|
||||
'materials_property': [],
|
||||
'materials_level': []
|
||||
// 'materials_fenlei':[],
|
||||
},
|
||||
cangkuList: [],
|
||||
huojiaList: [],
|
||||
formData: {
|
||||
// wuzibianma: '',
|
||||
// zichanmingcheng: '',
|
||||
// wuzileixing: '',
|
||||
// guigexinghao: '',
|
||||
// wuziguige: '',
|
||||
// fenlei: '',
|
||||
// jiliangdanwei: '',
|
||||
// zaikushuliang: '',
|
||||
// rukupici: '',
|
||||
// rukushuliang: '',
|
||||
// wuzizhuangtai: '',
|
||||
// chubeifangshi: '',
|
||||
// chubeinianxian: '',
|
||||
shengchanriqi: '',
|
||||
rukuriqi: '',
|
||||
wuzizhuangtai: '',
|
||||
suozaicangku: '',
|
||||
suozaihuojia: '',
|
||||
dengjifenlei: '',
|
||||
chanquanxinxi: '',
|
||||
cunfangyaoqiu: '',
|
||||
weihuyaoqiu: '',
|
||||
// equipment_maintain_config_id: '',
|
||||
shifouweigudingzichan: '',
|
||||
gudingzichanbianma: ''
|
||||
},
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getData()
|
||||
this.getCangku()
|
||||
// this.getConfig()
|
||||
},
|
||||
watch:{
|
||||
isShowMingxi(val){
|
||||
if(val){
|
||||
this.getDetail()
|
||||
}else{
|
||||
this.id = ''
|
||||
this.formData = {}
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
mingxiCancel() {
|
||||
|
||||
},
|
||||
mingxiConfirm() {
|
||||
save({
|
||||
id:this.id,
|
||||
...this.formData
|
||||
}).then(res=>{
|
||||
this.$message.success('更新成功')
|
||||
this.$emit("refresh")
|
||||
this.isShowMingxi = false
|
||||
})
|
||||
},
|
||||
// 获取保养频次
|
||||
async getConfig() {
|
||||
try {
|
||||
const res = await getMaintainConfigList({
|
||||
page: 1,
|
||||
page_size: 999
|
||||
// 可加其它筛选参数
|
||||
})
|
||||
if (res && res.data) {
|
||||
this.configList = res.data
|
||||
}
|
||||
} catch (e) {
|
||||
this.$message.error('获取运维规则列表失败')
|
||||
}
|
||||
},
|
||||
// 获取数据字典
|
||||
async getData() {
|
||||
const res = await getparameteritemMore({
|
||||
'number[0]': 'materials_status', // 物资状态
|
||||
'number[1]': 'material_reserve', // 储备方式
|
||||
'number[2]': 'materials_property', // 产权信息
|
||||
'number[3]': 'materials_level' // 等级分类
|
||||
// 'number[4]':'materials_fenlei', //所属种类
|
||||
})
|
||||
for (var k in this.paraOptions) {
|
||||
res.map(item => {
|
||||
if (item.number === k) {
|
||||
this.paraOptions[k] = item.detail
|
||||
}
|
||||
})
|
||||
}
|
||||
console.log(this.paraOptions)
|
||||
},
|
||||
async getCangku() {
|
||||
const res = await index({
|
||||
page_size: 999,
|
||||
page: 1,
|
||||
table_name: 'materialstorages',
|
||||
sort_name: 'sort',
|
||||
sort_type: 'ASC',
|
||||
filter: [{
|
||||
key: 'shifouzili',
|
||||
op: 'eq',
|
||||
value: '是'
|
||||
}]
|
||||
})
|
||||
this.cangkuList = res.data
|
||||
},
|
||||
// 获取仓库货架
|
||||
handleCkChange(e) {
|
||||
this.getHuojia(e)
|
||||
},
|
||||
async getHuojia(id) {
|
||||
const res = await index({
|
||||
page_size: 999,
|
||||
page: 1,
|
||||
table_name: 'shelfs',
|
||||
filter: [{
|
||||
key: 'storage_id',
|
||||
op: 'eq',
|
||||
value: id
|
||||
}]
|
||||
})
|
||||
// this.formData.suozaihuojia = ''
|
||||
this.huojiaList = res.data
|
||||
},
|
||||
async getDetail(id) {
|
||||
const res = await show({
|
||||
id:this.id
|
||||
})
|
||||
this.formData = {
|
||||
// wuzibianma: res.wuzibianma?res.wuzibianma:'',
|
||||
// zichanmingcheng: res.zichanmingcheng?res.zichanmingcheng:'',
|
||||
// wuzileixing: res.wuzileixing?res.wuzileixing:'',
|
||||
// guigexinghao: res.guigexinghao?res.guigexinghao:'',
|
||||
// wuziguige: res.wuziguige?res.wuziguige:'',
|
||||
// fenlei: res.fenlei?res.fenlei:'',
|
||||
// jiliangdanwei: res.jiliangdanwei?res.jiliangdanwei:'',
|
||||
// zaikushuliang: res.zaikushuliang?res.zaikushuliang:'',
|
||||
// rukupici: res.rukupici?res.rukupici:'',
|
||||
// rukushuliang: res.rukushuliang?res.rukushuliang:'',
|
||||
wuzizhuangtai: res.wuzizhuangtai?res.wuzizhuangtai:'',
|
||||
// chubeifangshi: res.chubeifangshi?res.chubeifangshi:'',
|
||||
// chubeinianxian: res.chubeinianxian?res.chubeinianxian:'',
|
||||
shengchanriqi: res.shengchanriqi?res.shengchanriqi:'',
|
||||
rukuriqi: res.rukuriqi?res.rukuriqi:'',
|
||||
suozaicangku: res.suozaicangku?parseFloat(res.suozaicangku):'',
|
||||
suozaihuojia: res.suozaihuojia?parseFloat(res.suozaihuojia):'',
|
||||
dengjifenlei: res.dengjifenlei?res.dengjifenlei:'',
|
||||
chanquanxinxi: res.chanquanxinxi?res.chanquanxinxi:'',
|
||||
cunfangyaoqiu: res.cunfangyaoqiu?res.cunfangyaoqiu:'',
|
||||
weihuyaoqiu: res.weihuyaoqiu?res.weihuyaoqiu:'',
|
||||
wuzizhuangtai: res.wuzizhuangtai?res.wuzizhuangtai:'',
|
||||
// equipment_maintain_config_id: res.equipment_maintain_config_id?res.equipment_maintain_config_id:'',
|
||||
shifouweigudingzichan: res.shifouweigudingzichan?res.shifouweigudingzichan:'',
|
||||
gudingzichanbianma: res.gudingzichanbianma?res.gudingzichanbianma:''
|
||||
}
|
||||
if (this.formData.suozaicangku) {
|
||||
this.handleCkChange(this.formData.suozaicangku)
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue