|
@@ -1,4 +1,5 @@
|
|
|
<template>
|
|
|
+ <!-- 配送目录管理 -->
|
|
|
<div style="display: flex;">
|
|
|
<!-- <el-card style="width:18%;margin-right:18px;border-radius:6px;">
|
|
|
<el-tabs v-model="activeName" type="card" @tab-click="tabClick" stretch>
|
|
@@ -14,13 +15,129 @@
|
|
|
></el-tree>
|
|
|
</el-card>-->
|
|
|
<div class="right-common-box">
|
|
|
- <el-form :model="listQuery" ref="listQuery" :inline="true">
|
|
|
+ <el-form :model="listQuery" ref="listQuery" :inline="true" label-width="100px">
|
|
|
+ <el-form-item label="耗材编码" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.drugName"
|
|
|
+ placeholder="请输入耗材编码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="医保编码" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.drugName"
|
|
|
+ placeholder="请输入医保编码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="耗材名称" prop="drugName" class="long">
|
|
|
<el-input
|
|
|
v-model="listQuery.drugName"
|
|
|
placeholder="请输入耗材名称"
|
|
|
></el-input>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item label="是否集采" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择是否集采"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="集采批次" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择集采批次"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="商品类别" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择商品类别"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="规格" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.drugName"
|
|
|
+ placeholder="请输入规格"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="型号" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.drugName"
|
|
|
+ placeholder="请输入型号"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="材质" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQuery.drugName"
|
|
|
+ placeholder="请输入材质"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="生产来源" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择生产来源"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="生产企业" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择生产企业"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="当前状态" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择当前状态"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
<!-- <el-form-item label="对码状态" prop="stas">
|
|
|
<el-select
|
|
|
v-model="listQuery.stas"
|
|
@@ -64,8 +181,8 @@
|
|
|
<el-table-column label="医保编码" prop="drugListId" width="80" />
|
|
|
<el-table-column label="耗材名称" prop="drugListId" width="80" />
|
|
|
<el-table-column label="是否集采" prop="drugListId" width="80" />
|
|
|
+ <el-table-column label="集采批次" prop="drugListId" width="80" />
|
|
|
<el-table-column label="商品类别" prop="drugListId" width="80" />
|
|
|
- <el-table-column label="商品分类" prop="drugListId" width="80" />
|
|
|
<el-table-column label="规格" prop="drugListId" width="80" />
|
|
|
<el-table-column label="型号" prop="drugListId" width="80" />
|
|
|
<el-table-column label="材质" prop="drugListId" width="80" />
|
|
@@ -74,37 +191,6 @@
|
|
|
<el-table-column label="生产企业" prop="drugListId" width="80" />
|
|
|
<el-table-column label="采购价" prop="drugListId" width="80" />
|
|
|
<el-table-column label="当前状态" prop="drugListId" width="80" />
|
|
|
- <!-- <el-table-column label="医院药品名称" prop="drugName" width="260">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="drug-name">
|
|
|
- <el-tag>{{ scope.row.drugName }}</el-tag
|
|
|
- >{{ "【" + scope.row.dosformName + "】" }}
|
|
|
- <el-tag>{{ scope.row.essdrugType }}</el-tag
|
|
|
- ><br />
|
|
|
- {{ "医院厂家 【" + scope.row.prodentpName + "】" }}<br />
|
|
|
- {{"医院规格 【" +scope.row.specName +"*" +scope.row.convrat +scope.row.prepunt +"/" +scope.row.pacUnt +"】"}}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="对码状态" prop="stas">
|
|
|
- <template #default="{ row }">
|
|
|
- <span v-if="row.stas == '0'" style="color:red;">未对码</span>
|
|
|
- <span v-if="row.stas == '1'" style="color:lawngreen;">已对码</span>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="转化比" prop="convrat" />
|
|
|
- <el-table-column label="供应商药品名称" prop="splerDrugName" width="260">
|
|
|
- <template slot-scope="scope">
|
|
|
- <div class="drug-name" v-if="scope.row.splerDrugName">
|
|
|
- <el-tag>{{ scope.row.splerDrugName }}</el-tag>
|
|
|
- {{ "【" + scope.row.splerDosformName + "】" }}
|
|
|
- <el-tag>{{ scope.row.splerEssdrugType }}</el-tag><br />
|
|
|
- {{ "供应商厂家 【" + scope.row.splerProdentpName + "】" }}<br />
|
|
|
- {{ "供应商规格 【" +scope.row.splerSpecName +"*" +scope.row.convrat +scope.row.splerPrepunt +"/" +scope.row.splerPacUnt +"】"}}
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </el-table-column>
|
|
|
- <el-table-column label="供应商价格" prop="splerPurcPric" /> -->
|
|
|
<el-table-column fixed="right" label="操作" width="160">
|
|
|
<template slot-scope="scope">
|
|
|
<div>
|
|
@@ -239,13 +325,80 @@
|
|
|
>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
- <el-dialog title="选择耗材" :visible.sync="dialogAdd" width="55%">
|
|
|
+ <el-dialog title="选择耗材" :visible.sync="dialogAdd" width="75%">
|
|
|
<template>
|
|
|
- <h3 style="margin:10px 0;">选择耗材</h3>
|
|
|
- <el-table :data="selectDrguData" border style="width: 100%">
|
|
|
- <el-table-column fixed prop="drugName" label="医保编码" width="150">
|
|
|
+ <el-form :model="listQueryadd" ref="listQuery" :inline="true">
|
|
|
+ <el-form-item label="耗材名称" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQueryadd.drugName"
|
|
|
+ placeholder="请输入耗材名称"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="耗材规格" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQueryadd.drugName"
|
|
|
+ placeholder="请输入耗材规格"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="耗材编码" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQueryadd.drugName"
|
|
|
+ placeholder="请输入耗材编码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="医保编码" prop="drugName" class="long">
|
|
|
+ <el-input
|
|
|
+ v-model="listQueryadd.drugName"
|
|
|
+ placeholder="请输入医保编码"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="是否集采" prop="drugName" class="long">
|
|
|
+ <el-select
|
|
|
+ v-model="listQueryadd.isFas"
|
|
|
+ placeholder="请选择是否集采"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in isFasData"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <!-- <el-form-item label="对码状态" prop="stas">
|
|
|
+ <el-select
|
|
|
+ v-model="listQuery.stas"
|
|
|
+ placeholder="请选择对码状态"
|
|
|
+ clearable
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in crspFlgOption"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.value"
|
|
|
+ ></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item> -->
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="getdialog('search')"
|
|
|
+ >查询</el-button
|
|
|
+ >
|
|
|
+ <el-button @click="resetdialog('drug')">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <el-table :data="selectDrguData" border style="width: 100%" row-key="id"
|
|
|
+ @selection-change="handleSelectionChange"
|
|
|
+ @row-click="getDetail">
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ :selectable="selected"
|
|
|
+ :reserve-selection="true"
|
|
|
+ width="55"
|
|
|
+ ></el-table-column>
|
|
|
+ <el-table-column prop="drugName" label="医保编码" width="150">
|
|
|
</el-table-column>
|
|
|
- <el-table-column fixed prop="drugName" label="耗材名称" width="150">
|
|
|
+ <el-table-column prop="drugName" label="耗材名称" width="150">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="dosformName" label="是否集采" width="120">
|
|
|
</el-table-column>
|
|
@@ -253,10 +406,12 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="drugListId" label="商品类别" width="120">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="specName" label="规格" width="300">
|
|
|
+ <el-table-column prop="drugListId" label="商品分类" width="120">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="specName" label="规格">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="drug-name">
|
|
|
- {{
|
|
|
+ <!-- {{
|
|
|
"医院规格 【" +
|
|
|
scope.row.specName +
|
|
|
"*" +
|
|
@@ -265,23 +420,26 @@
|
|
|
"/" +
|
|
|
scope.row.pacUnt +
|
|
|
"】"
|
|
|
- }}
|
|
|
+ }} -->
|
|
|
</div>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="drugListId" label="型号" width="120">
|
|
|
+ <el-table-column prop="drugListId" label="型号">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="drugListId" label="材质" width="120">
|
|
|
+ <el-table-column prop="drugListId" label="材质">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="drugListId" label="包装材质" width="120">
|
|
|
+ <el-table-column prop="drugListId" label="包装材质">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="drugListId" label="生产来源" width="120">
|
|
|
+ <el-table-column prop="drugListId" label="生产来源">
|
|
|
</el-table-column>
|
|
|
- <el-table-column prop="drugListId" label="注册证号" width="120">
|
|
|
+ <el-table-column prop="drugListId" label="注册证号">
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="drugListId" label="生产企业" width="120">
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <el-button type="primary" @click="handleConfirm" v-loading="addLoading">确认</el-button>
|
|
|
+ </div>
|
|
|
<!-- <el-form :model="form" ref="form" :rules="rules">
|
|
|
<el-table
|
|
|
:data="form.splerData"
|
|
@@ -401,6 +559,10 @@ export default {
|
|
|
{ value: "0", name: "未对码" },
|
|
|
{ value: "1", name: "已对码" }
|
|
|
],
|
|
|
+ isFasData: [
|
|
|
+ { value: "0", name: "否" },
|
|
|
+ { value: "1", name: "是" }
|
|
|
+ ],
|
|
|
dialogPrice: false,
|
|
|
dialogDui: false,
|
|
|
ccLoad: false,
|
|
@@ -484,6 +646,10 @@ export default {
|
|
|
splerData: []
|
|
|
},
|
|
|
dialogAdd:false,
|
|
|
+ listQueryadd:{
|
|
|
+
|
|
|
+ },
|
|
|
+ addLoading:false,
|
|
|
};
|
|
|
},
|
|
|
methods: {
|
|
@@ -537,6 +703,23 @@ export default {
|
|
|
this.listLoading = false;
|
|
|
});
|
|
|
},
|
|
|
+ // 获取新增目录弹框数据
|
|
|
+ getdialog(type) {
|
|
|
+ if (type == "search") {
|
|
|
+ this.listQueryadd.current = 1;
|
|
|
+ }
|
|
|
+ // this.listLoading = true;
|
|
|
+ // this.listQuery.hospId = this.hospId;
|
|
|
+ // QueryHospDrugList(this.listQuery)
|
|
|
+ // .then(res => {
|
|
|
+ // this.list = res.data.records;
|
|
|
+ // this.total = res.data.total;
|
|
|
+ // this.listLoading = false;
|
|
|
+ // })
|
|
|
+ // .catch(err => {
|
|
|
+ // this.listLoading = false;
|
|
|
+ // });
|
|
|
+ },
|
|
|
// 点击获取医院药品列表
|
|
|
handleNodeClick(data) {
|
|
|
this.listLoading = true;
|
|
@@ -696,7 +879,15 @@ export default {
|
|
|
.catch(err => {
|
|
|
this.supLoading = false;
|
|
|
});
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 新增目录确认
|
|
|
+ handleConfirm(){
|
|
|
+ this.addLoading = true;
|
|
|
+
|
|
|
+ // this.addLoading = false;
|
|
|
+ // this.dialogAdd = false;
|
|
|
+
|
|
|
+ },
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getData();
|
|
@@ -720,4 +911,8 @@ export default {
|
|
|
::v-deep .long .el-form-item__content {
|
|
|
width: 220px;
|
|
|
}
|
|
|
+::v-deep .long .el-input__inner {
|
|
|
+ width: 199px;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|