UDI
/
spms-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.调整产品详情表单展示样式

Browse Source
featFunction
x_z 3 years ago
parent 411ffe5724
commit 36ad35a057
4 changed files with 1254 additions and 1101 deletions
Show Stats Download Patch File Download Diff File

319
src/views/basic/UdiInfoManage.vue
Unescape Escape View File

@ -247,175 +247,192 @@
style="margin-top: 20px; " style="margin-top: 20px; "
> >
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品名称:&nbsp;</span> <span>商品条码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.sptm"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品标识:&nbsp;</span> <span>医保编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.nameCode" v-model="editQuery.ybbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>规格型号:&nbsp;</span> <span>计量单位:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ggxh" v-model="editQuery.measname"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>器械类别:&nbsp;</span> <span>生产厂家:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
v-model="editQuery.manufactory"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.qxlb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品类别:&nbsp;</span> <span>商品名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cplb" v-model="editQuery.spmc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>分类编码:&nbsp;</span> <span>产品描述:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.flbm" v-model="editQuery.cpms"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医疗器械注册人:&nbsp;</span> <span>进口产品代理商:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="ylqxzcrbarmc"
v-model="editQuery.ylqxzcrbarmc"
></el-input>
</div>
</el-col>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>注册人英文名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarywmc" v-model="editQuery.cpdls"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col">
<div style="margin-top: 18px;margin-bottom: 18px">
<el-checkbox v-model="checked" class=""
:disabled="!isUseDyCheck"
>以使用单元数量入库
</el-checkbox>
<el-checkbox v-model="editQuery.isDisable" class=""
@change="diableChange"
>是否禁用
</el-checkbox>
<el-checkbox v-model="editQuery.isAdavence" class=""
>是否寄售
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoBatch" class=""
>允许无批次号
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoExpire" class=""
>允许无失效日期
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoProduct" class=""
>允许无生产日期
</el-checkbox>
</div>
</el-col>
</el-row>
<el-divider></el-divider>
<el-collapse v-model="activeNames">
<el-collapse-item name="1">
<template slot="title">
<p class="form-title">产品标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>统一社会信用号:&nbsp;</span> <span>产品名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.tyshxydm" :disabled="true"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>注册证/备案号:&nbsp;</span> <span>最小包装单元内包含使用单元数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh" v-model="editQuery.zxxsbzbhsydysl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>上级产品编码:&nbsp;</span> <span>包含下级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.sjcpbm" v-model="editQuery.bhxjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -423,65 +440,68 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包装级别:&nbsp;</span> <span>包含最小销售包装数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容"
:disabled="true" :disabled="true"
v-model="editQuery.packLevel" splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="2">
<template slot="title">
<p class="form-title">产品基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>计量单位/包装级别:&nbsp;</span> <span>产品标识:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bzcj" v-model="editQuery.nameCode"
:disabled="true"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级包装数量:&nbsp;</span> <span>规格型号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.ggxh"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级产品编码:&nbsp;</span> <span>产品类别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small"
:disabled="true" :disabled="true"
size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhxjcpbm" v-model="editQuery.cplb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -489,14 +509,14 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含最小销售包装数量:&nbsp;</span> <span>分类编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small"
:disabled="true" :disabled="true"
size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl" v-model="editQuery.flbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -506,169 +526,201 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>最小包装单元内包含使用单元数量:&nbsp;</span> <span>器械类别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl" v-model="editQuery.qxlb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>当前版本号:&nbsp;</span> <span>注册证/备案号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 35%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.versionNumber" v-model="editQuery.zczbhhzbapzbh"
></el-input> ></el-input>
<el-button type="text" size="small" @click.native.stop="selectVersion()"
style="margin-left: 5%"
>切换版本
</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含批号:&nbsp;</span> <span>医疗器械注册人:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="ylqxzcrbarmc"
v-model="editQuery.ylqxzcrbarmc"
></el-input>
</div>
</el-col>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>注册人英文名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.scbssfbhph" v-model="editQuery.ylqxzcrbarywmc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含序列号:&nbsp;</span> <span>统一社会信用号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.tyshxydm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="3">
<template slot="title">
<p class="form-title">生产标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含生产日期:&nbsp;</span> <span>是否包含批号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.scbssfbhscrq" v-model="editQuery.scbssfbhph"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含失效日期:&nbsp;</span> <span>是否包含序列号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-divider></el-divider>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品条码:&nbsp;</span> <span>是否包含生产日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.sptm" v-model="editQuery.scbssfbhscrq"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医保编码:&nbsp;</span> <span>是否包含失效日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ybbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="4">
<template slot="title">
<p class="form-title">包装标识信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>计量单位:&nbsp;</span> <span>上级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.measname" v-model="editQuery.sjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>生产厂家:&nbsp;</span> <span>包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
v-model="editQuery.manufactory"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true"
v-model="editQuery.packLevel"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品名称:&nbsp;</span> <span>计量单位/包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.spmc" v-model="editQuery.bzcj"
:disabled="true"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -676,60 +728,49 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品描述:&nbsp;</span> <span>包含下级包装数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cpms" :disabled="true"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="5">
<template slot="title">
<p class="form-title">版本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>进口产品代理商:&nbsp;</span> <span>当前版本号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 35%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cpdls" v-model="editQuery.versionNumber"
></el-input> ></el-input>
<el-button type="text" size="small" @click.native.stop="selectVersion()"
style="margin-left: 5%"
>切换版本
</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> </el-collapse-item>
<el-col :span="24" class="el-col"> </el-collapse>
<div style="margin-top: 18px;margin-bottom: 18px">
<el-checkbox v-model="checked" class=""
:disabled="!isUseDyCheck"
>以使用单元数量入库
</el-checkbox>
<el-checkbox v-model="editQuery.isDisable" class=""
@change="diableChange"
>是否禁用
</el-checkbox>
<el-checkbox v-model="editQuery.isAdavence" class=""
>是否寄售
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoBatch" class=""
>允许无批次号
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoExpire" class=""
>允许无失效日期
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoProduct" class=""
>允许无生产日期
</el-checkbox>
</div>
</el-col>
</el-row>
</el-form> </el-form>
</el-card> </el-card>
@ -899,6 +940,7 @@ export default {
isUseDyCheck: false, isUseDyCheck: false,
lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"}, lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"},
configParms: {}, configParms: {},
activeNames: ['1']
}; };
}, },
@ -1412,4 +1454,13 @@ export default {
border-radius: 4px; border-radius: 4px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.form-title {
font-size: 16px;
font-family: Noto Sans SC;
font-weight: bold;
color: #303133;
padding-bottom: 17px;
padding-top: 17px;
}
</style> </style>

204
src/views/basic/UdiInfoManageSp.vue
Unescape Escape View File

@ -268,51 +268,57 @@
label-width="100px" label-width="100px"
style="margin-top: 20px" style="margin-top: 20px"
> >
<el-collapse v-model="activeNames">
<el-collapse-item name="1">
<template slot="title">
<p class="form-title">产品标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品名称:&nbsp;</span> <span>产品标识:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.nameCode"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品标识:&nbsp;</span> <span>最小包装单元内包含使用单元数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.nameCode" v-model="editQuery.zxxsbzbhsydysl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>规格型号:&nbsp;</span> <span>包含下级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ggxh" v-model="editQuery.bhxjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -320,107 +326,114 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>器械类别:&nbsp;</span> <span>包含最小销售包装数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.qxlb" v-model="editQuery.bhzxxsbzsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="2">
<template slot="title">
<p class="form-title">产品基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品类别:&nbsp;</span> <span>产品名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cplb" :disabled="true"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>分类编码:&nbsp;</span> <span>产品标识:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.flbm" v-model="editQuery.nameCode"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品条码:&nbsp;</span> <span>规格型号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.sptm" v-model="editQuery.ggxh"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医保编码:&nbsp;</span> <span>器械类别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ybbm" v-model="editQuery.qxlb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医疗器械注册人:&nbsp;</span> <span>产品类别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="ylqxzcrbarmc" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarmc" v-model="editQuery.cplb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>注册人英文名称:&nbsp;</span> <span>分类编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarywmc" v-model="editQuery.flbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -431,110 +444,108 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>统一社会信用号:&nbsp;</span> <span>商品条码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.tyshxydm" v-model="editQuery.sptm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>注册证/备案号:&nbsp;</span> <span>医保编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh" v-model="editQuery.ybbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>上级产品编码:&nbsp;</span> <span>医疗器械注册人:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="ylqxzcrbarmc"
v-model="editQuery.sjcpbm" v-model="editQuery.ylqxzcrbarmc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包装级别:&nbsp;</span> <span>注册人英文名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.ylqxzcrbarywmc"
v-model="editQuery.packLevel"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>计量单位/包装级别:&nbsp;</span> <span>统一社会信用号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bzcj" v-model="editQuery.tyshxydm"
:disabled="true"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级包装数量:&nbsp;</span> <span>注册证/备案号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.zczbhhzbapzbh"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级产品编码:&nbsp;</span> <span>生产厂家:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhxjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -542,43 +553,50 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含最小销售包装数量:&nbsp;</span> <span>产品描述:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl" v-model="editQuery.cpms"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="3">
<template slot="title">
<p class="form-title">生产标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>最小包装单元内包含使用单元数量:&nbsp;</span> <span>是否包含批号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl" v-model="editQuery.scbssfbhph"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>生产厂家:&nbsp;</span> <span>是否包含序列号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="!checked"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
></el-input> ></el-input>
</div> </div>
@ -588,58 +606,65 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含批号:&nbsp;</span> <span>是否包含生产日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.scbssfbhph" v-model="editQuery.scbssfbhscrq"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含序列号:&nbsp;</span> <span>是否包含失效日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="!checked"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="4">
<template slot="title">
<p class="form-title">包装标识信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含生产日期:&nbsp;</span> <span>上级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.scbssfbhscrq" v-model="editQuery.sjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含失效日期:&nbsp;</span> <span>包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true"
v-model="editQuery.packLevel"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -648,19 +673,40 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品描述:&nbsp;</span> <span>计量单位/包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cpms" v-model="editQuery.bzcj"
:disabled="true"
></el-input>
</div>
</el-col>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>包含下级包装数量:&nbsp;</span>
</div>
<el-input
style="width: 65%"
size="small"
splaceholder="请输入内容"
:disabled="true"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
</el-collapse>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col"> <el-col :span="24" class="el-col">
<div style="margin-top: 18px;margin-bottom: 18px"> <div style="margin-top: 18px;margin-bottom: 18px">
@ -846,6 +892,7 @@ export default {
isUseDyCheck: false, isUseDyCheck: false,
lockStatusMap: {"1": "未提交", "2": "已提交", "3": "已锁定"}, lockStatusMap: {"1": "未提交", "2": "已提交", "3": "已锁定"},
loading:false, loading:false,
activeNames: ['1']
}; };
}, },
@ -1304,4 +1351,13 @@ export default {
border-radius: 4px; border-radius: 4px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.form-title {
font-size: 16px;
font-family: Noto Sans SC;
font-weight: bold;
color: #303133;
padding-bottom: 17px;
padding-top: 17px;
}
</style> </style>

312
src/views/basic/basicCompanyProducts.vue
Unescape Escape View File

@ -274,65 +274,59 @@
style="margin-top: 20px" style="margin-top: 20px"
> >
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品名称:&nbsp;</span> <span>商品条码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.sptm"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品标识:&nbsp;</span> <span>医保编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.nameCode" v-model="editQuery.ybbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>规格型号:&nbsp;</span> <span>商品名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ggxh" v-model="editQuery.spmc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>器械类别:&nbsp;</span> <span>生产厂家:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
v-model="editQuery.manufactory"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.qxlb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -341,108 +335,142 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品类别:&nbsp;</span> <span>产品价格:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cplb" type='number'
step="0.01"
v-model="editQuery.price"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>分类编码:&nbsp;</span> <span>计量单位:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.flbm" v-model="editQuery.measname"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医疗器械注册人:&nbsp;</span> <span>产品描述:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="ylqxzcrbarmc" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarmc" v-model="editQuery.cpms"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>注册人英文名称:&nbsp;</span> <span>进口产品代理商:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarywmc" v-model="editQuery.cpdls"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col">
<div style="margin-top: 18px;margin-bottom: 18px">
<el-checkbox v-model="checked" :disabled="!isUseDyCheck"
>以使用单元数量入库
</el-checkbox>
<el-checkbox v-model="editQuery.isDisable" disabled
>是否禁用
</el-checkbox>
<el-checkbox v-model="editQuery.isAdavence" disabled
>是否寄售
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoBatch" class=""
disabled
>允许无批次号
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoExpire" class="" disabled
>允许无失效日期
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoProduct" class="" disabled
>允许无生产日期
</el-checkbox>
</div>
</el-col>
</el-row>
<el-divider></el-divider>
<el-collapse v-model="activeNames">
<el-collapse-item name="1">
<template slot="title">
<p class="form-title">产品标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>统一社会信用号:&nbsp;</span> <span>产品标识:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.tyshxydm" v-model="editQuery.nameCode"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>注册证/备案号:&nbsp;</span> <span>最小包装单元内包含使用单元数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="!checked"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh" v-model="editQuery.zxxsbzbhsydysl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>上级产品编码:&nbsp;</span> <span>包含下级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
:disabled="true"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.sjcpbm" v-model="editQuery.bhxjcpbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -450,32 +478,36 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包装级别:&nbsp;</span> <span>包含最小销售包装数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容"
:disabled="true" :disabled="true"
v-model="editQuery.packLevel" splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="2">
<template slot="title">
<p class="form-title">产品基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>计量单位/包装级别:&nbsp;</span> <span>产品名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bzcj"
:disabled="true" :disabled="true"
v-model="editQuery.cpmctymc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -483,47 +515,45 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级包装数量:&nbsp;</span> <span>规格型号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.ggxh"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含下级产品编码:&nbsp;</span> <span>产品类别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small"
:disabled="true" :disabled="true"
size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhxjcpbm" v-model="editQuery.cplb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>包含最小销售包装数量:&nbsp;</span> <span>分类编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small"
:disabled="true" :disabled="true"
size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl" v-model="editQuery.flbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
@ -533,240 +563,246 @@
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>最小包装单元内包含使用单元数量:&nbsp;</span> <span>医疗器械注册人:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="!checked" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="ylqxzcrbarmc"
v-model="editQuery.zxxsbzbhsydysl" v-model="editQuery.ylqxzcrbarmc"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>当前版本号:&nbsp;</span> <span>注册人英文名称:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 35%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.versionNumber" v-model="editQuery.ylqxzcrbarywmc"
></el-input> ></el-input>
<el-button type="text" size="small" @click.native.stop="selectVersion()"
style="margin-left: 5%"
>切换版本
</el-button>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含批号:&nbsp;</span> <span>统一社会信用号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.scbssfbhph" v-model="editQuery.tyshxydm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含序列号:&nbsp;</span> <span>注册证/备案号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>是否包含生产日期:&nbsp;</span> <span>器械类别:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.scbssfbhscrq"
></el-input>
</div>
</el-col>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>是否包含失效日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true" :disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.qxlb"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-divider></el-divider> </el-collapse-item>
<el-row :gutter="20" class="el-row" type="flex">
<el-collapse-item name="3">
<template slot="title">
<p class="form-title">生产标识基本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品条码:&nbsp;</span> <span>是否包含批号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.sptm" v-model="editQuery.scbssfbhph"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>医保编码:&nbsp;</span> <span>是否包含序列号:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.ybbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>商品名称:&nbsp;</span> <span>是否包含生产日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.spmc" v-model="editQuery.scbssfbhscrq"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>生产厂家:&nbsp;</span> <span>是否包含失效日期:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small" size="small"
v-model="editQuery.manufactory"
splaceholder="请输入内容" splaceholder="请输入内容"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="4">
<template slot="title">
<p class="form-title">包装标识信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品价格:&nbsp;</span> <span>上级产品编码:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
:disabled="true"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
type='number' v-model="editQuery.sjcpbm"
step="0.01"
v-model="editQuery.price"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>计量单位:&nbsp;</span> <span>包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.measname" :disabled="true"
v-model="editQuery.packLevel"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>产品描述:&nbsp;</span> <span>计量单位/包装级别:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cpms" v-model="editQuery.bzcj"
:disabled="true"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
<span>进口产品代理商:&nbsp;</span> <span>包含下级包装数量:&nbsp;</span>
</div> </div>
<el-input <el-input
style="width: 65%" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.cpdls" :disabled="true"
v-model="editQuery.bhxjsl"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
<el-collapse-item name="5">
<template slot="title">
<p class="form-title">版本信息</p>
</template>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex">
<el-col :span="24" class="el-col"> <el-col :span="12" class="el-col">
<div style="margin-top: 18px;margin-bottom: 18px"> <div class="text item">
<el-checkbox v-model="checked" :disabled="!isUseDyCheck" <div class="itemTag">
>以使用单元数量入库 <span>当前版本号:&nbsp;</span>
</el-checkbox> </div>
<el-checkbox v-model="editQuery.isDisable" disabled <el-input
>是否禁用 style="width: 35%"
</el-checkbox> :disabled="true"
<el-checkbox v-model="editQuery.isAdavence" disabled size="small"
>是否寄售 splaceholder="请输入内容"
</el-checkbox> v-model="editQuery.versionNumber"
<el-checkbox v-model="editQuery.allowNoBatch" class="" ></el-input>
disabled <el-button type="text" size="small" @click.native.stop="selectVersion()"
>允许无批次号 style="margin-left: 5%"
</el-checkbox> >切换版本
<el-checkbox v-model="editQuery.allowNoExpire" class="" disabled </el-button>
>允许无失效日期
</el-checkbox>
<el-checkbox v-model="editQuery.allowNoProduct" class="" disabled
>允许无生产日期
</el-checkbox>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-collapse-item>
</el-collapse>
</el-form> </el-form>
</el-card> </el-card>
<div style="text-align: center;margin-top: 12px"> <div style="text-align: center;margin-top: 12px">
@ -1523,6 +1559,7 @@ export default {
lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"}, lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"},
isUseDyCheck: false, isUseDyCheck: false,
loading: false, loading: false,
activeNames: ['1']
}; };
}, },
@ -2069,4 +2106,13 @@ export default {
border-radius: 4px; border-radius: 4px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.form-title {
font-size: 16px;
font-family: Noto Sans SC;
font-weight: bold;
color: #303133;
padding-bottom: 17px;
padding-top: 17px;
}
</style> </style>

12
src/views/thrsys/ThrProductsDetail.vue
Unescape Escape View File

@ -34,7 +34,7 @@
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -66,7 +66,7 @@
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -98,7 +98,7 @@
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -129,7 +129,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
<div class="itemTag"> <div class="itemTag">
@ -160,7 +160,7 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">
@ -191,7 +191,7 @@
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-row :gutter="20" class="el-row" type="flex" style="margin-top: 10px;">
<el-col :span="12" class="el-col"> <el-col :span="12" class="el-col">
<div class="text item"> <div class="text item">

Write Preview
Loading…
Cancel
Save