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

更改了bug

Browse Source
master
李劲龙 2 years ago
parent aa2112aaff
commit f820b8faca
5 changed files with 219 additions and 153 deletions
Show Stats Download Patch File Download Diff File

120
src/views/firmContent/components/blockHeader/index.vue
Unescape View File

@ -7,13 +7,32 @@
</div> </div>
<div class="title--right" v-if="edit"> <div class="title--right" v-if="edit">
<div class="anniu--btn--left"> <div class="anniu--btn--left">
<el-button type="primary" plain size="mini" class="informant-btn" @click="sendEdit(0)"> <el-button
<img :src=" clickEdit ? require('@/assets/images/home/chongzhi@2x.png') :require('@/assets/images/home/edit@2x.png')" alt="" /> type="primary"
{{ clickEdit ? '重置':'编辑' }} plain
size="mini"
class="informant-btn"
@click="sendEdit(0)"
>
<img
:src="
clickEdit
? require('@/assets/images/home/chongzhi@2x.png')
: require('@/assets/images/home/edit@2x.png')
"
alt=""
/>
{{ clickEdit ? "重置" : "编辑" }}
</el-button> </el-button>
</div> </div>
<div class="anniu--btn--right" v-if="clickEdit"> <div class="anniu--btn--right" v-if="clickEdit">
<el-button type="primary" plain size="mini" class="informant-btnTwo" @click="sendEdit(1)"> <el-button
type="primary"
plain
size="mini"
class="informant-btnTwo"
@click="sendEdit(1)"
>
<img src="@/assets/images/home/baocun@2x.png" alt="" /> <img src="@/assets/images/home/baocun@2x.png" alt="" />
保存 保存
</el-button> </el-button>
@ -27,43 +46,43 @@
</template> </template>
<script> <script>
export default { export default {
name:'blockHeader', name: "blockHeader",
props:{ props: {
title:{ title: {
type:String, type: String,
required:true required: true,
},
edit: {
type: Boolean,
default: false,
}, },
edit:{
type:Boolean,
default:false,
}
}, },
data() { data() {
return { return {
clickEdit:false, clickEdit: false,
} };
}, },
methods:{ methods: {
sendEdit(id){ sendEdit(id) {
if(id) { if (id) {
// 保存按钮事件 // 保存按钮事件
this.$emit('btnClick',2); this.$emit("btnClick", 2);
this.clickEdit = false; this.clickEdit = false;
} else { } else {
// 重置编辑按钮 // 重置编辑按钮
if(this.clickEdit) { if (this.clickEdit) {
// 重置按钮事件 // 重置按钮事件
// this.clickEdit = false; // this.clickEdit = false;
this.$emit('btnClick',3); this.$emit("btnClick", 3);
} else { } else {
// 编辑按钮事件 // 编辑按钮事件
this.clickEdit = true; this.clickEdit = true;
this.$emit('btnClick',1); this.$emit("btnClick", 1);
} }
} }
} },
}, },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/styles/utils.scss"; @import "@/assets/styles/utils.scss";
@ -78,14 +97,14 @@ export default {
.line { .line {
width: vw(4); width: vw(4);
height: vh(22); height: vh(22);
background: #1E80EB; background: #1e80eb;
margin-right: vw(9); margin-right: vw(9);
} }
.title { .title {
font-size: vw(16); font-size: vw(16);
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: bold; font-weight: bold;
color: #1E80EB; color: #1e80eb;
} }
} }
.title--right { .title--right {
@ -94,28 +113,28 @@ export default {
.anniu--btn--left { .anniu--btn--left {
::v-deep .informant-btn { ::v-deep .informant-btn {
width: vw(84); width: vw(84);
height: vh(40); height: vh(40);
background: #e4effd; background: #e4effd;
border: vw(1) solid #1E80EB; border: vw(1) solid #1e80eb;
border-radius: vw(4); border-radius: vw(4);
line-height: vh(33); line-height: vh(33);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
img { img {
width: vw(13); width: vw(13);
margin-right: vw(5); margin-right: vw(5);
} }
span { span {
display: inline-block; display: inline-block;
font-size: vw(14); font-size: vw(14);
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #1E80EB; color: #1e80eb;
}
} }
}
} }
.anniu--btn--right { .anniu--btn--right {
margin-left: vw(10); margin-left: vw(10);
@ -123,13 +142,13 @@ export default {
width: vw(84); width: vw(84);
height: vh(40); height: vh(40);
background: #e4effd; background: #e4effd;
border: vw(1) solid #1E80EB; border: vw(1) solid #1e80eb;
border-radius: vw(4); border-radius: vw(4);
line-height: vh(33); line-height: vh(33);
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #1E80EB; background-color: #1e80eb;
img { img {
width: vw(13); width: vw(13);
margin-right: vw(5); margin-right: vw(5);
@ -149,4 +168,7 @@ export default {
margin-top: vh(24); margin-top: vh(24);
} }
} }
::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell {
padding: vh(15) vw(10);
}
</style> </style>

3
src/views/firmContent/components/descriptions/index.vue
Unescape View File

@ -119,4 +119,7 @@ export default {
} }
} }
} }
::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell{
padding: vh(15) vw(10);
}
</style> </style>

7
src/views/firmContent/drugInfo/PZchouyang/PZchouyang.vue
Unescape View File

@ -545,13 +545,14 @@ export default {
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") {
} }
}, },
reset() { reset() {
this.name = ""; this.name = "";
this.value = ""; this.value = "";
this.listyp();
}, },
getPagination(e) { getPagination(e) {
this.form1.current = e.page; this.form1.current = e.page;
@ -686,7 +687,7 @@ export default {
justify-content: center; justify-content: center;
} }
.informant-btn { .informant-btn {
padding: 12px 30px; padding: vw(13) vh(10);
width: vw(44); width: vw(44);
height: vh(20); height: vh(20);
background: #e4effd; background: #e4effd;
@ -706,7 +707,7 @@ export default {
} }
::v-deep .el-table td { ::v-deep .el-table td {
height: vh(40); height: vh(40);
padding: 0; padding: vh(10);
font-size: vw(14); font-size: vw(14);
font-weight: 400; font-weight: 400;
color: #292f38; color: #292f38;

4
src/views/firmContent/drugInfo/drugBasicInfo/drugBasicInfo.vue
Unescape View File

@ -125,7 +125,7 @@
<i class="el-icon-s-marketing"></i> <i class="el-icon-s-marketing"></i>
</span> </span>
<div>A项目检验报告.doc</div> <div>A项目检验报告.doc</div>
<div class="file-icon" @click="uploadBG"> <div class="file-icon" @click="uploadBG">
<!-- cpjsyqlj --> <!-- cpjsyqlj -->
<i class="el-icon-download"></i> <i class="el-icon-download"></i>
下载 下载
@ -931,7 +931,7 @@ export default {
} }
} }
} }
::v-deep .el-descriptions--mini.is-bordered .el-descriptions-item__cell{ ::v-deep .el-descriptions--medium.is-bordered .el-descriptions-item__cell {
padding: vh(15) vw(10); padding: vh(15) vw(10);
} }
</style> </style>

