微网站

src/router/index.js

@@ -118,6 +118,7 @@ var _constant_router_map = [
     path: "/contact",
     component: () => import("@/scrm_pages/contact/contact")
   },
+  
   {
     path: "/",
     component: () => import("@/scrm_pages/microHome/microHome")
@@ -174,11 +175,11 @@ var _constant_router_map = [
     component: () => import("@/scrm_pages/activitylist/activitylistdetail")
   },
 
-  //联系我们
-  {
-    path: "/contactus",
-    component: () => import("@/scrm_pages/contactus/contactus")
-  },
+  // //联系我们
+  // {
+  //   path: "/contactus",
+  //   component: () => import("@/scrm_pages/contactus/contactus")
+  // },
 
   {
     path: "/card",
@@ -189,6 +190,10 @@ var _constant_router_map = [
     path:"/custom",
     component: () =>import("@/scrm_pages/custom/custom")
   },
+  {
+    path:"/contactus",
+    component: () => import("@/scrm_pages/contact/contactus")
+  },
 
   {
     path: "/activity/preview",

src/scrm_pages/contact/contact.vue

@@ -1,36 +1,37 @@
 <template>
-  <div>
-    <div v-for="item in this.ordmodel" :key="item.id" >
-    <div class="focusImg" v-if="item.mode_type == 1">
-      <div class="swiper-container">
-        <div class="swiper-wrapper">
-          <div class="swiper-slide"  v-for="it in item.Conrotation" :key="it.id">
-            <img class="imgtwo" :src="it.images"/>
+  <div class="page_contact">
+    <div v-for="item in this.ordmodel" :key="item.id">
+      <div class="focusImg" v-if="item.mode_type == 1">
+        <div class="swiper-container">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
+              <img class="imgtwo" :src="it.images" />
+            </div>
           </div>
+          <!-- 如果需要分页器 -->
+          <div class="swiper-pagination"></div>
         </div>
-        <!-- 如果需要分页器 -->
-        <div class="swiper-pagination"></div>
       </div>
-    </div>
-    <!-- <div class="detail"> -->
-    <div class="row one detail" v-if="item.mode_type == 2">
-      <p class="title">{{item.title}}:</p>
-      <p class="msg">{{item.Hosaddress.address}}</p>
-    </div>
-    <div class="row" v-if="item.mode_type == 3">
-      <div v-for="it in Connectways" :key="it.id">
-        <p class="title">{{it.title}}:</p>
-        <p class="msg">{{it.content}}</p><br>
-       </div>
-    </div>
-    <div class="row" v-if="item.mode_type == 4">
-      <p class="title">{{item.title}}:</p>
-      <p class="msg">{{item.Worktime.worktime}}</p>
-    </div>
-    <div class="row one" v-if="item.mode_type == 5">
-      <p class="title">{{item.title}}:</p>
-      <p class="msg">{{item.Rideway.ride_way}}</p>
-    </div>
+      <!-- <div class="detail"> -->
+      <div class="row one detail" v-if="item.mode_type == 2">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Hosaddress.address}}</p>
+      </div>
+      <div class="row" v-if="item.mode_type == 3">
+        <div v-for="it in Connectways" :key="it.id">
+          <p class="title">{{it.title}}:</p>
+          <p class="msg">{{it.content}}</p>
+          <br />
+        </div>
+      </div>
+      <div class="row" v-if="item.mode_type == 4">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Worktime.worktime}}</p>
+      </div>
+      <div class="row one" v-if="item.mode_type == 5">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Rideway.ride_way}}</p>
+      </div>
     </div>
   </div>
 </template>
