跳转区分

src/router/index.js

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

src/views/cosmeticsFile/detail.vue

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

src/views/productsMsg/components/cosmeticsArchives.vue

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

src/views/productsMsg/components/health.vue

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

src/views/productsMsg/components/productInfo.vue

@@ -12,12 +12,30 @@ export default {
       iframViewStyle:{
         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:{
   },
   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(()=>{
       let dom = document.getElementsByClassName('ifram-view');
       let height = dom[0].getBoundingClientRect();

src/views/productsMsg/index.vue

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