youhua

src/permission.js

@@ -23,6 +23,7 @@ NProgress.configure({ showSpinner: false });
 router.beforeEach((to, from, next) => {
   NProgress.start();
   let token = localStorage.getItem('MSSM-LIAONING__TOKEN')
+  console.log(to.path);
   if (whiteList.indexOf(to.path) !== -1) {
     if (token) {
       if (store.state.myselfPermission.routerList.length > 0) {
@@ -33,7 +34,7 @@ router.beforeEach((to, from, next) => {
           next();
         } else {
           //根据参数判断是否可以跳
-          if (to.query.id && to.path == '/cosmeticsDetail') {
+          if (to.query.type && to.path == '/cosmeticsDetail') {
             next();
           } else {
             Message.error("无权限访问！");

src/router/index.js

@@ -85,7 +85,7 @@ export const constantRoutes = [
         path: "/cosmeticsDetail",
         name: "cosmeticsDetail",
         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

@@ -73,9 +73,14 @@
               :stripe="false"
             >
               <el-table-column type="selection" width="55" align="center" />
-              <el-table-column type="index" label="序号" width="55" align="center" />
+              <el-table-column
+                type="index"
+                label="序号"
+                width="55"
+                align="center"
+              />
               <el-table-column label="产品名称" align="center">
-                <template slot-scope="scope" >
+                <template slot-scope="scope">
                   {{ scope.row.mc || scope.row.cpmc }}
                 </template>
               </el-table-column>
@@ -84,7 +89,7 @@
                   {{ scope.row.bah || scope.row.pzrq }}
                 </template>
               </el-table-column>
-              <el-table-column :label="A3"   align="center">
+              <el-table-column :label="A3" align="center">
                 <template slot-scope="scope">
                   {{ scope.row.qy || scope.row.sf }}
                 </template>
@@ -169,9 +174,22 @@ export default {
   methods: {
     //去内嵌页面
     toDetail(e) {
-      // console.log(e);
-      this.$router.push({ path: `/cosmeticsDetail`, query: { id: 23423 } });
-      // this.$router.push({ path: `/drugArchives`,query:{id:23423} });
+      let data = "";
+      if (this.types == 1) {
+        data = e.bah;
+      } else if (this.types == 2) {
+        data = e.zczh;
+      } else if (this.types == 3) {
+        data = e.bah;
+      } else if (this.types == 4) {
+        data = e.zczh;
+      }
+      //利用type区分三种档案
+      //利用flag区分四种化妆品详情 然后分别调用不同的详情接口
+      this.$router.push({
+        path: `/cosmeticsDetail`,
+        query: { type: 1, flag: this.types, data },
+      });
     },
     //搜索
     searchList() {

src/views/productsMsg/components/productInfo.vue

@@ -12,11 +12,15 @@ export default {
       iframViewStyle:{
         height:"",
       },
-      url:`http://localhost:80/productinformation?b=${2}&token=${'UT:27da0d51-6ec8-4688-8a7e-5ecfb6daf716'}`
+      url:''
     }
   },
+  created(){
+    this.url = `http://localhost:80/productinformation?type=${this.$route.query.type}&flag=${this.$route.query.flag || ''}&data=${this.$route.query.data || ''}`
+  },
   methods:{
   },
+
   mounted() {
     this.$nextTick(()=>{
       let dom = document.getElementsByClassName('ifram-view');