You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
231 lines
8.2 KiB
Vue
231 lines
8.2 KiB
Vue
<template>
|
|
<el-form :model="newProductData" label-width="120px">
|
|
<el-row type="flex">
|
|
<el-col :span="11" type="flex">
|
|
<el-form-item label="第三方系统" prop="thirdSysFk">
|
|
<el-select
|
|
style="width: 90%"
|
|
disabled
|
|
v-model="newProductData.thirdSysFk" placeholder="请选择第三方系统"
|
|
>
|
|
<el-option
|
|
v-for="item in thirdSys"
|
|
:key="item.value"
|
|
:label="item.thirdName"
|
|
:value="item.thirdId">
|
|
<span style="float: left">{{ item.thirdName }}</span>
|
|
<span style="float: right; color: #8492a6; font-size: 13px">{{
|
|
item.thirdId
|
|
}}</span>
|
|
</el-option>
|
|
</el-select>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" type="flex">
|
|
<el-form-item label="产品编码:" prop="code">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入产品编码"
|
|
disabled
|
|
v-model.trim="newProductData.code"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" type="flex">
|
|
<el-form-item label="产品名称:" prop="name">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入产品名称" v-model.trim="newProductData.name"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="规格型号:" prop="spec">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入规格型号" v-model.trim="newProductData.spec"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="计量单位:" prop="measname">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入计量单位"
|
|
v-model.trim="newProductData.measname"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="生产企业:" prop="manufactory">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入生产企业"
|
|
v-model.trim="newProductData.manufactory"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="注册证号:" prop="registerNo">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入注册证号"
|
|
v-model.trim="newProductData.registerNo"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="医疗器械注册人:" prop="ylqxzcrbarmc">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入医疗器械注册人"
|
|
v-model.trim="newProductData.ylqxzcrbarmc"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="注册人英文名称:" prop="ylqxzcrbarywmc">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入注册人英文名称"
|
|
v-model.trim="newProductData.ylqxzcrbarywmc"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="产品类别:" prop="cplb">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入产品类别" v-model.trim="newProductData.cplb"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="分类编码:" prop="flbm">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入分类编码" v-model.trim="newProductData.flbm"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="商品条码:" prop="sptm">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入商品条码" v-model.trim="newProductData.sptm"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="医保编码:" prop="ybbm">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入医保编码" v-model.trim="newProductData.ybbm"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="统一社会信用号:" prop="tyshxydm">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入统一社会信用号"
|
|
v-model.trim="newProductData.tyshxydm"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="器械类别:" prop="qxlb">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入器械类别" v-model.trim="newProductData.qxlb"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<el-row type="flex">
|
|
<el-col :span="11" class="el-col">
|
|
<el-form-item label="包装规格:" prop="bzgg">
|
|
<el-input style="width: 90%" size="small" placeholder="请输入包装规格"
|
|
v-model.trim="newProductData.bzgg"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
|
|
<el-row type="flex">
|
|
<el-col :span="23" class="el-col">
|
|
<el-form-item label="产品描述:" prop="cpms">
|
|
<el-input style="width: 92%" type="textarea" size="mini" rows="3" placeholder="请输入产品描述"
|
|
v-model.trim="newProductData.cpms"></el-input>
|
|
</el-form-item>
|
|
</el-col>
|
|
</el-row>
|
|
<div style='text-align: center; margin-bottom: 10px;'>
|
|
<el-button type="primary" @click="saveNewProduct">提交</el-button>
|
|
<el-button type="primary" @click="closeAddDialog">取消</el-button>
|
|
</div>
|
|
</el-form>
|
|
</template>
|
|
|
|
<script>
|
|
import {updateProduct} from "@/api/thrsys/thrProducts";
|
|
|
|
|
|
import {getBasicThirdSys} from "@/api/thrsys/basicThirdSys";
|
|
|
|
export default {
|
|
name: "thrProductsEdit",
|
|
props: {
|
|
newProductData: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
closeAddDialog: {
|
|
type: Function,
|
|
required: true,
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
thirdSys: [],
|
|
}
|
|
|
|
},
|
|
methods: {
|
|
saveNewProduct() {
|
|
this.addProductVisible = false;
|
|
if (this.$isBlank(this.newProductData.thirdSysFk)) {
|
|
this.$message.warning("第三方系统不能为空！");
|
|
return;
|
|
}
|
|
if (this.$isBlank(this.newProductData.code)) {
|
|
this.$message.warning("产品编码为空！");
|
|
return;
|
|
}
|
|
if (this.$isBlank(this.newProductData.name)) {
|
|
this.$message.warning("产品名称不能为空！");
|
|
return;
|
|
}
|
|
|
|
if (this.$isBlank(this.newProductData.spec)) {
|
|
this.$message.warning("规格型号不能为空");
|
|
return;
|
|
}
|
|
if (this.$isBlank(this.newProductData.measname)) {
|
|
this.$message.warning("计量单位不能为空！");
|
|
return;
|
|
}
|
|
if (this.$isBlank(this.newProductData.manufactory)) {
|
|
this.$message.warning("生产企业不能为空！");
|
|
return;
|
|
}
|
|
if (this.$isBlank(this.newProductData.registerNo)) {
|
|
this.$message.warning("注册证号不能为空！");
|
|
return;
|
|
}
|
|
updateProduct(this.newProductData).then((res) => {
|
|
if (res.code == 20000) {
|
|
this.$message.success("修改成功！");
|
|
this.closeAddDialog(true);
|
|
} else {
|
|
this.$message.error(res.message);
|
|
}
|
|
}).catch((error) => {
|
|
})
|
|
|
|
},
|
|
getBasicThirdSys() {
|
|
let query = {
|
|
enabled: true,
|
|
};
|
|
getBasicThirdSys(query)
|
|
.then((response) => {
|
|
this.thirdSys = response.data.list || [];
|
|
})
|
|
.catch(() => {
|
|
this.loading = false;
|
|
this.list = [];
|
|
});
|
|
},
|
|
},
|
|
created() {
|
|
console.log("dangqian de shixn ",this.newProductData)
|
|
this.getBasicThirdSys();
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
</style>
|