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

1.调整产品信息展示样式

Browse Source
purchase
x_z 3 years ago
parent 91c4bb8da9
commit 451778589f
3 changed files with 1292 additions and 1137 deletions
Show Stats Download Patch File Download Diff File

833
src/views/basic/SelectDIDetailDialog.vue
Unescape Escape View File

@ -10,396 +10,436 @@
label-width="100px" label-width="100px"
style="margin-top: 20px" style="margin-top: 20px"
> >
<el-row :gutter="20" class="el-row" type="flex"> <el-collapse v-model="activeNames">
<el-col :span="12" class="el-col"> <el-collapse-item name="1">
<div class="text item"> <template slot="title">
<div class="itemTag"> <p class="form-title">产品标识基本信息</p>
<span>产品名称:&nbsp;</span> </template>
</div> <el-row :gutter="20" class="el-row" type="flex">
<el-input
style="width: 65%" <el-col :span="12" class="el-col">
size="small" <div class="text item">
splaceholder="请输入内容" <div class="itemTag">
:disabled="true" <span>产品标识:&nbsp;</span>
v-model="editQuery.cpmctymc" </div>
></el-input> <el-input
</div> style="width: 65%"
</el-col> :disabled="true"
<el-col :span="12" class="el-col"> size="small"
<div class="text item"> splaceholder="请输入内容"
<div class="itemTag"> v-model="editQuery.nameCode"
<span>产品标识:&nbsp;</span> ></el-input>
</div> </div>
<el-input </el-col>
style="width: 65%"
:disabled="true" <el-col :span="12" class="el-col">
size="small" <div class="text item">
splaceholder="请输入内容" <div class="itemTag">
v-model="editQuery.nameCode" <span>最小包装单元内包含使用单元数量:&nbsp;</span>
></el-input> </div>
</div> <el-input
</el-col> style="width: 65%"
:disabled="true"
size="small"
</el-row> splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl"
<el-row :gutter="20" class="el-row" type="flex"> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag"> </el-row>
<span>规格型号:&nbsp;</span>
</div> <el-row :gutter="20" class="el-row" type="flex">
<el-input <el-col :span="12" class="el-col">
style="width: 65%" <div class="text item">
:disabled="true" <div class="itemTag">
size="small" <span>包含下级产品编码:&nbsp;</span>
splaceholder="请输入内容" </div>
v-model="editQuery.ggxh"
></el-input> <el-input
</div> style="width: 65%"
</el-col> size="small"
:disabled="true"
<el-col :span="12" class="el-col"> splaceholder="请输入内容"
<div class="text item"> v-model="editQuery.bhxjcpbm"
<div class="itemTag">
<span>器械类别:&nbsp;</span> ></el-input>
</div> </div>
<el-input </el-col>
style="width: 65%"
:disabled="true" <el-col :span="12" class="el-col">
size="small" <div class="text item">
splaceholder="请输入内容" <div class="itemTag">
v-model="editQuery.qxlb" <span>包含最小销售包装数量:&nbsp;</span>
></el-input> </div>
</div> <el-input
</el-col> style="width: 65%"
</el-row> size="small"
<el-row :gutter="20" class="el-row" type="flex"> :disabled="true"
<el-col :span="12" class="el-col"> splaceholder="请输入内容"
<div class="text item"> v-model="editQuery.bhzxxsbzsl"
<div class="itemTag"> ></el-input>
<span>产品类别:&nbsp;</span> </div>
</div> </el-col>
<el-input </el-row>
style="width: 65%"
:disabled="true" </el-collapse-item>
size="small"
splaceholder="请输入内容" <el-collapse-item name="2">
v-model="editQuery.cplb" <template slot="title">
></el-input> <p class="form-title">产品基本信息</p>
</div> </template>
</el-col>
<el-col :span="12" class="el-col"> <el-row :gutter="20" class="el-row" type="flex">
<div class="text item"> <el-col :span="12" class="el-col">
<div class="itemTag"> <div class="text item">
<span>分类编码:&nbsp;</span> <div class="itemTag">
</div> <span>产品名称:&nbsp;</span>
<el-input </div>
style="width: 65%" <el-input
:disabled="true" style="width: 65%"
size="small" size="small"
splaceholder="请输入内容" splaceholder="请输入内容"
v-model="editQuery.flbm" :disabled="true"
></el-input> v-model="editQuery.cpmctymc"
</div> ></el-input>
</el-col> </div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex"> <el-col :span="12" class="el-col">
<div class="text item">
<el-col :span="12" class="el-col"> <div class="itemTag">
<div class="text item"> <span>规格型号:&nbsp;</span>
<div class="itemTag"> </div>
<span>商品条码:&nbsp;</span> <el-input
</div> style="width: 65%"
<el-input :disabled="true"
style="width: 65%" size="small"
size="small" :disabled="true" splaceholder="请输入内容"
splaceholder="请输入内容" v-model="editQuery.ggxh"
v-model="editQuery.sptm" ></el-input>
></el-input> </div>
</div> </el-col>
</el-col> </el-row>
<el-col :span="12" class="el-col">
<div class="text item"> <el-row :gutter="20" class="el-row" type="flex">
<div class="itemTag"> <el-col :span="12" class="el-col">
<span>医保编码:&nbsp;</span> <div class="text item">
</div> <div class="itemTag">
<el-input <span>产品类别:&nbsp;</span>
style="width: 65%" :disabled="true" </div>
size="small" <el-input
splaceholder="请输入内容" style="width: 65%"
v-model="editQuery.ybbm" :disabled="true"
></el-input> size="small"
</div> splaceholder="请输入内容"
</el-col> v-model="editQuery.cplb"
</el-row> ></el-input>
<el-row :gutter="20" class="el-row" type="flex"> </div>
</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="ylqxzcrbarmc" splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarmc" v-model="editQuery.flbm"
></el-input> ></el-input>
</div> </div>
</el-col> </el-col>
<el-col :span="12" class="el-col">
<div class="text item"> </el-row>
<div class="itemTag">
<span>注册人英文名称:&nbsp;</span> <el-row :gutter="20" class="el-row" type="flex">
</div>
<el-input <el-col :span="12" class="el-col">
style="width: 65%" <div class="text item">
:disabled="true" <div class="itemTag">
size="small" <span>医疗器械注册人:&nbsp;</span>
splaceholder="请输入内容" </div>
v-model="editQuery.ylqxzcrbarywmc" <el-input
></el-input> style="width: 65%"
</div> :disabled="true"
</el-col> size="small"
splaceholder="ylqxzcrbarmc"
</el-row> v-model="editQuery.ylqxzcrbarmc"
<el-row :gutter="20" class="el-row" type="flex"> ></el-input>
</div>
<el-col :span="12" class="el-col"> </el-col>
<div class="text item"> <el-col :span="12" class="el-col">
<div class="itemTag"> <div class="text item">
<span>统一社会信用号:&nbsp;</span> <div class="itemTag">
</div> <span>注册人英文名称:&nbsp;</span>
<el-input </div>
style="width: 65%" <el-input
:disabled="true" style="width: 65%"
size="small" :disabled="true"
splaceholder="请输入内容" size="small"
v-model="editQuery.tyshxydm" splaceholder="请输入内容"
></el-input> v-model="editQuery.ylqxzcrbarywmc"
</div> ></el-input>
</el-col> </div>
<el-col :span="12" class="el-col"> </el-col>
<div class="text item">
<div class="itemTag"> </el-row>
<span>注册证/备案号:&nbsp;</span>
</div> <el-row :gutter="20" class="el-row" type="flex">
<el-input
style="width: 65%" <el-col :span="12" class="el-col">
:disabled="true" <div class="text item">
size="small" <div class="itemTag">
splaceholder="请输入内容" <span>器械类别:&nbsp;</span>
v-model="editQuery.zczbhhzbapzbh" </div>
></el-input> <el-input
</div> style="width: 65%"
</el-col> :disabled="true"
</el-row> size="small"
<el-row :gutter="20" class="el-row" type="flex"> splaceholder="请输入内容"
<el-col :span="12" class="el-col"> v-model="editQuery.qxlb"
<div class="text item"> ></el-input>
<div class="itemTag"> </div>
<span>上级产品编码:&nbsp;</span> </el-col>
</div>
<el-input <el-col :span="12" class="el-col">
style="width: 65%" <div class="text item">
:disabled="true" <div class="itemTag">
size="small" <span>生产厂家:&nbsp;</span>
splaceholder="请输入内容" </div>
v-model="editQuery.sjcpbm" <el-input
></el-input> style="width: 65%"
</div> :disabled="true"
</el-col> size="small"
splaceholder="请输入内容"
<el-col :span="12" class="el-col"> ></el-input>
<div class="text item"> </div>
<div class="itemTag"> </el-col>
<span>包装级别:&nbsp;</span> </el-row>
</div>
<el-input <el-row :gutter="20" class="el-row" type="flex">
style="width: 65%"
size="small" <el-col :span="12" class="el-col">
splaceholder="请输入内容" <div class="text item">
:disabled="true" <div class="itemTag">
v-model="editQuery.packLevel" <span>商品条码:&nbsp;</span>
></el-input> </div>
</div> <el-input
</el-col> style="width: 65%"
</el-row> size="small" :disabled="true"
<el-row :gutter="20" class="el-row" type="flex"> splaceholder="请输入内容"
<el-col :span="12" class="el-col"> v-model="editQuery.sptm"
<div class="text item"> ></el-input>
<div class="itemTag"> </div>
<span>计量单位/包装级别:&nbsp;</span> </el-col>
</div> <el-col :span="12" class="el-col">
<div class="text item">
<el-input <div class="itemTag">
style="width: 65%" <span>医保编码:&nbsp;</span>
size="small" </div>
splaceholder="请输入内容" <el-input
v-model="editQuery.bzcj" style="width: 65%" :disabled="true"
:disabled="true" size="small"
splaceholder="请输入内容"
></el-input> v-model="editQuery.ybbm"
</div> ></el-input>
</el-col> </div>
</el-col>
<el-col :span="12" class="el-col"> </el-row>
<div class="text item">
<div class="itemTag"> <el-row :gutter="20" class="el-row" type="flex">
<span>包含下级包装数量:&nbsp;</span> <el-col :span="12" class="el-col">
</div> <div class="text item">
<el-input <div class="itemTag">
style="width: 65%" <span>统一社会信用号:&nbsp;</span>
size="small" </div>
splaceholder="请输入内容" <el-input
:disabled="true" style="width: 65%"
v-model="editQuery.bhxjsl" :disabled="true"
></el-input> size="small"
</div> splaceholder="请输入内容"
</el-col> v-model="editQuery.tyshxydm"
</el-row> ></el-input>
<el-row :gutter="20" class="el-row" type="flex"> </div>
<el-col :span="12" class="el-col"> </el-col>
<div class="text item"> <el-col :span="12" class="el-col">
<div class="itemTag"> <div class="text item">
<span>包含下级产品编码:&nbsp;</span> <div class="itemTag">
</div> <span>注册证/备案号:&nbsp;</span>
</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.zczbhhzbapzbh"
></el-input>
></el-input> </div>
</div> </el-col>
</el-col> </el-row>
<el-col :span="12" class="el-col"> <el-row :gutter="20" class="el-row" type="flex">
<div class="text item"> <el-col :span="12" class="el-col">
<div class="itemTag"> <div class="text item">
<span>包含最小销售包装数量:&nbsp;</span> <div class="itemTag">
</div> <span>产品描述:&nbsp;</span>
<el-input </div>
style="width: 65%" <el-input
size="small" style="width: 65%"
:disabled="true" :disabled="!checked"
splaceholder="请输入内容" size="small"
v-model="editQuery.bhzxxsbzsl" splaceholder="请输入内容"
></el-input> v-model="editQuery.cpms"
</div> ></el-input>
</el-col> </div>
</el-row> </el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex"> </el-collapse-item>
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag"> <el-collapse-item name="3">
<span>最小包装单元内包含使用单元数量:&nbsp;</span> <template slot="title">
</div> <p class="form-title">生产标识基本信息</p>
<el-input </template>
style="width: 65%"
:disabled="true" <el-row :gutter="20" class="el-row" type="flex">
size="small" <el-col :span="12" class="el-col">
splaceholder="请输入内容" <div class="text item">
v-model="editQuery.zxxsbzbhsydysl" <div class="itemTag">
></el-input> <span>是否包含批号:&nbsp;</span>
</div> </div>
</el-col> <el-input
<el-col :span="12" class="el-col"> style="width: 65%"
<div class="text item"> :disabled="true"
<div class="itemTag"> size="small"
<span>生产厂家:&nbsp;</span> splaceholder="请输入内容"
</div> v-model="editQuery.scbssfbhph"
<el-input ></el-input>
style="width: 65%" </div>
:disabled="true" </el-col>
size="small" <el-col :span="12" class="el-col">
splaceholder="请输入内容" <div class="text item">
></el-input> <div class="itemTag">
</div> <span>是否包含序列号:&nbsp;</span>
</el-col> </div>
</el-row> <el-input
<el-row :gutter="20" class="el-row" type="flex"> style="width: 65%"
<el-col :span="12" class="el-col"> :disabled="true"
<div class="text item"> size="small"
<div class="itemTag"> v-model="editQuery.scbssfbhxlh"
<span>是否包含批号:&nbsp;</span> splaceholder="请输入内容"
</div> ></el-input>
<el-input </div>
style="width: 65%" </el-col>
:disabled="true" </el-row>
size="small" <el-row :gutter="20" class="el-row" type="flex">
splaceholder="请输入内容" <el-col :span="12" class="el-col">
v-model="editQuery.scbssfbhph" <div class="text item">
></el-input> <div class="itemTag">
</div> <span>是否包含生产日期:&nbsp;</span>
</el-col> </div>
<el-col :span="12" class="el-col"> <el-input
<div class="text item"> style="width: 65%"
<div class="itemTag"> :disabled="true"
<span>是否包含序列号:&nbsp;</span> size="small"
</div> splaceholder="请输入内容"
<el-input v-model="editQuery.scbssfbhscrq"
style="width: 65%" ></el-input>
:disabled="true" </div>
size="small" </el-col>
v-model="editQuery.scbssfbhxlh" <el-col :span="12" class="el-col">
splaceholder="请输入内容" <div class="text item">
></el-input> <div class="itemTag">
</div> <span>是否包含失效日期:&nbsp;</span>
</el-col> </div>
</el-row> <el-input
<el-row :gutter="20" class="el-row" type="flex"> style="width: 65%"
<el-col :span="12" class="el-col"> :disabled="true"
<div class="text item"> v-model="editQuery.scbssfbhsxrq"
<div class="itemTag"> size="small"
<span>是否包含生产日期:&nbsp;</span> splaceholder="请输入内容"
</div> ></el-input>
<el-input </div>
style="width: 65%" </el-col>
:disabled="true" </el-row>
size="small"
splaceholder="请输入内容"
v-model="editQuery.scbssfbhscrq" </el-collapse-item>
></el-input>
</div> <el-collapse-item name="4">
</el-col> <template slot="title">
<el-col :span="12" class="el-col"> <p class="form-title">包装标识信息</p>
<div class="text item"> </template>
<div class="itemTag">
<span>是否包含失效日期:&nbsp;</span> <el-row :gutter="20" class="el-row" type="flex">
</div> <el-col :span="12" class="el-col">
<el-input <div class="text item">
style="width: 65%" <div class="itemTag">
:disabled="true" <span>上级产品编码:&nbsp;</span>
v-model="editQuery.scbssfbhsxrq" </div>
size="small" <el-input
splaceholder="请输入内容" style="width: 65%"
></el-input> :disabled="true"
</div> size="small"
</el-col> splaceholder="请输入内容"
</el-row> v-model="editQuery.sjcpbm"
<el-row :gutter="20" class="el-row" type="flex"> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag">
<span>产品描述:&nbsp;</span> <el-col :span="12" class="el-col">
</div> <div class="text item">
<el-input <div class="itemTag">
style="width: 65%" <span>包装级别:&nbsp;</span>
:disabled="!checked" </div>
size="small" <el-input
splaceholder="请输入内容" style="width: 65%"
v-model="editQuery.cpms" size="small"
></el-input> splaceholder="请输入内容"
</div> :disabled="true"
</el-col> v-model="editQuery.packLevel"
</el-row> ></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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="请输入内容"
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>
</div>
</el-col>
</el-row>
</el-collapse-item>
</el-collapse>
</el-form> </el-form>
</el-card> </el-card>
@ -417,7 +457,9 @@ export default {
}, },
}, },
data() { data() {
return {} return {
activeNames: ['1']
}
}, },
methods: {}, methods: {},
@ -428,4 +470,13 @@ export default {
<style scoped> <style scoped>
.form-title {
font-size: 16px;
font-family: Noto Sans SC;
font-weight: bold;
color: #303133;
padding-bottom: 17px;
padding-top: 17px;
}
</style> </style>

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

@ -271,358 +271,6 @@
label-width="100px" label-width="100px"
style="margin-top: 20px; " style="margin-top: 20px; "
> >
<el-row :gutter="20" class="el-row" type="flex">
<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.cpmctymc"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.nameCode"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>规格型号:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.ggxh"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.qxlb"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>产品类别:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.cplb"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.flbm"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<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>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarywmc"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>统一社会信用号:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.tyshxydm"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>上级产品编码:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.sjcpbm"
></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.packLevel"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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="请输入内容"
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>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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"
:disabled="true"
splaceholder="请输入内容"
v-model="editQuery.bhxjcpbm"
></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"
:disabled="true"
splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>最小包装单元内包含使用单元数量:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="!checked"
size="small"
splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl"
></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: 35%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.versionNumber"
></el-input>
<el-button type="text" size="small" @click.native.stop="selectVersion()"
style="margin-left: 5%"
>切换版本
</el-button>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>是否包含批号:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.scbssfbhph"
></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%"
:disabled="true"
size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<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>
<el-input
style="width: 65%"
:disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small"
splaceholder="请输入内容"
></el-input>
</div>
</el-col>
</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">
@ -755,6 +403,399 @@
</div> </div>
</el-col> </el-col>
</el-row> </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">
<div class="text item">
<div class="itemTag">
<span>产品名称:&nbsp;</span>
</div>
<el-input
style="width: 65%"
size="small"
splaceholder="请输入内容"
:disabled="true"
v-model="editQuery.cpmctymc"
></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%"
:disabled="!checked"
size="small"
splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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"
:disabled="true"
splaceholder="请输入内容"
v-model="editQuery.bhxjcpbm"
></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"
:disabled="true"
splaceholder="请输入内容"
v-model="editQuery.bhzxxsbzsl"
></el-input>
</div>
</el-col>
</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-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>产品标识:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.nameCode"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.ggxh"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>产品类别:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.cplb"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.flbm"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>器械类别:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.qxlb"
></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%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.zczbhhzbapzbh"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<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>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.ylqxzcrbarywmc"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>统一社会信用号:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.tyshxydm"
></el-input>
</div>
</el-col>
</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-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>是否包含批号:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.scbssfbhph"
></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%"
:disabled="true"
size="small"
v-model="editQuery.scbssfbhxlh"
splaceholder="请输入内容"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<el-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<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>
<el-input
style="width: 65%"
:disabled="true"
v-model="editQuery.scbssfbhsxrq"
size="small"
splaceholder="请输入内容"
></el-input>
</div>
</el-col>
</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-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>上级产品编码:&nbsp;</span>
</div>
<el-input
style="width: 65%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.sjcpbm"
></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.packLevel"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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="请输入内容"
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>
</div>
</el-col>
</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-col :span="12" class="el-col">
<div class="text item">
<div class="itemTag">
<span>当前版本号:&nbsp;</span>
</div>
<el-input
style="width: 35%"
:disabled="true"
size="small"
splaceholder="请输入内容"
v-model="editQuery.versionNumber"
></el-input>
<el-button type="text" size="small" @click.native.stop="selectVersion()"
style="margin-left: 5%"
>切换版本
</el-button>
</div>
</el-col>
</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">
@ -920,6 +961,7 @@ export default {
selectLocalVisible: false, //关联UDI selectLocalVisible: false, //关联UDI
isUseDyCheck: false, isUseDyCheck: false,
lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"}, lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"},
activeNames: ['1']
}; };
}, },
@ -1431,4 +1473,12 @@ export default {
white-space: pre-wrap; white-space: pre-wrap;
} }
.form-title {
font-size: 16px;
font-family: Noto Sans SC;
font-weight: bold;
color: #303133;
padding-bottom: 17px;
padding-top: 17px;
}
</style> </style>

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

