|
@@ -1,397 +1,518 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
- <el-form :model="infoData" ref="planForm" label-width="150px" class="grid-form-class">
|
|
|
|
- <div class="common-card" v-if="reaDiv">
|
|
|
|
- <!-- <h3>审批状态</h3> -->
|
|
|
|
- <!-- <yl-step></yl-step> -->
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="驳回原因" prop="rejtRea">
|
|
|
|
- <el-input v-model="infoData.rejtRea"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="common-card">
|
|
|
|
- <h3>商品基本资料</h3>
|
|
|
|
- <!-- <div class="right-type" style="color: #3c64dc; font-weight: 800">
|
|
|
|
- {{ $store.state.user.username }}
|
|
|
|
- </div> -->
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="耗材名称" prop="prodName">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.prodName }}
|
|
|
|
|
|
+ <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
|
+ <el-tab-pane label="基础信息" name="first">
|
|
|
|
+ <el-form
|
|
|
|
+ :model="infoData"
|
|
|
|
+ ref="planForm"
|
|
|
|
+ label-width="150px"
|
|
|
|
+ class="grid-form-class"
|
|
|
|
+ >
|
|
|
|
+ <!-- <div class="common-card" v-if="reaDiv">
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="驳回原因" prop="rejtRea">
|
|
|
|
+ <el-input v-model="infoData.rejtRea"></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.prodName"
|
|
|
|
- placeholder="请输入耗材名称"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="通用名称" prop="genName" :rules="rules.required">
|
|
|
|
- <el-input
|
|
|
|
- v-model="infoData.genName"
|
|
|
|
- placeholder="请输入通用名称"
|
|
|
|
- maxlength="50"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="英文名称" prop="engName" :rules="rules.InterEng">
|
|
|
|
- <el-input
|
|
|
|
- v-model="infoData.engName"
|
|
|
|
- placeholder="请输入英文名称"
|
|
|
|
- maxlength="50"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="品牌" prop="brad">
|
|
|
|
- <el-input
|
|
|
|
- v-model="infoData.brad"
|
|
|
|
- maxlength="50"
|
|
|
|
- placeholder="请输入品牌"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="生产来源" prop="prodSouc" :rules="rules.selectRequired">
|
|
|
|
- <el-select
|
|
|
|
- v-model="infoData.prodSouc"
|
|
|
|
- placeholder="请选择生产来源"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in sourceData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="生产企业" prop="prodEntp">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.prodEntp }}
|
|
|
|
- </div>
|
|
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.prodEntp"
|
|
|
|
- placeholder="请输入生产企业"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="代理企业" prop="agnt">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.agnt }}
|
|
|
|
|
|
+ </div>
|
|
|
|
+ </div> -->
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>商品基本资料</h3>
|
|
|
|
+ <!-- <div class="right-type" style="color: #3c64dc; font-weight: 800">
|
|
|
|
+ {{ $store.state.user.username }}
|
|
|
|
+ </div> -->
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="耗材名称" prop="prodName">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.prodName }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.prodName"
|
|
|
|
+ placeholder="请输入耗材名称"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="通用名称" prop="genName" :rules="rules.required">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoData.genName"
|
|
|
|
+ placeholder="请输入通用名称"
|
|
|
|
+ maxlength="50"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="英文名称" prop="engName" :rules="rules.InterEng">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoData.engName"
|
|
|
|
+ placeholder="请输入英文名称"
|
|
|
|
+ maxlength="50"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.agnt"
|
|
|
|
- placeholder="请输入代理企业"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="挂网价格" prop="pubonlnPric">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.pubonlnPric }}
|
|
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="品牌" prop="brad">
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoData.brad"
|
|
|
|
+ maxlength="50"
|
|
|
|
+ placeholder="请输入品牌"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="生产来源"
|
|
|
|
+ prop="prodSouc"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.prodSouc"
|
|
|
|
+ placeholder="请选择生产来源"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in sourceData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="生产企业" prop="prodEntp">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.prodEntp }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.prodEntp"
|
|
|
|
+ placeholder="请输入生产企业"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.pubonlnPric"
|
|
|
|
- placeholder="请输入挂网价格"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="代理企业" prop="agnt">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.agnt }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.agnt"
|
|
|
|
+ placeholder="请输入代理企业"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="挂网价格" prop="pubonlnPric">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.pubonlnPric }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.pubonlnPric"
|
|
|
|
+ placeholder="请输入挂网价格"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
|
|
- <el-form-item label="规格" prop="spec">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.spec }}
|
|
|
|
|
|
+ <el-form-item label="规格" prop="spec">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.spec }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.spec"
|
|
|
|
+ placeholder="请输入规格"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.spec"
|
|
|
|
- placeholder="请输入规格"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="型号" prop="mol">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.mol }}
|
|
|
|
- </div>
|
|
|
|
- <el-input v-else v-model="infoData.mol" placeholder="请输入型号"></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="材质" prop="matl">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.matl }}
|
|
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="型号" prop="mol">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.mol }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.mol"
|
|
|
|
+ placeholder="请输入型号"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="材质" prop="matl">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.matl }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.matl"
|
|
|
|
+ placeholder="请输入材质"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="包装材质" prop="pacmatl">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.pacmatl }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.pacmatl"
|
|
|
|
+ placeholder="请输入包装材质"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.matl"
|
|
|
|
- placeholder="请输入材质"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="包装材质" prop="pacmatl">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.pacmatl }}
|
|
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="注册证号" prop="regcertno">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.regcertno }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.regcertno"
|
|
|
|
+ placeholder="请输入注册证号"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="目录来源" prop="isPub">
|
|
|
|
+ <!-- <el-select
|
|
|
|
+ v-model="infoData.isPub"
|
|
|
|
+ placeholder="请选择目录来源"
|
|
|
|
+ clearable
|
|
|
|
+ disabled
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in isPubData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select> -->
|
|
|
|
+ <div class="content">
|
|
|
|
+ <span v-if="infoData.isPub == '1'">挂网</span>
|
|
|
|
+ <span v-if="infoData.isPub == '0'">非挂网</span>
|
|
|
|
+ </div>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label=" " prop="regcertno">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ <!-- {{infoData.regcertno}} -->
|
|
|
|
+ </div>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.pacmatl"
|
|
|
|
- placeholder="请输入包装材质"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="注册证号" prop="regcertno">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.regcertno }}
|
|
|
|
- </div>
|
|
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.regcertno"
|
|
|
|
- placeholder="请输入注册证号"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="目录来源" prop="isPub">
|
|
|
|
- <!-- <el-select
|
|
|
|
- v-model="infoData.isPub"
|
|
|
|
- placeholder="请选择目录来源"
|
|
|
|
- clearable
|
|
|
|
- disabled
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in isPubData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select> -->
|
|
|
|
- <div class="content">
|
|
|
|
- <span v-if="infoData.isPub == '1'">挂网</span>
|
|
|
|
- <span v-if="infoData.isPub == '0'">非挂网</span>
|
|
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>商品属性资料</h3>
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <!-- <el-form-item label="商品大类" prop="prodType" :rules="rules.required">
|
|
|
|
+ <el-select v-model="infoData.prodType" placeholder="请选择商品大类" clearable>
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in prodTypeData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item> -->
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="耗材类别"
|
|
|
|
+ prop="mcsType"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.mcsType"
|
|
|
|
+ placeholder="请选择耗材类别"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in mcsTypeData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="是否集采" prop="isFas">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ <span v-if="infoData.isFas == '1'">是</span>
|
|
|
|
+ <span v-if="infoData.isFas == '0'">否</span>
|
|
|
|
+ </div>
|
|
|
|
+ <el-select
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.isFas"
|
|
|
|
+ placeholder="请选择是否集采"
|
|
|
|
+ clearable
|
|
|
|
+ @change="clearType"
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in iFjcData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label=" " prop="regcertno">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- <!-- {{infoData.regcertno}} -->
|
|
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="带量批次"
|
|
|
|
+ prop="fasBtch"
|
|
|
|
+ v-if="infoData.isFas == '1'"
|
|
|
|
+ >
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.fasBtch }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.fasBtch"
|
|
|
|
+ placeholder="请输入带量批次"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="是否寄售"
|
|
|
|
+ prop="isCgmt"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.isCgmt"
|
|
|
|
+ placeholder="请选择是否寄售"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in iFjcData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <!-- <el-form-item label="是否十八项重点耗材" prop="isEm" :rules="rules.selectRequired">
|
|
|
|
+ <el-select v-model="infoData.isEm" placeholder="请选择是否十八项重点耗材" clearable>
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in iFjcData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.value"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item> -->
|
|
</div>
|
|
</div>
|
|
- </el-form-item>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="common-card">
|
|
|
|
- <h3>商品属性资料</h3>
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <!-- <el-form-item label="商品大类" prop="prodType" :rules="rules.required">
|
|
|
|
- <el-select v-model="infoData.prodType" placeholder="请选择商品大类" clearable>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in prodTypeData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item> -->
|
|
|
|
- <el-form-item label="耗材类别" prop="mcsType" :rules="rules.selectRequired">
|
|
|
|
- <el-select
|
|
|
|
- v-model="infoData.mcsType"
|
|
|
|
- placeholder="请选择耗材类别"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in mcsTypeData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="是否集采" prop="isFas">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- <span v-if="infoData.isFas == '1'">是</span>
|
|
|
|
- <span v-if="infoData.isFas == '0'">否</span>
|
|
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>耗材编码资料</h3>
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item label="医保编码" prop="hiCode">
|
|
|
|
+ <div class="content" v-if="isShow">
|
|
|
|
+ {{ infoData.hiCode }}
|
|
|
|
+ </div>
|
|
|
|
+ <el-input
|
|
|
|
+ v-else
|
|
|
|
+ v-model="infoData.hiCode"
|
|
|
|
+ placeholder="请输入医保编码"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-select
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.isFas"
|
|
|
|
- placeholder="请选择是否集采"
|
|
|
|
- clearable
|
|
|
|
- @change="clearType"
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in iFjcData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="带量批次" prop="fasBtch" v-if="infoData.isFas == '1'">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.fasBtch }}
|
|
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>商品包装资料</h3>
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="最小单位"
|
|
|
|
+ prop="prcUnt"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.prcUnt"
|
|
|
|
+ placeholder="请选择最小单位"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in purcUntData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.label"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="采购价" prop="purcPric" :rules="rules.numPot4">
|
|
|
|
+ <el-input
|
|
|
|
+ maxlength="50"
|
|
|
|
+ v-model="infoData.purcPric"
|
|
|
|
+ placeholder="请输入采购价"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="采购单位"
|
|
|
|
+ prop="purcUnt"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.purcUnt"
|
|
|
|
+ placeholder="请选择采购单位"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in prcUntData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.label"
|
|
|
|
+ :value="item.label"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item label="包装内数量" prop="convrat" :rules="rules.InterNum">
|
|
|
|
+ <template slot-scope="{}" slot="label">
|
|
|
|
+ <span>包装内数量</span>
|
|
|
|
+ <el-tooltip class="item" effect="dark" placement="top">
|
|
|
|
+ <i
|
|
|
|
+ class="el-icon-question"
|
|
|
|
+ style="font-size: 14px; vertical-align: middle"
|
|
|
|
+ ></i>
|
|
|
|
+ <div slot="content">包含最小单位的数量</div>
|
|
|
|
+ </el-tooltip>
|
|
|
|
+ </template>
|
|
|
|
+ <template>
|
|
|
|
+ <el-input
|
|
|
|
+ v-model="infoData.convrat"
|
|
|
|
+ placeholder="请输入包装内数量"
|
|
|
|
+ maxlength="50"
|
|
|
|
+ ></el-input>
|
|
|
|
+ </template>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.fasBtch"
|
|
|
|
- placeholder="请输入带量批次"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="是否寄售" prop="isCgmt" :rules="rules.selectRequired">
|
|
|
|
- <el-select v-model="infoData.isCgmt" placeholder="请选择是否寄售" clearable>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in iFjcData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <!-- <el-form-item label="是否十八项重点耗材" prop="isEm" :rules="rules.selectRequired">
|
|
|
|
- <el-select v-model="infoData.isEm" placeholder="请选择是否十八项重点耗材" clearable>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in iFjcData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.value"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item> -->
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="common-card">
|
|
|
|
- <h3>耗材编码资料</h3>
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="医保编码" prop="hiCode">
|
|
|
|
- <div class="content" v-if="isShow">
|
|
|
|
- {{ infoData.hiCode }}
|
|
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>其他资料</h3>
|
|
|
|
+ <div class="form-body">
|
|
|
|
+ <div class="flex-css">
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="存储方式"
|
|
|
|
+ prop="stogType"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.stogType"
|
|
|
|
+ placeholder="请选择存储方式"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stogTypeData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.name"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="存储温度"
|
|
|
|
+ prop="stogTemp"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.stogTemp"
|
|
|
|
+ placeholder="请选择存储温度"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in stogTempData"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.name"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
|
|
+ <el-form-item
|
|
|
|
+ label="是否灭菌"
|
|
|
|
+ prop="isStlz"
|
|
|
|
+ :rules="rules.selectRequired"
|
|
|
|
+ >
|
|
|
|
+ <el-select
|
|
|
|
+ v-model="infoData.isStlz"
|
|
|
|
+ placeholder="请选择是否灭菌"
|
|
|
|
+ clearable
|
|
|
|
+ >
|
|
|
|
+ <el-option
|
|
|
|
+ v-for="item in isStlzdata"
|
|
|
|
+ :key="item.value"
|
|
|
|
+ :label="item.name"
|
|
|
|
+ :value="item.name"
|
|
|
|
+ ></el-option>
|
|
|
|
+ </el-select>
|
|
|
|
+ </el-form-item>
|
|
</div>
|
|
</div>
|
|
- <el-input
|
|
|
|
- v-else
|
|
|
|
- v-model="infoData.hiCode"
|
|
|
|
- placeholder="请输入医保编码"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
|
|
+ </el-form>
|
|
|
|
+ <div class="foot-button">
|
|
|
|
+ <el-button v-if="btnShow" type="success" @click="handleSave" :loading="saveLoad"
|
|
|
|
+ >保存</el-button
|
|
|
|
+ >
|
|
|
|
+ <el-button
|
|
|
|
+ v-if="btnShow"
|
|
|
|
+ type="primary"
|
|
|
|
+ @click="handleSubmit"
|
|
|
|
+ :loading="submitLoad"
|
|
|
|
+ >提交</el-button
|
|
|
|
+ >
|
|
|
|
+ <!-- </div>
|
|
|
|
+ <div class="foot-button"> -->
|
|
|
|
+ <el-button type="danger" @click="handleBack">返回</el-button>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="common-card">
|
|
|
|
- <h3>商品包装资料</h3>
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="最小单位" prop="prcUnt" :rules="rules.selectRequired">
|
|
|
|
- <el-select v-model="infoData.prcUnt" placeholder="请选择最小单位" clearable>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in purcUntData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.label"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="采购价" prop="purcPric" :rules="rules.numPot4">
|
|
|
|
- <el-input
|
|
|
|
- maxlength="50"
|
|
|
|
- v-model="infoData.purcPric"
|
|
|
|
- placeholder="请输入采购价"
|
|
|
|
- ></el-input>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="采购单位" prop="purcUnt" :rules="rules.selectRequired">
|
|
|
|
- <el-select
|
|
|
|
- v-model="infoData.purcUnt"
|
|
|
|
- placeholder="请选择采购单位"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in prcUntData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.label"
|
|
|
|
- :value="item.label"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="包装内数量" prop="convrat" :rules="rules.InterNum">
|
|
|
|
- <template slot-scope="{}" slot="label">
|
|
|
|
- <span>包装内数量</span>
|
|
|
|
- <el-tooltip class="item" effect="dark" placement="top">
|
|
|
|
- <i
|
|
|
|
- class="el-icon-question"
|
|
|
|
- style="font-size: 14px; vertical-align: middle"
|
|
|
|
- ></i>
|
|
|
|
- <div slot="content">包含最小单位的数量</div>
|
|
|
|
- </el-tooltip>
|
|
|
|
- </template>
|
|
|
|
- <template>
|
|
|
|
- <el-input
|
|
|
|
- v-model="infoData.convrat"
|
|
|
|
- placeholder="请输入包装内数量"
|
|
|
|
- maxlength="50"
|
|
|
|
- ></el-input>
|
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ <el-tab-pane label="资质信息" name="second">
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>商品资质</h3>
|
|
|
|
+ <el-table
|
|
|
|
+ v-loading="listLoading"
|
|
|
|
+ element-loading-text="加载中"
|
|
|
|
+ :data="list"
|
|
|
|
+ fit
|
|
|
|
+ stripe
|
|
|
|
+ border
|
|
|
|
+ >
|
|
|
|
+ <template slot="empty">
|
|
|
|
+ <img src="@/assets/nopage.png" alt />
|
|
|
|
+ <p>暂无数据</p>
|
|
|
|
+ </template>
|
|
|
|
+ <el-table-column fixed type="index" label="序号" width="60" />
|
|
|
|
+ <el-table-column label="资质证书信息"> </el-table-column>
|
|
|
|
+ <el-table-column label="资质证书编号" prop="hiCode" />
|
|
|
|
+ <el-table-column label="发证日期" prop="spec" />
|
|
|
|
+ <el-table-column label="截止日期" prop="mol" />
|
|
|
|
+ <el-table-column label="资质证件" prop="isFas">
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
+ <span v-if="row.isFas == '0'">否</span>
|
|
|
|
+ <span v-if="row.isFas == '1'">是</span>
|
|
</template>
|
|
</template>
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="备注" prop="purcUnt" />
|
|
|
|
+ </el-table>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="common-card">
|
|
|
|
- <h3>其他资料</h3>
|
|
|
|
- <div class="form-body">
|
|
|
|
- <div class="flex-css">
|
|
|
|
- <el-form-item label="存储方式" prop="stogType" :rules="rules.selectRequired">
|
|
|
|
- <el-select
|
|
|
|
- v-model="infoData.stogType"
|
|
|
|
- placeholder="请选择存储方式"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in stogTypeData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.name"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="存储温度" prop="stogTemp" :rules="rules.selectRequired">
|
|
|
|
- <el-select
|
|
|
|
- v-model="infoData.stogTemp"
|
|
|
|
- placeholder="请选择存储温度"
|
|
|
|
- clearable
|
|
|
|
- >
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in stogTempData"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.name"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- <el-form-item label="是否灭菌" prop="isStlz" :rules="rules.selectRequired">
|
|
|
|
- <el-select v-model="infoData.isStlz" placeholder="请选择是否灭菌" clearable>
|
|
|
|
- <el-option
|
|
|
|
- v-for="item in isStlzdata"
|
|
|
|
- :key="item.value"
|
|
|
|
- :label="item.name"
|
|
|
|
- :value="item.name"
|
|
|
|
- ></el-option>
|
|
|
|
- </el-select>
|
|
|
|
- </el-form-item>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="common-card">
|
|
|
|
+ <h3>生产厂商资质</h3>
|
|
|
|
+ <el-table
|
|
|
|
+ v-loading="listLoading"
|
|
|
|
+ element-loading-text="加载中"
|
|
|
|
+ :data="list"
|
|
|
|
+ fit
|
|
|
|
+ stripe
|
|
|
|
+ border
|
|
|
|
+ >
|
|
|
|
+ <template slot="empty">
|
|
|
|
+ <img src="@/assets/nopage.png" alt />
|
|
|
|
+ <p>暂无数据</p>
|
|
|
|
+ </template>
|
|
|
|
+ <el-table-column fixed type="index" label="序号" width="60" />
|
|
|
|
+ <el-table-column label="资质证书信息"> </el-table-column>
|
|
|
|
+ <el-table-column label="资质证书编号" prop="hiCode" />
|
|
|
|
+ <el-table-column label="发证日期" prop="spec" />
|
|
|
|
+ <el-table-column label="截止日期" prop="mol" />
|
|
|
|
+ <el-table-column label="资质证件" prop="isFas">
|
|
|
|
+ <template #default="{ row }">
|
|
|
|
+ <span v-if="row.isFas == '0'">否</span>
|
|
|
|
+ <span v-if="row.isFas == '1'">是</span>
|
|
|
|
+ </template>
|
|
|
|
+ </el-table-column>
|
|
|
|
+ <el-table-column label="备注" prop="purcUnt" />
|
|
|
|
+ </el-table>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </el-form>
|
|
|
|
- <div class="foot-button">
|
|
|
|
- <el-button v-if="btnShow" type="success" @click="handleSave" :loading="saveLoad"
|
|
|
|
- >保存</el-button
|
|
|
|
- >
|
|
|
|
- <el-button v-if="btnShow" type="primary" @click="handleSubmit" :loading="submitLoad"
|
|
|
|
- >提交</el-button
|
|
|
|
- >
|
|
|
|
- <!-- </div>
|
|
|
|
- <div class="foot-button"> -->
|
|
|
|
- <el-button type="danger" @click="handleBack">返回</el-button>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </el-tab-pane>
|
|
|
|
+ </el-tabs>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -408,6 +529,7 @@ export default {
|
|
components: { ylUpload, ylStep },
|
|
components: { ylUpload, ylStep },
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ activeName: "first",
|
|
saveLoad: false,
|
|
saveLoad: false,
|
|
submitLoad: false,
|
|
submitLoad: false,
|
|
rules,
|
|
rules,
|
|
@@ -614,7 +736,13 @@ export default {
|
|
// }
|
|
// }
|
|
// });
|
|
// });
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+ handleClick(tab) {
|
|
|
|
+ // if (tab.name == "first") {
|
|
|
|
+ // this.getorderData();
|
|
|
|
+ // } else {
|
|
|
|
+ // this.getorderDataC();
|
|
|
|
+ // }
|
|
|
|
+ },
|
|
// 整体提交
|
|
// 整体提交
|
|
handleSubmit() {
|
|
handleSubmit() {
|
|
this.$refs["planForm"].validate((valid) => {
|
|
this.$refs["planForm"].validate((valid) => {
|