更改了画像,标签,中药

master
李劲龙 1 year ago
parent 5b6db85077
commit fc44d69e22

@ -42,12 +42,14 @@ export default {
const flag = params.get("flag");
const data = params.get("data");
const token = params.get("token");
const leixing = params.get("leixing") || "";
let obj = {
type,
flag,
data,
token
token,
leixing
}
console.log(888,obj);
if (

@ -95,5 +95,19 @@ export default {
},
params
});
}
},
//分页条件查询传统中药制剂备案-历史变更记录
deasCorpTcmpFilingChangeHis(params) {
return request({
url: `/pharmaceuticals/deasCorpTcmpFilingChangeHis`,
method: "get",
params
});
},
deasCorpTcmpFiling(id) {
return request({
url: `/pharmaceuticals/deasCorpTcmpFiling/${id}`,
method: "get",
});
},
};

@ -27,5 +27,6 @@ export default {
url: `/pharmaceuticals/ylqxJnyelcp/${data}`,
method: "get",
});
}
},
}

@ -5,14 +5,8 @@
<my-descriptions :descriptions="list"></my-descriptions>
</div>
<div v-if="obj.type == '3'">
<el-descriptions
:column="2"
:colon="false"
border
labelClassName="labelClassName"
contentClassName="contentClassName"
v-loading="loading"
>
<el-descriptions :column="2" :colon="false" border labelClassName="labelClassName"
contentClassName="contentClassName" v-loading="loading">
<el-descriptions-item label="产品名称">{{
cpmc
}}</el-descriptions-item>
@ -198,22 +192,13 @@
</el-descriptions>
</div>
</block-header>
<block-header
title="注册信息"
style="min-height: 92vh"
v-if="obj.type == '2'"
>
<block-header title="注册信息" style="min-height: 92vh" v-if="obj.type == '2'">
<div v-loading="loading">
<my-descriptions :descriptions="listTow"></my-descriptions>
</div>
</block-header>
<block-header
:title="item.label"
style="min-height: 13vh"
v-for="item in listthree"
:key="item.id"
v-show="obj.type == item.type || item.label == '生产标准信息'"
>
<block-header :title="item.label" style="min-height: 13vh" v-for="item in listthree" :key="item.id"
v-show="obj.type == item.type || item.label == '生产标准信息'">
<div v-loading="loading">
<my-descriptions :descriptions="item.children"></my-descriptions>
</div>
@ -874,7 +859,7 @@ export default {
this.yiliao(this.obj.data);
}
},
mounted() {},
mounted() { },
methods: {
uploadBG() {
// let baseUrl =
@ -940,6 +925,9 @@ export default {
this.$emit("getCPName", {
key: "医疗器械产品名称",
value: data.data.cpmc,
code: data.data.yzczh,
name: data.data.cpmc,
type: 2
});
this.loading = false;
},
@ -947,7 +935,11 @@ export default {
async yaopin(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getYaoPin(e);
this.$emit("getCPName", { key: "药品通用名称", value: msg1.data.yptymc });
this.$emit("getCPName", {
key: "药品通用名称", value: msg1.data.yptymc, code: msg1.data.yppzwh,
name: msg1.data.yptymc,
type: 1
});
this.list = this.filter(msg1.data, this.descriptions);
this.listTow = this.filter(msg1.data, this.descriptionsTow);
this.loading = false;
@ -956,7 +948,11 @@ export default {
async chinaData(e) {
this.loading = true;
let msg1 = await this.$api.cosmetics.getChina1(e);
this.$emit("getCPName", { key: "国产化妆品名称", value: msg1.data.cpmc });
this.$emit("getCPName", {
key: "国产化妆品名称", value: msg1.data.cpmc, code: msg1.data.bah,
name: msg1.data.cpmc,
type: 3
});
this.list = this.filter(msg1.data, this.descriptionsTwo);
this.loading = false;
},
@ -966,7 +962,10 @@ export default {
let msg1 = await this.$api.cosmetics.getChinaSpecial(e);
this.$emit("getCPName", {
key: "国产特殊化妆品名称",
value: msg1.data.cpmc,
value: msg1.data.cpmc,
code: msg1.data.zczh,
name: msg1.data.cpmc,
type: 4
});
this.list = this.filter(msg1.data, this.descriptionsFour);
this.loading = false;
@ -976,7 +975,11 @@ export default {
this.loading = true;
let msg1 = await this.$api.cosmetics.getInlet(e);
console.log(msg1);
this.$emit("getCPName", { key: "进口化妆品名称", value: msg1.data.cpmc });
this.$emit("getCPName", {
key: "进口化妆品名称", value: msg1.data.cpmc, code: msg1.data.bah,
name: msg1.data.cpmc,
type: 5
});
this.list = this.filter(msg1.data, this.descriptionsThree);
this.loading = false;
},
@ -986,7 +989,10 @@ export default {
let msg1 = await this.$api.cosmetics.getInletSpecial(e);
this.$emit("getCPName", {
key: "进口特殊化妆品名称",
value: msg1.data.cpmc,
value: msg1.data.zczh,
code: data.data.bah,
name: data.data.cpmc,
type: 6
});
this.list = this.filter(msg1.data, this.descriptionsFour);
this.loading = false;
@ -1009,10 +1015,12 @@ export default {
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
.drugBasicInfo {
// overflow-y: scroll;
// height: vh(783);
}
::v-deep .el-descriptions__body {
.labelClassName {
background-color: #f7fafc;
@ -1022,31 +1030,37 @@ export default {
font-weight: 400;
color: #6a6c6f;
}
.contentClassName {
font-size: vw(16);
font-family: Source Han Sans CN;
font-weight: 400;
color: #292f38;
.my--file {
display: flex;
flex-direction: column;
width: 95%;
}
}
.fileBox {
margin-top: 8px;
display: flex;
color: #333;
cursor: pointer;
& > span {
&>span {
font-size: 14px;
}
.file-icon {
color: #02d1a6;
margin-left: 40px;
}
}
}
::v-deep .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
padding: vh(15) vw(10);
}

@ -8,38 +8,62 @@
<span class="Name">{{ pruduct.value || "暂无" }}</span>
</div>
<div class="drug-tag">
<span v-for="item in tags" :key="item.id">{{ item.name }}</span>
<el-tag :key="index" v-for="(tag, index) in dynamicTags" closable :disable-transitions="false"
@close="handleClose(tag)">
{{ tag }}
</el-tag>
<el-input class="input-new-tag" v-if="inputVisible" v-model="inputValue" ref="saveTagInput" size="small"
@keyup.enter.native="handleInputConfirm" @blur="handleInputConfirm">
</el-input>
<el-button v-else class="button-new-tag" size="small" @click="showInput">+</el-button>
</div>
</div>
<div>
<el-button type="primary" plain @click="gohuaxianga" v-show="urlA.type != 4 && urlA.leixing !='ggfw'"></el-button>
<el-button type="primary" plain @click="goBack"></el-button>
</div>
</div>
<div class="drugInfo-bottom">
<div class="content-tabs">
<div class="tabs">
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab' : ''">
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab' : ''" v-show="urlA.type != 4">
<img :class="action !== 1 ? 'actionImage' : ''" :src="action == 1
? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" />
<span>基本信息</span>
</div>
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab' : ''">
<div class="tab" @click="actionTab(6)" :class="action == 6 ? 'actionTab' : ''" v-show="urlA.type == 4">
<img :class="action !== 6 ? 'actionImage' : ''" :src="action == 6
? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}`
" alt="" />
<span>基本信息</span>
</div>
<div class="tab" @click="actionTab(7)" :class="action == 7 ? 'actionTab' : ''" v-show="urlA.type == 4">
<img :src="action == 7
? `${require('@/assets/images/home/icon2-1@2x.png')}`
: `${require('@/assets/images/home/icon2-2@2x.png')}`
" alt="" />
<span>变更记录</span>
</div>
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab' : ''" v-show="urlA.type != 4">
<img :src="action == 2
? `${require('@/assets/images/home/icon2-1@2x.png')}`
: `${require('@/assets/images/home/icon2-2@2x.png')}`
" alt="" />
<span>品种抽样</span>
</div>
<div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab' : ''">
<div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab' : ''" v-show="urlA.type != 4">
<img :src="action == 3
? `${require('@/assets/images/home/icon5-1@2x.png')}`
: `${require('@/assets/images/home/icon5-2@2x.png')}`
" alt="" />
<span>不良反应</span>
</div>
<div class="tab" @click="actionTab(4)" :class="action == 4 ? 'actionTab' : ''" v-show="urlA.type != 1">
<div class="tab" @click="actionTab(4)" :class="action == 4 ? 'actionTab' : ''"
v-show="urlA.type != 1 && urlA.type != 4">
<img :src="action == 4
? `${require('@/assets/images/home/icon1-1@2x.png')}`
: `${require('@/assets/images/home/icon1-2@2x.png')}`
@ -93,21 +117,18 @@ import PZchouyang from "./PZchouyang/PZchouyang";
import adverseReaction from "./adverseReaction/adverseReaction";
import zhaohui from "./zhaohui/PZchouyang.vue";
import zhongyao from "./zhongyao/drugBasicInfo";
import zhongyaobiangeng from "./zhongyaobiangeng/adverseReaction";
export default {
data() {
return {
row: {},
tags: [
{
id: 1,
name: "百年产品",
},
{
id: 2,
name: "疗效显著",
},
],
dynamicTags: ['百年企业', '良心企业'],
inputVisible: false,
inputValue: '',
action: 1,
currentComponent: "basicInfo",
drugExitStyle: {
@ -120,6 +141,9 @@ export default {
pruduct: {
key: "某某产品",
value: "-",
code: "",
name: "",
type: ""
},
};
},
@ -128,12 +152,45 @@ export default {
PZchouyang,
adverseReaction,
zhaohui,
zhongyao,
zhongyaobiangeng
},
methods: {
gohuaxianga() {
location.href = `${location.origin}/ggfw-jcphx/#/bgpage?code=${this.pruduct.code}&name=${this.pruduct.name}&type=${this.pruduct.type}`
},
handleClose(tag) {
this.dynamicTags.splice(this.dynamicTags.indexOf(tag), 1);
localStorage.setItem("dynamicTags", JSON.stringify(this.dynamicTags))
},
showInput() {
this.inputVisible = true;
this.$nextTick(_ => {
this.$refs.saveTagInput.$refs.input.focus();
});
},
handleInputConfirm() {
let inputValue = this.inputValue;
if (inputValue) {
this.dynamicTags.push(inputValue);
localStorage.setItem("dynamicTags", JSON.stringify(this.dynamicTags))
}
this.inputVisible = false;
this.inputValue = '';
},
//
getCPName(e) {
this.pruduct.key = e.key;
this.pruduct.value = e.value;
this.pruduct.code = e.code;
this.pruduct.name = e.name;
this.pruduct.type = e.type;
},
goBack() {
this.$router.go(-1);
@ -165,6 +222,18 @@ export default {
this.getHeight();
});
// this.$router.push({ name:'adverseReaction' })
} else if (id == 6) {
this.currentComponent = "zhongyao";
this.$nextTick(() => {
this.getHeight();
});
// this.$router.push({ name:'adverseReaction' })
} else if (id == 7) {
this.currentComponent = "zhongyaobiangeng";
this.$nextTick(() => {
this.getHeight();
});
// this.$router.push({ name:'adverseReaction' })
}
},
getHeight() {
@ -216,6 +285,16 @@ export default {
b: this.id,
token: zhaohui,
};
case "zhongyao":
return {
b: this.id,
token: this.token,
};
case "zhongyaobiangeng":
return {
b: this.id,
token: this.token,
};
default:
return {
b: 5,
@ -255,6 +334,11 @@ export default {
// this.$nextTick(()=>{
// this.getHeight();
// })
if (this.urlA.type == 4) {
this.action = 6
this.currentComponent = "zhongyao"
}
this.dynamicTags = JSON.parse(localStorage.getItem("dynamicTags")) || ['百年企业', '良心企业']
},
};
</script>
@ -300,28 +384,17 @@ export default {
}
.drug-tag {
width: vw(200);
display: flex;
align-items: center;
margin-left: vw(10);
.input-new-tag {
width: vw(80);
}
span {
font-size: vw(14);
margin-right: vw(10);
font-family: Source Han Sans CN;
font-weight: 400;
color: #ffffff;
padding: vh(4) vw(13);
background-color: #66c691;
border-radius: vw(2);
&:nth-of-type(2) {
background-color: #eabb48;
}
&:last-child {
margin-right: 0;
}
}
}
}

@ -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>

@ -0,0 +1,205 @@
<template>
<div class="adverseReaction">
<block-header title="查询结果">
<div class="tables">
<el-table :data="tableData" 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 prop="filingNum" header-align="center" label="备案号">
</el-table-column>
<el-table-column prop="changeFilingNum" label="历次备案号" header-align="center">
</el-table-column>
<el-table-column prop="changeDate" label="变更时间" header-align="center">
</el-table-column>
<el-table-column prop="changeContent" label="变更内容" header-align="center">
</el-table-column>
<el-table-column prop="changeReason" label=" 变更原因" header-align="center">
</el-table-column>
</el-table>
</div>
<div class="pagination" :class="transinformation.b == '1' ? 'paginationTwo' : ''">
<!-- <span class="custom"
>{{ total }}显示{{
total == 0
? "0"
: queryCondition.current == 1
? "1"
: queryCondition.size * (queryCondition.current - 1) + 1
}}-{{ numberMap() }}</span
> -->
<span class="custom">
</span>
<el-pagination background :small="transinformation.b == '1'" :page-sizes="[10, 15]" :total="total"
layout=" prev, pager, next, sizes, jumper" @current-change="currentChange" @size-change="sizeChange"
:current-page.sync="pagelist.current" :page-size.sync="pagelist.size">
</el-pagination>
</div>
</block-header>
</div>
</template>
<script>
import blockHeader from "@/views/firmContent/components/blockHeader/index.vue"
export default {
data() {
return {
tableData: [
// {
// id:1,
// durgName:'',
// wenhao:'Z20213077',
// bianhao:'YC20230619',
// name:'',
// hospitalName:'',
// addresName:'',
// }
],
loading: false,
// adverseReactionStyle:{
// height:''
// }
currentPage: 1,
pageSize: 10,
total: 0,
pagelist: {
current: 1, //
size: 10, //
}
}
},
props: ['transinformation'],
components: { blockHeader },
methods: {
// tabs
columnStyle({ row, column, rowIndex, columnIndex }) {
if (columnIndex == 7 || columnIndex == 0) {
return "font-family: DIN;";
} else if (columnIndex == 2 || columnIndex == 1 || columnIndex == 3 || columnIndex == 4) {
return "font-family: Source Han Sans CN;";
} else if (columnIndex == 5 || columnIndex == 6 || columnIndex == 8) {
return "font-family: Adobe Heiti Std;font-weight: normal;";
}
},
handleEdit(index, row) {
},
currentChange(index) {
this.pagelist.current = index
this.getList()
},
sizeChange(index) {
this.pagelist.size = index
this.getList()
},
async getList() {
let reque = await this.$api.frimCenter.deasCorpTcmpFilingChangeHis(this.pagelist)
console.log(reque);
this.tableData = reque.data.records
this.total = reque.data.total
}
},
mounted() {
this.getList()
this.$nextTick(() => {
})
}
}
</script>
<style lang="scss" scoped>
@import "@/assets/styles/utils.scss";
.adverseReaction {
// overflow-y: scroll;
}
.tables {
.button {
display: flex;
justify-content: center;
}
.informant-btn {
padding: 12px 30px;
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-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 {
margin-top: 17px;
display: flex;
align-items: center;
justify-content: space-between;
// padding-bottom: vh(20);
::v-deep .el-pagination__jump {
margin: 0;
}
::v-deep .el-input--mini .el-input__inner {
height: vw(28);
}
.custom {
font-size: 14px;
font-family: Source Han Sans CN-Regular, Source Han Sans CN;
font-weight: 400;
color: #292f38;
line-height: 18px;
}
}
.paginationTwo {
display: flex;
align-items: center;
justify-content: flex-end;
padding-bottom: vh(20);
.custom {
font-size: vw(14);
font-family: Source Han Regular CN;
font-weight: 400;
color: #292f38;
line-height: vh(28);
}
}
</style>
Loading…
Cancel
Save