123

src/scrm_pages/contact/contact.vue

 <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>
 </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: 6.875rem;
+  }
+  .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/microHome/microHome.vue

           class="tabOne"
           v-for="item in this.navigationdata"
           :key="item.id"
-          @click="CallPhone(item.linktype,item.navaddress)">
+          @click="CallPhone(item.linktype,item.navaddress)"
+        >
           <img :src="item.navimages" alt />
           <span>{{item.navtitle}}</span>
         </li>
     NavigationClick(title, address, orgid) {
       console.log("orgid", orgid);
       //  debugger
-      if(title == "加入会员"){
-        window.location.href = "http://wx.kuyicloud.com/weixin/membershipagree/"+orgid;
-      }else if(title == "联系我们"){
-          this.$router.push({
+      if (title == "加入会员") {
+        window.location.href =
+          "http://wx.kuyicloud.com/weixin/membershipagree/" + orgid;
+      } else if (title == "联系我们") {
+        this.$router.push({
           path: "/contact",
           query: {
             orgid: orgid
           }
-         });
-      }else if(title =="咨询客服"){
-         window.location.href = "http://wx.kuyicloud.com/weixin/im/"+orgid;
-      }else{
+        });
+      } else if (title == "咨询客服") {
+        window.location.href = "http://wx.kuyicloud.com/weixin/im/" + orgid;
+      } else {
         window.location.href = address;
       }
     },
   created() {
     const orgid = this.$route.query.orgid;
     console.log("机构id是什么", orgid);
-    this.getHospitaldata(orgid);
+    // this.getHospitaldata(orgid);
     this.getArticlelist(orgid);
     this.getActivities(orgid);
     this.getDefalutNavigationData(orgid);
-    // this.getData(orgid);
+    this.getData(orgid);
   },
   mounted() {
     this.initSwiper();
     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;
   .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;
     overflow: hidden;
-    // border: solid 1px red;
+    border: solid 1px red;
     display: -webkit-box;
     -webkit-line-clamp: 8;
     -webkit-box-orient: vertical;