代码更新备份
1178634255
2 years ago
parent
1b6921c9a9
commit
0fa3850e6a
@ -0,0 +1,761 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<div>
|
||||
<p class="form-title">配送企业资质设置</p>
|
||||
</div>
|
||||
<div style=" float: right; text-align: right; margin-bottom: 8px;">
|
||||
<el-button type="primary" size="mini" icon="search" @click="addCert" style="text-align:right">添加设置</el-button>
|
||||
</div>
|
||||
<el-table v-loading="loading" :data="list" style="width: 100%" border highlight-current-row>
|
||||
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
||||
<el-table-column label="证书名称" prop="name"></el-table-column>
|
||||
<el-table-column label="是否必传" prop="require" s>
|
||||
<template slot-scope="scope">
|
||||
<span>{{ enableMap[scope.row.need] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" prop="remark"></el-table-column>
|
||||
<el-table-column label="操作" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleEdit(scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleDel( scope.row)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="query.page"
|
||||
:limit.sync="query.limit"
|
||||
@pagination="handleCurrentChange"
|
||||
></pagination>
|
||||
|
||||
<el-dialog
|
||||
:title="formMap[formName]"
|
||||
:visible.sync="addDialogVisible"
|
||||
width="60%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
v-if="addDialogVisible"
|
||||
>
|
||||
|
||||
<el-form :model="currentSup" :rules="formRules" label-width="100px" ref="dataForm">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="证书名称:" prop="name">
|
||||
<el-input v-model="currentSup.name" style="width: 90%" auto-complete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<el-form-item label="是否必传:" prop="need">
|
||||
<el-select style="width: 90%" v-model="currentSup.need">
|
||||
<el-option label="是" :value=true></el-option>
|
||||
<el-option label="否" :value=false></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="22">
|
||||
<el-form-item label="说明:" prop="remark">
|
||||
<el-input v-model="currentSup.remark" style="width: 95.5%" auto-complete="off" type="textarea"
|
||||
autosize></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div style="text-align: center">
|
||||
<el-button type="primary" size="small" icon="search" @click="onAddSubmit"
|
||||
>提交
|
||||
</el-button
|
||||
>
|
||||
<el-button type="primary" size="small" icon="search" @click="cancelDialog"
|
||||
>取消
|
||||
</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card>
|
||||
<div>
|
||||
<p class="form-title">生产企业资质设置</p>
|
||||
</div>
|
||||
<div style=" float: right;
|
||||
text-align: right;
|
||||
margin-bottom: 8px;">
|
||||
<el-button type="primary" size="mini" icon="search" @click="addManufacturerCert" style="text-align:right">添加设置</el-button>
|
||||
</div>
|
||||
|
||||
<el-table v-loading="loading" :data="manufacturerList" style="width: 100%" border highlight-current-row>
|
||||
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
||||
<el-table-column label="证书名称" prop="name"></el-table-column>
|
||||
<el-table-column label="产地" prop="foreign">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ foreignMap[scope.row.foreign] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="说明" prop="remark"></el-table-column>
|
||||
<el-table-column label="操作" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleManufacturerEdit( scope.row)"
|
||||
>编辑
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleManufacturerDel( scope.row)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="manufacturerTotal>0"
|
||||
:total="manufacturerTotal"
|
||||
:page.sync="manufacturerQuery.page"
|
||||
:limit.sync="manufacturerQuery.limit"
|
||||
@pagination="handleManufacturerChange"
|
||||
></pagination>
|
||||
|
||||
<el-dialog
|
||||
:title="formManufacturerMap[formManufacturerName]"
|
||||
:visible.sync="addManufacturerDialogVisible"
|
||||
width="60%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
v-if="addManufacturerDialogVisible"
|
||||
:isShow="false"
|
||||
>
|
||||
|
||||
<el-form :model="currentManufacturer" label-width="100px" :rules="formManufactureRules" ref="dataManufacturerForm">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="证书名称:" prop="name">
|
||||
<el-input v-model="currentManufacturer.name" auto-complete="off" :disabled="currentManufacturer.need"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<el-form-item label="产地:" prop="foreign">
|
||||
<el-select v-model="currentManufacturer.foreign" style="width: 100%" :disabled="currentManufacturer.need">
|
||||
<el-option label="全部" :value="1"></el-option>
|
||||
<el-option label="国外" :value="2"></el-option>
|
||||
<el-option label="国内" :value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="11" v-if="isShow">
|
||||
<el-form-item label="是否禁用:" prop="need">
|
||||
<el-select v-model="currentManufacturer.need" style="width: 100%">
|
||||
<el-option label="是" :value=true></el-option>
|
||||
<el-option label="否" :value=false></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="说明:" prop="remark">
|
||||
<el-input v-model="currentManufacturer.remark" auto-complete="off" type="textarea"
|
||||
autosize></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div style="text-align: center">
|
||||
<el-button type="primary" size="small" icon="search" @click="onAddManufacturerSubmit"
|
||||
>提交
|
||||
</el-button
|
||||
>
|
||||
<el-button type="primary" size="small" icon="search" @click="cancelDialog"
|
||||
>取消
|
||||
</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
</el-card>
|
||||
|
||||
<el-card>
|
||||
<div>
|
||||
<p class="form-title">产品资质设置</p>
|
||||
</div>
|
||||
<div style="float:right;
|
||||
text-align: right;
|
||||
margin-bottom: 8px;">
|
||||
<el-button type="primary" size="mini" icon="search" @click="addProductCert" style="text-align:right">添加设置</el-button>
|
||||
</div>
|
||||
|
||||
<el-table v-loading="productLoading" :data="productList" style="width: 100%" border highlight-current-row>
|
||||
<el-table-column type="index" label="序号" width="50"></el-table-column>
|
||||
<el-table-column label="证书名称" prop="name"></el-table-column>
|
||||
<el-table-column label="产地" prop="imports">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ foreignMap[scope.row.imports] }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="产品类型" prop="cplx">
|
||||
</el-table-column>
|
||||
<el-table-column label="产品类别" prop="hchzsb">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="分类编码" prop="flbm">
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="说明" prop="remark"></el-table-column>
|
||||
<el-table-column label="操作" width="200">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleProductEdit( scope.row)"
|
||||
>编辑
|
||||
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click="handleProductDel( scope.row)"
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="productTotal>0"
|
||||
:total="productTotal"
|
||||
:page.sync="productQuery.page"
|
||||
:limit.sync="productQuery.limit"
|
||||
@pagination="handleProductChange"
|
||||
></pagination>
|
||||
|
||||
|
||||
<el-dialog
|
||||
:title="formProductMap[formProductName]"
|
||||
:visible.sync="addProductDialogVisible"
|
||||
width="60%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
v-if="addProductDialogVisible"
|
||||
:isShow="false"
|
||||
>
|
||||
|
||||
<el-form :model="currentProduct" label-width="100px" :rules="formRules" ref="dataForm">
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="证书名称" prop="name">
|
||||
<el-input v-model="currentProduct.name" style="width: 90%" auto-complete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11" v-if="isShow" >
|
||||
<el-form-item label="是否禁用:" prop="need">
|
||||
<el-select v-model="currentProduct.need" style="width: 90%">
|
||||
<el-option label="禁用" :value=true></el-option>
|
||||
<el-option label="启用" :value=false></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="产品类型：" prop="require">
|
||||
<el-select v-model="currentProduct.cplx" style="width: 90%">
|
||||
<el-option label="全部" key="全部" value="全部"></el-option>
|
||||
<el-option label="器械" key="器械" value="器械"></el-option>
|
||||
<el-option label="试剂" key="试剂" value="试剂"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<el-form-item label="产品类别：" prop="require">
|
||||
<el-select v-model="currentProduct.hchzsb" style="width: 90%">
|
||||
<el-option label="全部" value="全部"></el-option>
|
||||
<el-option label="耗材" value="耗材"></el-option>
|
||||
<el-option label="设备" value="设备"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="产地：" prop="require">
|
||||
<el-select v-model="currentProduct.imports" style="width: 90%">
|
||||
<el-option label="全部" value="1"></el-option>
|
||||
<el-option label="国外" value="2"></el-option>
|
||||
<el-option label="国内" value="3"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="11">
|
||||
<el-form-item label="说明：" prop="remark">
|
||||
<el-input v-model="currentProduct.remark" style="width: 90%" auto-complete="off" type="textarea"
|
||||
autosize></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="11">
|
||||
<el-form-item label="分类编码：" prop="require">
|
||||
<el-select
|
||||
v-model="currentProduct.flbmList"
|
||||
filterable
|
||||
remote
|
||||
clearable="true"
|
||||
style="width: 90%"
|
||||
multiple
|
||||
reserve-keyword
|
||||
placeholder="请选择"
|
||||
:remote-method="classifySearch"
|
||||
:loading="loading"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in classifyList"
|
||||
:key="item.code"
|
||||
:label="item.name"
|
||||
:value="item.code">
|
||||
<span>{{ item.code }}</span>
|
||||
<span>{{ item.name }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div style="text-align: center">
|
||||
<el-button type="primary" size="small" icon="search" @click="onAddProductSubmit"
|
||||
>提交
|
||||
</el-button
|
||||
>
|
||||
<el-button type="primary" size="small" icon="search" @click="cancelDialog"
|
||||
>取消
|
||||
</el-button
|
||||
>
|
||||
</div>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {filterCertSet, delSupCertCert, modifySupCertSet, addSupCertSet} from "@/api/purchase/supCertSet";
|
||||
import {filterClassify} from "@/api/purchase/classifyCode"
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
/**--------配送企业资质设置--------------*/
|
||||
query: {
|
||||
type: 1,
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
list: [],
|
||||
total: 0,
|
||||
loading: false,
|
||||
enableMap: {
|
||||
true: "是",
|
||||
false: "否",
|
||||
},
|
||||
addDialogVisible: false,
|
||||
currentSup: {},
|
||||
formName: "add",
|
||||
formMap: {
|
||||
add: "新增配送企业资质设置",
|
||||
update: "编辑配送企业资质设置",
|
||||
},
|
||||
|
||||
formRules: {
|
||||
name: [
|
||||
{required: true, message: "证书名称", trigger: "blur"}
|
||||
],
|
||||
need: [
|
||||
{required: true, message: "是否必传", trigger: "blur"}
|
||||
],
|
||||
|
||||
},
|
||||
|
||||
/**--------生产企业资质设置 --------------*/
|
||||
manufacturerList: [],
|
||||
manufacturerQuery: {
|
||||
type: 2,
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
statusMap: {
|
||||
true: "禁用",
|
||||
false: "启用",
|
||||
},
|
||||
foreignMap: {
|
||||
"1": "全部",
|
||||
"2": "国外",
|
||||
"3": "国内",
|
||||
|
||||
},
|
||||
manufacturerTotal: 0,
|
||||
manufacturerLoading: false,
|
||||
addManufacturerDialogVisible: false,
|
||||
currentManufacturer: {},
|
||||
formManufacturerName: "add",
|
||||
formManufacturerMap: {
|
||||
add: "新增生产企业资质设置",
|
||||
update: "编辑生产企业资质设置",
|
||||
},
|
||||
|
||||
formManufactureRules: {
|
||||
name: [
|
||||
{required: true, message: "请输入证书名称", trigger: "blur"}
|
||||
],
|
||||
|
||||
},
|
||||
|
||||
/**--------产品资质设置--------------*/
|
||||
productList: [],
|
||||
productQuery: {
|
||||
type: 3,
|
||||
page: 1,
|
||||
limit: 20
|
||||
},
|
||||
productTotal: 0,
|
||||
productLoading: false,
|
||||
addProductDialogVisible: false,
|
||||
currentProduct: {},
|
||||
formProductName: "add",
|
||||
formProductMap: {
|
||||
add: "新增产品资质设置",
|
||||
update: "编辑产品资质设置",
|
||||
},
|
||||
|
||||
classifyList: [],
|
||||
mutilData: [],
|
||||
inputKey: null,
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
|
||||
/**--------配送企业资质设置--------------*/
|
||||
handleCurrentChange(val) {
|
||||
this.query.page = val.page;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
filterCertSet(this.query)
|
||||
.then(response => {
|
||||
this.loading = false;
|
||||
this.list = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
handleEdit(row) {
|
||||
this.formName = "update";
|
||||
this.currentSup = row;
|
||||
this.addDialogVisible = true;
|
||||
|
||||
},
|
||||
handleDel(row) {
|
||||
let query = {
|
||||
id: row.id,
|
||||
}
|
||||
delSupCertCert(query)
|
||||
.then((response) => {
|
||||
this.getList();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
addCert() {
|
||||
this.formName = "add";
|
||||
this.currentSup = {};
|
||||
this.addDialogVisible = true;
|
||||
},
|
||||
onAddSubmit() {
|
||||
this.$refs["dataForm"].validate(valid => {
|
||||
if (valid) {
|
||||
this.addDialogVisible = false;
|
||||
if (this.formName == "add") {
|
||||
this.currentSup.type = 1;
|
||||
addSupCertSet(this.currentSup)
|
||||
.then((response) => {
|
||||
if(response.code==20000){
|
||||
this.getList();
|
||||
}else{
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
} else {
|
||||
modifySupCertSet(this.currentSup).then((res) => {
|
||||
if (res.code == 20000) {
|
||||
this.getList();
|
||||
this.$message.success("保存成功！");
|
||||
} else {
|
||||
this.getList();
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
},
|
||||
cancelDialog() {
|
||||
this.getList();
|
||||
this.getManufacturerList();
|
||||
this.getProductList();
|
||||
this.addDialogVisible = false;
|
||||
this.addManufacturerDialogVisible = false;
|
||||
this.addProductDialogVisible = false;
|
||||
},
|
||||
|
||||
|
||||
/**--------生产企业资质设置--------------*/
|
||||
handleManufacturerChange(val) {
|
||||
this.manufacturerQuery.page = val.page;
|
||||
this.getManufacturerList();
|
||||
},
|
||||
getManufacturerList() {
|
||||
this.manufacturerLoading = true;
|
||||
filterCertSet(this.manufacturerQuery)
|
||||
.then(response => {
|
||||
this.manufacturerLoading = false;
|
||||
this.manufacturerList = response.data.list || [];
|
||||
this.manufacturerTotal = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.manufacturerLoading = false;
|
||||
this.manufacturerList = [];
|
||||
this.manufacturerTotal = 0;
|
||||
});
|
||||
},
|
||||
handleManufacturerEdit(row) {
|
||||
this.formManufacturerName = "update";
|
||||
this.currentManufacturer = row;
|
||||
this.addManufacturerDialogVisible = true;
|
||||
|
||||
},
|
||||
handleManufacturerDel(row) {
|
||||
let query = {
|
||||
id: row.id,
|
||||
}
|
||||
delSupCertCert(query)
|
||||
.then((response) => {
|
||||
this.getManufacturerList();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
addManufacturerCert() {
|
||||
this.formManufacturerName = "add";
|
||||
this.currentManufacturer = {};
|
||||
this.addManufacturerDialogVisible = true;
|
||||
},
|
||||
onAddManufacturerSubmit() {
|
||||
|
||||
this.$refs["dataManufacturerForm"].validate(valid => {
|
||||
if (valid) {
|
||||
this.addManufacturerDialogVisible = false;
|
||||
if (this.formManufacturerName == "add") {
|
||||
this.currentManufacturer.type = 2;
|
||||
addSupCertSet(this.currentManufacturer)
|
||||
.then((response) => {
|
||||
if(response.code==20000){
|
||||
this.getManufacturerList();
|
||||
}else{
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
} else {
|
||||
modifySupCertSet(this.currentManufacturer).then((res) => {
|
||||
if (res.code == 20000) {
|
||||
this.getManufacturerList();
|
||||
this.$message.success("保存成功！");
|
||||
} else {
|
||||
this.getManufacturerList();
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
},
|
||||
|
||||
|
||||
/**--------产品资质设置--------------*/
|
||||
handleProductChange(val) {
|
||||
this.productQuery.page = val.page;
|
||||
this.getProductList();
|
||||
},
|
||||
getProductList() {
|
||||
this.productLoading = true;
|
||||
filterCertSet(this.productQuery)
|
||||
.then(response => {
|
||||
this.productLoading = false;
|
||||
this.productList = response.data.list || [];
|
||||
this.productTotal = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.productLoading = false;
|
||||
this.productList = [];
|
||||
this.productTotal = 0;
|
||||
});
|
||||
},
|
||||
handleProductEdit(row) {
|
||||
this.formProductName = "update";
|
||||
this.currentProduct = row;
|
||||
this.addProductDialogVisible = true;
|
||||
|
||||
this.classifyFirstSearch(this.currentProduct.flbm);
|
||||
|
||||
},
|
||||
handleProductDel(row) {
|
||||
let query = {
|
||||
id: row.id,
|
||||
}
|
||||
delSupCertCert(query)
|
||||
.then((response) => {
|
||||
this.getProductList();
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
addProductCert() {
|
||||
this.formProductName = "add";
|
||||
this.currentProduct = {};
|
||||
this.addProductDialogVisible = true;
|
||||
},
|
||||
onAddProductSubmit() {
|
||||
this.$refs["dataForm"].validate(valid => {
|
||||
if (valid) {
|
||||
this.addProductDialogVisible = false;
|
||||
if (this.formProductName == "add") {
|
||||
this.currentProduct.type = 3;
|
||||
addSupCertSet(this.currentProduct)
|
||||
.then((response) => {
|
||||
if(response.code==20000){
|
||||
this.getProductList();
|
||||
}else{
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
} else {
|
||||
modifySupCertSet(this.currentProduct).then((res) => {
|
||||
if (res.code == 20000) {
|
||||
this.getProductList();
|
||||
this.$message.success("保存成功！");
|
||||
} else {
|
||||
this.getProductList();
|
||||
this.$message.error(res.message);
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
|
||||
classifyFirstSearch(key) {
|
||||
let query = {
|
||||
inFilter: key,
|
||||
}
|
||||
filterClassify(query)
|
||||
.then(response => {
|
||||
this.loading = false;
|
||||
this.classifyList = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.classifyList = [];
|
||||
});
|
||||
},
|
||||
|
||||
classifySearch(key) {
|
||||
let query = {
|
||||
key: key,
|
||||
}
|
||||
filterClassify(query)
|
||||
.then(response => {
|
||||
this.loading = false;
|
||||
this.classifyList = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.classifyList = [];
|
||||
});
|
||||
},
|
||||
},
|
||||
filters: {},
|
||||
mounted() {
|
||||
},
|
||||
created() {
|
||||
// 加载表格数据
|
||||
this.getList();
|
||||
this.getManufacturerList();
|
||||
this.getProductList();
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped
|
||||
>
|
||||
.form-title {
|
||||
font-size: 16px;
|
||||
font-family: Noto Sans SC;
|
||||
font-weight: bold;
|
||||
color: #303133;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -0,0 +1,583 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<el-form :model="filterQuery" label-width="120px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="产品编码:">
|
||||
<el-input v-model="filterQuery.unionCode" style="width:90%" placeholder="请输入DI/医保编码/商品条码" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="物资名称:">
|
||||
<el-input v-model="filterQuery.cpmctymc" style="width:90%" placeholder="请输入物资名称" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="规格型号:">
|
||||
<el-input v-model="filterQuery.ggxh" style="width: 90%" placeholder="请输入规格型号" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="生产企业:">
|
||||
<el-input v-model="filterQuery.ylqxzcrbarmc" style="width: 90%" placeholder="请输入生产企业/注册备案人" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="配送企业:">
|
||||
<el-input v-model="filterQuery.supName" style="width: 90%" placeholder="请输入配送企业" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="6">
|
||||
<el-form-item label="第三方产品编码:">
|
||||
<el-input v-model="filterQuery.thrPiId" style="width: 90%" placeholder="请输入第三方产品编码" clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" @click="submitSearch">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-upload2" @click="selectExport">选中导入</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table v-loading="loading" :data="list" style="width: 100%" @selection-change="handleSelectionChange" border highlight-current-row>
|
||||
<el-table-column type="selection" width="55" :selectable="checkSelectable"></el-table-column>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="最小销售产品标识" prop="nameCode" width="140"></el-table-column>
|
||||
<el-table-column label="产品编码" prop="thirdId" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="生产企业" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="规格型号" prop="ggxh" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="注册/备案号" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="器械类别" prop="qxlb" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column width="60" label="操作" >
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="handleModifyClick(scope.row)"
|
||||
>详情
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-dialog
|
||||
title="产品信息详情"
|
||||
:visible.sync="editDialogVisible"
|
||||
width="70%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
append-to-body
|
||||
v-if="editDialogVisible"
|
||||
>
|
||||
<el-table :data="sysList" style="width: 100%" border highlight-current-row>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="第三方系统名称" prop="sysName" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="第三方产品名称" prop="thirdName" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="第三方产品ID" prop="thirdId" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-table v-loading="loading" :data="detailList" style="width: 100%; margin-top: 20px" border @current-change="handleDetail" border highlight-current-row>
|
||||
<el-table-column label="产品标识" prop="nameCode" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装级别" prop="packLevel" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="包装层级" prop="bzcj" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-form :model="editQuery" :rules="rules" ref="editQuery" label-width="190px" style="margin-top: 20px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物资名称" prop="cpmctymc">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入物资名称" :disabled="true" v-model="editQuery.cpmctymc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="产品标识" prop="nameCode">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入产品标识" v-model="editQuery.nameCode"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="规格型号" prop="ggxh">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入内容" v-model="editQuery.ggxh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="器械类别" prop="qxlb">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入器械类别" v-model="editQuery.qxlb"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="产品类别" prop="cplb">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入产品类别" v-model="editQuery.cplb"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="分类编码" prop="flbm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入分类编码" v-model="editQuery.flbm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="商品条码" prop="sptm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入商品条码" v-model="editQuery.sptm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="医保编码" prop="ybbm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入医保编码" v-model="editQuery.ybbm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="医疗器械注册人" prop="ylqxzcrbarmc">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入医疗器械注册人" v-model="editQuery.ylqxzcrbarmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="注册人英文名称" prop="ylqxzcrbarywmc">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入注册人英文名称" v-model="editQuery.ylqxzcrbarywmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="统一社会信用号" prop="tyshxydm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入统一社会信用号" v-model="editQuery.tyshxydm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="注册证/备案号" prop="zczbhhzbapzbh">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入注册证/备案号" v-model="editQuery.zczbhhzbapzbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="上级产品编码" prop="sjcpbm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入上级产品编码" v-model="editQuery.sjcpbm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="包装级别" prop="packLevel">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入包装级别" :disabled="true" v-model="editQuery.packLevel"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="包装层级" prop="bzcj">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入包装层级" v-model="editQuery.bzcj" :disabled="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="包含下级包装数量" prop="bhxjsl">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入包含下级包装数量" :disabled="true" v-model="editQuery.bhxjsl"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="包含下级产品编码" prop="bhxjcpbm">
|
||||
<el-input style="width: 90%" size="small" :disabled="true" splaceholder="请输入包含下级产品编码" v-model="editQuery.bhxjcpbm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="包含最小销售包装数量" prop="bhzxxsbzsl">
|
||||
<el-input style="width: 90%" size="small" :disabled="true" splaceholder="请输入包含最小销售包装数量" v-model="editQuery.bhzxxsbzsl"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="是否包含批号" prop="scbssfbhph">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" v-model="editQuery.scbssfbhph"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="是否包含序列号" prop="scbssfbhxlh">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" v-model="editQuery.scbssfbhxlh" splaceholder="请输入内容"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="是否包含生产日期" prop="scbssfbhscrq">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" v-model="editQuery.scbssfbhscrq"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="是否包含失效日期" prop="scbssfbhsxrq">
|
||||
<el-input style="width: 90%" :disabled="true" v-model="editQuery.scbssfbhsxrq" ></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="产品描述" prop="cpms">
|
||||
<el-input style="width: 90%" :disabled="false" size="small" v-model="editQuery.cpms"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="计量单位" prop="measname">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入内容" v-model="editQuery.measname"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row >
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="使用单元数量" prop="zxxsbzbhsydysl">
|
||||
<el-input style="width: 90%" :disabled="!checked" size="small" splaceholder="请输入内容" v-model="editQuery.zxxsbzbhsydysl"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
</el-dialog>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:limit.sync="filterQuery.limit"
|
||||
:page.sync="filterQuery.page"
|
||||
@pagination="handleCurrentChange"
|
||||
></pagination>
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {updateErpProduct, thirdSysDetail, getSmUdiInfos} from "../../../api/basic/udiRelevance";
|
||||
import {filterByUuid} from "../../../api/basic/udiInfo";
|
||||
import {insertCompanyProductRelevance, insertFilter} from "../../../api/basic/companyProductRelevance";
|
||||
import store from "../../../store";
|
||||
|
||||
export default {
|
||||
name: "basicSelectSingleProducts",
|
||||
props: {
|
||||
selectType: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
closeSelDialog: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
radioCheck: null,
|
||||
filterQuery: {
|
||||
customerId: null,
|
||||
ylqxzcrbarmc: "",
|
||||
supName: null,
|
||||
cpmctymc: "",
|
||||
nameCode: "",
|
||||
page: 1,
|
||||
limit: 10,
|
||||
addType: 1,
|
||||
isDisable: false,
|
||||
|
||||
},
|
||||
|
||||
|
||||
postQuery: {
|
||||
customerId: null,
|
||||
uuids: [],
|
||||
rlIds: [],
|
||||
supplementRequest: null,
|
||||
},
|
||||
loading: false,
|
||||
editQuery: null,
|
||||
repEditQuery: {},
|
||||
relevanceEdit: {
|
||||
id: null,
|
||||
thirdId: "",
|
||||
isUseDy: false,
|
||||
},
|
||||
|
||||
replTitle: "物资字典信息补齐:",
|
||||
isImport: false,
|
||||
isImportUdi: false,
|
||||
isUploadSmp: false,
|
||||
isImportFile: false,
|
||||
uploadFileUrl: null,
|
||||
checked: false,
|
||||
list: [],
|
||||
detailList: [],
|
||||
sysList: [],
|
||||
total: 0,
|
||||
thirdNo: "",
|
||||
uuid: "111",
|
||||
thirdId: null,
|
||||
relId: "",
|
||||
thisData: {
|
||||
nameCode: null,
|
||||
cpmctymc: null,
|
||||
ggxh: null
|
||||
},
|
||||
currentRow: null,
|
||||
multipleSelection: [],
|
||||
editDialogVisible: false,
|
||||
selectUdiDialogVisible: false,
|
||||
selectErpDialogVisible: false,
|
||||
selectLocalVisible: false,
|
||||
productRemarkSet: {},
|
||||
supplementRequest: null,
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
onReset() {
|
||||
this.radioCheck = null;
|
||||
this.$router.push({
|
||||
path: "",
|
||||
});
|
||||
this.filterQuery = {
|
||||
customerId: null,
|
||||
ylqxzcrbarmc: "",
|
||||
supName: null,
|
||||
cpmctymc: "",
|
||||
nameCode: "",
|
||||
page: 1,
|
||||
limit: 10,
|
||||
addType: 1,
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
|
||||
|
||||
submitSearch() {
|
||||
this.filterQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.filterQuery.customerId = store.getters.customerId;
|
||||
getSmUdiInfos(this.filterQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.list = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
getDetailList(detailQuery) {
|
||||
this.loading = true;
|
||||
filterByUuid(detailQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.detailList = response.data || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.detailList = [];
|
||||
});
|
||||
},
|
||||
|
||||
handleDetail(row) {
|
||||
this.editQuery = row;
|
||||
},
|
||||
|
||||
combine() {
|
||||
this.combineQuery.productUuid = this.currentRow.uuid;
|
||||
this.combineQuery.customerId = store.getters.customerId;
|
||||
insertCompanyProductRelevance(this.combineQuery).then(response => {
|
||||
this.loading = false;
|
||||
if (response.code === 20000) {
|
||||
this.$message.success("添加成功");
|
||||
this.closeDialog(true);
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
cellClass(row) {
|
||||
if (row.columnIndex === 0) {
|
||||
return 'disabledCheck'
|
||||
}
|
||||
},
|
||||
selectExport() {
|
||||
var selectData = this.multipleSelection;
|
||||
if (selectData == null || selectData.length == 0) {
|
||||
this.$message.warning("请先选入物资字典信息！");
|
||||
return;
|
||||
}
|
||||
this.closeSelDialog(selectData[0].id);
|
||||
|
||||
},
|
||||
allExport() {
|
||||
this.postQuery.customerId = store.getters.customerId;
|
||||
this.postQuery.supplementRequest = this.repEditQuery;
|
||||
insertFilter(this.postQuery).then(response => {
|
||||
this.loading = false;
|
||||
if (response.code == 20000) {
|
||||
this.$message.success(response.data);
|
||||
this.$emit("closeSelDialog", true);
|
||||
this.closeSelDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
intentDetail() {
|
||||
this.isImportUdi = false;
|
||||
this.selectUdiDialogVisible = true;
|
||||
},
|
||||
|
||||
intentImportErp(val) {
|
||||
this.uuid = val.uuid;
|
||||
this.relId = val.id;
|
||||
this.isImport = true;
|
||||
this.thisData = val;
|
||||
this.selectErpDialogVisible = true;
|
||||
},
|
||||
handleSelectionChange(selection) {
|
||||
this.radioCheck = selection.id;
|
||||
this.curSelectDi = selection;
|
||||
if (selection.length > 1) {
|
||||
this.$refs.diList.clearSelection();
|
||||
this.$refs.diList.toggleRowSelection(selection.pop());
|
||||
}
|
||||
|
||||
this.multipleSelection = selection
|
||||
this.currentRow = selection;
|
||||
this.replTitle = "(" + this.currentRow.cpmctymc + ")" + "产品信息补齐:";
|
||||
},
|
||||
handleErpChange(val) {
|
||||
this.currentRow = val;
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.filterQuery.page = val;
|
||||
this.getList();
|
||||
},
|
||||
handleModifyClick(row) {
|
||||
this.editDialogVisible = true;
|
||||
this.editQuery = row;
|
||||
this.relevanceEdit = {
|
||||
id: row.id,
|
||||
thirdId: row.thirdId,
|
||||
isUseDy: row.isUseDy,
|
||||
};
|
||||
this.checked = row.isUseDy == 1;
|
||||
|
||||
let ttquery = {
|
||||
uuid: row.uuid,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
};
|
||||
|
||||
this.getDetailList(ttquery);
|
||||
this.getThirdSysDetail();
|
||||
},
|
||||
closeUdi(val) {
|
||||
this.selectUdiDialogVisible = false;
|
||||
this.selectErpDialogVisible = false;
|
||||
this.selectLocalVisible = false;
|
||||
if (val) {
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
getThirdSysDetail() {
|
||||
let query = {
|
||||
id: this.relevanceEdit.id,
|
||||
};
|
||||
|
||||
thirdSysDetail(query)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.sysList = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.sysList = [];
|
||||
});
|
||||
},
|
||||
checkSelectable(row) {
|
||||
return !row.isSelect;
|
||||
},
|
||||
|
||||
closeDialog() {
|
||||
this.selectErpDialogVisible = false;
|
||||
this.selectLocalVisible = false;
|
||||
},
|
||||
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
components: {},
|
||||
created() {
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
.el-table .disabledCheck .cell .el-checkbox .el-checkbox__input {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.itemTag {
|
||||
float: left;
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
.query-form-item {
|
||||
display: block !important;
|
||||
margin-right: 10px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 13px;
|
||||
font-family: "Microsoft YaHei";
|
||||
}
|
||||
|
||||
.el-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.el-col {
|
||||
border-radius: 4px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,541 @@
|
||||
<template>
|
||||
<div>
|
||||
<el-card>
|
||||
<el-form :model="filterQuery" label-width="120px" v-show="showSearch">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="DI/物资编码:">
|
||||
<el-input v-model="filterQuery.unionCode" style="width:90%" placeholder="请输入DI/物资编码"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="物资名称:">
|
||||
<el-input v-model="filterQuery.cpmctymc" style="width:90%" placeholder="请输入物资名称"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="生产企业:">
|
||||
<el-input v-model="filterQuery.manufactory" style="width: 90%" placeholder="请输入生产企业"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="注册/备案人:">
|
||||
<el-input v-model="filterQuery.ylqxzcrbarmc" style="width: 90%" placeholder="请输入注册/备案人"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="统一社会信用号:">
|
||||
<el-input v-model="filterQuery.tyshxydm" style="width: 90%" placeholder="请输入统一社会信用号"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="注册/备案号:">
|
||||
<el-input v-model="filterQuery.zczbhhzbapzbh" style="width: 90%" placeholder="请输入注册/备案号"
|
||||
clearable="true"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
|
||||
<div class="top-right-btn">
|
||||
<el-button-group style="display:flex;">
|
||||
<el-button icon="el-icon-view" type="primary" @click="hideSearch">显示/隐藏搜索栏</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh" @click="onReset">重置</el-button>
|
||||
<el-button type="primary" icon="el-icon-search" @click="submitSearch">查询</el-button>
|
||||
<el-button type="primary" icon="el-icon-upload2" @click="selectExport">选中导入</el-button>
|
||||
</el-button-group>
|
||||
</div>
|
||||
<el-divider style="margin: 15px"></el-divider>
|
||||
<el-table v-loading="loading" :data="list" style="width: 100%" @current-change="handleSelectionChange" border
|
||||
highlight-current-row>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="生产企业" prop="manufactory" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="注册/备案号" prop="zczbhhzbapzbh" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="注册/备案人" prop="ylqxzcrbarmc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="产品类别" prop="cplb" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="器械类别" prop="qxlb" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="分类编码" prop="classifyName" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column width="60" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
type="text"
|
||||
size="small"
|
||||
@click.native.stop="handleModifyClick(scope.row)"
|
||||
>详情
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
<el-dialog
|
||||
title="产品信息详情"
|
||||
:visible.sync="editDialogVisible"
|
||||
width="70%"
|
||||
:close-on-click-modal="false"
|
||||
:close-on-press-escape="false"
|
||||
append-to-body
|
||||
v-if="editDialogVisible"
|
||||
>
|
||||
|
||||
<el-card>
|
||||
<el-form :model="editQuery" ref="editQuery" label-width="140px" style="margin-top: 20px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="物资名称" prop="cpmctymc">
|
||||
<el-input style="width: 90%" size="small" splaceholder="请输入物资名称" :disabled="true"
|
||||
v-model="editQuery.cpmctymc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="器械类别" prop="qxlb">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入器械类别"
|
||||
v-model="editQuery.qxlb"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="产品类别" prop="cplb">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入产品类别"
|
||||
v-model="editQuery.cplb"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="分类编码" prop="flbm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入分类编码"
|
||||
v-model="editQuery.flbm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="医疗器械注册人" prop="ylqxzcrbarmc">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入医疗器械注册人"
|
||||
v-model="editQuery.ylqxzcrbarmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="注册人英文名称" prop="ylqxzcrbarywmc">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入注册人英文名称"
|
||||
v-model="editQuery.ylqxzcrbarywmc"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="统一社会信用号" prop="tyshxydm">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入统一社会信用号"
|
||||
v-model="editQuery.tyshxydm"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12" class="el-col">
|
||||
<el-form-item label="注册证/备案号" prop="zczbhhzbapzbh">
|
||||
<el-input style="width: 90%" :disabled="true" size="small" splaceholder="请输入注册证/备案号"
|
||||
v-model="editQuery.zczbhhzbapzbh"></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-card>
|
||||
<el-card>
|
||||
|
||||
<el-table :data="detailList" style="width: 100%" @current-change="handleSelectionChange" border
|
||||
highlight-current-row>
|
||||
<el-table-column label="序号" type="index"></el-table-column>
|
||||
<el-table-column label="物资名称" prop="cpmctymc" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="规格型号" prop="ggxh" show-overflow-tooltip></el-table-column>
|
||||
<el-table-column label="最小销售产品标识" prop="nameCode" width="140"></el-table-column>
|
||||
<el-table-column label="产品编码" prop="thirdId" show-overflow-tooltip></el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
<pagination
|
||||
v-show="detailTotal>0"
|
||||
:total="detailTotal"
|
||||
:limit.sync="detailQuery.limit"
|
||||
:page.sync="detailQuery.page"
|
||||
@pagination="handeleDetailChange"
|
||||
></pagination>
|
||||
</el-card>
|
||||
</el-dialog>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:limit.sync="filterQuery.limit"
|
||||
:page.sync="filterQuery.page"
|
||||
@pagination="handleCurrentChange"
|
||||
></pagination>
|
||||
|
||||
</el-card>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getUdiInfos,
|
||||
updateErpProduct,
|
||||
thirdSysDetail,
|
||||
getSmUdiInfos, getCertUdis
|
||||
} from "@/api/basic/udiRelevance";
|
||||
import {udiUpload} from "@/api/thrsys/smp"
|
||||
import {filterByUuid} from "@/api/basic/udiInfo";
|
||||
import {
|
||||
insertCompanyProductRelevance,
|
||||
updateCompanyProductRelevance, insertFilter
|
||||
} from "@/api/basic/udiRlSuptRelevance";
|
||||
import store from "@/store";
|
||||
|
||||
export default {
|
||||
name: "UdIInfoSelect",
|
||||
props: {
|
||||
unitFk: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
selectType: {
|
||||
type: Object,
|
||||
required: true,
|
||||
},
|
||||
closeSelDialog: {
|
||||
type: Function,
|
||||
required: true,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showSearch: true,
|
||||
filterQuery: {
|
||||
customerId: null,
|
||||
uuids: [],
|
||||
rlIds: [],
|
||||
ylqxzcrbarmc: "",
|
||||
supName: null,
|
||||
cpmctymc: "",
|
||||
nameCode: "",
|
||||
page: 1,
|
||||
limit: 20,
|
||||
addType: 1,
|
||||
isDisable: false,
|
||||
},
|
||||
detailTotal: 0,
|
||||
detailQuery: {
|
||||
cpmctymc: null,
|
||||
manufactory: null,
|
||||
page: 1,
|
||||
limit: 20,
|
||||
},
|
||||
editQuery: null,
|
||||
relevanceEdit: {
|
||||
id: null,
|
||||
thirdId: "",
|
||||
isUseDy: false,
|
||||
},
|
||||
isImport: false,
|
||||
isImportUdi: false,
|
||||
isUploadSmp: false,
|
||||
isImportFile: false,
|
||||
uploadFileUrl: null,
|
||||
checked: false,
|
||||
list: [],
|
||||
detailList: [],
|
||||
sysList: [],
|
||||
total: 0,
|
||||
thirdNo: "",
|
||||
uuid: "111",
|
||||
thirdId: null,
|
||||
relId: "",
|
||||
thisData: {
|
||||
nameCode: null,
|
||||
cpmctymc: null,
|
||||
ggxh: null
|
||||
},
|
||||
multipleSelection: {},
|
||||
editDialogVisible: false,
|
||||
selectUdiDialogVisible: false,
|
||||
selectErpDialogVisible: false,
|
||||
selectLocalVisible: false,
|
||||
};
|
||||
},
|
||||
|
||||
methods: {
|
||||
onReset() {
|
||||
this.$router.push({
|
||||
path: "",
|
||||
});
|
||||
this.filterQuery = {
|
||||
customerId: null,
|
||||
uuids: [],
|
||||
rlIds: [],
|
||||
ylqxzcrbarmc: "",
|
||||
supName: null,
|
||||
cpmctymc: "",
|
||||
nameCode: "",
|
||||
page: 1,
|
||||
limit: 20,
|
||||
unitFk: null,
|
||||
addType: 1,
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
|
||||
hideSearch() {
|
||||
this.showSearch = !this.showSearch;
|
||||
},
|
||||
submitSearch() {
|
||||
this.filterQuery.page = 1;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
this.filterQuery.customerId = store.getters.customerId;
|
||||
getCertUdis(this.filterQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.list = response.data.list || [];
|
||||
this.total = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.list = [];
|
||||
this.total = 0;
|
||||
});
|
||||
},
|
||||
|
||||
getDetailList(detailQuery) {
|
||||
this.loading = true;
|
||||
getUdiInfos(detailQuery)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.detailList = response.data.list || [];
|
||||
this.detailTotal = response.data.total || 0;
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.detailList = [];
|
||||
this.detailTotal = 0;
|
||||
});
|
||||
},
|
||||
|
||||
handleDetail(row) {
|
||||
this.editQuery = row;
|
||||
},
|
||||
|
||||
combine() {
|
||||
this.combineQuery.productUuid = this.currentRow.uuid;
|
||||
this.combineQuery.customerId = store.getters.customerId;
|
||||
insertCompanyProductRelevance(this.combineQuery).then(response => {
|
||||
this.loading = false;
|
||||
if (response.code === 20000) {
|
||||
this.$message.success("添加成功");
|
||||
this.closeDialog(true);
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
|
||||
selectExport() {
|
||||
var selectData = this.multipleSelection;
|
||||
if (selectData == null) {
|
||||
this.$message.warning("请先选入物资字典信息！");
|
||||
return;
|
||||
}
|
||||
this.closeSelDialog(selectData.id);
|
||||
|
||||
},
|
||||
allExport() {
|
||||
this.filterQuery.customerId = store.getters.customerId;
|
||||
insertFilter(this.filterQuery).then(response => {
|
||||
this.loading = false;
|
||||
if (response.code == 20000) {
|
||||
this.$message.success(response.data);
|
||||
this.$emit("closeSelDialog", true);
|
||||
this.closeSelDialog();
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
intentDetail() {
|
||||
this.isImportUdi = false;
|
||||
this.selectUdiDialogVisible = true;
|
||||
},
|
||||
|
||||
intentImportErp(val) {
|
||||
this.uuid = val.uuid;
|
||||
this.relId = val.id;
|
||||
this.isImport = true;
|
||||
this.thisData = val;
|
||||
this.selectErpDialogVisible = true;
|
||||
},
|
||||
uploadSMP() {
|
||||
var selectData = this.multipleSelection;
|
||||
selectData.forEach((obj) => {
|
||||
this.filterQuery.uuids.push(obj.uuid);
|
||||
});
|
||||
this.allUploadSMP();
|
||||
},
|
||||
|
||||
allUploadSMP() {
|
||||
udiUpload(this.filterQuery)
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: "上传成功！",
|
||||
});
|
||||
} else {
|
||||
this.$message({
|
||||
type: "error",
|
||||
message: response.message,
|
||||
});
|
||||
}
|
||||
this.$emit("cancelDialog", true);
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message({
|
||||
type: "error",
|
||||
message: "上传失败",
|
||||
});
|
||||
this.$emit("cancelDialog", true);
|
||||
});
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
|
||||
|
||||
handeleDetailChange(val) {
|
||||
this.detailQuery.page = val.page;
|
||||
this.getDetailList();
|
||||
},
|
||||
|
||||
handleCurrentChange(val) {
|
||||
this.filterQuery.page = val.page;
|
||||
this.getList();
|
||||
},
|
||||
handleModifyClick(row) {
|
||||
this.editDialogVisible = true;
|
||||
this.editQuery = row;
|
||||
this.relevanceEdit = {
|
||||
id: row.id,
|
||||
thirdId: row.thirdId,
|
||||
isUseDy: row.isUseDy,
|
||||
};
|
||||
this.checked = row.isUseDy == 1;
|
||||
this.detailQuery = {
|
||||
entireCpmctymc: row.cpmctymc,
|
||||
manufactory: row.manufactory,
|
||||
page: 1,
|
||||
limit: 10,
|
||||
};
|
||||
|
||||
this.getDetailList(this.detailQuery);
|
||||
this.getThirdSysDetail();
|
||||
},
|
||||
closeUdi(val) {
|
||||
this.selectUdiDialogVisible = false;
|
||||
this.selectErpDialogVisible = false;
|
||||
this.selectLocalVisible = false;
|
||||
if (val) {
|
||||
this.getList();
|
||||
}
|
||||
},
|
||||
getThirdSysDetail() {
|
||||
let query = {
|
||||
id: this.relevanceEdit.id,
|
||||
};
|
||||
|
||||
thirdSysDetail(query)
|
||||
.then((response) => {
|
||||
this.loading = false;
|
||||
this.sysList = response.data.list || [];
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
this.sysList = [];
|
||||
});
|
||||
},
|
||||
checkSelectable(row) {
|
||||
return !row.isSelect;
|
||||
},
|
||||
uploadErpProduct() {
|
||||
updateErpProduct()
|
||||
.then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.$message({
|
||||
type: "success",
|
||||
message: response.data,
|
||||
});
|
||||
this.$emit("closeDialog", true);
|
||||
} else {
|
||||
this.$message.error(response.message);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
closeDialog() {
|
||||
this.selectErpDialogVisible = false;
|
||||
this.selectLocalVisible = false;
|
||||
},
|
||||
|
||||
selectSysParam() {
|
||||
let query = {
|
||||
paramKey: "smp_isUploadProuct",
|
||||
};
|
||||
selectSysParamByKey(query).then((response) => {
|
||||
if (response.code == 20000) {
|
||||
if (response.data.paramValue == "1") {
|
||||
this.isUploadSmp = true;
|
||||
}
|
||||
}
|
||||
});
|
||||
let query1 = {
|
||||
paramKey: "upload_pi_file_enabled",
|
||||
};
|
||||
selectSysParamByKey(query1).then((response) => {
|
||||
if (response.code == 20000) {
|
||||
if (response.data.paramValue == "1") {
|
||||
this.isImportFile = true;
|
||||
}
|
||||
}
|
||||
});
|
||||
let query2 = {
|
||||
paramKey: "upload_pi_file_url",
|
||||
};
|
||||
selectSysParamByKey(query2).then((response) => {
|
||||
if (response.code == 20000) {
|
||||
this.uploadFileUrl = response.data.paramValue;
|
||||
}
|
||||
});
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
components: {},
|
||||
created() {
|
||||
|
||||
this.getList();
|
||||
this.selectSysParam();
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.el-form-item--mini.el-form-item {
|
||||
margin-bottom: 9px;
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue