微网站

src/router/index.js

     component: () => import("@/scrm_pages/contactus/contactus")
   },
 
+  {
+    path: "/card",
+    component: () => import("@/scrm_pages/card/card")
+  },
+
+  {
+    path:"/custom",
+    component: () =>import("@/scrm_pages/custom/custom")
+  },
+
   {
     path: "/activity/preview",
     component: () => import("@/scrm_pages/marketing_tool/activity_preview"),

src/scrm_pages/activity/activity.vue

     staffCreateTime(time) {
       return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");
     },
-    // singleActivitInfo(id, orgid) {
-    //   this.$router.push({
-    //     path: "/activityDetail",
-    //     query: {
-    //       id: id,
-    //       orgid,
-    //       orgid
-    //     }
-    //   });
-    // }
-    singleActivitInfo(id){
-      window.location.href = "http://wx.kuyicloud.com/weixin/activity/"+id;
+    singleActivitInfo(id, orgid) {
+      this.$router.push({
+        path: "/activityDetail",
+        query: {
+          id: id,
+          orgid: orgid
+        }
+      });
     }
+    // singleActivitInfo(id){
+    //   window.location.href = "http://wx.kuyicloud.com/weixin/activity/"+id;
+    // }
   },
   created() {
     const id = this.$route.query.id;

src/scrm_pages/activityDetail/activityDetail.vue

 <template>
-  <div>
-    <div class="banner">
-      <img :src="activitys.poster_photo" style="width:100%;height:100%" alt />
-    </div>
-    <div class="headline">
-      <div class="top">{{activitys.title}}</div>
-      <!-- <div class="bottom">
-        <p class="browse">
-          <i class="iconfont">&#xe629;</i>
-          <span>浏览400次</span>
-        </p>
-      </div>-->
-    </div>
-    <div class="detail">
-      <p class="row">
-        <i class="iconfont">&#xe614;</i>
-        <span>{{staffCreateTime(activitys.start_time)}}</span>
-      </p>
-      <p class="row">
-        <i class="iconfont">&#xe668;</i>
-        <span>{{activitys.address}}</span>
-      </p>
-      <p class="row">
-        <i class="iconfont">&#xe61f;</i>
-        <span>{{activitys.join_num}} / {{activitys.limit_num}}</span>
-      </p>
-      <p class="row">
-        <i class="iconfont">&#xe6a9;</i>
-        <span>{{activitys.phone_number}}</span>
-      </p>
-    </div>
-    <div class="introduce">
-      <div class="common_title">
-        <div class="one"></div>
-        <div class="dynamicTxt">报名须知</div>
+  <div class="page_home">
+    <div class="swiper-slide">
+      <div style="widht:100%;height:100%">
+         <iframe  :src = this.url width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe>
       </div>
-      <div class="introduceDetail">{{activitys.sign_up_notice}}</div>
     </div>
-    <!-- <div class="apply">我要报名</div> -->
   </div>
 </template>
- <script>
-import { uParseTime } from "@/utils/tools";
-import { singleActivitInfo } from "@/api/micro/micro";
+
+<script>
+import { getDefalutNavigationData,} from "@/api/micro/micro";
 export default {
   data() {
     return {
-      activitys: []
+      url:"",
+      navigationdata: [],
     };
   },
   methods: {
-    staffCreateTime(time) {
-      console.log("time是多少", time);
-      return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");
-    },
-    singleActivitInfo(id, orgid) {
-      singleActivitInfo(id, orgid).then(response => {
+     getDefalutNavigationData(orgid) {
+      getDefalutNavigationData(orgid).then(response => {
         if (response.data.state == 1) {
-          var activitys = response.data.data.activity;
-          this.activitys = activitys;
-          console.log("activitys", activitys);
+          var navigation = response.data.data.navigation;
+          console.log("navigation是什么", navigation);
+          this.navigationdata = navigation;
         }
       });
-    }
+    },
   },
-  created() {
+   created(){
     const id = this.$route.query.id;
+    console.log("id是什么",id)
+     this.url = "http://wx.kuyicloud.com/weixin/activity/"+id;
     const orgid = this.$route.query.orgid;
-    console.log("id是多少", id);
-    console.log("orgid是多少", orgid);
-    this.singleActivitInfo(id, orgid);
-  }
-};
+    console.log("我的世界", orgid);
+   
+    this.getDefalutNavigationData(orgid);
+  },
+ };
 </script>
 
 <style lang="scss" scoped>
-.banner {
-  width: 100%;
-  height: 13.75rem;
-  img {
-    width: 100%;
-    height: 100%;
+@import "../../assets/styles/mixin.scss";
+
+.page_home {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  > div:first-child {
+    flex: 1;
+    overflow: auto;
   }
-}
-.headline {
-  position: relative;
-  width: 20.875rem;
-  height: 5rem;
-  margin-top: -1.25rem;
-  left: 1.25rem;
-  z-index: 99;
-  background: rgba(255, 255, 255, 1);
-  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05);
-  border-radius: 10px;
-  padding: 1.0625rem 0.625rem 0 0.875rem;
-  box-sizing: border-box;
-  .top {
-    font-size: 1.0625rem;
-    font-weight: 600;
-    color: rgba(7, 18, 40, 1);
-    line-height: 1.5rem;
+  > div:first-child::-webkit-scrollbar {
+    width: 0;
   }
+  // border:solid 1px red;
 }
-.browse {
-  color: rgba(182, 186, 193, 1);
-  margin-top: 0.5rem;
-  span {
-    font-size: 0.75rem;
-    font-weight: 400;
-  }
+// .bugone{
+//   border: solid 1px red;
+// }
+
+
+.tabs {
+  @include border-top;
+  width: 100%;
+  height: 3.125rem;
+  box-sizing: border-box;
 }
-.detail {
-  margin-left: 1.25rem;
-  margin-top: 1.25rem;
-  .row {
-    margin: 0.625rem 0;
-    i {
-      color: #b6bac1;
+.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.875rem;
-      font-weight: 600;
-      color: rgba(7, 18, 40, 1);
-      margin-left: 0.625rem;
+      font-size: 0.75rem;
+      color: #999;
+      // line-height: 1.3125rem;
     }
   }
 }
-.introduce {
-  margin-left: 1.25rem;
-  margin-top: 1.5rem;
-}
-
-.common_title {
-  width: 20.9375rem;
-  height: 1.125rem;
-  line-height: 1.125rem;
-  font-size: 1.125rem;
-  font-weight: 800;
-  color: rgba(7, 18, 40, 1);
-}
-
-.one {
-  margin-top: 0.125rem;
-  margin-right: 0.625rem;
-  float: left;
-  width: 0.125rem;
-  height: 0.875rem;
-  background: linear-gradient(
-    0deg,
-    rgba(114, 182, 253, 1),
-    rgba(52, 119, 254, 1)
-  );
-  box-shadow: 0px 3px 12px 0px rgba(60, 127, 254, 0.2);
-  border-radius: 3px;
-}
-.introduceDetail {
-  width: 19.875rem;
-  height: 5.75rem;
-  font-size: 1rem;
-  color: rgba(155, 155, 155, 1);
-  line-height: 1.5rem;
-  margin-top: 1.125rem;
-  padding-left: 0.375rem;
-  box-sizing: border-box;
-}
-.apply {
-  width: 100%;
-  height: 2.625rem;
-  position: fixed;
-  left: 0;
-  bottom: 0;
-  text-align: center;
-  line-height: 2.625rem;
-  color: rgba(255, 255, 255, 1);
-  font-size: 1.125rem;
-  background: linear-gradient(
-    90deg,
-    rgba(114, 182, 253, 1),
-    rgba(52, 119, 254, 1)
-  );
-}
 </style>

src/scrm_pages/card/card.vue

+<template>
+  <div class="page_home">
+    <div class="swiper-slide">
+      <div style="widht:100%;height:100%">
+         <iframe  :src = this.cardUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe>
+      </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)">
+          <img :src="item.navimages" alt />
+          <span>{{item.navtitle}}</span>
+        </li>
+      </ul>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import { getDefalutNavigationData,} from "@/api/micro/micro";
+export default {
+  data() {
+    return {
+      url:"",
+      cardUrl:"http://wx.kuyicloud.com/weixin/membershipagree/"+this.url,
+      navigationdata: [],
+    };
+  },
+  methods: {
+     getDefalutNavigationData(orgid) {
+      getDefalutNavigationData(orgid).then(response => {
+        if (response.data.state == 1) {
+          var navigation = response.data.data.navigation;
+          console.log("navigation是什么", navigation);
+          this.navigationdata = navigation;
+        }
+      });
+    },
+  },
+   created(){
+    const orgid = this.$route.query.orgid;
+    this.url = orgid;
+    console.log("我的世界", orgid);
+    this.getDefalutNavigationData(orgid);
+  },
+ };
+</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;
+    }
+  }
+}
+</style>

src/scrm_pages/custom/custom.vue

+<template>
+  <div class="page_home">
+    <div class="swiper-slide">
+      <div style="widht:100%;height:100%">
+         <iframe  :src = this.customUrl width="100%" height="100%" marginwidth="0" frameborder="no" scrolling="no"></iframe>
+      </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)">
+          <img :src="item.navimages" alt />
+          <span>{{item.navtitle}}</span>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getDefalutNavigationData,} from "@/api/micro/micro";
+export default {
+  data() {
+    return {
+      navigationdata: [],
+      url:"",
+      customUrl:"http://wx.kuyicloud.com/weixin/im/"+this.url,
+    };
+  },
+  methods: {
+     getDefalutNavigationData(orgid) {
+      getDefalutNavigationData(orgid).then(response => {
+        if (response.data.state == 1) {
+          var navigation = response.data.data.navigation;
+          console.log("navigation是什么", navigation);
+          this.navigationdata = navigation;
+        }
+      });
+    },
+  },
+   created(){
+    const orgid = this.$route.query.orgid;
+    this.url = orgid;
+    console.log("我的世界", orgid);
+    this.getDefalutNavigationData(orgid);
+  },
+ };
+</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;
+    }
+  }
+}
+</style>

src/scrm_pages/microHome/microHome.vue

       console.log("orgid", orgid);
       //  debugger
       if(title == "加入会员"){
-        window.location.href = "http://wx.kuyicloud.com/weixin/membershipagree/"+orgid;
+        // window.location.href = "http://wx.kuyicloud.com/weixin/membershipagree/"+orgid;
+        this.$router.push({
+          path:"/card",
+          query: {
+            orgid: orgid,
+          }
+        })
       }else if(title == "联系我们"){
           this.$router.push({
           path: "/contact",
           }
          });
       }else if(title =="咨询客服"){
-         window.location.href = "http://wx.kuyicloud.com/weixin/im/"+orgid;
+        //  window.location.href = "http://wx.kuyicloud.com/weixin/im/"+orgid;
+        this.$router.push({
+          path:"/custom",
+          query: {
+            orgid:orgid
+          }
+        })
       }else{
         window.location.href = address;
       }