微网站

index.html

@@ -18,6 +18,7 @@
     <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.service.js"></script>
     <script src="<%= htmlWebpackPlugin.options.path %>/neditor/i18n/zh-cn/zh-cn.js"></script>
     <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.parse.min.js"></script>
+
     <div id="app"></div>
     <!-- built files will be auto injected -->
     <script src='http://api.map.baidu.com/api?v=2.0&ak=？&callback=init'></script>
@@ -25,4 +26,5 @@
     <link href="//vjs.zencdn.net/4.9/video-js.css" rel="stylesheet">
     <script src="//vjs.zencdn.net/4.9/video.js"></script>
   </body>
-</html>
+</html>
+

src/scrm_pages/contact/contact.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="focusImg">
+    <!-- <div class="focusImg">
       <img src="static/images/img2.png" alt />
     </div>
     <div class="detail">
@@ -24,41 +24,208 @@
         <p class="title">乘车方式：</p>
         <p class="msg">乘1路或859路车至千峰路口站下车向南500米</p>
       </div>
-    </div>
-  </div>
-</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 {
+  
+    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 lang="scss" scoped>
-.focusImg {
-  width: 23.4375rem;
-  height: 11.5625rem;
-  img {
-    width: 100%;
-    height: 100%;
-  }
-}
-.detail {
-  width: 21.125rem;
-  margin: 1.1875rem 1.25rem 0 1.25rem;
+// .focusImg {
+//   width: 23.4375rem;
+//   height: 11.5625rem;
+//   img {
+//     width: 100%;
+//     height: 100%;
+//   }
+// }
+// .detail {
+//   width: 21.125rem;
+//   margin: 1.1875rem 1.25rem 0 1.25rem;
 
-  .row {
-    font-size: 1rem;
+//   .row {
+//     font-size: 1rem;
+//     font-weight: 600;
+//     color: rgba(7, 18, 40, 1);
+//     line-height: 2.375rem;
+//     height: 2.375rem;
+//     .title {
+//       float: left;
+//     }
+//     .msg {
+//       float: left;
+//       width: 16rem;
+//     }
+//   }
+//   .one {
+//     height: 3rem;
+//     line-height: 1.5rem;
+//   }
+// }
+
+   .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;
+     font-size: 1rem;
     font-weight: 600;
     color: rgba(7, 18, 40, 1);
-    line-height: 2.375rem;
+    line-height: 2.375rem;     
     height: 2.375rem;
-    .title {
-      float: left;
+  }
+
+    .oldmodeone{
+        width: 318px;
+        min-height: 22px;
+        /* border: solid 1px red; */
+        margin-bottom: 8px;
+       font-size: 1rem;
+       font-weight: 600;
+       color: rgba(7, 18, 40, 1);
+       line-height: 2.375rem;     
+       height: 2.375rem;
+    }
+
+    .oldmodesix{
+       position: absolute;
+       width: 50px;
+       min-height: 20px;
+       /* border: solid 1px blue; */
+       margin-left: 200px;
+       margin-top: -30px;
+      //   font-size: 1rem;
+      //  font-weight: 600;
+      //  color: rgba(7, 18, 40, 1);
+      //  line-height: 2.375rem;     
+      //  height: 2.375rem;
     }
-    .msg {
-      float: left;
-      width: 16rem;
+
+    .oldmodefive{
+      width: 250px;
+      min-height: 20px;
+      /* border: solid 1px red; */
     }
+
+  .oldmodefour{
+    width: 300px;
+    height: 30px;
+    color: black;
+    /* border:solid 1px red; */
+    margin-bottom: 8px;
+    font-size: 1rem;
+    font-weight: 600;
+    color: rgba(7, 18, 40, 1);
+    line-height: 2.375rem;     
+     height: 2.375rem;
   }
-  .one {
-    height: 3rem;
-    line-height: 1.5rem;
+
+   .oldmodethree{
+    width: 300px;
+    height: 100%;
+    color: black;
+    /* border:solid 1px red; */
+    margin-bottom: 8px;
+     font-size: 1rem;
+       font-weight: 600;
+       color: rgba(7, 18, 40, 1);
+       line-height: 2.375rem;     
+       height: 2.375rem;
   }
-}
+   .contractmodeone{
+    //  width: 100%;
+    //  height: 200px;
+      width: 100%;
+     height: 11.5625rem;
+    //  border: solid 1px red 
+   }
+     #wrappertwo{
+     width: 40%;
+   }
+   #wrappert{
+       width: 43%;
+   }
 </style>

src/scrm_pages/microHome/microHome.vue

@@ -17,7 +17,7 @@
 
         <!-- 魔方导航 -->
         <div class="btnList" v-if="item.mode_type== 8">
-          <div class="btnOne" v-for="it in item.Editmargin" :key="it.id"  @click="NavigationClick(it.marginaddress)">
+          <div class="btnOne" v-for="it in item.Editmargin" :key="it.id"  @click="NavigationClick(it.margtitle,it.marginaddress,it.user_org_id)">
             <div>
               <img :src="it.margimage" alt />
             </div>
@@ -263,8 +263,7 @@ export default {
         path: "/hospitalIntroduction",
         query: {
           id: id,
-          orgid,
-          orgid
+          orgid:orgid,
         }
       });
     },
@@ -274,8 +273,7 @@ export default {
         path: "/officeIntroduction",
         query: {
           id: id,
-          orgid,
-          orgid
+          orgid:orgid
         }
       });
     },
@@ -284,8 +282,7 @@ export default {
         path: "/medicalTeam",
         query: {
           id: id,
-          orgid,
-          orgid
+          orgid:orgid
         }
       });
     },
@@ -294,8 +291,7 @@ export default {
         path: "/news",
         query: {
           id: id,
-          orgid,
-          orgid
+          orgid:orgid
         }
       });
     },
@@ -304,8 +300,7 @@ export default {
         path: "/activity",
         query: {
           id: id,
-          orgid,
-          orgid
+          orgid:orgid
         }
       });
     },
@@ -318,9 +313,17 @@ export default {
         }
       });
     },
-    NavigationClick(address){
-        window.location.href = address;
-        
+    NavigationClick(title,address,orgid){
+      console.log("orgid",orgid)
+        if(title == "联系我们"){
+            this.$router.push({
+              path:"/contact",
+              query: {
+                orgid:orgid,
+              }
+            })
+        }
+        window.location.href = address;   
     }, 
 
     CallPhone(linktype,address){
@@ -628,7 +631,6 @@ export default {
     flex-direction: column;
     justify-content: center;
     align-items: center;
-
     img {
       // margin-top: 0.5rem;
       width: 1.875rem;
@@ -641,4 +643,7 @@ export default {
     }
   }
 }
+
+
+
 </style>