修改字体

master
李劲龙 1 year ago
parent 7ab553898d
commit 4126b4a1bd

@ -5,9 +5,9 @@ VUE_APP_TITLE = 辽宁药品
ENV = 'development' ENV = 'development'
# 若依管理系统/开发环境 # 若依管理系统/开发环境
VUE_APP_BASE_API = https://dev-mssm-liaoning.imian.org.cn/ggfw-api # VUE_APP_BASE_API = https://dev-mssm-liaoning.lesdev.cn/ggfw-api
# VUE_APP_BASE_API = http://192.168.0.114:9023/ggfw-api # VUE_APP_BASE_API = http://192.168.0.111:9023/ggfw-api
# VUE_APP_BASE_API = http://39.101.188.84:9023/ggfw-api VUE_APP_BASE_API = https://dev-mssm-liaoning.lesdev.cn/ggfw-api
#单点登录 #单点登录
# 本地 # 本地

@ -12,7 +12,7 @@ ENV = 'production'
# VUE_APP_DAN_Dian = /pharmaceuticals/singleSignOn/getSessionId # VUE_APP_DAN_Dian = /pharmaceuticals/singleSignOn/getSessionId
VUE_APP_URL = /ggfw-api VUE_APP_URL = /api/ggfw/ggfw-api
# !后台路径 # !后台路径
# 本地 # 本地
#对外 #对外

@ -98,6 +98,7 @@ export default {
}, },
}; };
/** /**
* request
sudo mv ggfw-iframe.zip /usr/share/nginx/html/ggfw-iframe MSSM-Dev 文件夹下 移动压缩包到 ggfw文件夹下 sudo mv ggfw-iframe.zip /usr/share/nginx/html/ggfw-iframe MSSM-Dev 文件夹下 移动压缩包到 ggfw文件夹下
cd /usr/share/nginx/html/ggfw-iframe 移动到文件夹下 cd /usr/share/nginx/html/ggfw-iframe 移动到文件夹下
@ -105,6 +106,9 @@ export default {
unzip ggfw-iframe.zip -d . 解压 unzip ggfw-iframe.zip -d . 解压
rm ./ggfw-iframe.zip 删除当前目录下的压缩包 弹出确定删除 y 并回车 rm ./ggfw-iframe.zip 删除当前目录下的压缩包 弹出确定删除 y 并回车
*/ */
</script> </script>
<style lang="scss"> <style lang="scss">