@@ -51,7 +52,6 @@ export default {
     initSwiper() {
       var mySwiper1 = new Swiper(".swiper-container", {
         loop: true, // 循环模式选项
-        // 如果需要分页器
         pagination: {
           el: ".swiper-pagination"
         },
@@ -96,44 +96,58 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.focusImg {
-  width: 23.4375rem;
-  height: 11.5625rem;
-  img {
-    width: 100%;
-    height: 100%;
+.page_contact {
+  overflow: hidden;
+  height: 100%;
+  > div:nth-of-type(2) {
+    min-height: 5.125rem;
+  }
+  .focusImg {
+    width: 23.4375rem;
+    height: 11.5625rem;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    .swiper-container {
+      height: 100%;
+    }
   }
-  .swiper-container {
-    height: 100%;
+
+  .space {
+    margin: 0 1.25rem;
   }
-}
+  .row {
+    font-size: 1rem;
+    font-weight: 600;
+    color: rgba(7, 18, 40, 1);
+    line-height: 2.375rem;
+    min-height: 2.375rem;
+    width: 21.125rem;
+    margin: 0 1.25rem;
+    // border: 1px solid #000;
 
-.space {
-  margin: 0 1.25rem;
-}
-.row {
-  font-size: 1rem;
-  font-weight: 600;
-  color: rgba(7, 18, 40, 1);
-  line-height: 2.375rem;
-  height: 2.375rem;
-  width: 21.125rem;
-  margin: 0 1.25rem;
-  .title {
-    float: left;
+    .title {
+      float: left;
+      width: 5rem;
+    }
+    .msg {
+      float: left;
+      width: 16rem;
+      line-height: 2.375rem;
+      min-height: 2.375rem;
+      word-wrap: break-word;
+      word-break: break-all;
+      // overflow-x: hidden;
+    }
   }
-  .msg {
-    float: left;
-    width: 16rem;
+  .one {
+    min-height: 2.375rem;
+    // line-height: 3rem;
+  }
+  .detail {
+    width: 21.125rem;
+    margin: 1.1875rem 1.25rem 0 1.25rem;
   }
 }
-.one {
-  height: 3rem;
-  line-height: 1.5rem;
-}
-.detail {
-  width: 21.125rem;
-  margin: 1.1875rem 1.25rem 0 1.25rem;
-}
-
 </style>

src/scrm_pages/contact/contactus.vue

@@ -0,0 +1,266 @@
+<template>
+  <div class="page_home">
+         <!-- <iframe  :src = this.customUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe> -->
+      <div v-for="item in this.ordmodel" :key="item.id">
+       <div class="focusImg" v-if="item.mode_type == 1">
+        <div class="swiper-container">
+          <div class="swiper-wrapper">
+            <div class="swiper-slide" v-for="it in item.Conrotation" :key="it.id">
+              <img class="imgtwo" :src="it.images" />
+            </div>
+          </div>
+          <!-- 如果需要分页器 -->
+          <div class="swiper-pagination"></div>
+        </div>
+      </div>
+      <!-- <div class="detail"> -->
+      <div class="row one detail" v-if="item.mode_type == 2">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Hosaddress.address}}</p>
+      </div>
+      <div class="row" v-if="item.mode_type == 3">
+        <div v-for="it in Connectways" :key="it.id">
+          <p class="title">{{it.title}}:</p>
+          <p class="msg">{{it.content}}</p>
+          <br />
+        </div>
+      </div>
+      <div class="row" v-if="item.mode_type == 4">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Worktime.worktime}}</p>
+      </div>
+      <div class="row one" v-if="item.mode_type == 5">
+        <p class="title">{{item.title}}:</p>
+        <p class="msg">{{item.Rideway.ride_way}}</p>
+      </div>
+    </div>
+
+
+    <!-- tab切换 -->
+    <div class="tabs">
+      <ul class="tabList">
+        <li
+          class="tabOne"
+          v-for="item in this.navigationdata"
+          :key="item.id"
+          @click="CallPhone(item.linktype,item.navaddress,item.user_org_id)">
+          <img :src="item.nonavimages" alt />
+          <span>{{item.navtitle}}</span>
+        </li>
+      </ul>
+    </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 { getDefalutNavigationData,getOrderModel, getAllConnecWay } from "@/api/micro/micro";
+export default {
+  data() {
+    return {
+      navigationdata: [],
+       ordmodel: [],
+      Connectways: [],
+    };
+  },
+  methods: {
+     getDefalutNavigationData(orgid) {
+      getDefalutNavigationData(orgid).then(response => {
+        if (response.data.state == 1) {
+          var navigation = response.data.data.navigation;
+          for (let index = 0; index < navigation.length; index++) {
+              navigation[1].nonavimages = "https://images.shengws.com/2124_o_1571990749565.png";
+
+          }
+          console.log("navigation是什么", navigation);
+          this.navigationdata = navigation;
+        }
+      });
+    },
+      initSwiper() {
+      var mySwiper1 = new Swiper(".swiper-container", {
+        loop: true, // 循环模式选项
+        pagination: {
+          el: ".swiper-pagination"
+        },
+        // autoplay: {
+        //   disableOnInteraction: false
+        // }
+        autoplay: true
+      });
+    },
+    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;
+        }
+      });
+    },
+      CallPhone(linktype, address,orgid) {
+      console.log("orgid是什么啊",orgid)
+      console.log("linktype",linktype)
+      if(linktype == "1"){
+          this.$router.push({
+              path:"/microHome",
+              query:{
+                  orgid:orgid,
+              }
+          })
+     }
+      if (linktype == "2") {
+        // window.location.href = address;
+        this.$router.push({
+          path: "/contactus",
+          query: {
+            orgid: orgid
+          }
+         });
+      }
+      if (linktype == "3") {
+        window.location.href = "tel://" + address + "";
+      }
+      if (linktype == "4") {
+        // window.location.href = address;
+        this.$router.push({
+          path:"/custom",
+          query:{
+            orgid:orgid
+          }
+        })
+      }
+    },
+  },
+   created(){
+    const orgid = this.$route.query.orgid;
+       console.log("我的", orgid);
+     this.url = orgid;
+    this.getDefalutNavigationData(orgid);
+     this.getOrderModel(orgid);
+     this.getAllConnecWay(orgid);
+    this.initSwiper();
+  },
+updated() {
+    this.initSwiper();
+  }
+ };
+</script>
+
+<style lang="scss" scoped>
+@import "../../assets/styles/mixin.scss";
+
+.page_home {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  > div:first-child {
+    flex: 1;
+    overflow: auto;
+  }
+  > div:first-child::-webkit-scrollbar {
+    width: 0;
+  }
+  // border:solid 1px red;
+}
+// .bugone{
+//   border: solid 1px red;
+// }
+
+
+.tabs {
+  @include border-top;
+  width: 100%;
+  height: 3.125rem;
+  box-sizing: border-box;
+}
+.tabList {
+  display: flex;
+  justify-content: space-around;
+  height: 100%;
+  .tabOne {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    img {
+      // margin-top: 0.5rem;
+      width: 1.875rem;
+      height: 1.875rem;
+    }
+    span {
+      font-size: 0.75rem;
+      color: #999;
+      // line-height: 1.3125rem;
+    }
+  }
+}
+
+.page_home {
+  overflow: hidden;
+  height: 100%;
+  > div:nth-of-type(2) {
+    min-height: 5.125rem;
+  }
+  .focusImg {
+    width: 23.4375rem;
+    height: 11.5625rem;
+    img {
+      width: 100%;
+      height: 100%;
+    }
+    .swiper-container {
+      height: 100%;
+    }
+  }
+
+  .space {
+    margin: 0 1.25rem;
+  }
+  .row {
+    font-size: 1rem;
+    font-weight: 600;
+    color: rgba(7, 18, 40, 1);
+    line-height: 2.375rem;
+    min-height: 2.375rem;
+    width: 21.125rem;
+    margin: 0 1.25rem;
+    // border: 1px solid #000;
+
+    .title {
+      float: left;
+      width: 5rem;
+    }
+    .msg {
+      float: left;
+      width: 16rem;
+      line-height: 2.375rem;
+      min-height: 2.375rem;
+      word-wrap: break-word;
+      word-break: break-all;
+      // overflow-x: hidden;
+    }
+  }
+  .one {
+    min-height: 2.375rem;
+    // line-height: 3rem;
+  }
+  .detail {
+    width: 21.125rem;
+    margin: 1.1875rem 1.25rem 0 1.25rem;
+  }
+}
+</style>
+

src/scrm_pages/custom/custom.vue

@@ -12,8 +12,8 @@
           class="tabOne"
           v-for="item in this.navigationdata"
           :key="item.id"
-          @click="CallPhone(item.linktype,item.navaddress)">
-          <img :src="item.navimages" alt />
+          @click="CallPhone(item.linktype,item.navaddress,item.user_org_id)">
+          <img :src="item.nonavimages" alt />
           <span>{{item.navtitle}}</span>
         </li>
       </ul>
@@ -36,11 +36,49 @@ export default {
       getDefalutNavigationData(orgid).then(response => {
         if (response.data.state == 1) {
           var navigation = response.data.data.navigation;
+          for (let index = 0; index < navigation.length; index++) {
+              navigation[3].nonavimages = "https://images.shengws.com/2101_o_1571990903053.png";
+              
+          }
           console.log("navigation是什么", navigation);
           this.navigationdata = navigation;
         }
       });
     },
+
+     CallPhone(linktype, address,orgid) {
+      console.log("orgid是什么啊",orgid)
+      console.log("linktype",linktype)
+      if(linktype == "1"){
+          this.$router.push({
+              path:"/microHome",
+              query:{
+                  orgid:orgid,
+              }
+          })
+     }
+      if (linktype == "2") {
+        // window.location.href = address;
+        this.$router.push({
+          path: "/contactus",
+          query: {
+            orgid: orgid
+          }
+         });
+      }
+      if (linktype == "3") {
+        window.location.href = "tel://" + address + "";
+      }
+      if (linktype == "4") {
+        // window.location.href = address;
+        this.$router.push({
+          path:"/custom",
+          query:{
+            orgid:orgid
+          }
+        })
+      }
+    },
   },
    created(){
     const orgid = this.$route.query.orgid;

src/scrm_pages/microHome/microHome.vue

@@ -194,8 +194,9 @@
           class="tabOne"
           v-for="item in this.navigationdata"
           :key="item.id"
-          @click="CallPhone(item.linktype,item.navaddress)">
-          <img :src="item.navimages" alt />
+          @click="CallPhone(item.linktype,item.navaddress,item.user_org_id)"
+        >
+          <img :src="item.nonavimages" alt />
           <span>{{item.navtitle}}</span>
         </li>
       </ul>
@@ -316,6 +317,10 @@ export default {
       getDefalutNavigationData(orgid).then(response => {
         if (response.data.state == 1) {
           var navigation = response.data.data.navigation;
+          for (let index = 0; index < navigation.length; index++) {
+            navigation[0].nonavimages = "https://images.shengws.com/2089_o_1571990714383.png";
+            
+          }
           console.log("navigation是什么", navigation);
           this.navigationdata = navigation;
         }
@@ -324,16 +329,17 @@ export default {
     NavigationClick(title, address, orgid) {
       console.log("orgid", orgid);
       //  debugger
-      if(title == "加入会员"){
-        // window.location.href = "http://wx.kuyicloud.com/weixin/membershipagree/"+orgid;
+      if (title == "加入会员") {
+        // window.location.href =
+        //   "http://wx.kuyicloud.com/weixin/membershipagree/" + orgid;
         this.$router.push({
           path:"/card",
           query: {
             orgid: orgid,
           }
         })
-      }else if(title == "联系我们"){
-          this.$router.push({
+      } else if (title == "联系我们") {
+        this.$router.push({
           path: "/contact",
           query: {
             orgid: orgid
@@ -347,20 +353,31 @@ export default {
             orgid:orgid
           }
         })
-      }else{
+      }else {
         window.location.href = address;
       }
     },
 
-    CallPhone(linktype, address) {
+    CallPhone(linktype, address,orgid) {
       if (linktype == "2") {
-        window.location.href = address;
+        this.$router.push({
+          path:"/contactus",
+          query:{
+            orgid:orgid,
+          }
+        })
       }
       if (linktype == "3") {
         window.location.href = "tel://" + address + "";
       }
       if (linktype == "4") {
-        window.location.href = address;
+        // window.location.href = address;
+        this.$router.push({
+          path:"custom",
+          query:{
+            orgid:orgid,
+          }
+        })
       }
     },
     getData(orgid) {
@@ -577,13 +594,14 @@ export default {
     margin: auto;
     margin-top: 1.25rem;
     width: 20.875rem;
-    height: 20.3125rem;
+    // height: 20.3125rem;
     background: rgba(255, 255, 255, 1);
     box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05);
     border-radius: 16px;
     padding: 1.125rem 1.3125rem 1.3125rem 1.3125rem;
     overflow: hidden;
     text-overflow: ellipsis;
+    // border: 1px solid #000;
   }
   .commonImg {
     width: 18.4375rem;
@@ -593,7 +611,7 @@ export default {
   .commonMessage {
     // margin-top: 1.375rem;
     width: 17.75rem;
-    height: 14.625rem;
+    height: 16.25rem;
     font-size: 0.875rem;
     color: rgba(60, 60, 60, 1);
     line-height: 1.375rem;