微网站

src/router/index.js

   component: ()=>import('@/scrm_pages/micro/micro'),
 },
 
+// 医院介绍详情路由
 {
   path: '/hospital',
   component: () => import('@/scrm_pages/hospital/hospital'),
   name: 'hospital',
+},
+
+// 科室介绍详情
+{
+  path: '/office',
+  component: ()=>import('@/scrm_pages/office/office'),
+  name:'office'
+},
+
+// 名医介绍详情
+{
+  path:'/doctor',
+  component: ()=>import('@/scrm_pages/doctor/doctor'),
+  name:'doctor',
+},
+{
+  path:'/docdetail',
+  component: ()=>import('@/scrm_pages/doctor/docdetail'),
+  name:'docdetail',
+},
+
+{
+  path:'/articlelist',
+  component: ()=>import('@/scrm_pages/articlelist/articlelist'),
+  name:'articlelist'
+},
+
+{
+  path:'/articlelistdetail',
+  component:()=>import('@/scrm_pages/articlelist/articlelistdetail')
+},
 
+{
+  path:'/activitylist',
+  component:()=>import('@/scrm_pages/activitylist/activitylist')
 },
+{
+  path:"/activitylistdetail",
+  component:()=>import('@/scrm_pages/activitylist/activitylistdetail')
+
+},
+
 {
   path: '/activity/preview',
   component: () => import('@/scrm_pages/marketing_tool/activity_preview'),

src/router/modules/hosiptal.js

-import Layout from '@/views/layout/Layout'
-
-export default{
-    
-}

src/scrm_pages/activitylist/activitylist.vue

+<template>
+   <div>     
+     <div class="scroll"  id="targetsix" style="padding:15px 4%;">
+            <div class="actilist" v-for="it in Activitieslist" :key="it.id" @click="singleActivitInfo(it.id,it.user_org_id)">
+                <div class="acthead">
+                    <img :src="it.poster_photo" style="width:80px;height:80px">
+                </div>
+                <div class="actcontent">
+                     <div class="actname"><span>{{it.title}}</span></div>
+                 </div>
+             </div>
+         </div>
+     </div>  
+</template>
+
+<script>
+      import { Activitiesmore } from "@/api/micro/micro"
+    export default {
+        name: "activitylist",
+        data(){
+           return{
+              Activitieslist:[],
+           }
+        },
+        methods:{
+             Activitiesmore(id,orgid){
+                Activitiesmore(id,orgid).then(response=>{
+                     if(response.data.state == 1){
+                       var activity =  response.data.data.activity;
+                       this.Activitieslist =  response.data.data.activity;                 
+                       console.log("获取活动列表",activity)
+                    }
+                })
+             },
+             singleActivitInfo(id,orgid){
+                this.$router.push({
+                    path:'/activitylistdetail',
+                    query:{
+                     id:id,
+                     orgid,orgid,
+                   }
+                })
+             }
+        },
+        created(){
+            const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+            console.log("orgid是多少",orgid)
+            this.Activitiesmore(id,orgid)
+        }
+    }
+</script>
+
+<style scoped>
+    .actilist{
+      width:100%;
+      height: 90px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+    }
+
+    .acthead{
+      width: 80px;
+      height: 80px;
+     /* border: solid 1px red; */
+      margin-left: 5px;
+      margin-top: 5px;
+    }
+
+    .actcontent{
+      width: 200px;
+      height: 80px;
+       /* border: solid 1px red; */
+      margin-left: 90px;
+      margin-top: -82px;
+    }
+
+     .actname{
+      width:190px;
+      height: 15px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+      margin-top: 10px;
+      font-size: 14px;
+      overflow: hidden;
+       text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+    }
+</style>

src/scrm_pages/activitylist/activitylistdetail.vue

+<template>
+   <div>
+        <!-- 单个活动列表详情 -->
+                    <div class="scroll" style="padding:15px 4%;">
+                         <div class="activityImages">
+                            <img :src="activitys.poster_photo" style="width:100%;height:100%">
+                         </div>
+                         <div class="activitycontent">
+                            活动标题:{{activitys.title}}
+                         </div>
+                          <div class="activitycontent">
+                            活动副标题:{{activitys.subtitle}}
+                         </div>
+                          <div class="activitycontent">
+                            活动详细地址:{{activitys.address}}
+                         </div>
+                          <div class="activitycontent">
+                            开始时间:开始时间: {{staffCreateTime(activitys.start_time)}}
+                         </div>
+                          <div class="activitycontent">
+                            结束时间:{{staffCreateTime(activitys.end_time)}}
+                         </div>
+                          <div class="activitycontent">
+                            报名须知:{{activitys.sign_up_notice}}
+                         </div>
+                          <div class="activitycontent">
+                            联系方式:{{activitys.phone_number}}
+                         </div>
+                          <div class="activitycontent">
+                            限制人数:{{activitys.limit_num}}
+                         </div>
+                          <div class="activitycontent">
+                            已报名人数:{{activitys.join_num}}
+                         </div>
+                    </div>
+   </div>
+</template>
+
+<script>
+    import {uParseTime} from "@/utils/tools";
+    import { singleActivitInfo } from "@/api/micro/micro"
+    export default {
+        name: "activitylistdetail",
+        data(){
+             return{
+               activitys:[],
+             }
+        },
+        methods:{
+           staffCreateTime(time) {
+             console.log("time是多少",time)
+             return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");       
+            },
+            singleActivitInfo(id,orgid){
+               singleActivitInfo(id,orgid).then(response=>{
+                  if(response.data.state ==1){
+                  var activitys = response.data.data.activity;
+                  this.activitys = activitys;
+                  console.log("activitys",activitys)
+                }   
+               })
+            }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+           console.log("orgid是多少",orgid)
+           this.singleActivitInfo(id,orgid)    
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/scrm_pages/articlelist/articlelist.vue

+<template>
+    <div>
+             <div class="scroll"  id="targetfive"  style="padding:15px 4%;">
+                <div class="actilist" v-for="it in articlelist" :key="it.id" @click="singleArticleInfo(it.id,it.user_org_id)">
+                    <div class="acthead">
+                       <img :src="it.imgs" style="width:80px;height:80px">
+                     </div>
+                    <div class="actcontent">
+                    <div class="actname"><span>{{it.title}}</span></div>
+                    <!-- <div class="actcomments">阅读:{{it.real_read_num}}|评论:{{it.comment_num}}|点赞:{{it.star_num}}</div> -->
+                    </div>
+                 </div>
+              </div>
+     </div>
+</template>
+
+<script>
+    import { articlemore,singleArticleInfo } from "@/api/micro/micro"
+    export default {
+        name: "articlelist",
+        data(){
+           return{
+              articlelist:[], 
+           }
+        },
+        methods:{
+          articlemore(id,orgid){
+            articlemore(id,orgid).then(response=>{
+                  if(response.data.state == 1){
+                   var articlelist =  response.data.data.articlelists;  
+                   console.log("文章列表数据",articlelist)             
+                   this.articlelist =  response.data.data.articlelists;
+               }
+            })  
+          },
+
+          singleArticleInfo(id,orgid){
+            this.$router.push({
+                path:"/articlelistdetail",
+                query:{
+                    id:id,
+                    orgid:orgid,
+                }
+            })
+          }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+           console.log("orgid是多少",orgid)
+          this.articlemore(id,orgid)
+        }
+    }
+</script>
+
+<style scoped>
+    .actilist{
+      width:100%;
+      height: 90px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+    }
+
+    .acthead{
+      width: 80px;
+      height: 80px;
+     /* border: solid 1px red; */
+      margin-left: 5px;
+      margin-top: 5px;
+    }
+
+    .actcontent{
+      width: 200px;
+      height: 80px;
+       /* border: solid 1px red; */
+      margin-left: 90px;
+      margin-top: -82px;
+    }
+
+     .actname{
+      width:190px;
+      height: 15px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+      margin-top: 10px;
+      font-size: 14px;
+      overflow: hidden;
+       text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+    }
+    .actcomments{
+      width: 190px;
+      height: 20px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+      margin-top: 2px;
+      font-size: 14px;
+    }
+</style>

src/scrm_pages/articlelist/articlelistdetail.vue

+<template>
+   <div>
+         <!-- 单个文章列表详情 -->
+          <div class="scroll"  style="padding:15px 4%;">                   
+               <div class="artictitle">
+                  {{articles.title}}
+               </div>
+                <div class="articcontent" v-html="articles.content">
+
+                </div>                    
+              </div>
+   </div>
+</template>
+
+<script>
+   import { singleArticleInfo } from "@/api/micro/micro"
+    export default {
+        name: "articlelistdetail",
+        data(){
+            return{
+              articles:[],
+            }
+        },
+        methods:{
+          singleArticleInfo(id,orgid){
+             singleArticleInfo(id,orgid).then(response=>{
+                 if(response.data.state == 1){
+                   var articles =  response.data.data.articles;
+                   this.articles = articles;
+                } 
+             })
+          }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+           console.log("orgid是多少",orgid)
+           this.singleArticleInfo(id,orgid)  
+        }
+    }
+</script>
+
+<style scoped>
+  .artictitle{
+    /* position: absolute; */
+    min-width: 300px;
+    min-height: 20px;
+    /* border:solid 1px red; */
+    text-align: center;
+  }
+  
+   .articcontent{
+     /* position: relative; */
+     width: 100%;
+     min-height: 200px;
+     /* border:solid 1px red; */
+   }
+</style>

src/scrm_pages/doctor/docdetail.vue

+<template>
+     <div>
+         <!-- 单个名医介绍 -->
+                    <div class="scroll"  style="padding:15px 4%;">
+
+                        <div class="doctorInfo">
+                              <div class="doctorhead">
+                                  <img :src="doctors.dochead" style="width:100%;height:100%">
+                              </div>
+                              <div class="doctorname">
+                                  姓名:{{doctors.doc_name}}
+                              </div>
+                              <div class="doctorposition">
+                                职位:{{doctors.doc_postion}}
+                              </div>
+                        </div>
+                         <div class="doctorintroduction">医生简介:</div>
+                         <div class="doctorintro" v-html="doctors.docintroduction"></div>
+                    </div>
+            </div>
+</template>
+
+<script>
+     import { singleDoctorInfo } from "@/api/micro/micro"
+    export default {
+        name: "docdetail",
+        data(){
+          return{
+              doctors:[],
+          }
+        },
+        methods:{
+            singleDoctorInfo(id,orgid){
+                singleDoctorInfo(id,orgid).then(response=>{
+                    if(response.data.state ==1){
+                     var editdoctor = response.data.data.editdoctor;
+                     console.log("editdoctor",editdoctor)
+                     this.doctors = editdoctor;
+                    }
+                })
+            }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+            console.log("orgid是多少",orgid)
+            this.singleDoctorInfo(id,orgid)
+        }
+    }
+</script>
+
+<style scoped>
+    .doctorInfo{
+     width: 100%;
+     height: 100px;
+     /* border: solid 1px red; */
+   }
+
+   .doctorhead{
+     position: absolute;
+     width: 80px;
+     height: 80px;
+     /* border: solid 1px red; */
+     margin-left: 10px;
+     margin-top: 10px;
+   }
+
+   .doctorname{
+     position: absolute;
+     min-width: 100px;
+     height: 20px;
+     /* border: solid 1px red; */
+     margin-left: 100px;
+     margin-top: 20px;
+     font-size: 14px;
+   }
+   .doctorposition{
+     position: absolute;
+     min-width: 100px;
+     height: 20px;
+     /* border: solid 1px red; */
+     margin-left: 100px;
+     margin-top: 45px;
+     font-size: 14px;
+   }
+
+   .doctorintroduction{
+     /* position: absolute; */
+     min-width: 100px;
+     min-height: 20px;
+     margin-left: 10px;
+     /* border:solid 1px red; */
+     font-size: 14px;
+   }
+   .doctorintro{
+     /* position: absolute; */
+     width: 100%;
+     min-height: 200px;
+     /* border:solid 1px red; */
+     font-size: 14px;
+     /* margin-left: 10px; */
+   }
+</style>

src/scrm_pages/doctor/doctor.vue

+<template>
+        <!-- 名医介绍详情 -->
+       <div class="scroll"  id="targetthree" style="padding:15px 4%">
+           <div class="docone" v-for="item in this.editdocfrom" :key="item.id" @click="singleDoctorInfo(item.id,item.user_org_id)">
+             <div class="doctwo">
+              <img :src="item.dochead" style="width:80px;height:80px">
+             </div>
+             <div class="docthree">
+               <span class="docfour">{{item.doc_name}}</span>
+            </div>
+            <div class="docfive">
+                 <span class="docsix" v-html="item.docintroduction"></span>
+            </div>
+         </div>
+        </div>
+</template>
+
+<script>
+      import { docmore } from "@/api/micro/micro"
+    export default {
+        name: "doctor",
+        data(){
+             return{
+                 editdocfrom:[],
+             }
+        },
+        methods:{
+            docmore(id,orgid){
+                docmore(id,orgid).then(response=>{
+                     if(response.data.state == 1){
+                       var editdoctor =  response.data.data.editdoctor;
+                       this.editdocfrom  =  response.data.data.editdoctor;
+                       console.log("编辑医生返回数据",editdoctor)
+                    }
+                 })
+            },
+            singleDoctorInfo(id,orgid){
+                this.$router.push({
+                       path:'docdetail',
+                       query:{
+                           id:id,
+                           orgid:orgid,
+                       }
+                    }
+                )
+            }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+           console.log("orgid是多少",orgid)
+            this.docmore(id,orgid)
+        },
+    }
+</script>
+
+<style scoped>
+    .docone{
+       width:310px;
+       height:100px;
+       /* border: solid red 1px; */
+       margin-left: 5px;
+      overflow: hidden;
+     }
+
+     .doctwo{
+       width:80px;
+       height: 80px;
+       /* border:  solid red 1px; */
+       margin-top: 10px;
+       margin-left: 5px;
+     }
+
+     .docthree{
+       width: 50px;
+       height: 20px;
+      /* border:solid red 1px; */
+       margin-left: 100px;
+       margin-top: -75px;
+
+     }
+     .docfour{
+       font-size: 14px;
+     }
+
+     .docfive{
+       width:200px;
+       height: 50px;
+       /* border:solid 1px red; */
+       margin-left: 100px;
+       margin-top: 5px;
+     }
+     .docsix{
+       font-size: 14px;
+       overflow: hidden;
+       text-overflow: ellipsis;
+       display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical
+     }
+</style>

src/scrm_pages/hospital/hospital.vue

 <template>
   <div>
-    <el-input v-model='msg' placeholder='输入'></el-input>
-    <p>{{ msg }}</p>
+      <div class="scroll"  style="padding:15px 4%;" v-html="hospitalform.introduction"></div>
   </div>
 </template>
 
 <script>
+import { hispitalmore } from "@/api/micro/micro"
 export default {
   name: 'hospital',
-  data: function() {
-    return {
-      msg: ''
+  data(){
+      return{
+        hospitalform:[],
+      }
+  },
+  methods:{
+    hispitalmore(id,orgid){
+        hispitalmore(id,orgid).then(response=>{
+             if(response.data.state ==1){
+              var hospital =  response.data.data.hospital;
+              console.log("hospital",hospital)
+              this.hospitalform =  response.data.data.hospital;
+           }
+        })
     }
+  },
+  created(){
+     const id = this.$route.query.id;
+     const orgid = this.$route.query.orgid;
+     console.log("id是多少",id)
+     console.log("orgid是多少",orgid)
+     this.hispitalmore(id,orgid)
   }
 }
 </script>

src/scrm_pages/micro/micro.vue

          </div>
      </div>
        <div class="scroll" v-show="defalutshow">暂无数据</div>
-       <!-- 医院介绍详情 -->
-       <div class="scroll" v-show="hosshow" style="padding:15px 4%;" v-html="hospitalform.introduction"></div>
-       <!-- 科室介绍详情 -->
-      <div class="scroll" v-show="keshow" style="padding:15px 4%;"  v-html="officeform.introduction"></div>
-      <!-- 名医介绍详情 -->
-       <div class="scroll" v-show="docshow" id="targetthree" style="padding:15px 4%">
-           <div class="docone" v-for="item in this.editdocfrom" :key="item.id" @click="singleDoctorInfo(item.id,item.user_org_id)">
-             <div class="doctwo">
-              <img :src="item.dochead" style="width:80px;height:80px">
-             </div>
-             <div class="docthree">
-               <span class="docfour">{{item.doc_name}}</span>
-            </div>
-            <div class="docfive">
-                 <span class="docsix" v-html="item.docintroduction"></span>
-            </div>
-         </div>
-        </div>
+     
+  
 
          <!--科室环境详情  -->
             <div class="scroll" v-show="OfficeEnviromentShow" id="targetfour">
            </div>
           </div>
 
-             <!-- 文章列表详情 -->
-             <div class="scroll" v-show="ArticlelistShow" id="targetfive"  style="padding:15px 4%;">
-                <div class="actilist" v-for="it in Articlelist" :key="it.id" @click="singleArticleInfo(it.id,it.user_org_id)">
-                    <div class="acthead">
-                       <img :src="it.imgs" style="width:80px;height:80px">
-                     </div>
-                    <div class="actcontent">
-                    <div class="actname"><span>{{it.title}}</span></div>
-                    <!-- <div class="actcomments">阅读:{{it.real_read_num}}|评论:{{it.comment_num}}|点赞:{{it.star_num}}</div> -->
-                    </div>
-                 </div>
-              </div>
+            
 
-              <!-- 活动列表详情 -->
-                 <div class="scroll" v-show="ActivitieslistShow" id="targetsix" style="padding:15px 4%;">
-                     <div class="actilist" v-for="it in Activitieslist" :key="it.id" @click="singleActivitInfo(it.id,it.user_org_id)">
-                        <div class="acthead">
-                            <img :src="it.poster_photo" style="width:80px;height:80px">
-                        </div>
-                         <div class="actcontent">
-                             <div class="actname"><span>{{it.title}}</span></div>
-                             <!-- <div class="actcomments">阅读:{{it.read_num}}|评论:{{it.comment_num}}|点赞:{{it.star_num}}</div>
-                             <div class="progress">
-                               <el-progress :percentage="0"></el-progress>
-                             </div> -->
-                            </div>
-                          </div>
-                    </div>
+      
 
                     <!-- 联系我们页面 -->
                     <div class="scroll" v-show="contactShow" style="padding:15px 4%;">
                                      <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
                                    </div>
                                </div>
-                    </div>
-
-                    <!-- 单个名医介绍 -->
-                    <div class="scroll" v-show="singleDoctorshow" style="padding:15px 4%;">
-                       
-                        <div class="doctorInfo">
-                              <div class="doctorhead">
-                                  <img :src="doctors.dochead" style="width:100%;height:100%">
-                              </div>
-                              <div class="doctorname">
-                                  姓名:{{doctors.doc_name}}
-                              </div>
-                              <div class="doctorposition">
-                                职位:{{doctors.doc_postion}}
-                              </div>
-                        </div>
-                         <div class="doctorintroduction">医生简介:</div>
-                         <div class="doctorintro" v-html="doctors.docintroduction"></div> 
-                    </div>
-
-                    <!-- 单个文章列表详情 -->
-                    <div class="scroll" v-show="singleArticleshow" style="padding:15px 4%;">                   
-                             <div class="artictitle">
-                               {{articles.title}}
-                             </div>
-                            <div class="articcontent" v-html="articles.content">
-
-                            </div>                    
-                    </div>
-
-                    <!-- 单个活动列表详情 -->
-                    <div class="scroll" v-show="singleActiveshow" style="padding:15px 4%;">
-                         <div class="activityImages">
-                            <img :src="activitys.poster_photo" style="width:100%;height:100%">
-                         </div>
-                         <div class="activitycontent">
-                            活动标题:{{activitys.title}}
-                         </div>
-                          <div class="activitycontent">
-                            活动副标题:{{activitys.subtitle}}
-                         </div>
-                          <div class="activitycontent">
-                            活动详细地址:{{activitys.address}}
-                         </div>
-                          <div class="activitycontent">
-                            开始时间:开始时间: {{staffCreateTime(activitys.start_time)}}
-                         </div>
-                          <div class="activitycontent">
-                            结束时间:{{staffCreateTime(activitys.end_time)}}
-                         </div>
-                          <div class="activitycontent">
-                            报名须知:{{activitys.sign_up_notice}}
-                         </div>
-                          <div class="activitycontent">
-                            联系方式:{{activitys.phone_number}}
-                         </div>
-                          <div class="activitycontent">
-                            限制人数:{{activitys.limit_num}}
-                         </div>
-                          <div class="activitycontent">
-                            已报名人数:{{activitys.join_num}}
-                         </div>
-                    </div>
+                       </div>
+           
        <!-- 返回首页 -->
       <div class="showindex" v-show="showindex" @click="returnIndex()">
           <div class="rebackone">
      import {uParseTime} from "@/utils/tools";
      Vue.component(Swipe.name, Swipe);
      Vue.component(SwipeItem.name, SwipeItem);
-     import { getHospitaldata,getArticlelist,getActivities,hispitalmore,officemore,docmore,kemore,articlemore,Activitiesmore,getDefalutNavigationData,getOrderModel,getAllConnecWay,
-     singleActivitInfo,singleArticleInfo,singleDoctorInfo,GetRotationLinkAddress} from '@/api/micro/micro'
+     import { getHospitaldata,getArticlelist,getActivities,officemore,docmore,kemore,articlemore,Activitiesmore,getDefalutNavigationData,getOrderModel,getAllConnecWay,
+     singleActivitInfo,singleDoctorInfo,GetRotationLinkAddress} from '@/api/micro/micro'
 import { link } from 'fs';
     export default {
         name: "micro",
        })
       },
        
-       hispitalmore(){
-          alert("aaa")
-          this.$router.push({path:'/hospital'});
+       hispitalmore(id,orgid){
+          this.$router.push({
+              path:'/hospital',
+              query:{
+                id:id,
+                orgid,orgid,
+              }
+          })
        },
-      // hispitalmore(id,orgid){
-      //   hispitalmore(id,orgid).then(response=>{
-      //      if(response.data.state ==1){
-      //         var hospital =  response.data.data.hospital;
-      //         console.log("hospital",hospital)
-      //         this.hospitalform =  response.data.data.hospital;
-      //         this.modelshow = false;
-      //         this.hosshow = true;
-      //         this.showindex = true;
-      //         this.showtop = true;     
-      //      }
-      //   })
-      // }, 
-    //查看科室详情
-    officemore(id,orgid){
-      officemore(id,orgid).then(response=>{
-         if(response.data.state ==1){
-           var offices = response.data.data.offices;
-           this.officeform = response.data.data.offices;
-           console.log("科室详情数据",offices)
-           this.modelshow = false;
-           this.keshow = true;
-           this.showindex = true;
-           this.showtop = true;  
-         }
-      })
-    },
 
-   // 查看名医详情
-    docmore(id,orgid){
-       docmore(id,orgid).then(response=>{
-         if(response.data.state == 1){
-           var editdoctor =  response.data.data.editdoctor;
-           this.editdocfrom  =  response.data.data.editdoctor;
-            this.modelshow = false;
-            this.docshow = true;
-            this.showindex = true;
-            this.showtop = true;  
-           console.log("编辑医生返回数据",editdoctor)
-         }
-       })
-    },
+       officemore(id,orgid){
+         this.$router.push({
+           path:'/office',
+           query:{
+             id:id,
+             orgid,orgid,
+           }
+         })
+       },
+
+       docmore(id,orgid){
+         this.$router.push({
+           path:'/doctor',
+           query:
+           {
+             id:id,
+             orgid,orgid, 
+           }
+         })
+       },
     
     // 查看科室环境详情
     kemore(id,orgid){
         }
       })
     },
-   
-     articlemore(id,orgid){
-        articlemore(id,orgid).then(response=>{
-            if(response.data.state == 1){
-                 var articlelist =  response.data.data.articlelists;  
-                 console.log("文章列表数据",articlelist)             
-                 this.articlelist =  response.data.data.articlelists;
-                   this.modelshow = false;
-                   this.ArticlelistShow = true;
-                   this.showindex = true;    
-                  this.showtop = true;  
-            }
-        })
+      articlemore(id,orgid){
+          this.$router.push({
+           path:'/articlelist',
+           query:
+           {
+             id:id,
+             orgid,orgid, 
+           }
+         })
       },
-
-
-          // 查看活动列表详情
-    Activitiesmore(id,orgid){
-       Activitiesmore(id,orgid).then(response=>{
-         if(response.data.state == 1){
-           var activity =  response.data.data.activity;
-          this.Activitieslist =  response.data.data.activity;
-           this.modelshow = false;
-           this.ActivitieslistShow = true;
-            this.showindex = true;    
-            this.showtop = true;  
-           console.log("获取活动列表",activity)
-         }
-       })
-    },
-
+        
+      Activitiesmore(id,orgid){
+         this.$router.push({
+           path:'/activitylist',
+           query:{
+             id:id,
+             orgid,orgid,
+           }
+         })
+      },  
       callPhone(title,address){
         if(title == "首页"){
           this.modelshow = true
       overflow: hidden;
     }
 
-    .actilist{
-      width:100%;
-      height: 90px;
-      /* border:solid 1px red; */
-      margin-left: 5px;
-    }
-
-    .acthead{
-      width: 80px;
-      height: 80px;
-     /* border: solid 1px red; */
-      margin-left: 5px;
-      margin-top: 5px;
-    }
-
-    .actcontent{
-      width: 200px;
-      height: 80px;
-       /* border: solid 1px red; */
-      margin-left: 90px;
-      margin-top: -82px;
-    }
-
-     .actname{
-      width:190px;
-      height: 15px;
-      /* border:solid 1px red; */
-      margin-left: 5px;
-      margin-top: 10px;
-      font-size: 14px;
-      overflow: hidden;
-       text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-    }
+ 
     .actcomments{
       width: 190px;
       height: 20px;
      min-height: 200px;
      /* border:solid 1px red; */
    }
-   
-   .doctorInfo{
-     width: 100%;
-     height: 100px;
-     /* border: solid 1px red; */
-   }
 
-   .doctorhead{
-     position: absolute;
-     width: 80px;
-     height: 80px;
-     /* border: solid 1px red; */
-     margin-left: 10px;
-     margin-top: 10px;
-   }
-  
-   .doctorname{
-     position: absolute;
-     min-width: 100px;
-     height: 20px;
-     /* border: solid 1px red; */
-     margin-left: 100px;
-     margin-top: 20px;
-     font-size: 14px;
-   }
-   .doctorposition{
-     position: absolute;
-     min-width: 100px;
-     height: 20px;
+     .actilist{
+      width:100%;
+      height: 90px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+    }
+
+    .acthead{
+      width: 80px;
+      height: 80px;
      /* border: solid 1px red; */
-     margin-left: 100px;
-     margin-top: 45px;
-     font-size: 14px;
-   }
+      margin-left: 5px;
+      margin-top: 5px;
+    }
 
-   .doctorintroduction{
-     /* position: absolute; */
-     min-width: 100px;
-     min-height: 20px;
-     margin-left: 10px;
-     /* border:solid 1px red; */
-     font-size: 14px;
-   }
-   .doctorintro{
-     /* position: absolute; */
-     width: 100%;
-     min-height: 200px;
-     /* border:solid 1px red; */
-     font-size: 14px;
-     /* margin-left: 10px; */
-   }
+    .actcontent{
+      width: 200px;
+      height: 80px;
+       /* border: solid 1px red; */
+      margin-left: 90px;
+      margin-top: -82px;
+    }
+
+     .actname{
+      width:190px;
+      height: 15px;
+      /* border:solid 1px red; */
+      margin-left: 5px;
+      margin-top: 10px;
+      font-size: 14px;
+      overflow: hidden;
+       text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 1;
+      -webkit-box-orient: vertical;
+    }
+   
 </style>

src/scrm_pages/office/office.vue

+<template>
+     <div>
+          <!-- 科室介绍详情 -->
+      <div class="scroll"  style="padding:15px 4%;"  v-html="officeform.introduction"></div>
+     </div>
+</template>
+
+<script>
+    import { officemore } from "@/api/micro/micro"
+    export default {
+        name: "office",
+        data(){
+            return{
+              officeform:[],
+            }
+        },
+        methods:{
+           officemore(id,orgid){
+               officemore(id,orgid).then(response=>{
+                   if(response.data.state ==1){
+                     var offices = response.data.data.offices;
+                     this.officeform = response.data.data.offices;
+                     console.log("科室详情数据",offices)
+
+                   }
+               })
+           }
+        },
+        created(){
+           const id = this.$route.query.id;
+           const orgid = this.$route.query.orgid;
+           console.log("id是多少",id)
+           console.log("orgid是多少",orgid)
+            this.officemore(id,orgid)
+        }
+    }
+</script>
+
+<style scoped>
+
+</style>

src/xt_permission.js

     if (loginWhiteList.indexOf(to.path) !== -1) {
       next()
     } else {
-      next({ path: '/qrcode'})
+      next()
     }
 
 })