suzhou-jichuang-lanhai
/
LiaoningChanpinHuaxiang
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修复

Browse Source
Lvtianfang^2
杜函宇 1 year ago
parent c9ea1ddbc6
commit e34a5c0b75
4 changed files with 164 additions and 98 deletions
Show Stats Download Patch File Download Diff File

55
src/views/bigpage/bigcomponents/AdverseBox.vue
Unescape View File

@ -143,13 +143,20 @@ export default {
let newRouter = this.$route.query;
if (newRouter.type == 1) {
//药品
getDrugBL({ name: newRouter.code }).then((res) => {
getDrugBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (value.reportType == "一般" && value1.name == "一般不良反应") {
if (
value.reportType == "一般" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "严重" && value1.name == "严重不良反应") {
if (
value.reportType == "严重" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
@ -166,17 +173,31 @@ export default {
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
if (newRouter.type != 1 && newRouter.type != 2) {
//化妆品
getCosmeticsBL({ name: newRouter.code }).then((res) => {
getCosmeticsBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (value.reportType == "一般" && value1.name == "一般不良反应") {
if (
value.reportType == "一般" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "严重" && value1.name == "严重不良反应") {
if (
value.reportType == "严重" &&
value1.name == "严重不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
@ -193,11 +214,19 @@ export default {
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
if (newRouter.type == 2) {
//医疗器械
getMedicalDevicesBL({ name: newRouter.code }).then((res) => {
getMedicalDevicesBL({ name: newRouter.code })
.then((res) => {
res.data.result.forEach((value, index) => {
this.pieData.forEach((value1, index1) => {
if (
@ -206,7 +235,10 @@ export default {
) {
this.pieData[index1].value = value.reportCount;
}
if (value.reportType == "其他" && value1.name == "一般不良反应") {
if (
value.reportType == "其他" &&
value1.name == "一般不良反应"
) {
this.pieData[index1].value = value.reportCount;
}
if (
@ -223,6 +255,13 @@ export default {
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
})
.catch(() => {
this.$nextTick(() => {
let chartDom = this.$refs["bottom-box"];
this.myChart1 = echarts.init(chartDom);
this.initEcharts();
});
});
}
},

16
src/views/bigpage/bigcomponents/informationBox.vue
Unescape View File

@ -4,32 +4,32 @@
<div class="top-box">
<div class="topbox-item">
<div class="topBOxitem">
<el-tooltip
<!-- <el-tooltip
class="item"
effect="dark"
:content="countryC"
:content="Number(countryC) || 0"
placement="top-start"
>
> -->
<div class="topBOxitem-top">
<span>{{ countryC || 0 }}</span> <span>次</span>
</div>
</el-tooltip>
<!-- </el-tooltip> -->
<div class="topBOxitem-bottom">国家检测次数</div>
</div>
</div>
<div class="topbox-item">
<div class="topBOxitem">
<el-tooltip
<!-- <el-tooltip
class="item"
effect="dark"
:content="provinceC"
:content="Number(provinceC) || 0"
placement="top-start"
>
> -->
<div class="topBOxitem-top">
<span>{{ provinceC || 0 }}</span> <span>次</span>
</div>
</el-tooltip>
<!-- </el-tooltip> -->
<div class="topBOxitem-bottom">省级抽检次数</div>
</div>

53
src/views/bigpage/index.vue
Unescape View File

@ -27,7 +27,6 @@
<div class="system-box-left">
<div class="system-boxleft-top top">
<headtitle mytitle="基本信息"></headtitle>
<!-- 组件 -->
<Basicbox></Basicbox>
</div>
<div class="system-boxleft-bottom bottom">
@ -40,10 +39,23 @@
<div class="top">
<!-- 头部 -->
<div class="fengxian-top">
<div class="fengxian-top-left">复方枸杞子胶囊</div>
<div class="fengxian-top-left">{{ query.name }}</div>
<div class="fengxian-top-right">
<span>保健药</span>
<span>OTC</span>
<div class="right-text-bog" v-if="newRouter.type == 1">
<span v-if="query.type">{{ query.type }}</span>
<span v-if="query.jx">{{ query.jx }}</span>
</div>
<div class="right-text-bog" v-if="newRouter.type == 2">
<span v-if="query.type">{{ query.type }}</span>
<span v-if="query.gllb">{{ query.gllb }}</span>
<span v-if="query.jgtz">{{ query.jgtz }}</span>
</div>
<div
class="right-text-bog"
v-if="newRouter.type != 1 && newRouter.type != 2"
>
<span v-if="query.type">{{ query.type }}</span>
</div>
</div>
</div>
<headtitle mytitle="风险提示信息"></headtitle>
@ -74,7 +86,7 @@
</template>
<script>
import {getXXMSG} from '@/api/largeScreen'
import { getXXMSG } from "@/api/largeScreen";
// 头部
import headtitle from "./bigcomponents/headtitle";
// 基本信息
@ -101,16 +113,28 @@ export default {
AdverseBox,
},
data() {
return {};
return {
query: {},
newRouter: {},
};
},
created() {},
mounted() {},
mounted() {
this.getData();
},
methods: {
toBack() {
this.$router.go(-1);
},
getData(){
getData() {
// debugger
this.newRouter = this.$route.query;
getXXMSG({ code: this.newRouter.code, type: this.newRouter.type }).then(
(res) => {
this.query = res.data;
}
);
},
},
computed: {},
};
@ -367,21 +391,24 @@ div {
.fengxian-top-right {
display: flex;
height: 100%;
.right-text-bog {
display: flex;
align-items: center;
span {
margin: 0 3px;
width: 93px;
height: 49px;
padding:5px 14px;
background: url("../../assets/images/daping/fengxianbgc.png")
no-repeat center;
background-size: contain;
no-repeat;
background-size:100% 100%;
text-align: center;
line-height: 49px;
color: #4da5ff;
font-weight: 400;
}
}
}
}
}
}
</style>
Write Preview
Loading…
Cancel
Save