@ -1,12 +1,12 @@
import request from "@/utils/request"; import request from "@/utils/request";
// let api = "/api"; let api = "/api";
let api = location.origin // let api = location.origin
export default { export default {
// 分页查询企业执照列表 // 分页查询企业执照列表
getEnterpriseLicenseByPage(data) { getEnterpriseLicenseByPage(data) {
return request({ return request({
baseURL: api, baseURL: api,
url: "/api/deas/enterprise/getEnterpriseLicenseByPage", url: "/api/epas/enterprise/getEnterpriseLicenseByPage",
method: "post", method: "post",
data, data,
headers: { headers: {
@ -18,7 +18,7 @@ export default {
businessLicense(e) { businessLicense(e) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/businessLicense/${e}`, url: `/api/epas/enterprise/businessLicense/${e}`,
method: "get", method: "get",
headers: { headers: {
repeatSubmit: false, repeatSubmit: false,
@ -29,7 +29,7 @@ export default {
getAllTypeCount() { getAllTypeCount() {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/get/getAllTypeCount`, url: `/api/epas/enterprise/get/getAllTypeCount`,
method: "get", method: "get",
headers: { headers: {
repeatSubmit: false, repeatSubmit: false,
@ -40,7 +40,7 @@ export default {
getEnterpriseLicenseList(data) { getEnterpriseLicenseList(data) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/license/getEnterpriseLicenseList`, url: `/api/epas/enterprise/license/getEnterpriseLicenseList`,
method: "post", method: "post",
data, data,
headers: { headers: {
@ -52,7 +52,7 @@ export default {
licenseInformation(params) { licenseInformation(params) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/licenseInformation`, url: `/api/epas/enterprise/licenseInformation`,
method: "get", method: "get",
headers: { headers: {
repeatSubmit: false, repeatSubmit: false,
@ -64,7 +64,7 @@ export default {
licenseRecord(data) { licenseRecord(data) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/licenseRecord`, url: `/api/epas/enterprise/licenseRecord`,
method: "post", method: "post",
data, data,
headers: { headers: {
@ -76,7 +76,7 @@ export default {
personInformation(data) { personInformation(data) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/personInformation`, url: `/api/epas/enterprise/personInformation`,
method: "post", method: "post",
headers: { headers: {
repeatSubmit: false, repeatSubmit: false,
@ -84,11 +84,65 @@ export default {
data data
}); });
}, },
//产品档案查询抽检信息
productFileInspect(query) {
return request({
baseURL: api,
url: `/api/dais/GeneralTool/productFileInspect`,
method: "get",
params: query
})
},
//药品详情查询--国抽
selectDrugDetail(query) {
return request({
baseURL: api,
url: `/api/dais/countrySample/selectDrugDetail`,
method: "get",
params: query
})
},
//药品国抽检验项目
selectDrugInspectProjList(data) {
return request({
baseURL: api,
url: `/api/dais/countrySample/selectDrugInspectProjList`,
method: "post",
data
})
},
//药品详情查询--省抽
productDrugInspectDetail(query) {
return request({
baseURL: api,
url: `/api/dais/GeneralTool/productDrugInspectDetail`,
method: "get",
params: query
})
},
//化妆品详情查询--省抽
productCosmeticsInspectDetail(query) {
return request({
baseURL: api,
url: `/api/dais/GeneralTool/productCosmeticsInspectDetail`,
method: "get",
params: query
})
},
//医疗器械详情查询--省抽
productMedicalInspectDetail(query) {
return request({
baseURL: api,
url: `/api/dais/GeneralTool/productMedicalInspectDetail`,
method: "get",
params: query
})
},
// 企业禁业原因 // 企业禁业原因
prohibit(params){ prohibit(params) {
return request({ return request({
baseURL: api, baseURL: api,
url: `/api/deas/enterprise/prohibit`, url: `/api/epas/enterprise/prohibit`,
method: "get", method: "get",
headers: { headers: {
repeatSubmit: false, repeatSubmit: false,
@ -110,7 +164,7 @@ export default {
method: "get", method: "get",
}); });
}, },
//新增或者修改药品以及化妆品关联的消息 //新增或者修改药品以及化妆品关联的消息
productInto(data) { productInto(data) {
return request({ return request({
url: `/pharmaceuticals/productInto`, url: `/pharmaceuticals/productInto`,

@ -29,17 +29,32 @@ export default {
}) })
}, },
//通过批准文号查询单条药品批件信息 //通过批准文号查询单条药品批件信息
getYaoPin(e){ getYaoPin(e) {
return request({ return request({
url: `/pharmaceuticals/vRdgYpwhGxwz/${e}`, url: `/pharmaceuticals/vRdgYpwhGxwz/${e}`,
method: "get", method: "get",
}) })
}, },
//通过序号查询单条原料药品种
vRdgYpwhGxwzgetYlypz(e) {
return request({
url: `/pharmaceuticals/vRdgYpwhGxwz/getYlypz/${e}`,
method: "get",
})
},
//通过注册证编号查询单条器械品种数据 //通过注册证编号查询单条器械品种数据
getQiXie(e){ getQiXie(e) {
return request({ return request({
url: `/pharmaceuticals/ylqxJnyelcp/${e}`, url: `/pharmaceuticals/ylqxJnyelcp/${e}`,
method: "get", method: "get",
}) })
},
//通过注册证编号查询单条器械品种数据
entrustedEnter(e) {
return request({
url: `/pharmaceuticals/entrustedEnter/${e}`,
method: "get",
})
} }
} }

@ -1,26 +1,28 @@
import request from "@/utils/request"; import request from "@/utils/request";
export default { export default {
//分页条件查询国家药品抽检数据-抽样信息表 //分页条件查询国家药品抽检数据-抽样信息表
getYPList(query) { getYPList(query) {
return request({ return request({
url: `/pharmaceuticals/gjypcjsjCyxxb`, url: `/pharmaceuticals/gjypcjsjCyxxb`,
method: "get", method: "get",
params:query params: query
}) })
}, },
//通过主键查询单条国家药品抽检数据-抽样信息表 //通过主键查询单条国家药品抽检数据-抽样信息表
getSingle(id){ getSingle(id) {
return request({ return request({
url: `/pharmaceuticals/gjypcjsjCyxxb/${id}`, url: `/pharmaceuticals/gjypcjsjCyxxb/${id}`,
method: "get", method: "get",
}) })
}, },
//分页条件查询国家药品抽检数据-检验项目表 //分页条件查询国家药品抽检数据-检验项目表
jyList(query){ jyList(query) {
return request({ return request({
url: `/pharmaceuticals/gjypcjsjJyxmb`, url: `/pharmaceuticals/gjypcjsjJyxmb`,
method: "get", method: "get",
params:query params: query
}) })
} }
} }

@ -18,10 +18,10 @@ axios.defaults.headers["Content-Type"] = "application/json;charset=utf-8";
const service = axios.create({ const service = axios.create({
// axios中请求配置有baseURL选项表示请求URL公共部分 // axios中请求配置有baseURL选项表示请求URL公共部分
// !本地使用 // !本地使用
// baseURL: process.env.VUE_APP_BASE_API, baseURL: process.env.VUE_APP_BASE_API,
// !外地使用 // !外地使用
baseURL: location.origin + process.env.VUE_APP_URL, // baseURL: location.origin + process.env.VUE_APP_URL,
// 超时 // 超时
timeout: 60000, timeout: 60000,
}); });

@ -2,12 +2,18 @@
<div> <div>
<el-descriptions class="margin-top" :column="2" border> <el-descriptions class="margin-top" :column="2" border>
<el-descriptions-item v-for="(item, index) in descriptionsList" :key="index" :span="item.span"> <el-descriptions-item v-for="(item, index) in descriptionsList" :key="index" :span="item.span">
<template slot="label"> {{ item.label }} </template> <template slot="label">
<div class="box">
<div class="redxingxing" v-show="item.xing">*</div>{{ item.label }}
</div>
</template>
{{ item.value }} {{ item.value }}
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
@ -37,9 +43,23 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.margin-top { .margin-top {
margin: 15px 0; margin: 15px 0;
} }
</style>
::v-deep .el-descriptions-row {
font-size: 22px;
}
.box {
position: relative;
.redxingxing {
color: red;
position: absolute;
left: -8px;
}
}
</style>

@ -7,7 +7,7 @@
:colon="!changeStyle" :colon="!changeStyle"
:labelClassName=" width ? 'descriptions-labelWidth-style': changeStyle ? 'descriptions-labelChange-style':'descriptions-label-style'" :labelClassName=" width ? 'descriptions-labelWidth-style': changeStyle ? 'descriptions-labelChange-style':'descriptions-label-style'"
:contentClassName=" width ? 'descriptions-contentWidth-style' : changeStyle ? 'descriptions-contentChange-style':'descriptions-content-style'"> :contentClassName=" width ? 'descriptions-contentWidth-style' : changeStyle ? 'descriptions-contentChange-style':'descriptions-content-style'">
<el-descriptions-item v-for="item in descriptions" :key="item.id" :span="item.span ? item.span : 1 "> <el-descriptions-item v-for="item in descriptions" :key="item.id" :span="item.span ? item.span : 1 " v-if="item.value && item.value != '-'&& item.value != 'null'">
<template slot="label"> <template slot="label">
{{ item.label }} {{ item.label }}
</template> </template>

@ -3,7 +3,7 @@
<el-descriptions class="margin-top" :column="column" :size="size" :border="border" :colon="!changeStyle" <el-descriptions class="margin-top" :column="column" :size="size" :border="border" :colon="!changeStyle"
:labelClassName="width ? 'descriptions-labelWidth-style' : changeStyle ? 'descriptions-labelChange-style' : 'descriptions-label-style'" :labelClassName="width ? 'descriptions-labelWidth-style' : changeStyle ? 'descriptions-labelChange-style' : 'descriptions-label-style'"
:contentClassName="width ? 'descriptions-contentWidth-style' : changeStyle ? 'descriptions-contentChange-style' : 'descriptions-content-style'"> :contentClassName="width ? 'descriptions-contentWidth-style' : changeStyle ? 'descriptions-contentChange-style' : 'descriptions-content-style'">
<el-descriptions-item v-for="item in tablist" :key="item.id" :span="item.span ? item.span : 1"> <el-descriptions-item v-for="item in tablist" :key="item.id" :span="item.span ? item.span : 1" v-if="item.value && urlA.leixing != 'ggfw'">
<template slot="label"> <template slot="label">
{{ item.label }} {{ item.label }}
</template> </template>
@ -63,7 +63,6 @@ export default {
async editBtn(item) { async editBtn(item) {
console.log(798, this.id); console.log(798, this.id);
this.huoqulist(1) this.huoqulist(1)
if (item.show) { if (item.show) {
let data = {} let data = {}
if (item.label == "工艺流程信息") { if (item.label == "工艺流程信息") {
@ -86,9 +85,7 @@ export default {
} }
} }
let requst = await this.$api.frimCenter.productInto(data) let requst = await this.$api.frimCenter.productInto(data)
console.log(requst); console.log(123, requst);
console.log("确定"); console.log("确定");
} else { } else {
console.log("编辑"); console.log("编辑");
@ -102,7 +99,6 @@ export default {
}, },
async huoqulist(type) { async huoqulist(type) {
let requst = await this.$api.frimCenter.findByApproveNo({ approveNo: this.urlA.data }) let requst = await this.$api.frimCenter.findByApproveNo({ approveNo: this.urlA.data })
if (requst.code == 200 && requst.data) { if (requst.code == 200 && requst.data) {
let obj = requst.data let obj = requst.data
console.log(8888, this.tablist); console.log(8888, this.tablist);
@ -123,6 +119,9 @@ export default {
} }
},
fullName(item) {
console.log(item);
} }
}, },
mounted() { mounted() {
@ -133,6 +132,7 @@ export default {
...mapState({ ...mapState({
urlA: (state) => state.app.urlA, urlA: (state) => state.app.urlA,
}), }),
} }
} }

@ -5,46 +5,69 @@
<div class="line"></div> <div class="line"></div>
<div class="title">{{ header }}</div> <div class="title">{{ header }}</div>
</div> </div>
<div>
<el-button type="primary"
:icon="collapsechange ? 'el-icon-remove-outline' : 'el-icon-circle-plus-outline '" @click="coback">
{{ collapsechange ? '收起' : ' 展开' }}
</el-button>
</div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return {}; return {
collapsechange: true
};
}, },
props: { props: {
header: { header: {
type: String, type: String,
default: "", default: "",
}, },
myindex: {
type: String,
default: "",
},
},
methods: {
coback() {
this.collapsechange = !this.collapsechange
this.$emit('MYcoback', this.myindex)
},
}, },
methods: {}, created() { },
created() {},
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.hanyu-header { .hanyu-header {
margin-top: 15px; margin-top: 15px;
} }
.headerText { .headerText {
color: #333333; color: #333333;
} }
.header--title { .header--title {
width: 100%;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.title--left { .title--left {
display: flex; display: flex;
align-items: center; align-items: center;
.line { .line {
width: 4px; width: 4px;
height: 16px; height: 16px;
background: #1e80eb; background: #1e80eb;
margin-right: 8px; margin-right: 8px;
} }
.title { .title {
font-size: 18px; font-size: 20px;
font-weight: bold; font-weight: bold;
color: #1e80eb; color: #1e80eb;
} }

@ -1,45 +1,43 @@
<template> <template>
<div> <div>
<el-table :data="list" style="width: 100%" v-loading="loading" border> <el-table :data="list" style="width: 100%" v-loading="loading" border>
<el-table-column type="index" label="序号" width="50"> <el-table-column type="index" label="序号" width="60">
</el-table-column> </el-table-column>
<el-table-column <el-table-column v-for="(item, index) in labels" :key="index" :prop="item.value" header-align="center"
v-for="(item,index) in labels" :width="item.width" :label="item.header">
:key="index"
:prop="item.value"
header-align="center"
:width="item.width"
:label="item.header"
>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</template> </template>
<script>
<script>
export default { export default {
data() { data() {
return { return {
}; };
}, },
props:{ props: {
list:{ list: {
type:Array, type: Array,
default:[] default: []
}, },
labels:{ labels: {
type:Array, type: Array,
default:[] default: []
}, },
loading:{ loading: {
type:Boolean, type: Boolean,
default:false default: false
} }
}, },
methods: { methods: {
}, },
}; };
</script> </script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped>
::v-deep .cell{
font-size: 20px;
}
</style>

@ -1,49 +1,58 @@
<template> <template>
<div class="pzChouyang"> <div class="pzChouyang">
<div class="drug-input"> <!-- <div class="drug-input">
<div class="inputs"> <div class="inputs">
<div class="rank"> <div class="rank">
<div class="input--label">抽样级别</div> <div class="input--label">抽样级别</div>
<el-select v-model="value" placeholder="请选择抽样级别"> <el-select v-model="form1.cyjb" placeholder="请选择抽样级别">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
<div class="rank">
<div class="input--label">最终检验结论</div>
<el-select v-model="form1.zzjyjl" placeholder="请选择检验结论">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="number"> <div class="number">
<div class="input--label">抽样编号</div> <div class="input--label">检验报告书编号</div>
<div> <div>
<el-input v-model="name" :placeholder="'请输入抽样编号'"></el-input> <el-input v-model="form1.cybh" :placeholder="'请输入检验报告书编号'"></el-input>
</div> </div>
</div> </div>
</div> </div>
<div class="search-btns"> <div class="search-btns">
<button class="reset" @click="reset"></button> <button class="reset" @click="reset"></button>
<button class="inquire" @click="inquire()"></button> <button class="inquire" @click="inquire()"></button>
</div> </div>
</div> </div> -->
<block-header title="查询结果"> <block-header title="查询结果">
<div class="tables"> <div class="tables">
<el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border> <el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
<el-table-column type="index" header-align="center" label="序号" width="80"> <el-table-column type="index" header-align="center" label="序号" width="80">
</el-table-column> </el-table-column>
<el-table-column prop="cyrw" header-align="center" label="抽样级别"> <el-table-column prop="sampleType" header-align="center" label="抽样级别">
<!-- <template slot-scope="scope"> <template slot-scope="scope">
{{ filterLevel(scope.row.cyjb ) }} {{ filterLevel(scope.row.sampleType) }}
</template> --> </template>
</el-table-column> </el-table-column>
<el-table-column prop="cybh" label="抽样编号" header-align="center"> <el-table-column prop="reportNumber" label="检验报告书编号" header-align="center">
</el-table-column> </el-table-column>
<el-table-column prop="yptymc" label="药品通用名" header-align="center"> <el-table-column prop="sampleName" label="通用名" header-align="center">
</el-table-column> </el-table-column>
<el-table-column prop="bcydwmc" label="被抽样单位名称" header-align="center"> <el-table-column prop="enterpriseName" label="被抽样单位名称" header-align="center">
</el-table-column> </el-table-column>
<el-table-column prop="unitAreaName" label="被抽样单位地区名称" header-align="center"> <el-table-column prop="inspectType" label="抽样环节" header-align="center">
</el-table-column> </el-table-column>
<el-table-column prop="productionName" label="生产单位名称" header-align="center"> <el-table-column prop="qualified" label="最终检验结论" header-align="center">
</el-table-column> </el-table-column>
<el-table-column prop="cyrq" label="抽样日期" header-align="center"> <el-table-column prop="sampleDate" label="抽样日期" header-align="center">
</el-table-column> </el-table-column>
<el-table-column label="操作" header-align="center" width="100"> <el-table-column label="操作" header-align="center" width="100">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="button"> <div class="button">
<el-button size="mini" class="informant-btn" plain type="primary" <el-button size="mini" class="informant-btn" plain type="primary"
@ -58,8 +67,8 @@
class="pagination" class="pagination"
:class="transinformation.b == '1' ? 'paginationTwo' : ''" :class="transinformation.b == '1' ? 'paginationTwo' : ''"
> --> > -->
<pagination v-show="total > 0" :total="total" :page="form1.current" :limit="form1.size" @pagination="getPagination"> <!-- <pagination v-show="total > 0" :total="total" :page="form1.current" :limit="form1.size" @pagination="getPagination">
</pagination> </pagination> -->
<!-- </div> --> <!-- </div> -->
</block-header> </block-header>
<!-- 国抽 --> <!-- 国抽 -->
@ -80,20 +89,21 @@
<dialog-title title="查看抽样详情" :width="transinformation.b == '1' ? '65%' : '90%'" ref="chouyangDialog"> <dialog-title title="查看抽样详情" :width="transinformation.b == '1' ? '65%' : '90%'" ref="chouyangDialog">
<chouyang-info></chouyang-info> <chouyang-info></chouyang-info>
</dialog-title> </dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="medicalInfo"> <dialog-title title="药品详情" :width="'90%'" ref="medicalInfo">
<medical-info></medical-info> <medical-info ref="medicalInfodata"></medical-info>
</dialog-title> </dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugDetail"> <dialog-title title="医疗器械详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugDetail">
<drug-detail></drug-detail> <drug-detail ref="drugDetailData"></drug-detail>
</dialog-title> </dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugProvince"> <dialog-title title="化妆品详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="drugProvince">
<drug-province></drug-province> <drug-province ref="drugProvinceData"></drug-province>
</dialog-title> </dialog-title>
<dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="samplingDetail"> <dialog-title title="详情" :width="transinformation.b == '1' ? '75%' : '90%'" ref="samplingDetail">
<sampling-detail></sampling-detail> <sampling-detail></sampling-detail>
</dialog-title> </dialog-title>
</div> </div>
</template> </template>
<script> <script>
import blockHeader from "@/views/firmContent/components/blockHeader/index"; import blockHeader from "@/views/firmContent/components/blockHeader/index";
import dialogTitle from "@/views/firmContent/components/dialogTitle/index"; import dialogTitle from "@/views/firmContent/components/dialogTitle/index";
@ -115,14 +125,24 @@ export default {
name: "", name: "",
options: [ options: [
{ {
value: 0, value: "01",
label: "国抽", label: "国抽",
}, },
{ {
value: 1, value: "02",
label: "省抽", label: "省抽",
}, },
], ],
options1: [
{
value: 0,
label: "不合格",
},
{
value: 1,
label: "合格",
},
],
tableData: [], tableData: [],
loading: false, loading: false,
action: 1, action: 1,
@ -133,12 +153,16 @@ export default {
total: 0, total: 0,
// //
form1: { form1: {
size: 10, // size: 10,
current: 1, // current: 1,
// //
cybh: "", // cybh: "",
// // //
yppzwh: '' // yppzwh: '',
// zzjyjl:"",
//
approvalNumber: "",//
type: "" //
}, },
// //
ids: "", ids: "",
@ -471,15 +495,31 @@ export default {
methods: { methods: {
inquire() { inquire() {
if (this.urlA.type == "1") { if (this.urlA.type == "1") {
// this.form1.size = 10;
// this.form1.current = 1;
this.listyp();
} else if (this.urlA.type == "2") { } else if (this.urlA.type == "2") {
this.form1.cybh = this.name; // this.form1.cybh = this.name;
this.form1.size = 10; // this.form1.size = 10;
this.form1.current = 1; // this.form1.current = 1;
this.listyp(); this.listyp();
} else if (this.urlA.type == "3") { } else if (this.urlA.type == "3") {
// this.form1.size = 10;
// this.form1.current = 1;
this.listyp();
} }
}, },
reset() { reset() {
this.form1 = {
size: 10,
current: 1,
//
cybh: "",
//
yppzwh: '',
zzjyjl: ""
}
this.name = ""; this.name = "";
this.value = ""; this.value = "";
this.listyp(); this.listyp();
@ -490,27 +530,29 @@ export default {
this.listyp(); this.listyp();
}, },
filterLevel(e) { filterLevel(e) {
if (e === "01") { if (e == "1") {
return "省抽"; return "省抽";
} else if (e === "02") { } else if (e == "2") {
return "地级市"; return "国抽";
} else if (e === "03") { } else {
return "县级";
} else if (e === "04") {
return "乡、镇";
} else if (e === "05") {
return "其他"; return "其他";
} }
}, },
// //
async listyp() { async listyp() {
this.form1.yppzwh = this.$store.state.app.urlA.data // this.form1.approvalNumber = this.$store.state.app.urlA.data
// this.form1.approvalNumber = "G2018000945"
// this.form1.approvalNumber = "H21021787"
this.form1.approvalNumber = "8"
// 2 1
if (this.urlA.type == 2) this.form1.type = 1
if (this.urlA.type == 1) this.form1.type = 2
this.loading = true; this.loading = true;
let msg1 = await this.$api.yaoPin.getYPList(this.form1); let msg1 = await this.$api.frimCenter.productFileInspect(this.form1);
this.tableData = msg1.data.records; this.tableData = msg1.result;
this.total = msg1.data.total; // this.total = msg1.result.total;
this.form1.size = msg1.data.size; // this.form1.size = msg1.result.size;
this.form1.current = msg1.data.current; // this.form1.current = msg1.result.current;
this.loading = false; this.loading = false;
}, },
// //
@ -519,10 +561,13 @@ export default {
if (AA) { if (AA) {
// //
if (AA.type == "1") { if (AA.type == "1") {
this.listyp();
} else if (AA.type == "2") { } else if (AA.type == "2") {
// //
this.listyp(); this.listyp();
} else if (AA.type == "3") { } else if (AA.type == "3") {
this.listyp();
// //
} }
} }
@ -537,10 +582,10 @@ export default {
} }
}, },
// //
async idData() { async idData(row) {
this.load1 = true; this.load1 = true;
let msg1 = await this.$api.yaoPin.getSingle(this.ids); let msg1 = await this.$api.frimCenter.selectDrugDetail({ id: row.id });
this.filter(msg1.data, this.descriptions); this.filter(msg1.result, this.descriptions);
this.load1 = false; this.load1 = false;
}, },
// //
@ -554,15 +599,38 @@ export default {
} }
}, },
// //
handleEdit(index, row) { async handleEdit(index, row) {
console.log(row);
this.ids = row.id; this.ids = row.id;
// //
if (this.urlA.type == "1") { if (this.urlA.type == "1") {
let msg1 = await this.$api.frimCenter.productCosmeticsInspectDetail({ id: row.id });
this.$refs.drugProvince.open();
setTimeout(() => {
this.$refs.drugProvinceData.open(msg1.result);
}, 0);
} else if (this.urlA.type == "2") { } else if (this.urlA.type == "2") {
// //21
this.idData(); if (row.sampleType == 1) {
let msg1 = await this.$api.frimCenter.productDrugInspectDetail({ id: row.id });
this.$refs.medicalInfo.open();
setTimeout(() => {
this.$refs.medicalInfodata.open(msg1.result);
}, 0);
} else {
this.idData(row);
this.$refs.xiangqingDialog.open(row); this.$refs.xiangqingDialog.open(row);
}
} else if (this.urlA.type == "3") { } else if (this.urlA.type == "3") {
//
let msg1 = await this.$api.frimCenter.productMedicalInspectDetail({ id: row.id });
this.$refs.drugDetail.open();
setTimeout(() => {
this.$refs.drugDetailData.open(msg1.result);
}, 0);
} }
// if (index == 1) { // if (index == 1) {
// this.$refs.chouyangDialog.open(row); // this.$refs.chouyangDialog.open(row);
@ -575,7 +643,6 @@ export default {
// } else if (index == 4) { // } else if (index == 4) {
// this.$refs.drugProvince.open(row); // this.$refs.drugProvince.open(row);
// } else if (index == 5) { // } else if (index == 5) {
// this.$refs.drugDetail.open(row);
// } // }
}, },
// tabs // tabs
@ -608,6 +675,7 @@ export default {
}, },
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/styles/utils.scss"; @import "@/assets/styles/utils.scss";
@ -773,6 +841,7 @@ export default {
.number { .number {
display: flex; display: flex;
align-items: center; align-items: center;
margin-right: vw(39);
.input--label { .input--label {
font-size: vb(16); font-size: vb(16);
@ -782,7 +851,7 @@ export default {
} }
::v-deep .el-input__inner { ::v-deep .el-input__inner {
width: vw(386); width: vw(360);
height: vw(40); height: vw(40);
border-radius: vw(2); border-radius: vw(2);
} }
@ -793,7 +862,7 @@ export default {
} }
.number { .number {
margin-left: vw(39); // margin-left: vw(39);
} }
} }
@ -838,4 +907,10 @@ export default {
} }
} }
} }
::v-deep .el-icon-close {
font-size: 22px;
}
</style> </style>

@ -3,13 +3,8 @@
<div class="tables"> <div class="tables">
<tables :labels="labels" :list="tableData" :loading="loading"></tables> <tables :labels="labels" :list="tableData" :loading="loading"></tables>
</div> </div>
<pagination <pagination v-show="total > 0" :total="total" :page="form1.pageNum" :limit="form1.pageSize"
v-show="total > 0" @pagination="getPagination"></pagination>
:total="total"
:page="form1.current"
:limit="form1.size"
@pagination="getPagination"
></pagination>
</block-header> </block-header>
</template> </template>
<script> <script>
@ -67,7 +62,7 @@ export default {
width: "", width: "",
}, },
{ {
header: "药品通用名字", header: "药品通用",
value: "yptym", value: "yptym",
width: "", width: "",
}, },
@ -84,9 +79,9 @@ export default {
], ],
loading: false, loading: false,
form1: { form1: {
current: 1, pageSize: 10,
size: 10, pageNum: 1,
mainId:'', mainId: '000000007760f9ce017765d2c4d004ab',
}, },
}; };
}, },
@ -94,27 +89,52 @@ export default {
created() { created() {
this.arrData(); this.arrData();
}, },
props:{ props: {
ids:{ ids: {
type:[Number,String], type: [Number, String],
default:'' default: ''
} }
}, },
methods: { methods: {
async arrData() { async arrData() {
this.form1.mainId = this.ids let obj = {
"1": "初检",
"2": "复检",
"5": "补充检验",
"6": "空心胶囊检验"
}
let objtow = {
"01": "性状",
"02": "鉴别",
"03": "检查",
"04": "含量测定",
"05": "其他"
}
// this.form1.mainId = this.ids
this.loading = true; this.loading = true;
let msg1 = await this.$api.yaoPin.jyList(this.form1); let msg1 = await this.$api.frimCenter.selectDrugInspectProjList(this.form1);
this.tableData = msg1.data.records; this.tableData = msg1.result.list;
this.total = msg1.data.total; this.tableData.forEach(item => {
this.form1.current = msg1.data.current; if (item.bjsj) {
this.form1.size = msg1.data.size; item.bjsj = item.bjsj.split(" ")[0]
}
if (item.bglb) {
item.bglb = obj[item.bglb]
}
if (item.jydl) {
item.jydl = objtow[item.jydl]
}
})
this.total = parseInt(msg1.result.total);
this.form1.pageNum = msg1.result.pageNum;
this.form1.pageSize = msg1.result.pageSize;
this.loading = false; this.loading = false;
}, },
getPagination(e) { getPagination(e) {
console.log(e); console.log(e);
this.form1.current = e.page; this.form1.pageNum = e.page;
this.form1.size = e.limit; this.form1.pageSize = e.limit;
this.arrData(); this.arrData();
}, },
}, },
@ -122,12 +142,15 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/styles/utils.scss"; @import "@/assets/styles/utils.scss";
.tables { .tables {
min-height: 300px; min-height: 300px;
.button { .button {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.informant-btn { .informant-btn {
width: vw(44); width: vw(44);
height: vh(20); height: vh(20);
@ -138,6 +161,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
::v-deep span { ::v-deep span {
display: inline-block; display: inline-block;
color: #1e80eb; color: #1e80eb;
@ -146,6 +170,7 @@ export default {
font-weight: normal; font-weight: normal;
} }
} }
::v-deep .el-table td { ::v-deep .el-table td {
height: vh(60); height: vh(60);
padding: 0; padding: 0;
@ -154,6 +179,7 @@ export default {
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
color: #292f38; color: #292f38;
} }
::v-deep .el-table th { ::v-deep .el-table th {
height: vh(40); height: vh(40);
padding: 0; padding: 0;
@ -163,22 +189,27 @@ export default {
color: #292f38; color: #292f38;
line-height: vh(50); line-height: vh(50);
} }
::v-deep .cell { ::v-deep .cell {
text-align: center; text-align: center;
} }
} }
.pagination { .pagination {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: vh(20); padding-bottom: vh(20);
margin-top: vh(33); margin-top: vh(33);
::v-deep .el-pagination__jump { ::v-deep .el-pagination__jump {
margin: 0; margin: 0;
} }
::v-deep .el-input--mini .el-input__inner { ::v-deep .el-input--mini .el-input__inner {
height: vw(28); height: vw(28);
} }
.custom { .custom {
font-size: vb(14); font-size: vb(14);
font-family: Source Han Regular CN; font-family: Source Han Regular CN;

File diff suppressed because it is too large Load Diff

@ -9,382 +9,416 @@
:append-to-body="true" :append-to-body="true"
> >
<div slot="title" class="headerText">详情</div> --> <div slot="title" class="headerText">详情</div> -->
<!-- 医疗器械品种信息详情 -->
<div> <div>
<headerTitle header="基本信息"></headerTitle> <headerTitle header="基本信息" @MYcoback="MYcoback" myindex="show1" ></headerTitle>
<descriptions :descriptionsList="list1"></descriptions> <descriptions :descriptionsList="list1" v-show="mydescriptions.show1"></descriptions>
<headerTitle header="被抽样单位信息"></headerTitle>
<descriptions :descriptionsList="list2"></descriptions> <headerTitle header="被抽样单位信息" @MYcoback="MYcoback" myindex="show2"></headerTitle>
<headerTitle header="样品基本信息"></headerTitle> <descriptions :descriptionsList="list2" v-show="mydescriptions.show2"></descriptions>
<descriptions :descriptionsList="list3"></descriptions>
<headerTitle header="受托生产企业信息"></headerTitle> <headerTitle header="样品基本信息" @MYcoback="MYcoback" myindex="show3"></headerTitle>
<descriptions :descriptionsList="list4"></descriptions> <descriptions :descriptionsList="list3" v-show="mydescriptions.show3"></descriptions>
<headerTitle header="抽样单位信息"></headerTitle>
<descriptions :descriptionsList="list5"></descriptions> <headerTitle header="标示注册人/备案人/受托生产企业等信息" @MYcoback="MYcoback" myindex="show4"></headerTitle>
<headerTitle header="检验信息"></headerTitle> <descriptions :descriptionsList="list4" v-show="mydescriptions.show4"></descriptions>
<div class="lastBox">
<button>初检</button> <headerTitle header="抽样单位信息" @MYcoback="MYcoback" myindex="show5"></headerTitle>
<el-descriptions class="margin-top" :column="2" border> <descriptions :descriptionsList="list5" v-show="mydescriptions.show5"></descriptions>
<el-descriptions-item :span="2"> <div class="lastBox" v-show="mydescriptions.show5">
<template slot="label"> 报告书编号</template> <tables :labels="labels" :list="tableData"></tables>
xxxxxxxxxxxxxxx
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label"> 检验类型</template>
xxxxxxxxxxxxx
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label"> 检验依据 </template>
xxxxxxxxxxxxx
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label"> 检验项目 </template>
<el-table
v-loading="loading"
:data="tableList"
border
:stripe="false"
>
<el-table-column type="index" label="序号" width="55" />
<el-table-column label="大类" prop="name" />
<el-table-column label="检验项目" prop="type">
</el-table-column>
<el-table-column label="备注" prop="num" />
<el-table-column label="检验结果" prop="enterpriseName" />
<el-table-column label="检验结论" prop="enterpriseName">
</el-table-column>
</el-table>
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label">检验报告书结论</template>
xxxxxxxxxxxxx
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label">报告附件</template>
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label">签发日期</template>
xxxxxxxxxxxxx
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label">检验单位</template>
xxxxxxxxxxxxx
</el-descriptions-item>
</el-descriptions>
</div> </div>
</div> </div>
<headerTitle header="检验信息" @MYcoback="MYcoback" myindex="show6"></headerTitle>
<descriptions :descriptionsList="list6" v-show="mydescriptions.show6"></descriptions>
<!-- </el-dialog> --> <!-- </el-dialog> -->
</div> </div>
</template> </template>
<script> <script>
import headerTitle from "@/views/firmContent/components/headerTitle"; import headerTitle from "@/views/firmContent/components/headerTitle";
import descriptions from "@/views/components/descriptions.vue"; import descriptions from "@/views/components/descriptions";
import tables from "@/views/firmContent/components/table/index.vue";
export default { export default {
data() { data() {
return { return {
dialogVisible: false, //
loading: false, tableData: [],
tableList: [ mydescriptions: {
{ show1: true,
name: "辽宁护肤霜", show2: true,
type: "化妆品", show3: true,
num: "1231231231231", show4: true,
enterpriseName: "xxxx有限公司", show5: true,
}, show6: true,
{ show7: true,
name: "辽宁护肤霜", show8: true,
type: "药品", show9: true,
num: "1231231231231",
enterpriseName: "xxxx有限公司",
},
{
name: "辽宁护肤霜",
type: "医疗器械",
num: "1231231231231",
enterpriseName: "xxxx有限公司",
},
{
name: "辽宁护肤霜",
type: "化妆品",
num: "1231231231231",
enterpriseName: "xxxx有限公司",
}, },
labels: [
{ {
name: "辽宁护肤霜", header: "姓名",
type: "医疗器械", value: "unitContacts",
num: "1231231231231", width: "",
enterpriseName: "xxxx有限公司",
}, },
{ {
name: "辽宁护肤霜", header: "联系电话",
type: "化妆品", value: "inspectProject",
num: "1231231231231", width: "",
enterpriseName: "xxxx有限公司",
}, },
], ],
//
list1: [ list1: [
{ {
span: 1, span: 1,
label: "计划名称", label: "计划名称",
value: "", value: "",
data: "asd", data: "planName",
}, },
{ {
span: 1, span: 1,
label: "抽样单号编号", label: "抽样单号编号",
value: "", value: "",
data: "idsd", data: "sampleNumber",
}, },
{ {
span: 1, span: 1,
label: "抽样环节", label: "抽样时间",
value: "", value: "",
data: "", data: "sampleTime",
}, },
{ {
span: 1, span: 1,
label: "抽样时间", label: "任务来源",
value: "",
data: "taskSourceName",
},
{
span: 1,
label: "抽样地点性质",
value: "", value: "",
data: "", data: "sampleAddressTypeOperationName",
}, },
{
span: 1,
label: "抽样类别",
value: "",
data: "inspectTypeName",
},
], ],
// //
list2: [ list2: [
{ {
span: 1, span: 1,
label: "被抽样单位名称", label: "被抽样单位名称",
value: "", value: "",
data: "asd", data: "sampledUnitName",
}, },
{ {
span: 1, span: 1,
label: "统一社会信用代码", label: "统一社会信用代码",
value: "", value: "",
data: "idsd", data: "socialUnifiedCreditCode",
}, },
{ {
span: 1, span: 1,
label: "地区(市、州、盟)", label: "联系人",
value: "", value: "",
data: "", data: "sampledUnitContacts",
}, },
{ {
span: 1, span: 1,
label: "县 (市、区)", label: "电话",
value: "",
data: "",
},
{
span: 2,
label: "详细地址",
value: "", value: "",
data: "", data: "sampledContactsTel",
}, },
{ {
span: 1, span: 1,
label: "法定代表人/主要负责人", label: "被抽检单位所在市",
value: "", value: "",
data: "", data: "sampleProduceDate",
}, },
{ {
span: 1, span: 1,
label: "联系人 ", label: "详细地址",
value: "", value: "",
data: "", data: "sampledUnitAddress",
}, },
{ {
span: 1, span: 1,
label: "抽样地点性质", label: "监管单位名称",
value: "", value: "",
data: "", data: "unitNamePractical",
}, },
{ {
span: 1, span: 1,
label: "电话 ", label: "地域类型",
value: "", value: "",
data: "", data: "areaType",
}, },
], ],
// //
list3: [ list3: [
{ {
span: 1, span: 1,
label: "样品通用名称", label: "样品通用名称",
value: "", value: "",
data: "asd", data: "sampleCommonName",
}, },
{ {
span: 1, span: 1,
label: "生产日期", label: "样品类别",
value: "", value: "",
data: "idsd", data: "sampleTypeName",
}, },
{ {
span: 1, span: 1,
label: "样品批号", label: "样品批号",
value: "", value: "",
data: "", data: "sampleBatchNumber",
}, },
{ {
span: 1, span: 1,
label: "药品来源", label: "生产日期",
value: "", value: "",
data: "", data: "produceDate",
}, },
{ {
span: 1, span: 1,
label: "有效期限", label: "有效期限",
value: "", value: "",
data: "", data: "sampleValidityMonth",
}, },
{ {
span: 1, span: 1,
label: "制剂类型", label: "抽样数量",
value: "", value: "",
data: "", data: "sampleNum",
}, },
{ {
span: 1, span: 1,
label: "制剂规格 ", label: "包装规格",
value: "", value: "",
data: "", data: "packingSpecification",
}, },
{ {
span: 1, span: 1,
label: "药品细类", label: "保质期",
value: "", value: "",
data: "", data: "expirationDate",
}, }, {
{
span: 1, span: 1,
label: "药品大类 ", label: "注册证编号/备案编号",
value: "", value: "",
data: "", data: "certificateRegistration",
}, }, {
{
span: 1, span: 1,
label: "样品贮存相对温度", label: "进口分包装企业",
value: "", value: "",
data: "", data: "enterpriseNameImport",
}, }, {
{
span: 1, span: 1,
label: "药品贮存温度", label: "进口分包装批号",
value: "", value: "",
data: "", data: "batchNumberImport",
}, }, {
{
span: 1, span: 1,
label: "是否基药", label: "现场结算",
value: "", value: "",
data: "", data: "testResult",
}, }, {
{ span: 1,
span: 2, label: "单价",
label: "是否国家药品集中招标采购中标品种",
value: "", value: "",
data: "", data: "unitPrice",
}, },{
{
span: 1, span: 1,
label: "进口分包装企业", label: "总价",
value: "", value: "",
data: "", data: "sumMoney",
}, },{
{
span: 1, span: 1,
label: "进口分包装批号", label: "实际总价",
value: "", value: "",
data: "", data: "practicalSumMoney",
}, },{
], span: 1,
// label: "保存条件",
list4: [
{
span: 2,
label: "选择涉及主体",
value: "", value: "",
data: "asd", data: "saveConditionType",
}, },{
{
span: 1, span: 1,
label: "委托单位企业名称1", label: "是否进口",
value: "", value: "",
data: "asd", data: "isImportOne",
}, },{
{
span: 1, span: 1,
label: "委托单位企业地址1", label: "原产地",
value: "", value: "",
data: "asd", data: "origin",
},{
span: 1,
label: "生产/进货数量",
value: "",
data: "produceNum",
}, },
],
//
list4: [
{ {
span: 1, span: 1,
label: "委托单位企业名称1", label: "是否进口",
value: "", value: "",
data: "asd", data: "isImportOne",
}, },
{ {
span: 1, span: 1,
label: "委托单位企业地址1", label: "样品进口地区",
value: "", value: "",
data: "asd", data: "sampleImportArea",
}, },
], ],
//
list5: [ list5: [
{ {
span: 2, span: 1,
label: "抽样单位名称", label: "抽样单位名称",
value: "", value: "",
data: "asd", data: "unitNamePractical",
}, },
],
list6: [
{ {
span: 1, span: 1,
label: "地区(市、州、盟)", label: "检验机构名称",
value: "", value: "",
data: "asd", data: "inspectionOrgName",
}, xing:"1"
{ },{
span: 1,
label: "是否合格",
value: "",
data: "isQualified",
xing:"1"
},{
span: 1, span: 1,
label: "县(市、区)", label: "不合格项目类型",
value: "", value: "",
data: "asd", data: "nonconformingItemTypeName",
xing:"1"
},{
span: 1,
label: "不合格项目详情",
value: "",
data: "nonconformingItemDetail",
xing:"1"
},{
span: 1,
label: "报告书编号",
value: "",
data: "reportNumber",
xing:"1"
},{
span: 1,
label: "检验结果",
value: "",
data: "testResult",
xing:"1"
},{
span: 1,
label: "结果单位",
value: "",
data: "resultUnit",
xing:"1"
},{
span: 1,
label: "判定依据",
value: "",
data: "basisJudgment",
xing:"1"
},{
span: 1,
label: "检验依据",
value: "",
data: "inspectionBasis",
xing:"1"
},{
span: 1,
label: "限值规定",
value: "",
data: "limit",
xing:"1"
},{
span: 1,
label: "检验报告",
value: "",
data: "检验",
xing:"1"
},{
span: 1,
label: "备注",
value: "",
data: "remark",
xing:"1"
}, },
],
dialogVisible: false,
loading: false,
radio: 0,
input: "",
tableList: [
{ {
span: 2, name: "辽宁护肤霜",
label: "详细地址", type: "化妆品",
value: "", num: "1231231231231",
data: "asd", enterpriseName: "xxxx有限公司",
}, },
{ {
span: 1, name: "辽宁护肤霜",
label: "电话", type: "药品",
value: "", num: "1231231231231",
data: "asd", enterpriseName: "xxxx有限公司",
}, },
{ {
span: 1, name: "辽宁护肤霜",
label: "联系人", type: "医疗器械",
value: "", num: "1231231231231",
data: "asd", enterpriseName: "xxxx有限公司",
}, },
{ {
span: 1, name: "辽宁护肤霜",
label: "备注(需要其他说明的情况)", type: "化妆品",
value: "", num: "1231231231231",
data: "asd", enterpriseName: "xxxx有限公司",
},
{
name: "辽宁护肤霜",
type: "医疗器械",
num: "1231231231231",
enterpriseName: "xxxx有限公司",
},
{
name: "辽宁护肤霜",
type: "化妆品",
num: "1231231231231",
enterpriseName: "xxxx有限公司",
}, },
], ],
}; };
@ -392,85 +426,160 @@ export default {
components: { components: {
descriptions, descriptions,
headerTitle, headerTitle,
tables
}, },
methods: { methods: {
open() { MYcoback(myindex) {
this.dialogVisible = true; this.mydescriptions[myindex] = !this.mydescriptions[myindex];
},
open(rew) {
console.log(798, rew);
if(rew){
this.filter(rew.completeTaskVO.daisCosmeticsProvincialSamplingTask,this.list1)
this.filter(rew.completeTaskVO.daisCosmeticsProvincialSamplingTask,this.list2)
this.filter(rew.completeTaskVO.daisCosmeticsProvincialSamplingTask,this.list3)
this.filter(rew.completeTaskVO.daisCosmeticsProvincialSamplingTask,this.list4)
this.filter(rew.completeTaskVO.daisCosmeticsProvincialSamplingTask,this.list5)
this.filter(rew.daisCosmeticsProvincialSamplingSpotCheck,this.list6)
this.tableData = rew.completeTaskVO.cosmeticsProvincialSamplingTaskPeoples
}
},
//
filter(A, B) {
for (let key in A) {
B.forEach((values, index) => {
if (values.data == key) {
B[index].value = A[key];
}
if (values.data == "areaType") {
if (A[key] == "1") {
B[index].value = "省级";
} else if (A[key] == "2") {
B[index].value = "直辖市";
} else if (A[key] == "3") {
B[index].value = "地级市";
} else if (A[key] == "4") {
B[index].value = "区县";
} else if (A[key] == "5") {
B[index].value = "县级以下";
}
}
if (values.data == "isQualified") {
if (A[key] == "1") {
B[index].value = "合格";
} else if (A[key] == "2") {
B[index].value = "不合格";
}
}
});
}
}, },
}, },
}; };
</script> </script>
<style lang="scss" scoped>
<style lang="scss" scoped>
::v-deep .el-dialog__header { ::v-deep .el-dialog__header {
background: #f8f9fa; background: #f8f9fa;
} }
.headerText {
color: #333333; .margin-top {
} margin: 15px 0;
.header--title {
display: flex;
justify-content: space-between;
align-items: center;
.title--left {
display: flex;
align-items: center;
.line {
width: 4px;
height: 16px;
background: #1e80eb;
margin-right: 8px;
}
.title {
font-size: 18px;
font-weight: bold;
color: #1e80eb;
}
}
} }
::v-deep .el-descriptions-row > th { ::v-deep .el-descriptions-row>th {
width: 20%; width: 18%;
background: #f5f7fa; background: #f5f7fa;
color: #292f38; color: #292f38;
font-weight: 500; font-weight: 500;
} }
::v-deep .el-descriptions-row > td {
width: 30%; ::v-deep .el-descriptions-row>td {
width: 32%;
} }
.lastBox { .lastBox {
width: 100%; margin-top: 15px;
margin-top:15px;
border: 1px dashed #dee2ee;
button {
background: #1e80eb;
font-size:14px;
padding:4px 14px;
color: #fff;
border: none;
border-radius: 0px 0px 15px 0px;
}
} }
.margin-top{
margin: 20px; ::v-deep .radioBox .el-descriptions-row>td {
width: 82%;
} }
::v-deep .lastBox .el-descriptions-row > td {
width: 80%; ::v-deep .lastBox .el-descriptions-row>th {
width: 10% !important;
} }
::v-deep .lastBox .el-descriptions-row>td {
width: 82%;
padding: 0;
}
::v-deep .el-input {
width: 50% !important;
margin-left: 25px;
}
::v-deep .el-dialog:not(.is-fullscreen) { ::v-deep .el-dialog:not(.is-fullscreen) {
margin-bottom: 1vh !important; margin-bottom: 1vh !important;
} }
.fileBox { .fileBox {
margin-top: 8px; margin: 8px 0;
display: flex; display: flex;
color: #333; color: #333;
cursor: pointer; cursor: pointer;
& > span {
&>span {
font-size: 14px; font-size: 14px;
} }
.file-icon { .file-icon {
color: #02d1a6; color: #02d1a6;
margin-left: 40px; margin-left: 40px;
} }
} }
</style>
.isYes {
margin-top: 10px;
display: flex;
border: 1px solid #e6ebf5;
height: 50px;
header {
height: 100%;
width: 12%;
padding-left: 8px;
background: #f5f7fa;
display: flex;
color: #292f38;
align-items: center;
}
.is-items {
height: 100%;
flex: 1;
display: flex;
justify-content: space-between;
section {
width: 90%;
display: flex;
padding-left: 10px;
align-items: center;
}
.lastAside {
width: 5%;
height: 100%;
background: #22c98d;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
}
}</style>
<style lang="scss">.el-radio {
margin-top: 10px;
}</style>

@ -11,96 +11,27 @@
<div slot="title" class="headerText">详情</div> --> <div slot="title" class="headerText">详情</div> -->
<!-- 医疗器械品种信息详情 --> <!-- 医疗器械品种信息详情 -->
<div> <div>
<headerTitle header="基本信息"></headerTitle> <headerTitle header="基本信息" @MYcoback="MYcoback" myindex="show6"></headerTitle>
<descriptions :descriptionsList="list1"></descriptions> <descriptions :descriptionsList="list6" v-show="mydescriptions.show6"></descriptions>
<headerTitle header="抽样情况"></headerTitle>
<descriptions :descriptionsList="list2"></descriptions> <headerTitle header="被抽样单位信息" @MYcoback="MYcoback" myindex="show1"></headerTitle>
<headerTitle header="被抽样企业和单位情况"></headerTitle> <descriptions :descriptionsList="list1" v-show="mydescriptions.show1"></descriptions>
<descriptions :descriptionsList="list3"></descriptions>
<headerTitle header="其他信息"></headerTitle> <headerTitle header="样品基本信息" @MYcoback="MYcoback" myindex="show2"></headerTitle>
<div class="radioBox"> <descriptions :descriptionsList="list2" v-show="mydescriptions.show2"></descriptions>
<el-descriptions class="margin-top" :column="2" border>
<el-descriptions-item :span="2"> <headerTitle header="药品支付信息" @MYcoback="MYcoback" myindex="show3"></headerTitle>
<template slot="label"> 列入省抽计划原因</template> <descriptions :descriptionsList="list3" v-show="mydescriptions.show3"></descriptions>
<el-radio-group v-model="radio">
<el-radio :label="0">本行政区域内注册或者备案的产品</el-radio> <headerTitle header="抽样单位信息" @MYcoback="MYcoback" myindex="show4"></headerTitle>
<el-radio :label="1" <descriptions :descriptionsList="list4" v-show="mydescriptions.show4"></descriptions>
>产品风险较高但未列入国抽与高抽补充品种</el-radio
> <headerTitle header="检验信息" @MYcoback="MYcoback" myindex="show5"></headerTitle>
<el-radio :label="2">列入上一年省抽计划但实际未抽到的</el-radio> <descriptions :descriptionsList="list5" v-show="mydescriptions.show5"></descriptions>
<el-radio :label="1"
>列入上一年国抽计划但未实际未抽到的</el-radio <div class="lastBox" v-show="mydescriptions.show5">
> <tables :labels="labels" :list="tableData"></tables>
<el-radio :label="2">既往国家抽查检验不符合规定的</el-radio> <!-- <div class="isYes">
<el-radio :label="1">既往本省省级抽查检验不符合规定的</el-radio>
<el-radio :label="2"
>日常监管不良事件检测等发现可能存在质量问题的</el-radio
>
<el-radio :label="2"
>国家或省级抽查检验中确认非标示生产企业生产的</el-radio
>
<el-radio :label="2">在用医疗器械检验</el-radio>
<el-radio :label="2"
>其他监管需要的另请在备注栏里说明原因</el-radio
>
<el-input
v-model="input"
size="mini"
placeholder="请输入内容"
></el-input>
</el-radio-group>
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label"> 已传的检验报告</template>
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<i class="el-icon-download"></i>
下载
</div>
</div>
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
</el-descriptions>
</div>
<headerTitle header="检验信息"></headerTitle>
<descriptions :descriptionsList="list4"></descriptions>
<headerTitle header="检验项目"></headerTitle>
<div class="lastBox">
<el-table
v-loading="loading"
:data="tableList"
border
:stripe="false"
>
<el-table-column type="index" label="序号" width="55" />
<el-table-column label="检验项目" prop="name" />
<el-table-column label="关键风险指标" prop="type">
</el-table-column>
<el-table-column label="标准条款" prop="num" />
<el-table-column label="条款" prop="enterpriseName" />
<el-table-column label="条款路径" prop="enterpriseName" />
<el-table-column label="判定原则" prop="enterpriseName" />
<el-table-column label="备注" prop="enterpriseName" />
<el-table-column label="检验结果" prop="enterpriseName" />
<el-table-column label="检验结论" prop="enterpriseName" />
<el-table-column label="不合格项目细化名称" prop="enterpriseName" />
<el-table-column label="不合格项目说明" prop="enterpriseName" />
<el-table-column label="不合格项目危害" prop="enterpriseName" />
</el-table>
<div class="isYes">
<header>综合判定</header> <header>综合判定</header>
<div class="is-items"> <div class="is-items">
<section> <section>
@ -108,7 +39,7 @@
</section> </section>
<div class="lastAside">合格</div> <div class="lastAside">合格</div>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
<!-- </el-dialog> --> <!-- </el-dialog> -->
@ -117,235 +48,438 @@
<script> <script>
import headerTitle from "@/views/firmContent/components/headerTitle"; import headerTitle from "@/views/firmContent/components/headerTitle";
import descriptions from "@/views/components/descriptions"; import descriptions from "@/views/components/descriptions";
import tables from "@/views/firmContent/components/table/index.vue";
export default { export default {
data() { data() {
return { return {
// //
tableData: [],
mydescriptions: {
show1: true,
show2: true,
show3: true,
show4: true,
show5: true,
show6: true,
show7: true,
show8: true,
show9: true,
},
labels: [
{
header: "大类",
value: "largeCategory",
width: "",
},
{
header: "检验项目",
value: "inspectProject",
width: "",
},
{
header: "检验结果",
value: "bzgd",
width: "",
},
{
header: "备注",
value: "remarks",
width: "",
},
{
header: "检验结论",
value: "inspectConclusion",
width: "",
},
],
list1: [ list1: [
{ {
span: 1, span: 1,
label: "计划名称", label: "被抽样单位名称",
value: "", value: "",
data: "asd", data: "sampledUnitName",
}, },
{ {
span: 1, span: 1,
label: "计划类型", label: "联系人",
value: "", value: "",
data: "idsd", data: "sampledUnitContacts",
}, },
{ {
span: 1, span: 1,
label: "品种名称", label: "电话",
value: "", value: "",
data: "", data: "unitTelephone",
}, },
{ {
span: 1, span: 1,
label: "抽样省局", label: "详细地址",
value: "", value: "",
data: "", data: "unitAddress",
}, },
{ {
span: 1, span: 1,
label: "抽样编号", label: "被抽检单位所在市",
value: "", value: "",
data: "", data: "licenseHolderProvince",
}, },
{ {
span: 1, span: 1,
label: "抽样日期", label: "监管单位名称",
value: "", value: "",
data: "", data: "supervisionUnit",
},
{
span: 1,
label: "统一社会信用代码",
value: "",
data: "uniscid",
},
{
span: 1,
label: "药品上市许可持有人(含配制单位或产地)",
value: "",
data: "licenseHolder",
},
{
span: 1,
label: "药品上市许可持有人地址",
value: "",
data: "licenseHolderAddr",
},
{
span: 1,
label: "所属省份",
value: "",
data: "licenseHolderProvince",
}, },
], ],
// //
list2: [ list2: [
{ {
span: 1, span: 1,
label: "指示产品名称", label: "样品通用名称",
value: "", value: "",
data: "", data: "sampleName",
}, },
{ {
span: 1, span: 1,
label: "产品注册标准(产品技术要求)", label: "样品商品名称",
value: "", value: "",
data: "", data: "tradeName",
}, },
{ {
span: 1, span: 1,
label: "产品注册证(备案号)", label: "批准文号",
value: "", value: "",
data: "", data: "sampleBatchNumber",
}, },
{ {
span: 1, span: 1,
label: "生产单位省份", label: "批号",
value: "", value: "",
data: "", data: "batchNumber",
}, },
{ {
span: 1, span: 1,
label: "标示生产单位", label: "生产日期",
value: "", value: "",
data: "", data: "sampleProduceDate",
}, },
{ {
span: 1, span: 1,
label: "地址", label: "有效期限",
value: "", value: "",
data: "", data: "sampleValidityDate",
}, },
{ {
span: 1, span: 1,
label: "电话", label: "剂型",
value: "", value: "",
data: "", data: "samplePreparationName",
}, },
{ {
span: 1, span: 1,
label: "传真", label: "制剂规格",
value: "", value: "",
data: "", data: "sampleProductStandard",
}, },
{ {
span: 1, span: 1,
label: "规格/型号", label: "包装规格",
value: "", value: "",
data: "", data: "samplePackingSize",
}, },
{ {
span: 1, span: 1,
label: "生产日期/批号/出厂编号", label: "药品大类",
value: "", value: "",
data: "", data: "sampleMainClass",
}, },
{ {
span: 1, span: 1,
label: "生产或购进数量", label: "药品细类",
value: "", value: "",
data: "", data: "sampleCellClassName",
}, },
{ {
span: 1, span: 1,
label: "已销售或使用数量", label: "样品贮存条件",
value: "", value: "",
data: "", data: "sampleSaveCondition",
}, },
{ {
span: 1, span: 1,
label: "库存数量", label: "样品贮存温度",
value: "", value: "",
data: "", data: "sampleSaveTemp",
}, },
{ {
span: 1, span: 1,
label: "抽样数量", label: "样品贮存相对湿度",
value: "", value: "",
data: "", data: "sampleSaveRh",
}, },
{ {
span: 1, span: 1,
label: "有效期截至日期", label: "是否基药",
value: "", value: "",
data: "", data: "isBaseDrug",
}, },
{ {
span: 1, span: 1,
label: "抽样地点", label: "是否国家药品集中招标采购中标品种",
value: "", value: "",
data: "", data: "isWinBid",
}, },
{ {
span: 1, span: 1,
label: "商标", label: "进口分包装企业",
value: "", value: "",
data: "", data: "",
}, },
{
span: 1,
label: "进口分包装批号",
value: "",
data: "enterpriseNameImport",
}, {
span: 1,
label: "样品内包装",
value: "",
data: "sampleImport",
}, {
span: 1,
label: "抽样数量",
value: "",
data: "sampleCount",
}, {
span: 1,
label: "抽样说明",
value: "",
data: "sampleDescription",
}, {
span: 1,
label: "药品单价",
value: "",
data: "unitPrice",
}, {
span: 1,
label: "药品总价",
value: "",
data: "totalPrice",
}, {
span: 1,
label: "结算方式",
value: "",
data: "settlementModes",
},
], ],
// //
list3: [ list3: [
{ {
span: 1, span: 1,
label: "抽样环节", label: "支付单位",
value: "", value: "",
data: "", data: "paymentUnit",
}, },
{ {
span: 1, span: 1,
label: "许可证(备案号)", label: "统一社会信用代码",
value: "", value: "",
data: "", data: "",
}, },
{ {
span: 1, span: 1,
label: "企业和单位名称", label: "联系人",
value: "", value: "",
data: "", data: "payeeContacts",
}, },
{ {
span: 1, span: 1,
label: "地址", label: "电话",
value: "", value: "",
data: "", data: "payeeTel",
}, },
{ {
span: 1, span: 1,
label: "法定代表人或负责人", label: "通讯地址",
value: "", value: "",
data: "", data: "mailAddress",
}, },
{ {
span: 1, span: 1,
label: "邮政编码", label: "支付单位(元)",
value: "", value: "",
data: "", data: "paymentUnit",
}, },
{ {
span: 1, span: 1,
label: "电话", label: "支付日期",
value: "", value: "",
data: "", data: "paymentDate",
}, },
{ {
span: 1, span: 1,
label: "传真", label: "收款单位名称",
value: "", value: "",
data: "", data: "payeeName",
}, }, {
span: 1,
label: "收款单位银行账户",
value: "",
data: "payeeBankAccount",
}, {
span: 1,
label: "收款单位开户行",
value: "",
data: "payeeOpeningBank",
}, {
span: 1,
label: "收款单位开户行行号",
value: "",
data: "payeeOpeningBankNumber",
}, {
span: 1,
label: "收款单位提供票据",
value: "",
data: "payeeReceiptProvided",
}, {
span: 1,
label: "其他说明",
value: "",
data: "otherDescription",
}
], ],
// //
list4: [ list4: [
{ {
span: 1, span: 1,
label: "检验机构", label: "抽样单位名称",
value: "", value: "",
data: "", data: "unitName",
},
{
span: 1,
label: "抽样单位电话",
value: "",
data: "unitTelephone",
},
{
span: 1,
label: "地区(市、州、盟)",
value: "",
data: "unitCity",
},
{
span: 1,
label: "备注(需要其他说明的情况)",
value: "",
data: "remarks",
},
],
list5: [
{
span: 1,
label: "报告书编号",
value: "",
data: "reportCompile",
}, },
{ {
span: 1, span: 1,
label: "检验依据", label: "检验依据",
value: "", value: "",
data: "", data: "inspectBasis",
}, },
{ {
span: 2, span: 1,
label: "检验结果", label: "检验类型",
value: "", value: "",
data: "", data: "inspectType",
}, },
{ {
span: 2, span: 1,
label: "不合格项目", label: "检验报告书结论",
value: "", value: "",
data: "", data: "isComplies",
}, {
span: 1,
label: "报告上传",
value: "",
data: "isLoad",
}, {
span: 1,
label: "签发日期",
value: "",
data: "issueDate",
}, {
span: 1,
label: "检验单位",
value: "",
data: "inspectName",
},
],
list6: [
{
span: 1,
label: "计划名称",
value: "",
data: "planName",
}, },
{ {
span: 1, span: 1,
label: "备注", label: "抽样单号编号",
value: "", value: "",
data: "", data: "sampleNumber",
},
{
span: 1,
label: "抽样时间",
value: "",
data: "sampleDate",
},
{
span: 1,
label: "抽样环节",
value: "",
data: "sampleLinkName",
}, {
span: 1,
label: "抽样任务",
value: "",
data: "inspectTypeName",
}, {
span: 1,
label: "承检机构",
value: "",
data: "inspectionAgency",
}, },
], ],
dialogVisible: false, dialogVisible: false,
@ -394,11 +528,64 @@ export default {
}, },
components: { components: {
descriptions, descriptions,
headerTitle headerTitle,
tables
}, },
methods: { methods: {
open() { MYcoback(myindex) {
this.dialogVisible = true; this.mydescriptions[myindex] = !this.mydescriptions[myindex];
},
open(rew) {
console.log(798, rew);
if (rew) {
this.filter(rew.completeTaskVO.daisSampleTask, this.list1);
this.filter(rew.completeTaskVO.daisSampleTask, this.list4);
this.filter(rew.completeTaskVO.daisSampleTask, this.list6);
this.filter(rew.daisInspectInfo, this.list5);
if (rew.daisInspectInfo.daisFileUploadList) {
this.labels = rew.daisInspectInfo.daisFileUploadList
}
this.filter(rew.completeTaskVO.daisSample, this.list2);
this.filter(rew.completeTaskVO.daisSample, this.list3);
}
},
//
filter(A, B) {
for (let key in A) {
B.forEach((values, index) => {
if (values.data == key) {
B[index].value = A[key];
}
if (values.data == "isBaseDrug") {
if (A[key] == "1") {
B[index].value = "是";
} else if (A[key] == "0") {
B[index].value = "否";
}
}
if (values.data == "isComplies") {
if (A[key] == "1") {
B[index].value = "符合规定";
} else if (A[key] == "2") {
B[index].value = "不符合规定";
}
}
if (values.data == "sampleSaveRh") {
B[index].value = B[index].value + ''
if (!B[index].value.includes('%')) {
B[index].value = B[index].value + '%';
}
}
if (values.data == "sampleSaveTemp") {
B[index].value = B[index].value + ''
if (!B[index].value.includes('℃')) {
B[index].value = B[index].value + '℃';
}
}
});
}
}, },
}, },
}; };
@ -411,53 +598,66 @@ export default {
.margin-top { .margin-top {
margin: 15px 0; margin: 15px 0;
} }
::v-deep .el-descriptions-row > th {
::v-deep .el-descriptions-row>th {
width: 18%; width: 18%;
background: #f5f7fa; background: #f5f7fa;
color: #292f38; color: #292f38;
font-weight: 500; font-weight: 500;
} }
::v-deep .el-descriptions-row > td {
::v-deep .el-descriptions-row>td {
width: 32%; width: 32%;
} }
.lastBox { .lastBox {
margin-top: 15px; margin-top: 15px;
} }
::v-deep .radioBox .el-descriptions-row > td {
::v-deep .radioBox .el-descriptions-row>td {
width: 82%; width: 82%;
} }
::v-deep .lastBox .el-descriptions-row > th {
::v-deep .lastBox .el-descriptions-row>th {
width: 10% !important; width: 10% !important;
} }
::v-deep .lastBox .el-descriptions-row > td {
::v-deep .lastBox .el-descriptions-row>td {
width: 82%; width: 82%;
padding: 0; padding: 0;
} }
::v-deep .el-input { ::v-deep .el-input {
width: 50% !important; width: 50% !important;
margin-left: 25px; margin-left: 25px;
} }
::v-deep .el-dialog:not(.is-fullscreen) { ::v-deep .el-dialog:not(.is-fullscreen) {
margin-bottom: 1vh !important; margin-bottom: 1vh !important;
} }
.fileBox { .fileBox {
margin: 8px 0; margin: 8px 0;
display: flex; display: flex;
color: #333; color: #333;
cursor: pointer; cursor: pointer;
& > span {
&>span {
font-size: 14px; font-size: 14px;
} }
.file-icon { .file-icon {
color: #02d1a6; color: #02d1a6;
margin-left: 40px; margin-left: 40px;
} }
} }
.isYes { .isYes {
margin-top: 10px; margin-top: 10px;
display: flex; display: flex;
border: 1px solid #e6ebf5; border: 1px solid #e6ebf5;
height: 50px; height: 50px;
header { header {
height: 100%; height: 100%;
width: 12%; width: 12%;
@ -467,17 +667,20 @@ export default {
color: #292f38; color: #292f38;
align-items: center; align-items: center;
} }
.is-items { .is-items {
height: 100%; height: 100%;
flex: 1; flex: 1;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
section { section {
width: 90%; width: 90%;
display: flex; display: flex;
padding-left:10px; padding-left: 10px;
align-items: center; align-items: center;
} }
.lastAside { .lastAside {
width: 5%; width: 5%;
height: 100%; height: 100%;

@ -24,7 +24,64 @@
<headerTitle header="抽样单位信息"></headerTitle> <headerTitle header="抽样单位信息"></headerTitle>
<descriptions :descriptionsList="list5"></descriptions> <descriptions :descriptionsList="list5"></descriptions>
<headerTitle header="其他信息"></headerTitle>
<div class="radioBox">
<el-descriptions class="margin-top" :column="2" border>
<el-descriptions-item :span="2">
<template slot="label"> 列入省抽计划原因</template>
<el-radio-group v-model="radio">
<el-radio :label="0">本行政区域内注册或者备案的产品</el-radio>
<el-radio :label="1"
>产品风险较高但未列入国抽与高抽补充品种</el-radio
>
<el-radio :label="2">列入上一年省抽计划但实际未抽到的</el-radio>
<el-radio :label="1"
>列入上一年国抽计划但未实际未抽到的</el-radio
>
<el-radio :label="2">既往国家抽查检验不符合规定的</el-radio>
<el-radio :label="1">既往本省省级抽查检验不符合规定的</el-radio>
<el-radio :label="2"
>日常监管不良事件检测等发现可能存在质量问题的</el-radio
>
<el-radio :label="2"
>国家或省级抽查检验中确认非标示生产企业生产的</el-radio
>
<el-radio :label="2">在用医疗器械检验</el-radio>
<el-radio :label="2"
>其他监管需要的另请在备注栏里说明原因</el-radio
>
<el-input
v-model="input"
size="mini"
placeholder="请输入内容"
></el-input>
</el-radio-group>
</el-descriptions-item>
<el-descriptions-item :span="2">
<template slot="label"> 已传的检验报告</template>
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<i class="el-icon-download"></i>
下载
</div>
</div>
<div class="fileBox">
<span>
<i class="el-icon-s-marketing"></i>
</span>
<div>A项目检验报告.doc</div>
<div class="file-icon">
<i class="el-icon-download"></i>
下载
</div>
</div>
</el-descriptions-item>
</el-descriptions>
</div>
<headerTitle header="检验信息"></headerTitle> <headerTitle header="检验信息"></headerTitle>
<div class="lastBox"> <div class="lastBox">
<el-descriptions class="margin-top" :column="2" border> <el-descriptions class="margin-top" :column="2" border>
@ -158,7 +215,7 @@ export default {
{ {
span: 1, span: 1,
label: "统一社会信用代码 ", label: "统一社会信用代码 ",
value: "", value: "---",
data: "", data: "",
}, },
{ {

@ -1,69 +1,60 @@
<template> <template>
<div class="adverseReaction"> <div class="adverseReaction">
<!-- <div class="drug-input">
<div class="inputs">
<div class="rank" v-show="urlA.type == 1">
<div class="input--label">发生年份</div>
<div>
<el-input v-model="form1.fsnf" placeholder="请输入发生年份"></el-input>
</div>
</div>
<div class="rank" v-show="urlA.type == 1">
<div class="input--label">报告编号</div>
<div>
<el-input v-model="form1.cybh" placeholder="请输入报告编号"></el-input>
</div>
</div>
<div class="rank">
<div class="input--label">报告类型</div>
<el-select v-model="form1.zzjyjl" placeholder="请选择报告类型:">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
<div class="rank" v-show="urlA.type != 1 ">
<div class="input--label">不良反应名称</div>
<div>
<el-input v-model="form1.cybh" placeholder="请输入不良反应名称"></el-input>
</div>
</div>
</div>
<div class="search-btns">
<button class="reset" @click="reset"></button>
<button class="inquire" @click="inquire()"></button>
</div>
</div> -->
<block-header title="查询结果"> <block-header title="查询结果">
<div class="tables"> <div class="tables">
<el-table <el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>
:data="tableData" <el-table-column prop="id" header-align="center" label="序号" width="80">
style="width: 100%"
:cell-style="columnStyle"
v-loading="loading"
border
>
<el-table-column
prop="id"
header-align="center"
label="序号"
width="80"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="durgName" header-align="center" label="药品通用名称">
prop="durgName"
header-align="center"
label="药品通用名称"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="wenhao" label="批准文号" header-align="center">
prop="wenhao"
label="批准文号"
header-align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="bianhao" label="报告编号" header-align="center">
prop="bianhao"
label="报告编号"
header-align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="name" label="患者姓名" header-align="center">
prop="name"
label="患者姓名"
header-align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="hospitalName" label="医院名称" header-align="center">
prop="hospitalName"
label="医院名称"
header-align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="addresName" label="报告地区名称" header-align="center">
prop="addresName"
label="报告地区名称"
header-align="center"
>
</el-table-column> </el-table-column>
<el-table-column <el-table-column label="操作" header-align="center" width="100">
label="操作"
header-align="center"
width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<div class="button"> <div class="button">
<el-button <el-button size="mini" class="informant-btn" plain type="primary"
size="mini"
class="informant-btn"
plain
type="primary"
@click="handleEdit(scope.$index, scope.row)">查看 @click="handleEdit(scope.$index, scope.row)">查看
</el-button> </el-button>
</div> </div>
@ -71,7 +62,7 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo':''"> <div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
<!-- <span class="custom" <!-- <span class="custom"
>{{ total }}显示{{ >{{ total }}显示{{
total == 0 total == 0
@ -84,17 +75,9 @@
<span class="custom"> <span class="custom">
共0条显示0条 共0条显示0条
</span> </span>
<el-pagination <el-pagination background :small="transinformation.b == '1'" :page-sizes="[10, 15]" :total="total"
background layout=" prev, pager, next, sizes, jumper" @current-change="currentChange" @size-change="sizeChange"
:small="transinformation.b == '1'" :current-page.sync="currentPage" :page-size.sync="pageSize">
:page-sizes="[10, 15]"
:total="total"
layout=" prev, pager, next, sizes, jumper"
@current-change="currentChange"
@size-change="sizeChange"
:current-page.sync="currentPage"
:page-size.sync="pageSize"
>
</el-pagination> </el-pagination>
</div> </div>
</block-header> </block-header>
@ -102,10 +85,11 @@
</template> </template>
<script> <script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue" import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
import { mapState } from "vuex";
export default { export default {
data() { data() {
return { return {
tableData:[ tableData: [
// { // {
// id:1, // id:1,
// durgName:'', // durgName:'',
@ -116,38 +100,75 @@ export default {
// addresName:'', // addresName:'',
// } // }
], ],
loading:false, form1: {
size: 10,
current: 1,
//
cybh: "",
//
yppzwh: '',
zzjyjl: "",
fsnf:""
},
options1: [
{
value: 0,
label: "一般",
},
{
value: 1,
label: "严重",
},
],
loading: false,
// adverseReactionStyle:{ // adverseReactionStyle:{
// height:'' // height:''
// } // }
currentPage:1, currentPage: 1,
pageSize:10, pageSize: 10,
total:0, total: 0,
} }
}, },
props:['transinformation'], props: ['transinformation'],
components:{ blockHeader }, components: { blockHeader },
methods:{ methods: {
// tabs // tabs
columnStyle({ row, column, rowIndex, columnIndex }) { columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 7 || columnIndex == 0) { if (columnIndex == 7 || columnIndex == 0) {
return "font-family: DIN;"; return "font-family: DIN;";
} else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) { } else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) {
return "font-family: Source Han Sans CN;"; return "font-family: Source Han Sans CN;";
} else if(columnIndex == 5 || columnIndex == 6 || columnIndex == 8) { } else if (columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
return "font-family: Adobe Heiti Std;font-weight: normal;"; return "font-family: Adobe Heiti Std;font-weight: normal;";
} }
}, },
handleEdit(index,row){ handleEdit(index, row) {
}, },
currentChange(index){ currentChange(index) {
}, },
sizeChange(index){ sizeChange(index) {
}, },
reset() {
this.form1 = {
size: 10,
current: 1,
//
cybh: "",
//
yppzwh: '',
zzjyjl: ""
}
},
inquire() { }
}, },
computed:{
...mapState({
urlA: (state) => state.app.urlA,
}),
}
// mounted(){ // mounted(){
// this.$nextTick(()=>{ // this.$nextTick(()=>{
// let dom = document.getElementsByClassName('adverseReaction'); // let dom = document.getElementsByClassName('adverseReaction');
@ -162,14 +183,17 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/styles/utils.scss"; @import "@/assets/styles/utils.scss";
.adverseReaction { .adverseReaction {
// overflow-y: scroll; // overflow-y: scroll;
} }
.tables { .tables {
.button { .button {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.informant-btn { .informant-btn {
padding: 12px 30px; padding: 12px 30px;
width: vw(44); width: vw(44);
@ -181,6 +205,7 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
::v-deep span { ::v-deep span {
display: inline-block; display: inline-block;
color: #1e80eb; color: #1e80eb;
@ -189,6 +214,7 @@ export default {
font-weight: normal; font-weight: normal;
} }
} }
::v-deep .el-table td { ::v-deep .el-table td {
height: vh(40); height: vh(40);
padding: 0; padding: 0;
@ -196,6 +222,7 @@ export default {
font-weight: 400; font-weight: 400;
color: #292F38; color: #292F38;
} }
::v-deep .el-table th { ::v-deep .el-table th {
height: vh(40); height: vh(40);
padding: 0; padding: 0;
@ -205,22 +232,27 @@ export default {
color: #292f38; color: #292f38;
line-height: vh(50); line-height: vh(50);
} }
::v-deep .cell { ::v-deep .cell {
text-align: center; text-align: center;
} }
} }
.pagination { .pagination {
margin-top: 17px; margin-top: 17px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
// padding-bottom: vh(20); // padding-bottom: vh(20);
::v-deep .el-pagination__jump { ::v-deep .el-pagination__jump {
margin: 0; margin: 0;
} }
::v-deep .el-input--mini .el-input__inner { ::v-deep .el-input--mini .el-input__inner {
height: vw(28); height: vw(28);
} }
.custom { .custom {
font-size: 14px; font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN; font-family: Source Han Sans CN-Regular, Source Han Sans CN;
@ -229,11 +261,13 @@ export default {
line-height: 18px; line-height: 18px;
} }
} }
.paginationTwo { .paginationTwo {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
padding-bottom: vh(20); padding-bottom: vh(20);
.custom { .custom {
font-size: vb(14); font-size: vb(14);
font-family: Source Han Regular CN; font-family: Source Han Regular CN;
@ -242,4 +276,125 @@ export default {
line-height: vh(28); line-height: vh(28);
} }
} }
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
// width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vb(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
// width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vb(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
.drug-input {
padding: vh(20) vw(22);
display: flex;
align-items: center;
.inputs {
display: flex;
align-items: center;
.rank,
.number {
display: flex;
align-items: center;
margin-right: vw(39);
.input--label {
font-size: vb(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
}
::v-deep .el-input__inner {
width: vw(360);
height: vw(40);
border-radius: vw(2);
}
::v-deep .el-select__caret::before {
line-height: vw(40);
}
}
.number {
// margin-left: vw(39);
}
}
.search-btns {
margin-left: vw(40);
display: flex;
align-items: center;
.inquire {
display: flex;
justify-content: center;
align-items: center;
border: none;
// width: vw(64);
height: vh(40);
background: #1e80eb;
border-radius: vw(4);
font-size: vb(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
line-height: vh(50);
margin-left: vw(10);
cursor: pointer;
}
.reset {
display: flex;
justify-content: center;
align-items: center;
// width: vw(64);
height: vh(40);
border: vw(1) solid #1e80eb;
border-radius: vw(4);
background-color: #fff;
font-size: vb(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #1e80eb;
line-height: vh(50);
cursor: pointer;
}
}
}
</style> </style>

@ -1,5 +1,22 @@
<template> <template>
<div class="adverseReaction"> <div class="adverseReaction">
123
<div class="drug-input">
<div class="inputs">
<div class="rank">
<div class="input--label">最终检验结论</div>
<el-select v-model="form1.zzjyjl" placeholder="请选择检验结论">
<el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</el-select>
</div>
</div>
<div class="search-btns">
<button class="reset" @click="reset"></button>
<button class="inquire" @click="inquire()"></button>
</div>
</div>
<block-header :title="transinformation.title"> <block-header :title="transinformation.title">
<div class="tables"> <div class="tables">
<el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border> <el-table :data="tableData" style="width: 100%" :cell-style="columnStyle" v-loading="loading" border>

@ -7,7 +7,7 @@
<!-- <span class="Name">{{ 暂无 }}</span> --> <!-- <span class="Name">{{ 暂无 }}</span> -->
<span class="Name">{{ pruduct.value || "暂无" }}</span> <span class="Name">{{ pruduct.value || "暂无" }}</span>
</div> </div>
<div class="drug-tag"> <!-- <div class="drug-tag">
<el-tag :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false" <el-tag :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false"
@close="handleClose(tag)"> @close="handleClose(tag)">
{{ tag }} {{ tag }}
@ -16,11 +16,11 @@
@keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm"> @keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
</el-input> </el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput">+</el-button> <el-button v-else class="button-new-tag" size="small" @click="showInput">+</el-button>
</div> </div> -->
</div> </div>
<div class="isbuttom"> <div class="isbuttom">
<el-button type="primary" plain @click="gohuaxianga" <!-- <el-button type="primary" plain @click="gohuaxianga"
v-show="urlA.type != 4 && urlA.leixing != 'ggfw'">产品画像</el-button> v-show="urlA.type != 4 && urlA.leixing != 'ggfw'">产品画像</el-button> -->
<el-button type="primary" plain @click="goBack"></el-button> <el-button type="primary" plain @click="goBack"></el-button>
</div> </div>
@ -36,14 +36,14 @@
<span>基本信息</span> <span>基本信息</span>
</div> </div>
<div class="tab" @click="actionTab(2, $event)" :class="action == 2 ? 'actionTab' : ''" v-show="urlA.type != 4"> <div class="tab" @click="actionTab(2, $event)" :class="action == 2 ? 'actionTab' : ''" v-show="urlA.type != 4&&pruduct.type != '原料药'">
<img :src="action == 2 <img :src="action == 2
? `${require('@/assets/images/home/icon2-1@2x.png')}` ? `${require('@/assets/images/home/icon2-1@2x.png')}`
: `${require('@/assets/images/home/icon2-2@2x.png')}` : `${require('@/assets/images/home/icon2-2@2x.png')}`
" alt="" /> " alt="" />
<span>品种抽样</span> <span>抽样信息</span>
</div> </div>
<div class="tab" @click="actionTab(3, $event)" :class="action == 3 ? 'actionTab' : ''" v-show="urlA.type != 4"> <div class="tab" @click="actionTab(3, $event)" :class="action == 3 ? 'actionTab' : ''" v-show="urlA.type != 4&&pruduct.type != '原料药'">
<img :src="action == 3 <img :src="action == 3
? `${require('@/assets/images/home/icon5-1@2x.png')}` ? `${require('@/assets/images/home/icon5-1@2x.png')}`
: `${require('@/assets/images/home/icon5-2@2x.png')}` : `${require('@/assets/images/home/icon5-2@2x.png')}`
@ -51,7 +51,7 @@
<span>不良反应</span> <span>不良反应</span>
</div> </div>
<div class="tab" @click="actionTab(4, $event)" :class="action == 4 ? 'actionTab' : ''" <div class="tab" @click="actionTab(4, $event)" :class="action == 4 ? 'actionTab' : ''"
v-show="urlA.type != 1 && urlA.type != 4"> v-show="urlA.type != 1 && urlA.type != 4&&pruduct.type != '原料药'">
<img :src="action == 4 <img :src="action == 4
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
@ -72,100 +72,108 @@
" alt="" /> " alt="" />
<span>变更记录</span> <span>变更记录</span>
</div> </div>
<div class="tab" @click="actionTab(5, $event)" :class="action == 5 ? 'actionTab' : ''" v-show="urlA.type == 3"> <!-- <div class="tab" @click="actionTab(5, $event)" :class="action == 5 ? 'actionTab' : ''" v-show="urlA.type == 3">
<img :src="action == 5 <img :src="action == 5
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>临床实验备案信息</span> <span>临床实验备案信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(8, $event)" :class="action == 8 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(8, $event)" :class="action == 8 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 8 <img :src="action == 8
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>产品审评信息</span> <span>产品审评信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(9, $event)" :class="action == 9 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(9, $event)" :class="action == 9 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 9 <img :src="action == 9
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>产品受理信息</span> <span>产品受理信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(10, $event)" :class="action == 10 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(10, $event)" :class="action == 10 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 10 <img :src="action == 10
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>产品注册体系核查</span> <span>产品注册体系核查</span>
</div> </div> -->
<div class="tab" @click="actionTab(11, $event)" :class="action == 11 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(11, $event)" :class="action == 11 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 11 <img :src="action == 11
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>产品注册检验信息</span> <span>产品注册检验信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(12, $event)" :class="action == 12 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(12, $event)" :class="action == 12 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 12 <img :src="action == 12
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>注册证文件信息</span> <span>注册证文件信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(13, $event)" :class="action == 13 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(13, $event)" :class="action == 13 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 13 <img :src="action == 13
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>变更注册文件信息</span> <span>变更注册文件信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(14, $event)" :class="action == 14 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(14, $event)" :class="action == 14 ? 'actionTab' : ''"
v-show="pruduct.cpib == '第二类' && urlA.type == 3"> v-show="pruduct.cpib == '第二类' && urlA.type == 3">
<img :src="action == 14 <img :src="action == 14
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>临床试验监督抽查信息</span> <span>临床试验监督抽查信息</span>
</div> </div> -->
<div class="tab" @click="actionTab(15, $event)" :class="action == 15 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(15, $event)" :class="action == 15 ? 'actionTab' : ''"
v-show="urlA.type == 1"> v-show="urlA.type == 1">
<img :src="action == 15 <img :src="action == 15
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>检验报告</span> <span>检验报告</span>
</div> </div> -->
<div class="tab" @click="actionTab(16, $event)" :class="action == 16 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(16, $event)" :class="action == 16 ? 'actionTab' : ''"
v-show="urlA.type == 1"> v-show="urlA.type == 1">
<img :src="action == 16 <img :src="action == 16
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>信息变更</span> <span>信息变更</span>
</div> </div> -->
<div class="tab" @click="actionTab(17, $event)" :class="action == 17 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(17, $event)" :class="action == 17 ? 'actionTab' : ''"
v-show="urlA.type == 1 && (urlA.flag == 1 || urlA.flag == 3)"> v-show="urlA.type == 1 && (urlA.flag == 1 || urlA.flag == 3)">
<img :src="action == 17 <img :src="action == 17
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>年度报告</span> <span>年度报告</span>
</div> </div> -->
<div class="tab" @click="actionTab(18, $event)" :class="action == 18 ? 'actionTab' : ''" <!-- <div class="tab" @click="actionTab(18, $event)" :class="action == 18 ? 'actionTab' : ''"
v-show="urlA.type == 1 && (urlA.flag == 2 || urlA.flag == 4)"> v-show="urlA.type == 1 && (urlA.flag == 2 || urlA.flag == 4)">
<img :src="action == 18 <img :src="action == 18
? `${require('@/assets/images/home/icon1-1@2x.png')}` ? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}` : `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" /> " alt="" />
<span>产品名称命名依据</span> <span>产品名称命名依据</span>
</div> -->
<div class="tab" @click="actionTab(19, $event)" :class="action == 19 ? 'actionTab' : ''"
v-show="urlA.type != 4 && urlA.leixing != 'ggfw' && pruduct.type != 7&& pruduct.type != '原料药'">
<img :src="action == 19
? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" />
<span>产品画像</span>
</div> </div>
</div> </div>
</div> </div>
@ -268,7 +276,11 @@ export default {
}, },
methods: { methods: {
gohuaxianga() { gohuaxianga() {
location.href = `${location.origin}/ggfw-jcphx/#/bgpage?code=${this.pruduct.code}&name=${this.pruduct.name}&type=${this.pruduct.type}` setTimeout(() => {
// location.href = `${location.origin}/ggfw-jcphx/#/bgpage?code=${this.pruduct.code}&name=${this.pruduct.name}&type=${this.pruduct.type}`
console.log(`code=${this.pruduct.code}&name=${this.pruduct.name}&type=${this.pruduct.type}`);
}, 0);
}, },
handleClose(tag) { handleClose(tag) {
@ -296,6 +308,7 @@ export default {
}, },
// //
getCPName(e) { getCPName(e) {
this.pruduct.key = e.key; this.pruduct.key = e.key;
this.pruduct.value = e.value; this.pruduct.value = e.value;
this.pruduct.code = e.code; this.pruduct.code = e.code;
@ -303,8 +316,7 @@ export default {
this.pruduct.type = e.type; this.pruduct.type = e.type;
// //
this.pruduct.cpib = e.cpib; this.pruduct.cpib = e.cpib;
console.log(e, 8888); console.log(798,this.pruduct);
}, },
goBack() { goBack() {
this.$router.go(-1); this.$router.go(-1);
@ -440,6 +452,9 @@ export default {
this.getHeight(); this.getHeight();
}); });
// this.$router.push({ name:'adverseReaction' }) // this.$router.push({ name:'adverseReaction' })
} else if (id == 19) {
this.gohuaxianga()
// this.$router.push({ name:'adverseReaction' })
} }
}, },
getHeight() { getHeight() {

@ -1,6 +1,6 @@
<template> <template>
<div class="pzChouyang"> <div class="pzChouyang">
<div class="drug-input"> <!-- <div class="drug-input">
<div class="inputs"> <div class="inputs">
<div class="rank"> <div class="rank">
<div class="input--label">召回等级</div> <div class="input--label">召回等级</div>
@ -32,7 +32,7 @@
<button class="reset" @click="reset"></button> <button class="reset" @click="reset"></button>
<button class="inquire" @click="inquire()"></button> <button class="inquire" @click="inquire()"></button>
</div> </div>
</div> </div> -->
<block-header title="查询结果"> <block-header title="查询结果">
<div class="tables"> <div class="tables">
<el-table <el-table

@ -93,7 +93,7 @@ export default {
},{ },{
id:2, id:2,
label:'统一社会信用代码', label:'统一社会信用代码',
value:'xxxxxxxxxxxxxxxxxxxxxx', value:'----',
},{ },{
id:3, id:3,
label:'地区(市、州、盟)', label:'地区(市、州、盟)',

@ -170,7 +170,7 @@ export default {
{ {
span: 1, span: 1,
label: "统一社会信用代码", label: "统一社会信用代码",
value: "", value: "----",
data: "idsd", data: "idsd",
}, },
{ {

@ -158,7 +158,7 @@ export default {
{ {
span: 1, span: 1,
label: "统一社会信用代码 ", label: "统一社会信用代码 ",
value: "", value: "---",
data: "", data: "",
}, },
{ {

@ -1,14 +1,14 @@
<template> <template>
<div class="primaryWorkforce" :style="primaryWorkforceStyle"> <div class="primaryWorkforce" :style="primaryWorkforceStyle">
<block-header title="备案信息"> <block-header title="备案信息">
<!-- 描述列表组件 --> <!-- <!- 描述列表组件 -> -->
<my-descriptions :descriptions="descriptions"></my-descriptions> <my-descriptions :descriptions="descriptions"></my-descriptions>
</block-header> </block-header>
<block-header title="备案机构信息"> <block-header title="备案机构信息">
<my-descriptions :descriptions="descriptionstwo"></my-descriptions> <my-descriptions :descriptions="descriptionstwo"></my-descriptions>
</block-header> </block-header>
<block-header title="生产信息"> <block-header title="生产信息">
<!-- 描述列表组件 --> <!-- <!- 描述列表组件 -> -->
<my-descriptions :descriptions="descriptionsThree"></my-descriptions> <my-descriptions :descriptions="descriptionsThree"></my-descriptions>
</block-header> </block-header>
@ -27,50 +27,50 @@ export default {
loading: false, loading: false,
descriptions: [ descriptions: [
{ id: 1, value: '--', label: '通用名称' }, { id: 1, value: '-', label: '通用名称' },
{ id: 2, value: '--', label: '备案号' }, { id: 2, value: '-', label: '备案号' },
{ id: 3, value: '--', label: '剂型' }, { id: 3, value: '-', label: '剂型' },
{ id: 4, value: '--', label: '规格' }, { id: 4, value: '-', label: '规格' },
{ id: 5, value: '--', label: '有效期' }, { id: 5, value: '-', label: '有效期' },
{ id: 6, value: '--', label: '处方(含辅料)' }, { id: 6, value: '-', label: '处方(含辅料)' },
{ id: 7, value: '--', label: '是否有5年以上使用历史' }, { id: 7, value: '-', label: '是否有5年以上使用历史' },
{ id: 8, value: '--', label: '是否含有毒性药材' }, { id: 8, value: '-', label: '是否含有毒性药材' },
{ id: 9, value: '--', label: '是否含有十八反十九畏配伍禁忌' }, { id: 9, value: '-', label: '是否含有十八反十九畏配伍禁忌' },
{ id: 10, value: '--', label: '备注' }, { id: 10, value: '-', label: '备注' },
{ id: 11, value: '--', label: '配置工艺(含辅料)' }, { id: 11, value: '-', label: '配置工艺(含辅料)' },
{ id: 12, value: '--', label: '功能主治' }, { id: 12, value: '-', label: '功能主治' },
{ id: 13, value: '--', label: '用法用量' }, { id: 13, value: '-', label: '用法用量' },
{ id: 14, value: '--', label: '备案状态' }, { id: 14, value: '-', label: '备案状态' },
{ id: 15, value: '--', label: '工艺流程' } { id: 15, value: '-', label: '工艺流程' }
], ],
descriptionstwo: [ descriptionstwo: [
{ id: 1, value: '--', label: '医疗机构名称' }, { id: 1, value: '-', label: '医疗机构名称' },
{ id: 2, value: '--', label: '统一社会信用代码' }, { id: 2, value: '---', label: '统一社会信用代码' },
{ id: 3, value: '--', label: '医疗机构注册地址' }, { id: 3, value: '-', label: '医疗机构注册地址' },
{ id: 4, value: '--', label: '医疗机构注册地址_省' }, { id: 4, value: '-', label: '医疗机构注册地址_省' },
{ id: 5, value: '--', label: '医疗机构注册地址_市' }, { id: 5, value: '-', label: '医疗机构注册地址_市' },
{ id: 6, value: '--', label: '医疗机构注册地址_区' }, { id: 6, value: '-', label: '医疗机构注册地址_区' },
{ id: 7, value: '--', label: '医疗机构注册地址_后缀具体地址' }, { id: 7, value: '-', label: '医疗机构注册地址_后缀具体地址' },
{ id: 8, value: '--', label: '医疗机构执业许可证登记号' }, { id: 8, value: '-', label: '医疗机构执业许可证登记号' },
{ id: 9, value: '--', label: '医疗机构执业许可证有效期开始时间' }, { id: 9, value: '-', label: '医疗机构执业许可证有效期开始时间' },
{ id: 10, value: '--', label: '医疗机构执业许可证有效期结束时间' }, { id: 10, value: '-', label: '医疗机构执业许可证有效期结束时间' },
{ id: 11, value: '--', label: '备案联系人' }, { id: 11, value: '-', label: '备案联系人' },
{ id: 12, value: '--', label: '备案联系人电话' } { id: 12, value: '-', label: '备案联系人电话' }
], ],
descriptionsThree: [ descriptionsThree: [
{ id: 1, value: '--', label: '是否有医疗机构制剂许可证' }, { id: 1, value: '-', label: '是否有医疗机构制剂许可证' },
{ id: 2, value: '--', label: '医疗机构制剂许可证编号' }, { id: 2, value: '-', label: '医疗机构制剂许可证编号' },
{ id: 3, value: '--', label: '医疗机构制剂许可证有无此配制范围' }, { id: 3, value: '-', label: '医疗机构制剂许可证有无此配制范围' },
{ id: 4, value: '--', label: '医疗机构制剂许可证有效期开始时间' }, { id: 4, value: '-', label: '医疗机构制剂许可证有效期开始时间' },
{ id: 5, value: '--', label: '是否委托配制' }, { id: 5, value: '-', label: '是否委托配制' },
{ id: 6, value: '--', label: '制剂配制地址' }, { id: 6, value: '-', label: '制剂配制地址' },
{ id: 7, value: '--', label: '委托制剂配制单位名称' }, { id: 7, value: '-', label: '委托制剂配制单位名称' },
{ id: 8, value: '--', label: '委托联系人' }, { id: 8, value: '-', label: '委托联系人' },
{ id: 9, value: '--', label: '委托联系人电话' }, { id: 9, value: '-', label: '委托联系人电话' },
{ id: 10, value: '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' }, { id: 10, value: '-', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' },
{ id: 11, value: '--', label: '委托证书编号' }, { id: 11, value: '-', label: '委托证书编号' },
{ id: 12, value: '--', label: '委托证书有效期开始时间' }, { id: 12, value: '-', label: '委托证书有效期开始时间' },
{ id: 13, value: '--', label: ' 委托证书有效期结束时间' } { id: 13, value: '-', label: ' 委托证书有效期结束时间' }
], ],
current: 1, current: 1,
@ -87,52 +87,52 @@ export default {
if (reque.code == 200) { if (reque.code == 200) {
// //
this.descriptions = [ this.descriptions = [
{ id: 1, value: this.obj.tymc || "--", label: '通用名称' }, { id: 1, value: this.obj.tymc || "-", label: '通用名称' },
{ id: 2, value: this.obj.bah || '--', label: '备案号' }, { id: 2, value: this.obj.bah || '-', label: '备案号' },
{ id: 3, value: this.obj.jx || '--', label: '剂型' }, { id: 3, value: this.obj.jx || '-', label: '剂型' },
{ id: 4, value: this.obj.gg || '--', label: '规格' }, { id: 4, value: this.obj.gg || '-', label: '规格' },
{ id: 5, value: this.obj.yxq || '--', label: '有效期' }, { id: 5, value: this.obj.yxq || '-', label: '有效期' },
{ id: 6, value: this.obj.cf || '--', label: '处方(含辅料)' }, { id: 6, value: this.obj.cf || '-', label: '处方(含辅料)' },
{ id: 7, value: this.obj.sfWnyssyls == 1 ? '是' : "否" || '--', label: '是否有5年以上使用历史' }, { id: 7, value: this.obj.sfWnyssyls == 1 ? '是' : "否" || '-', label: '是否有5年以上使用历史' },
{ id: 8, value: this.obj.sfHydxyc == 1 ? '是' : "否" || '--', label: '是否含有毒性药材' }, { id: 8, value: this.obj.sfHydxyc == 1 ? '是' : "否" || '-', label: '是否含有毒性药材' },
{ id: 9, value: this.obj.sfFwjj == 1 ? '是' : "否" || '--', label: '是否含有十八反十九畏配伍禁忌' }, { id: 9, value: this.obj.sfFwjj == 1 ? '是' : "否" || '-', label: '是否含有十八反十九畏配伍禁忌' },
{ id: 10, value: this.obj.bz || '--', label: '备注' }, { id: 10, value: this.obj.bz || '-', label: '备注' },
{ id: 11, value: this.obj.pzgy || '--', label: '配置工艺(含辅料)' }, { id: 11, value: this.obj.pzgy || '-', label: '配置工艺(含辅料)' },
{ id: 12, value: this.obj.gnzz || '--', label: '功能主治' }, { id: 12, value: this.obj.gnzz || '-', label: '功能主治' },
{ id: 13, value: this.obj.yfyl || '--', label: '用法用量' }, { id: 13, value: this.obj.yfyl || '-', label: '用法用量' },
{ id: 14, value: this.obj.tymc || '--', label: '备案状态' }, { id: 14, value: this.obj.status || '-', label: '备案状态' },
{ id: 15, value: this.obj.status || '--', label: '工艺流程' } { id: 15, value: this.obj.gylc || '-', label: '工艺流程' }
] ]
// //
this.descriptionstwo = [ this.descriptionstwo = [
{ id: 1, value: this.obj.yljgmc || '--', label: '医疗机构名称' }, { id: 1, value: this.obj.yljgmc || '-', label: '医疗机构名称' },
{ id: 2, value: this.obj.uniscid || '--', label: '统一社会信用代码' }, { id: 2, value: this.obj.uniscid || '---', label: '统一社会信用代码' },
{ id: 3, value: this.obj.yljgzcdz || '--', label: '医疗机构注册地址' }, { id: 3, value: this.obj.yljgzcdz || '-', label: '医疗机构注册地址' },
{ id: 4, value: this.obj.yljgzcdzSheng || '--', label: '医疗机构注册地址_省' }, { id: 4, value: this.obj.yljgzcdzSheng || '-', label: '医疗机构注册地址_省' },
{ id: 5, value: this.obj.yljgzcdzShi || '--', label: '医疗机构注册地址_市' }, { id: 5, value: this.obj.yljgzcdzShi || '-', label: '医疗机构注册地址_市' },
{ id: 6, value: this.obj.yljgzcdzQu || '--', label: '医疗机构注册地址_区' }, { id: 6, value: this.obj.yljgzcdzQu || '-', label: '医疗机构注册地址_区' },
{ id: 7, value: this.obj.yljgzcdzSuffix || '--', label: '医疗机构注册地址_后缀具体地址' }, { id: 7, value: this.obj.yljgzcdzSuffix || '-', label: '医疗机构注册地址_后缀具体地址' },
{ id: 8, value: this.obj.zyxkzdjh || '--', label: '医疗机构执业许可证登记号' }, { id: 8, value: this.obj.zyxkzdjh || '-', label: '医疗机构执业许可证登记号' },
{ id: 9, value: this.obj.zyxkzStartTime || '--', label: '医疗机构执业许可证有效期开始时间' }, { id: 9, value: this.obj.zyxkzStartTime || '-', label: '医疗机构执业许可证有效期开始时间' },
{ id: 10, value: this.obj.zyxkzEndTime || '--', label: '医疗机构执业许可证有效期结束时间' }, { id: 10, value: this.obj.zyxkzEndTime || '-', label: '医疗机构执业许可证有效期结束时间' },
{ id: 11, value: this.obj.balxr || '--', label: '备案联系人' }, { id: 11, value: this.obj.balxr || '-', label: '备案联系人' },
{ id: 12, value: this.obj.balxrPhone || '--', label: '备案联系人电话' } { id: 12, value: this.obj.balxrPhone || '-', label: '备案联系人电话' }
] ]
// //
this.descriptionsThree = [ this.descriptionsThree = [
{ id: 1, value: this.obj.sfYljgzjxkz == 1 ? '是' : "否" || '--', label: '是否有医疗机构制剂许可证' }, { id: 1, value: this.obj.sfYljgzjxkz == 1 ? '是' : "否" || '-', label: '是否有医疗机构制剂许可证' },
{ id: 2, value: this.obj.zjxkzbh || '--', label: '医疗机构制剂许可证编号' }, { id: 2, value: this.obj.zjxkzbh || '-', label: '医疗机构制剂许可证编号' },
{ id: 3, value: this.obj.sfPzfw || '--', label: '医疗机构制剂许可证有无此配制范围' }, { id: 3, value: this.obj.sfPzfw || '-', label: '医疗机构制剂许可证有无此配制范围' },
{ id: 4, value: this.obj.zjxkzStartTime || '--', label: '医疗机构制剂许可证有效期开始时间' }, { id: 4, value: this.obj.zjxkzStartTime || '-', label: '医疗机构制剂许可证有效期开始时间' },
{ id: 5, value: this.obj.sfWtpz == 1 ? '是' : "否" || '--', label: '是否委托配制' }, { id: 5, value: this.obj.sfWtpz == 1 ? '是' : "否" || '-', label: '是否委托配制' },
{ id: 6, value: this.obj.wtpzdz || '--', label: '制剂配制地址' }, { id: 6, value: this.obj.wtpzdz || '-', label: '制剂配制地址' },
{ id: 7, value: this.obj.wtzjpzdwmc || '--', label: '委托制剂配制单位名称' }, { id: 7, value: this.obj.wtzjpzdwmc || '-', label: '委托制剂配制单位名称' },
{ id: 8, value: this.obj.wtlxr || '--', label: '委托联系人' }, { id: 8, value: this.obj.wtlxr || '-', label: '委托联系人' },
{ id: 9, value: this.obj.wtlxrPhone || '--', label: '委托联系人电话' }, { id: 9, value: this.obj.wtlxrPhone || '-', label: '委托联系人电话' },
{ id: 10, value: this.obj.wtzs || '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' }, { id: 10, value: this.obj.wtzs || '-', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' },
{ id: 11, value: this.obj.wtzsbh || '--', label: '委托证书编号' }, { id: 11, value: this.obj.wtzsbh || '-', label: '委托证书编号' },
{ id: 12, value: this.obj.wtzsStartTime || '--', label: '委托证书有效期开始时间' }, { id: 12, value: this.obj.wtzsStartTime || '-', label: '委托证书有效期开始时间' },
{ id: 13, value: this.obj.wtzsEndTime || '--', label: ' 委托证书有效期结束时间' } { id: 13, value: this.obj.wtzsEndTime || '-', label: ' 委托证书有效期结束时间' }
] ]
this.$emit("getCPName", { this.$emit("getCPName", {
key: "传统中药制剂名称", key: "传统中药制剂名称",
@ -179,7 +179,7 @@ export default {
justify-content: center; justify-content: center;
} }
.state--style { .state-style {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -247,7 +247,7 @@ export default {
margin: 0; margin: 0;
} }
::v-deep .el-input--mini .el-input__inner { ::v-deep .el-input-mini .el-input__inner {
height: vw(28); height: vw(28);
} }

@ -49,7 +49,7 @@ module.exports = {
}, },
}, },
"/api": { "/api": {
target: "https://dev-mssm-liaoning.imian.org.cn", target: "https://dev-mssm-liaoning.lesdev.cn",
changeOrigin: true, changeOrigin: true,
pathRewrite: { pathRewrite: {
["/api"]: "", ["/api"]: "",

Loading…
Cancel
Save