微网站

src/api/micro/micro.js

@@ -117,7 +117,6 @@ export function getDefalutNavigationData(orgid,params){
 
 export function getOrderModel(orgid,params){
     console.log("联系我们",orgid)
-    console.log("params",params)
     return request({
         url:"/api/site/getdataeight?orgid="+orgid,
         method:"Get",

src/router/index.js

@@ -80,33 +80,44 @@ var _constant_router_map = [{
   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:"/contactus",
+  component:()=>import('@/scrm_pages/contactus/contactus')
+},
+
 {
   path: '/activity/preview',
   component: () => import('@/scrm_pages/marketing_tool/activity_preview'),

src/scrm_pages/contactus/contactus.vue

@@ -0,0 +1,152 @@
+<template>
+    <div>
+          <!-- 联系我们页面 -->
+         <div class="scroll"  style="padding:15px 4%;">
+              <div v-for="item in this.ordmodel" :key="item.id">
+                     <div v-if="item.mode_type == 1" class="contractmodeone">
+                        <mt-swipe :auto="4000" class="swipertwo">
+                             <mt-swipe-item  v-for="it in item.Conrotation" :key="it.id">
+                                    <img :src="it.images" style="width:100%;height:100%" >
+                             </mt-swipe-item>
+                        </mt-swipe>
+                     </div>
+
+                     <div v-if="item.mode_type == 2" class="oldmodetwo">
+                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div>
+                     </div>
+                     <div  v-if="item.mode_type == 3">
+                            <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
+                                  <div class="oldmodefive">
+                                      <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span>
+                                 </div>
+                             <div class="oldmodesix" @click="tallPhone(it.content)">
+                                  <img src="static/images/u318.png" style="width 100%;height:100%">
+                             </div>
+                            </div>
+                     </div>
+                      <div class="oldmodefour" v-if="item.mode_type == 4">
+                          <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
+                          </div>
+                             <div class="oldmodethree" v-if="item.mode_type == 5">
+                               <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
+                             </div>
+                        </div>
+                 </div>
+          </div>
+</template>
+
+<script>
+     import Swiper from "swiper";
+     import Vue from 'vue';
+     import { Swipe, SwipeItem } from 'mint-ui';
+     import 'mint-ui/lib/style.css'
+     import { getOrderModel,getAllConnecWay } from "@/api/micro/micro"
+    export default {
+        name: "contactus",
+        data(){
+           return{
+             ordmodel:[],
+             Connectways:[],
+           }
+        },
+        methods:{
+           getOrderModel(orgid){
+               getOrderModel(orgid).then(response=>{
+                 if(response.data.state == 1){
+                   var ordmodel = response.data.data.ordmodel;
+                   console.log("ordmodel是什么",ordmodel)
+                   this.ordmodel = response.data.data.ordmodel;
+                 }
+               })
+           },
+          getAllConnecWay(orgid){
+             getAllConnecWay(orgid).then(response=>{
+                 if(response.data.state == 1){
+                    var connect = response.data.data.connect;
+                    this.Connectways = connect;
+                 }
+             })
+           },
+           tallPhone(content){
+               window.location.href = 'tel://'+content+'';
+           }
+        },
+        created(){
+           const orgid = this.$route.query.orgid;
+          console.log("联系我们orgid是多少",orgid)
+          this.getOrderModel(orgid)
+          this.getAllConnecWay(orgid)
+        }
+
+    }
+</script>
+
+<style scoped>
+    .modeone{
+        width: 100%;
+        height: 220px;
+        margin-bottom: 10px;
+        /* border:solid 1px red; */
+    }
+
+   .oldmodetwo{
+    width: 300px;
+    height: 100%;
+    /* border: solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 8px;
+  }
+
+    .oldmodeone{
+        width: 318px;
+        min-height: 22px;
+        /* border: solid 1px red; */
+        margin-bottom: 8px;
+    }
+
+    .oldmodesix{
+       position: absolute;
+       width: 50px;
+       min-height: 20px;
+       /* border: solid 1px blue; */
+       margin-left: 200px;
+       margin-top: -20px;
+    }
+
+    .oldmodefive{
+      width: 250px;
+      min-height: 20px;
+      /* border: solid 1px red; */
+    }
+
+  .oldmodefour{
+    width: 300px;
+    height: 30px;
+    color: black;
+    /* border:solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 8px;
+  }
+
+   .oldmodethree{
+    width: 300px;
+    height: 100%;
+    color: black;
+    /* border:solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 8px;
+  }
+   .contractmodeone{
+     width: 100%;
+     height: 200px;
+     /* border: solid 1px red */
+   }
+     #wrappertwo{
+     width: 40%;
+   }
+   #wrappert{
+       width: 43%;
+   }
+
+
+</style>

src/scrm_pages/micro/micro.vue

@@ -157,38 +157,7 @@
 
       
 
-                    <!-- 联系我们页面 -->
-                    <div class="scroll" v-show="contactShow" style="padding:15px 4%;">
-                          <div v-for="item in this.ordmodel" :key="item.id">
-                              <div v-if="item.mode_type == 1" class="contractmodeone">
-                                  <mt-swipe :auto="4000" class="swipertwo">
-                                     <mt-swipe-item  v-for="it in item.Conrotation" :key="it.id">
-                                        <img :src="it.images" style="width:100%;height:100%" >
-                                      </mt-swipe-item>
-                                   </mt-swipe>
-                              </div>
-
-                                  <div v-if="item.mode_type == 2" class="oldmodetwo">
-                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div>
-                                  </div>
-                                  <div  v-if="item.mode_type == 3">
-                                    <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
-                                       <div class="oldmodefive">
-                                          <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span>
-                                       </div>
-                                       <div class="oldmodesix" @click="tallPhone(it.content)">
-                                           <img src="static/images/u318.png" style="width 100%;height:100%">
-                                       </div>
-                                     </div>
-                                   </div>
-                                   <div class="oldmodefour" v-if="item.mode_type == 4">
-                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
-                                   </div>
-                                   <div class="oldmodethree" v-if="item.mode_type == 5">
-                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
-                                   </div>
-                               </div>
-                       </div>
+                 
            
        <!-- 返回首页 -->
       <div class="showindex" v-show="showindex" @click="returnIndex()">
@@ -227,8 +196,7 @@
      import {uParseTime} from "@/utils/tools";
      Vue.component(Swipe.name, Swipe);
      Vue.component(SwipeItem.name, SwipeItem);
-     import { getHospitaldata,getArticlelist,getActivities,officemore,docmore,kemore,articlemore,Activitiesmore,getDefalutNavigationData,getOrderModel,getAllConnecWay,
-     singleActivitInfo,singleDoctorInfo,GetRotationLinkAddress} from '@/api/micro/micro'
+     import { getHospitaldata,getArticlelist,getActivities,getDefalutNavigationData,GetRotationLinkAddress} from '@/api/micro/micro'
 import { link } from 'fs';
     export default {
         name: "micro",
@@ -236,8 +204,6 @@ import { link } from 'fs';
             return{
               patientModels:[],
               hospitalform:[], 
-              Articlelist:[],
-              Activitieslist:[],
               officeform:[],
               editdocfrom:[],
               keEnvironmentImages:[],
@@ -255,8 +221,6 @@ import { link } from 'fs';
               navigationdata:[],
               contactShow:false,
               modelshow:true,
-              ordmodel:[],
-              Connectways:[],
               defalutshow:false,
               singleDoctorshow:false,
               singleArticleshow:false,
@@ -399,7 +363,7 @@ import { link } from 'fs';
             this.docshow = false;
             this.modelshow = false;
            this.contactShow = true;
-           this.getOrderModel(orgid);
+           this.getOrderModel(this.$route.query.orgid);
          
         }
         if(title == "在线客服"){
@@ -464,28 +428,28 @@ import { link } from 'fs';
              if(response.data.state == 1){
                var navigation =  response.data.data.navigation;
                this.navigationdata = navigation;
-               console.log("旺仔小牛奶",navigation)
+               
              }
            })
          },
-
           getOrderModel(orgid){
-             getOrderModel(orgid).then(response=>{
-                 if(response.data.state == 1){
-                  var ordmodel = response.data.data.ordmodel;
-                  this.ordmodel = response.data.data.ordmodel;
-                   console.log("mawenqiang",this.ordmodel)
-                 }
-             })
-           },
-           getAllConnecWay(orgid){
-             getAllConnecWay(orgid).then(response=>{
-                 if(response.data.state == 1){
-                    var connect = response.data.data.connect;
-                    this.Connectways = connect;
-                 }
-             })
-           },
+              this.$router.push({
+                path:"/contactus",
+                query:{
+                  orgid:orgid,
+                }
+              }) 
+          },
+          // getOrderModel(orgid){
+          //    getOrderModel(orgid).then(response=>{
+          //        if(response.data.state == 1){
+          //         var ordmodel = response.data.data.ordmodel;
+          //         this.ordmodel = response.data.data.ordmodel;
+                  
+          //        }
+          //    })
+          //  },
+       
 
           NavigationClick(title,address,orgid){
              if(title == "医院介绍" && address == ""){
@@ -647,9 +611,6 @@ import { link } from 'fs';
                   }
               })
            },
-           tallPhone(content){
-               window.location.href = 'tel://'+content+'';
-           }
         },
        created(){
            const orgid = this.$route.query.orgid;
@@ -658,8 +619,7 @@ import { link } from 'fs';
            this.getArticlelist(orgid);
            this.getActivities(orgid);
            this.getDefalutNavigationData(orgid);
-           this.getOrderModel(orgid);
-           this.getAllConnecWay(orgid);
+        
         },
       updated(){
        let obj = document.getElementById('content');