232
src/views/firmContent/drugInfo/index.vue
Unescape View File

@ -3,31 +3,65 @@
<div class="drugInfo-top"> <div class="drugInfo-top">
<div class="top-left"> <div class="top-left">
<div class="drug-name"> <div class="drug-name">
<span>{{ pruduct.key }} ：</span> <span>{{ pruduct.key }} ：</span>
<!-- <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">
<span v-for="item in tags" :key="item.id">{{ item.name }}</span> <span v-for="item in tags" :key="item.id">{{ item.name }}</span>
</div> </div>
</div> </div>
<div> <div>
<el-button type="primary" plain @click="goBack">返回</el-button> <el-button type="primary" plain @click="goBack">返回</el-button>
</div> </div>
</div> </div>
<div class="drugInfo-bottom"> <div class="drugInfo-bottom">
<div class="content-tabs"> <div class="content-tabs">
<div class="tabs"> <div class="tabs">
<div class="tab" @click="actionTab(1)" :class="action == 1 ? 'actionTab':''"> <div
<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=""> class="tab"
@click="actionTab(1)"
:class="action == 1 ? 'actionTab' : ''"
>
<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> <span>基本信息</span>
</div> </div>
<div class="tab" @click="actionTab(2)" :class="action == 2 ? 'actionTab':''"> <div
<img :src="action == 2 ? `${require('@/assets/images/home/icon2-1@2x.png')}`:`${require('@/assets/images/home/icon2-2@2x.png')}`" alt=""> class="tab"
@click="actionTab(2)"
:class="action == 2 ? 'actionTab' : ''"
>
<img
:src="
action == 2
? `${require('@/assets/images/home/icon2-1@2x.png')}`
: `${require('@/assets/images/home/icon2-2@2x.png')}`
"
alt=""
/>
<span>品种抽样</span> <span>品种抽样</span>
</div> </div>
<div class="tab" @click="actionTab(3)" :class="action == 3 ? 'actionTab':''"> <div
<img :src="action == 3 ? `${require('@/assets/images/home/icon5-1@2x.png')}`:`${require('@/assets/images/home/icon5-2@2x.png')}`" alt=""> class="tab"
@click="actionTab(3)"
:class="action == 3 ? 'actionTab' : ''"
>
<img
:src="
action == 3
? `${require('@/assets/images/home/icon5-1@2x.png')}`
: `${require('@/assets/images/home/icon5-2@2x.png')}`
"
alt=""
/>
<span>不良反应</span> <span>不良反应</span>
</div> </div>
</div> </div>
@ -65,96 +99,101 @@
</div> --> </div> -->
<div class="drug-exit" :style="drugExitStyle"> <div class="drug-exit" :style="drugExitStyle">
<!-- <router-view></router-view> --> <!-- <router-view></router-view> -->
<component :is="currentComponent" :transinformation="transinformation" @getCPName="getCPName"></component> <component
:is="currentComponent"
:transinformation="transinformation"
@getCPName="getCPName"
></component>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import basicInfo from "./drugBasicInfo/drugBasicInfo" import basicInfo from "./drugBasicInfo/drugBasicInfo";
import PZchouyang from "./PZchouyang/PZchouyang" import PZchouyang from "./PZchouyang/PZchouyang";
import adverseReaction from "./adverseReaction/adverseReaction" import adverseReaction from "./adverseReaction/adverseReaction";
export default { export default {
data() { data() {
return { return {
row:{}, row: {},
tags:[ tags: [
{ {
id:1, id: 1,
name:'百年产品' name: "百年产品",
},{ },
id:2, {
name:'疗效显著' id: 2,
name: "疗效显著",
}, },
], ],
action:1, action: 1,
currentComponent:'basicInfo', currentComponent: "basicInfo",
drugExitStyle:{ drugExitStyle: {
height:'', height: "",
}, },
// isOne:false, // isOne:false,
id:null, id: null,
token:null, token: null,
//产品名称 //产品名称
pruduct:{ pruduct: {
key:'某某产品', key: "某某产品",
value:'-' value: "-",
} },
} };
}, },
components:{ components: {
basicInfo, basicInfo,
PZchouyang, PZchouyang,
adverseReaction adverseReaction,
}, },
methods:{ methods: {
//获取名称 //获取名称
getCPName(e){ getCPName(e) {
this.pruduct.key = e.key this.pruduct.key = e.key;
this.pruduct.value = e.value this.pruduct.value = e.value;
}, },
goBack(){ goBack() {
this.$router.go(-1) this.$router.go(-1);
}, },
// tabs切换 // tabs切换
actionTab(id){ actionTab(id) {
this.action = id; this.action = id;
if(id == 1) { if (id == 1) {
this.currentComponent = 'basicInfo' this.currentComponent = "basicInfo";
// this.$router.push({ name:'drugBasicInfo' }) // this.$router.push({ name:'drugBasicInfo' })
this.$nextTick(()=>{ this.$nextTick(() => {
this.getHeight(); this.getHeight();
}) });
} else if(id == 2) { } else if (id == 2) {
this.currentComponent = 'PZchouyang' this.currentComponent = "PZchouyang";
this.$nextTick(()=>{ this.$nextTick(() => {
this.getHeight(); this.getHeight();
}) });
// this.$router.push({ name:'PZchouyang' }) // this.$router.push({ name:'PZchouyang' })
} else if(id == 3) { } else if (id == 3) {
this.currentComponent = 'adverseReaction' this.currentComponent = "adverseReaction";
this.$nextTick(()=>{ this.$nextTick(() => {
this.getHeight(); this.getHeight();
}) });
// this.$router.push({ name:'adverseReaction' }) // this.$router.push({ name:'adverseReaction' })
} }
}, },
getHeight(){ getHeight() {
let dom = document.getElementsByClassName('drug-exit'); let dom = document.getElementsByClassName("drug-exit");
let height = dom[0].getBoundingClientRect(); let height = dom[0].getBoundingClientRect();
let windowWidth = window.innerWidth; let windowWidth = window.innerWidth;
let windowHeight = window.innerHeight; let windowHeight = window.innerHeight;
let relativeHeight = windowHeight - height.top - 10 let relativeHeight = windowHeight - height.top - 10;
this.drugExitStyle.height = relativeHeight + 'px' this.drugExitStyle.height = relativeHeight + "px";
}, },
async getVRdgYpwhGxwz(res){ async getVRdgYpwhGxwz(res) {
let data = await this.$api.productDetails.vRdgYpwhGxwz(res); let data = await this.$api.productDetails.vRdgYpwhGxwz(res);
this.name = data.data.yptymc; this.name = data.data.yptymc;
}, },
async ylqxJnyelcp(res){ async ylqxJnyelcp(res) {
let data = await this.$api.productDetails.ylqxJnyelcp(res); let data = await this.$api.productDetails.ylqxJnyelcp(res);
this.name = data.data.cpmc; this.name = data.data.cpmc;
} },
}, },
// watch: { // watch: {
// $route: { // $route: {
@ -165,33 +204,33 @@ export default {
// immediate: true, //第一次就执行 // immediate: true, //第一次就执行
// }, // },
// }, // },
computed:{ computed: {
transinformation(){ transinformation() {
switch(this.currentComponent) { switch (this.currentComponent) {
case 'basicInfo': case "basicInfo":
return { return {
b:this.id, b: this.id,
token:this.token, token: this.token,
} };
case 'PZchouyang': case "PZchouyang":
return { return {
b:this.id, b: this.id,
token:this.token, token: this.token,
} };
case 'adverseReaction': case "adverseReaction":
return { return {
b:this.id, b: this.id,
token:this.token, token: this.token,
} };
default: default:
return { return {
b:4, b: 4,
token:'暂无' token: "暂无",
} };
} }
} },
}, },
mounted(){ mounted() {
// params刷新数据会丢失 // params刷新数据会丢失
// console.log(this.$route.params) // console.log(this.$route.params)
// this.row = JSON.parse(this.$route.params.row) // this.row = JSON.parse(this.$route.params.row)
@ -207,7 +246,6 @@ export default {
// } else if(paramsLabel == 'qxzczh') { // } else if(paramsLabel == 'qxzczh') {
// this.ylqxJnyelcp(params[2].split('=')[1]); // this.ylqxJnyelcp(params[2].split('=')[1]);
// } // }
// // 判断是用⌈ 返回 ⌋ 还是用⌈ X ⌋ 用来返回上一级 // // 判断是用⌈ 返回 ⌋ 还是用⌈ X ⌋ 用来返回上一级
// if(this.id == '1') { // if(this.id == '1') {
// this.goback = true; // this.goback = true;
@ -217,22 +255,22 @@ export default {
// this.$nextTick(()=>{ // this.$nextTick(()=>{
// this.getHeight(); // this.getHeight();
// }) // })
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/styles/utils.scss"; @import "@/assets/styles/utils.scss";
.productinformation { .productinformation {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: rgba(255,255,255,0.9); background: rgba(255, 255, 255, 0.9);
box-shadow: 0px 0px vw(12) 0px rgba(194,212,226,0.64); box-shadow: 0px 0px vw(12) 0px rgba(194, 212, 226, 0.64);
border-radius: vw(10) vw(10) 0 0; border-radius: vw(10) vw(10) 0 0;
.drugInfo-top { .drugInfo-top {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: vh(15) vw(25); padding: vh(15) vw(25);
border-bottom: vw(1) solid #EDEEF0; border-bottom: vw(1) solid #edeef0;
.close { .close {
cursor: pointer; cursor: pointer;
} }
@ -248,12 +286,12 @@ export default {
font-size: vw(18); font-size: vw(18);
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #6A6C6F; color: #6a6c6f;
} }
.Name { .Name {
// margin-left: ; // margin-left: ;
color: #292F38; color: #292f38;
} }
} }
.drug-tag { .drug-tag {
@ -267,19 +305,18 @@ export default {
margin-right: vw(10); margin-right: vw(10);
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #FFFFFF; color: #ffffff;
padding: vh(4) vw(13); padding: vh(4) vw(13);
background-color: #66C691; background-color: #66c691;
border-radius: vw(2); border-radius: vw(2);
&:nth-of-type(2) { &:nth-of-type(2) {
background-color: #EABB48; background-color: #eabb48;
} }
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }
} }
} }
} }
} }
@ -290,9 +327,9 @@ export default {
.tabs { .tabs {
width: 100%; width: 100%;
display: flex; display: flex;
border-bottom: vw(1) solid #DBE0E8; border-bottom: vw(1) solid #dbe0e8;
.tab { .tab {
border: vw(1) solid #DBE0E8; border: vw(1) solid #dbe0e8;
padding: vh(7) vw(22); padding: vh(7) vw(22);
display: flex; display: flex;
align-items: center; align-items: center;
@ -300,7 +337,7 @@ export default {
margin-right: vw(9); margin-right: vw(9);
cursor: pointer; cursor: pointer;
&:last-child{ &:last-child {
margin-right: 0; margin-right: 0;
} }
@ -321,11 +358,11 @@ export default {
font-size: vw(16); font-size: vw(16);
font-family: Source Han Sans CN; font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #2F3742; color: #2f3742;
} }
} }
.actionTab { .actionTab {
background-color: #1E80EB; background-color: #1e80eb;
span { span {
color: #fff; color: #fff;
@ -340,5 +377,8 @@ export default {
overflow-y: scroll; overflow-y: scroll;
} }
} }
}
::v-deep.pzChouyang .tables .el-table td{
} }
</style> </style>

Write Preview
Loading…
Cancel
Save