@ -240,398 +240,444 @@
label-width="100px" label-width="100px"
style="margin-top: 20px" style="margin-top: 20px"
> >
<el-row :gutter="20" class="el-row" type="flex"> <el-collapse v-model="activeNames">
<el-col :span="12" class="el-col"> <el-collapse-item name="1">
<div class="text item"> <template slot="title">
<div class="itemTag"> <p class="form-title">产品标识基本信息</p>
<span>产品名称:&nbsp;</span> </template>
</div> <el-row :gutter="20" class="el-row" type="flex">
<el-input <el-col :span="12" class="el-col">
style="width: 65%" <div class="text item">
size="small" <div class="itemTag">
splaceholder="请输入内容" <span>产品标识:&nbsp;</span>
:disabled="true" </div>
v-model="editQuery.cpmctymc" <el-input
></el-input> style="width: 65%"
</div> :disabled="true"
</el-col> size="small"
<el-col :span="12" class="el-col"> splaceholder="请输入内容"
<div class="text item"> v-model="editQuery.nameCode"
<div class="itemTag"> ></el-input>
<span>产品标识:&nbsp;</span> </div>
</div> </el-col>
<el-input
style="width: 65%" <el-col :span="12" class="el-col">
:disabled="true" <div class="text item">
size="small" <div class="itemTag">
splaceholder="请输入内容" <span>最小包装单元内包含使用单元数量:&nbsp;</span>
v-model="editQuery.nameCode" </div>
></el-input> <el-input
</div> style="width: 65%"
</el-col> :disabled="!checked"
size="small"
splaceholder="请输入内容"
</el-row> v-model="editQuery.zxxsbzbhsydysl"
></el-input>
<el-row :gutter="20" class="el-row" type="flex"> </div>
<el-col :span="12" class="el-col"> </el-col>
<div class="text item"> </el-row>
<div class="itemTag">
<span>规格型号:&nbsp;</span> <el-row :gutter="20" class="el-row" type="flex">
</div> <el-col :span="12" class="el-col">
<el-input <div class="text item">
style="width: 65%" <div class="itemTag">
:disabled="true" <span>包含下级产品编码:&nbsp;</span>
size="small" </div>
splaceholder="请输入内容"
v-model="editQuery.ggxh" <el-input
></el-input> style="width: 65%"
</div> size="small"
</el-col> :disabled="true"
splaceholder="请输入内容"
<el-col :span="12" class="el-col"> v-model="editQuery.bhxjcpbm"
<div class="text item">
<div class="itemTag"> ></el-input>
<span>器械类别:&nbsp;</span> </div>
</div> </el-col>
<el-input
style="width: 65%" <el-col :span="12" class="el-col">
:disabled="true" <div class="text item">
size="small" <div class="itemTag">
splaceholder="请输入内容" <span>包含最小销售包装数量:&nbsp;</span>
v-model="editQuery.qxlb" </div>
></el-input> <el-input
</div> style="width: 65%"
</el-col> size="small"
</el-row> :disabled="true"
<el-row :gutter="20" class="el-row" type="flex"> splaceholder="请输入内容"
<el-col :span="12" class="el-col"> v-model="editQuery.bhzxxsbzsl"
<div class="text item"> ></el-input>
<div class="itemTag"> </div>
<span>产品类别:&nbsp;</span> </el-col>
</div> </el-row>
<el-input </el-collapse-item>
style="width: 65%"
:disabled="true" <el-collapse-item name="2">
size="small" <template slot="title">
splaceholder="请输入内容" <p class="form-title">产品基本信息</p>
v-model="editQuery.cplb" </template>
></el-input> <el-row :gutter="20" class="el-row" type="flex">
</div> <el-col :span="12" class="el-col">
</el-col> <div class="text item">
<el-col :span="12" class="el-col"> <div class="itemTag">
<div class="text item"> <span>产品名称:&nbsp;</span>
<div class="itemTag"> </div>
<span>分类编码:&nbsp;</span> <el-input
</div> style="width: 65%"
<el-input size="small"
style="width: 65%" splaceholder="请输入内容"
:disabled="true" :disabled="true"
size="small" v-model="editQuery.cpmctymc"
splaceholder="请输入内容" ></el-input>
v-model="editQuery.flbm" </div>
></el-input> </el-col>
</div> <el-col :span="12" class="el-col">
</el-col> <div class="text item">
<div class="itemTag">
</el-row> <span>产品标识:&nbsp;</span>
<el-row :gutter="20" class="el-row" type="flex"> </div>
<el-input
<el-col :span="12" class="el-col"> style="width: 65%"
<div class="text item"> :disabled="true"
<div class="itemTag"> size="small"
<span>商品条码:&nbsp;</span> splaceholder="请输入内容"
</div> v-model="editQuery.nameCode"
<el-input ></el-input>
style="width: 65%" </div>
:disabled="true" </el-col>
size="small"
splaceholder="请输入内容"
v-model="editQuery.sptm" </el-row>
></el-input>
</div> <el-row :gutter="20" class="el-row" type="flex">
</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.ggxh"
v-model="editQuery.ybbm" ></el-input>
></el-input> </div>
</div> </el-col>
</el-col>
</el-row> <el-col :span="12" class="el-col">
<el-row :gutter="20" class="el-row" type="flex"> <div class="text item">
<div class="itemTag">
<el-col :span="12" class="el-col"> <span>器械类别:&nbsp;</span>
<div class="text item"> </div>
<div class="itemTag"> <el-input
<span>医疗器械注册人:&nbsp;</span> style="width: 65%"
</div> :disabled="true"
<el-input size="small"
style="width: 65%" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.qxlb"
size="small" ></el-input>
splaceholder="ylqxzcrbarmc" </div>
v-model="editQuery.ylqxzcrbarmc" </el-col>
></el-input> </el-row>
</div> <el-row :gutter="20" class="el-row" type="flex">
</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.cplb"
v-model="editQuery.ylqxzcrbarywmc" ></el-input>
></el-input> </div>
</div> </el-col>
</el-col> <el-col :span="12" class="el-col">
<div class="text item">
</el-row> <div class="itemTag">
<el-row :gutter="20" class="el-row" type="flex"> <span>分类编码:&nbsp;</span>
</div>
<el-col :span="12" class="el-col"> <el-input
<div class="text item"> style="width: 65%"
<div class="itemTag"> :disabled="true"
<span>统一社会信用号:&nbsp;</span> size="small"
</div> splaceholder="请输入内容"
<el-input v-model="editQuery.flbm"
style="width: 65%" ></el-input>
:disabled="true" </div>
size="small" </el-col>
splaceholder="请输入内容"
v-model="editQuery.tyshxydm" </el-row>
></el-input> <el-row :gutter="20" class="el-row" type="flex">
</div>
</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.sptm"
v-model="editQuery.zczbhhzbapzbh" ></el-input>
></el-input> </div>
</div> </el-col>
</el-col> <el-col :span="12" class="el-col">
</el-row> <div class="text item">
<el-row :gutter="20" class="el-row" type="flex"> <div class="itemTag">
<el-col :span="12" class="el-col"> <span>医保编码:&nbsp;</span>
<div class="text item"> </div>
<div class="itemTag"> <el-input
<span>上级产品编码:&nbsp;</span> style="width: 65%"
</div> :disabled="true"
<el-input size="small"
style="width: 65%" splaceholder="请输入内容"
:disabled="true" v-model="editQuery.ybbm"
size="small" ></el-input>
splaceholder="请输入内容" </div>
v-model="editQuery.sjcpbm" </el-col>
></el-input> </el-row>
</div> <el-row :gutter="20" class="el-row" type="flex">
</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="ylqxzcrbarmc"
:disabled="true" v-model="editQuery.ylqxzcrbarmc"
v-model="editQuery.packLevel" ></el-input>
></el-input> </div>
</div> </el-col>
</el-col> <el-col :span="12" class="el-col">
</el-row> <div class="text item">
<el-row :gutter="20" class="el-row" type="flex"> <div class="itemTag">
<el-col :span="12" class="el-col"> <span>注册人英文名称:&nbsp;</span>
<div class="text item"> </div>
<div class="itemTag"> <el-input
<span>计量单位/包装级别:&nbsp;</span> style="width: 65%"
</div> :disabled="true"
size="small"
<el-input splaceholder="请输入内容"
style="width: 65%" v-model="editQuery.ylqxzcrbarywmc"
size="small" ></el-input>
splaceholder="请输入内容" </div>
v-model="editQuery.bzcj" </el-col>
:disabled="true"
</el-row>
></el-input> <el-row :gutter="20" class="el-row" type="flex">
</div>
</el-col> <el-col :span="12" class="el-col">
<div class="text item">
<el-col :span="12" class="el-col"> <div class="itemTag">
<div class="text item"> <span>统一社会信用号:&nbsp;</span>
<div class="itemTag"> </div>
<span>包含下级包装数量:&nbsp;</span> <el-input
</div> style="width: 65%"
<el-input :disabled="true"
style="width: 65%" size="small"
size="small" splaceholder="请输入内容"
splaceholder="请输入内容" v-model="editQuery.tyshxydm"
:disabled="true" ></el-input>
v-model="editQuery.bhxjsl" </div>
></el-input> </el-col>
</div> <el-col :span="12" class="el-col">
</el-col> <div class="text item">
</el-row> <div class="itemTag">
<el-row :gutter="20" class="el-row" type="flex"> <span>注册证/备案号:&nbsp;</span>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> <el-input
<div class="itemTag"> style="width: 65%"
<span>包含下级产品编码:&nbsp;</span> :disabled="true"
</div> size="small"
splaceholder="请输入内容"
<el-input v-model="editQuery.zczbhhzbapzbh"
style="width: 65%" ></el-input>
size="small" </div>
:disabled="true" </el-col>
splaceholder="请输入内容" </el-row>
v-model="editQuery.bhxjcpbm"
<el-row :gutter="20" class="el-row" type="flex">
></el-input>
</div> <el-col :span="12" class="el-col">
</el-col> <div class="text item">
<div class="itemTag">
<el-col :span="12" class="el-col"> <span>生产厂家:&nbsp;</span>
<div class="text item"> </div>
<div class="itemTag"> <el-input
<span>包含最小销售包装数量:&nbsp;</span> style="width: 65%"
</div> :disabled="!checked"
<el-input size="small"
style="width: 65%" splaceholder="请输入内容"
size="small" ></el-input>
:disabled="true" </div>
splaceholder="请输入内容" </el-col>
v-model="editQuery.bhzxxsbzsl"
></el-input> <el-col :span="12" class="el-col">
</div> <div class="text item">
</el-col> <div class="itemTag">
</el-row> <span>产品描述:&nbsp;</span>
</div>
<el-row :gutter="20" class="el-row" type="flex"> <el-input
<el-col :span="12" class="el-col"> style="width: 65%"
<div class="text item"> :disabled="!checked"
<div class="itemTag"> size="small"
<span>最小包装单元内包含使用单元数量:&nbsp;</span> splaceholder="请输入内容"
</div> v-model="editQuery.cpms"
<el-input ></el-input>
style="width: 65%" </div>
:disabled="!checked" </el-col>
size="small" </el-row>
splaceholder="请输入内容"
v-model="editQuery.zxxsbzbhsydysl" </el-collapse-item>
></el-input>
</div> <el-collapse-item name="3">
</el-col> <template slot="title">
<el-col :span="12" class="el-col"> <p class="form-title">生产标识基本信息</p>
<div class="text item"> </template>
<div class="itemTag"> <el-row :gutter="20" class="el-row" type="flex">
<span>生产厂家:&nbsp;</span> <el-col :span="12" class="el-col">
</div> <div class="text item">
<el-input <div class="itemTag">
style="width: 65%" <span>是否包含批号:&nbsp;</span>
:disabled="!checked" </div>
size="small" <el-input
splaceholder="请输入内容" style="width: 65%"
></el-input> :disabled="!checked"
</div> size="small"
</el-col> splaceholder="请输入内容"
</el-row> v-model="editQuery.scbssfbhph"
<el-row :gutter="20" class="el-row" type="flex"> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag"> <el-col :span="12" class="el-col">
<span>是否包含批号:&nbsp;</span> <div class="text item">
</div> <div class="itemTag">
<el-input <span>是否包含序列号:&nbsp;</span>
style="width: 65%" </div>
:disabled="!checked" <el-input
size="small" style="width: 65%"
splaceholder="请输入内容" :disabled="!checked"
v-model="editQuery.scbssfbhph" size="small"
></el-input> v-model="editQuery.scbssfbhxlh"
</div> splaceholder="请输入内容"
</el-col> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag"> </el-row>
<span>是否包含序列号:&nbsp;</span> <el-row :gutter="20" class="el-row" type="flex">
</div> <el-col :span="12" class="el-col">
<el-input <div class="text item">
style="width: 65%" <div class="itemTag">
:disabled="!checked" <span>是否包含生产日期:&nbsp;</span>
size="small" </div>
v-model="editQuery.scbssfbhxlh" <el-input
splaceholder="请输入内容" style="width: 65%"
></el-input> :disabled="!checked"
</div> size="small"
</el-col> splaceholder="请输入内容"
</el-row> v-model="editQuery.scbssfbhscrq"
<el-row :gutter="20" class="el-row" type="flex"> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag"> <el-col :span="12" class="el-col">
<span>是否包含生产日期:&nbsp;</span> <div class="text item">
</div> <div class="itemTag">
<el-input <span>是否包含失效日期:&nbsp;</span>
style="width: 65%" </div>
:disabled="!checked" <el-input
size="small" style="width: 65%"
splaceholder="请输入内容" :disabled="!checked"
v-model="editQuery.scbssfbhscrq" v-model="editQuery.scbssfbhsxrq"
></el-input> size="small"
</div> splaceholder="请输入内容"
</el-col> ></el-input>
<el-col :span="12" class="el-col"> </div>
<div class="text item"> </el-col>
<div class="itemTag"> </el-row>
<span>是否包含失效日期:&nbsp;</span> </el-collapse-item>
</div>
<el-input <el-collapse-item name="4">
style="width: 65%" <template slot="title">
:disabled="!checked" <p class="form-title">包装标识信息</p>
v-model="editQuery.scbssfbhsxrq" </template>
size="small" <el-row :gutter="20" class="el-row" type="flex">
splaceholder="请输入内容" <el-col :span="12" class="el-col">
></el-input> <div class="text item">
</div> <div class="itemTag">
</el-col> <span>上级产品编码:&nbsp;</span>
</el-row> </div>
<el-row :gutter="20" class="el-row" type="flex"> <el-input
<el-col :span="12" class="el-col"> style="width: 65%"
<div class="text item"> :disabled="true"
<div class="itemTag"> size="small"
<span>产品描述:&nbsp;</span> splaceholder="请输入内容"
</div> v-model="editQuery.sjcpbm"
<el-input ></el-input>
style="width: 65%" </div>
:disabled="!checked" </el-col>
size="small"
splaceholder="请输入内容" <el-col :span="12" class="el-col">
v-model="editQuery.cpms" <div class="text item">
></el-input> <div class="itemTag">
</div> <span>包装级别:&nbsp;</span>
</el-col> </div>
</el-row> <el-input
style="width: 65%"
size="small"
splaceholder="请输入内容"
:disabled="true"
v-model="editQuery.packLevel"
></el-input>
</div>
</el-col>
</el-row>
<el-row :gutter="20" class="el-row" type="flex">
<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="请输入内容"
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>
</div>
</el-col>
</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">
@ -829,6 +875,7 @@ export default {
isUseDyCheck: false, isUseDyCheck: false,
lockStatusMap: {"1": "未提交", "2": "已提交", "3": "已锁定"}, lockStatusMap: {"1": "未提交", "2": "已提交", "3": "已锁定"},
loading: false, loading: false,
activeNames: ['1']
}; };
}, },
@ -900,7 +947,6 @@ export default {
handleDetail(row) { handleDetail(row) {
this.editQuery = row; this.editQuery = row;
console.log(row);
}, },
deleteOrders(data) { deleteOrders(data) {
this.loading = true; this.loading = true;
@ -1027,7 +1073,6 @@ export default {
this.relId = val.id; this.relId = val.id;
this.isImportUdi = true; this.isImportUdi = true;
this.thisData = val; this.thisData = val;
console.log("-----" + this.uuid + "-2222--" + this.relId);
this.selectLocalVisible = true; this.selectLocalVisible = true;
}, },
@ -1343,4 +1388,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>

Write Preview
Loading…
Cancel
Save