parent
5b6db85077
commit
fc44d69e22
@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<div class="primaryWorkforce" :style="primaryWorkforceStyle">
|
||||
<block-header title="备案信息">
|
||||
<!-- 描述列表组件 -->
|
||||
<my-descriptions :descriptions="descriptions"></my-descriptions>
|
||||
</block-header>
|
||||
<block-header title="备案机构信息">
|
||||
<my-descriptions :descriptions="descriptionstwo"></my-descriptions>
|
||||
</block-header>
|
||||
<block-header title="生产信息">
|
||||
<!-- 描述列表组件 -->
|
||||
<my-descriptions :descriptions="descriptionsThree"></my-descriptions>
|
||||
</block-header>
|
||||
|
||||
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
|
||||
import myDescriptions from "@/views/firmContent/components/descriptions/index.vue"
|
||||
import { mapState } from "vuex";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
obj: {},
|
||||
|
||||
loading: false,
|
||||
descriptions: [
|
||||
{ id: 1, value: '--', label: '通用名称' },
|
||||
{ id: 2, value: '--', label: '备案号' },
|
||||
{ id: 3, value: '--', label: '剂型' },
|
||||
{ id: 4, value: '--', label: '规格' },
|
||||
{ id: 5, value: '--', label: '有效期' },
|
||||
{ id: 6, value: '--', label: '处方(含辅料)' },
|
||||
{ id: 7, value: '--', label: '是否有5年以上使用历史' },
|
||||
{ id: 8, value: '--', label: '是否含有毒性药材' },
|
||||
{ id: 9, value: '--', label: '是否含有十八反十九畏配伍禁忌' },
|
||||
{ id: 10, value: '--', label: '备注' },
|
||||
{ id: 11, value: '--', label: '配置工艺(含辅料)' },
|
||||
{ id: 12, value: '--', label: '功能主治' },
|
||||
{ id: 13, value: '--', label: '用法用量' },
|
||||
{ id: 14, value: '--', label: '备案状态' },
|
||||
{ id: 15, value: '--', label: '工艺流程' }
|
||||
],
|
||||
descriptionstwo: [
|
||||
{ id: 1, value: '--', label: '医疗机构名称' },
|
||||
{ id: 2, value: '--', label: '统一社会信用代码' },
|
||||
{ id: 3, value: '--', label: '医疗机构注册地址' },
|
||||
{ id: 4, value: '--', label: '医疗机构注册地址_省' },
|
||||
{ id: 5, value: '--', label: '医疗机构注册地址_市' },
|
||||
{ id: 6, value: '--', label: '医疗机构注册地址_区' },
|
||||
{ id: 7, value: '--', label: '医疗机构注册地址_后缀具体地址' },
|
||||
{ id: 8, value: '--', label: '医疗机构执业许可证登记号' },
|
||||
{ id: 9, value: '--', label: '医疗机构执业许可证有效期开始时间' },
|
||||
{ id: 10, value: '--', label: '医疗机构执业许可证有效期结束时间' },
|
||||
{ id: 11, value: '--', label: '备案联系人' },
|
||||
{ id: 12, value: '--', label: '备案联系人电话' }
|
||||
],
|
||||
descriptionsThree: [
|
||||
{ id: 1, value: '--', label: '是否有医疗机构制剂许可证' },
|
||||
{ id: 2, value: '--', label: '医疗机构制剂许可证编号' },
|
||||
{ id: 3, value: '--', label: '医疗机构制剂许可证有无此配制范围' },
|
||||
{ id: 4, value: '--', label: '医疗机构制剂许可证有效期开始时间' },
|
||||
{ id: 5, value: '--', label: '是否委托配制' },
|
||||
{ id: 6, value: '--', label: '制剂配制地址' },
|
||||
{ id: 7, value: '--', label: '委托制剂配制单位名称' },
|
||||
{ id: 8, value: '--', label: '委托联系人' },
|
||||
{ id: 9, value: '--', label: '委托联系人电话' },
|
||||
{ id: 10, value: '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' },
|
||||
{ id: 11, value: '--', label: '委托证书编号' },
|
||||
{ id: 12, value: '--', label: '委托证书有效期开始时间' },
|
||||
{ id: 13, value: '--', label: ' 委托证书有效期结束时间' }
|
||||
],
|
||||
|
||||
current: 1,
|
||||
size: 10,
|
||||
primaryWorkforceStyle: {
|
||||
height: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async getMainPersonListObj() {
|
||||
let reque = await this.$api.frimCenter.deasCorpTcmpFiling(this.urlA.data)
|
||||
this.obj = reque.data
|
||||
if (reque.code == 200) {
|
||||
// 备案信息
|
||||
this.descriptions = [
|
||||
{ id: 1, value: this.obj.tymc || "--", label: '通用名称' },
|
||||
{ id: 2, value: this.obj.bah || '--', label: '备案号' },
|
||||
{ id: 3, value: this.obj.jx || '--', label: '剂型' },
|
||||
{ id: 4, value: this.obj.gg || '--', label: '规格' },
|
||||
{ id: 5, value: this.obj.yxq || '--', label: '有效期' },
|
||||
{ id: 6, value: this.obj.cf || '--', label: '处方(含辅料)' },
|
||||
{ id: 7, value: this.obj.sfWnyssyls == 1 ? '是' : "否" || '--', label: '是否有5年以上使用历史' },
|
||||
{ id: 8, value: this.obj.sfHydxyc == 1 ? '是' : "否" || '--', label: '是否含有毒性药材' },
|
||||
{ id: 9, value: this.obj.sfFwjj == 1 ? '是' : "否" || '--', label: '是否含有十八反十九畏配伍禁忌' },
|
||||
{ id: 10, value: this.obj.bz || '--', label: '备注' },
|
||||
{ id: 11, value: this.obj.pzgy || '--', label: '配置工艺(含辅料)' },
|
||||
{ id: 12, value: this.obj.gnzz || '--', label: '功能主治' },
|
||||
{ id: 13, value: this.obj.yfyl || '--', label: '用法用量' },
|
||||
{ id: 14, value: this.obj.tymc || '--', label: '备案状态' },
|
||||
{ id: 15, value: this.obj.status || '--', label: '工艺流程' }
|
||||
]
|
||||
// 备案机构信息
|
||||
this.descriptionstwo = [
|
||||
{ id: 1, value: this.obj.yljgmc || '--', label: '医疗机构名称' },
|
||||
{ id: 2, value: this.obj.uniscid || '--', label: '统一社会信用代码' },
|
||||
{ id: 3, value: this.obj.yljgzcdz || '--', label: '医疗机构注册地址' },
|
||||
{ id: 4, value: this.obj.yljgzcdzSheng || '--', label: '医疗机构注册地址_省' },
|
||||
{ id: 5, value: this.obj.yljgzcdzShi || '--', label: '医疗机构注册地址_市' },
|
||||
{ id: 6, value: this.obj.yljgzcdzQu || '--', label: '医疗机构注册地址_区' },
|
||||
{ id: 7, value: this.obj.yljgzcdzSuffix || '--', label: '医疗机构注册地址_后缀具体地址' },
|
||||
{ id: 8, value: this.obj.zyxkzdjh || '--', label: '医疗机构执业许可证登记号' },
|
||||
{ id: 9, value: this.obj.zyxkzStartTime || '--', label: '医疗机构执业许可证有效期开始时间' },
|
||||
{ id: 10, value: this.obj.zyxkzEndTime || '--', label: '医疗机构执业许可证有效期结束时间' },
|
||||
{ id: 11, value: this.obj.balxr || '--', label: '备案联系人' },
|
||||
{ id: 12, value: this.obj.balxrPhone || '--', label: '备案联系人电话' }
|
||||
]
|
||||
// 生产信息
|
||||
this.descriptionsThree = [
|
||||
{ id: 1, value: this.obj.sfYljgzjxkz == 1 ? '是' : "否" || '--', label: '是否有医疗机构制剂许可证' },
|
||||
{ id: 2, value: this.obj.zjxkzbh || '--', label: '医疗机构制剂许可证编号' },
|
||||
{ id: 3, value: this.obj.sfPzfw || '--', label: '医疗机构制剂许可证有无此配制范围' },
|
||||
{ id: 4, value: this.obj.zjxkzStartTime || '--', label: '医疗机构制剂许可证有效期开始时间' },
|
||||
{ id: 5, value: this.obj.sfWtpz == 1 ? '是' : "否" || '--', label: '是否委托配制' },
|
||||
{ id: 6, value: this.obj.wtpzdz || '--', label: '制剂配制地址' },
|
||||
{ id: 7, value: this.obj.wtzjpzdwmc || '--', label: '委托制剂配制单位名称' },
|
||||
{ id: 8, value: this.obj.wtlxr || '--', label: '委托联系人' },
|
||||
{ id: 9, value: this.obj.wtlxrPhone || '--', label: '委托联系人电话' },
|
||||
{ id: 10, value: this.obj.wtzs || '--', label: '委托证书《医疗机构制剂许可证》或《药品GMP符合性现场检查结果》(56- 制剂许可证 57-药品生产认证)' },
|
||||
{ id: 11, value: this.obj.wtzsbh || '--', label: '委托证书编号' },
|
||||
{ id: 12, value: this.obj.wtzsStartTime || '--', label: '委托证书有效期开始时间' },
|
||||
{ id: 13, value: this.obj.wtzsEndTime || '--', label: ' 委托证书有效期结束时间' }
|
||||
]
|
||||
this.$emit("getCPName", {
|
||||
key: "传统中药制剂名称",
|
||||
value: this.obj.tymc,
|
||||
code:this.obj.bah,
|
||||
name:this.obj.tymc,
|
||||
type:1
|
||||
|
||||
});
|
||||
}
|
||||
},
|
||||
currentChange(index) {
|
||||
|
||||
},
|
||||
sizeChange(index) {
|
||||
|
||||
},
|
||||
},
|
||||
components: { blockHeader, myDescriptions },
|
||||
mounted() {
|
||||
this.getMainPersonListObj()
|
||||
|
||||
},
|
||||
computed: {
|
||||
...mapState({
|
||||
urlA: (state) => state.app.urlA,
|
||||
}),
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/assets/styles/utils.scss";
|
||||
|
||||
.primaryWorkforce {
|
||||
display: grid;
|
||||
grid-column: 1fr;
|
||||
grid-row-gap: vh(24);
|
||||
overflow-y: scroll;
|
||||
// height: vh(573);
|
||||
|
||||
.tables {
|
||||
.button {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.state--style {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
span {
|
||||
width: vw(8);
|
||||
height: vw(8);
|
||||
border-radius: 50%;
|
||||
margin-right: vw(6);
|
||||
}
|
||||
}
|
||||
|
||||
.informant-btn {
|
||||
width: vw(44);
|
||||
height: vh(20);
|
||||
background: #e4effd;
|
||||
border: vw(1) solid #8cb9f8;
|
||||
border-radius: vw(4);
|
||||
line-height: vh(20);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
::v-deep span {
|
||||
display: inline-block;
|
||||
color: #1e80eb;
|
||||
font-size: vw(14);
|
||||
font-family: Adobe Heiti Std;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep .el-table td {
|
||||
height: vh(40);
|
||||
padding: 0;
|
||||
font-size: vw(14);
|
||||
font-family: Adobe Heiti Std;
|
||||
font-weight: 400;
|
||||
color: #292F38;
|
||||
}
|
||||
|
||||
::v-deep .el-table th {
|
||||
height: vh(40);
|
||||
padding: 0;
|
||||
font-size: vw(14);
|
||||
font-family: Source Han Sans CN;
|
||||
font-weight: bold;
|
||||
color: #292f38;
|
||||
line-height: vh(50);
|
||||
}
|
||||
|
||||
::v-deep .cell {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
padding-bottom: vh(20);
|
||||
margin-top: vh(33);
|
||||
|
||||
::v-deep .el-pagination__jump {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
::v-deep .el-input--mini .el-input__inner {
|
||||
height: vw(28);
|
||||
}
|
||||
|
||||
.custom {
|
||||
font-size: vw(14);
|
||||
font-family: Source Han Regular CN;
|
||||
font-weight: 400;
|
||||
color: #292f38;
|
||||
line-height: vh(28);
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
@ -0,0 +1,28 @@
|
||||
<template>
|
||||
<block-header title="基本信息">
|
||||
|
||||
</block-header>
|
||||
</template>
|
||||
<script>
|
||||
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
}
|
||||
},
|
||||
props:['zczh'],
|
||||
components:{blockHeader},
|
||||
methods:{
|
||||
async ylqxJnyelcp(){
|
||||
let data = await this.$api.productDetails.ylqxJnyelcp(this.zczh);
|
||||
console.log(data)
|
||||
}
|
||||
},
|
||||
mounted(){
|
||||
this.ylqxJnyelcp()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
Loading…
Reference in new issue