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

跳转区分

Browse Source
Lvtianfang
吕天方 2 years ago
parent a295c44a1e
commit c14c2ae5a4
6 changed files with 51 additions and 87 deletions
Show Stats Download Patch File Download Diff File

6
src/router/index.js
Unescape View File

@ -83,10 +83,10 @@ export const constantRoutes = [
meta: { title: "化妆品档案", flag: true }, meta: { title: "化妆品档案", flag: true },
}, },
{ {
path: "/cosmeticsDetail", path: "/productInfo",
name: "cosmeticsDetail", name: "productInfo",
icon: require("@/assets/images/tree4.svg"), icon: require("@/assets/images/tree4.svg"),
component: () => import("@/views/cosmeticsFile/detail.vue"), component: () => import("@/views/productsMsg/components/productInfo.vue"),
meta: { title: "详情", }, meta: { title: "详情", },
}, },
{ {

61
src/views/cosmeticsFile/detail.vue
Unescape View File

@ -1,61 +0,0 @@
<template>
<div class="container">
<div class="headerText">
<span>药品通用名称 : </span>
<span class="header-name">健母宝经典修护精华液</span>
<button class="headerBtn c1">百年产品</button>
<button class="headerBtn c2">进口化妆品</button>
</div>
<div class="section-main">
<div></div>
</div>
<!-- <iframe src="http://localhost:81/#/firmContent/firmInfo/pinzhongInfo" frameborder="0" height="100%" width="100%"></iframe> -->
</div>
</template>
<script>
export default {
components: {},
data() {
return {};
},
mounted() {},
methods: {},
};
</script>
<style lang="scss" scoped>
.container {
background: #fff;
}
.headerText {
height: 60px;
width: 100%;
padding: 15px 20px;
border-bottom: 1px solid #f2f3f5;
color: #323233;
font-size: 20px;
font-weight: bold;
.header-name {
color: #1349c5;
}
.headerBtn {
font-size: 14px;
margin-left: 8px;
border-radius: 3px;
}
.c1 {
background: #c3edff;
border: 1px solid #17adeb;
color: #26aee6;
}
.c2 {
background: #ffedc3;
border: 1px solid #eb9917;
color: #e68d26;
}
}
.section-main {
height: calc(100% - 60px);
padding: 20px;
}
</style>

30
src/views/productsMsg/components/cosmeticsArchives.vue
Unescape View File

@ -53,19 +53,19 @@
<div class="headerText"> <div class="headerText">
<div class="searchP">产品列表</div> <div class="searchP">产品列表</div>
</div> </div>
<div class="exportBtn"> <!-- <div class="exportBtn">
<el-button type="primary" icon="el-icon-edit-outline">导出</el-button> <el-button type="primary" icon="el-icon-edit-outline">导出</el-button>
</div> </div> -->
<section class="table-box"> <section class="table-box">
<div class="table-item"> <div class="table-item">
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="tableData" :data="tableData"
border border
height="300" height="344"
:stripe="false" :stripe="false"
> >
<el-table-column type="selection" width="55" align="center" /> <!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column type="index" label="序号" width="55" /> <el-table-column type="index" label="序号" width="55" />
<el-table-column label="产品名称"> <el-table-column label="产品名称">
<template slot-scope="scope"> <template slot-scope="scope">
@ -95,7 +95,6 @@
@click="toDetail(scope.row)" @click="toDetail(scope.row)"
>详情</el-button >详情</el-button
> >
<el-button size="mini" plain type="warning">编辑</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -118,7 +117,6 @@ export default {
components: {}, components: {},
data() { data() {
return { return {
//===========
loading: false, loading: false,
tableData: [], tableData: [],
A1: "产品名称", A1: "产品名称",
@ -159,8 +157,15 @@ export default {
methods: { methods: {
//去内嵌页面 //去内嵌页面
toDetail(e) { toDetail(e) {
// console.log(e); if(this.types == 1) {
this.$router.push(`/cosmeticsDetail`) this.$router.push({name:'productInfo',query:{'bah':e.bah,'cosmeticsType':this.types}})
} else if(this.types == 2) {
this.$router.push({name:'productInfo',query:{'zczh':e.zczh,'cosmeticsType':this.types}})
} else if(this.types == 3) {
this.$router.push({name:'productInfo',query:{'bah':e.bah,'cosmeticsType':this.types}})
} else if(this.types == 4) {
this.$router.push({name:'productInfo',query:{'zczh':e.zczh,'cosmeticsType':this.types}})
}
}, },
//搜索 //搜索
searchList() { searchList() {
@ -204,6 +209,7 @@ export default {
//进口化妆品 //进口化妆品
async importCosmetics() { async importCosmetics() {
this.loading = true; this.loading = true;
console.log(this.form1)
let msg1 = await this.$api.cosmetics.importList(this.form1); let msg1 = await this.$api.cosmetics.importList(this.form1);
this.tableData = msg1.data.records; this.tableData = msg1.data.records;
this.total = msg1.data.total; this.total = msg1.data.total;
@ -302,11 +308,11 @@ export default {
background: white; background: white;
} }
} }
.exportBtn { // .exportBtn {
padding: 10px 20px; // padding: 10px 20px;
} // }
.table-box { .table-box {
padding: 0 20px; padding: 10px 20px;
.table-item { .table-item {
} }
} }

18
src/views/productsMsg/components/health.vue
Unescape View File

@ -43,18 +43,18 @@
<div class="headerText"> <div class="headerText">
<div class="searchP">产品列表</div> <div class="searchP">产品列表</div>
</div> </div>
<div class="exportBtn"> <!-- <div class="exportBtn">
<el-button type="primary" icon="el-icon-edit-outline">导出</el-button> <el-button type="primary" icon="el-icon-edit-outline">导出</el-button>
</div> </div> -->
<section class="table-box"> <section class="table-box">
<div class="table-item"> <div class="table-item">
<el-table <el-table
v-loading="loading" v-loading="loading"
:data="tableData" :data="tableData"
border border
height="300" height="344"
> >
<el-table-column type="selection" width="55" align="center" /> <!-- <el-table-column type="selection" width="55" align="center" /> -->
<el-table-column type="index" label="序号" width="55" /> <el-table-column type="index" label="序号" width="55" />
<el-table-column label="产品名称" prop="cpmc"> </el-table-column> <el-table-column label="产品名称" prop="cpmc"> </el-table-column>
<el-table-column label="产品类型" prop="cplx"></el-table-column> <el-table-column label="产品类型" prop="cplx"></el-table-column>
@ -73,7 +73,6 @@
@click="toDetail(scope.row)" @click="toDetail(scope.row)"
>详情</el-button >详情</el-button
> >
<el-button size="mini" plain type="warning">编辑</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -126,6 +125,7 @@ export default {
//去内嵌页面 //去内嵌页面
toDetail(e) { toDetail(e) {
console.log(e); console.log(e);
this.$router.push({name:'productInfo',query:{'qxzczh':e.zczh}})
}, },
//搜索 //搜索
searchList() { searchList() {
@ -212,11 +212,11 @@ export default {
background: white; background: white;
} }
} }
.exportBtn { // .exportBtn {
padding: 10px 20px; // padding: 10px 20px;
} // }
.table-box { .table-box {
padding: 0 20px; padding: 10px 20px;
.table-item { .table-item {
} }
} }

20
src/views/productsMsg/components/productInfo.vue
Unescape View File

@ -12,12 +12,30 @@ export default {
iframViewStyle:{ iframViewStyle:{
height:"", height:"",
}, },
url:`http://localhost:80/productinformation?b=${2}&token=${'UT:27da0d51-6ec8-4688-8a7e-5ecfb6daf716'}` url:`http://localhost:83/productinformation?b=${2}&token=${'UT:27da0d51-6ec8-4688-8a7e-5ecfb6daf716'}`
} }
}, },
methods:{ methods:{
}, },
mounted() { mounted() {
// console.log(this.$route.query)
// let query = this.$route.query.toString();
// console.log(query)
if(this.$route.query.yppzwh){
// 药品
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&yppzwh=${this.$route.query.yppzwh}`
} else if(this.$route.query.qxzczh){
// 医疗器械
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&qxzczh=${this.$route.query.qxzczh}`
} else if(this.$route.query.cosmeticsType == '1'){
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&bah=${this.$route.query.bah}&cosmeticsType=1`
} else if(this.$route.query.cosmeticsType == '2'){
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&zczh=${this.$route.query.zczh}&cosmeticsType=2`
} else if(this.$route.query.cosmeticsType == '3'){
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&bah=${this.$route.query.bah}&cosmeticsType=3`
} else if(this.$route.query.cosmeticsType == '4'){
this.url = `http://localhost:82/productinformation?b=${2}&token=${localStorage.getItem('MSSM-LIAONING__TOKEN')}&zczh=${this.$route.query.zczh}&cosmeticsType=4`
}
this.$nextTick(()=>{ this.$nextTick(()=>{
let dom = document.getElementsByClassName('ifram-view'); let dom = document.getElementsByClassName('ifram-view');
let height = dom[0].getBoundingClientRect(); let height = dom[0].getBoundingClientRect();

3
src/views/productsMsg/index.vue
Unescape View File

@ -155,6 +155,7 @@ export default {
//去内嵌页面 //去内嵌页面
toDetail(e) { toDetail(e) {
console.log(e); console.log(e);
this.$router.push({name:'productInfo',query:{'yppzwh':e.yppzwh}})
}, },
//搜索 //搜索
searchList() { searchList() {
@ -176,7 +177,7 @@ export default {
current: 1, current: 1,
}; };
}, },
//国产化妆品 // 药品
async chinaCosmetics() { async chinaCosmetics() {
this.loading = true; this.loading = true;
let msg1 = await this.$api.cosmetics.vRdgYpwhGxwz(this.form1); let msg1 = await this.$api.cosmetics.vRdgYpwhGxwz(this.form1);

Write Preview
Loading…
Cancel
Save