微网站

src/api/micro/micro.js

     params: params
   });
 }
+
+export function getEnviromentImages(id,orgid){
+  const params = {
+    id:id,
+    orgid:orgid,
+  }
+   return request({
+     url:"/api/site/getenviromentimages",
+     Get:"Get",
+     params:params
+   })
+}

src/scrm_pages/Enviroments/enviromentsdetail.vue

 <template>
     <div>
-        <van-grid :border="true" :column-num="3">
-          <van-grid-item>
-             <img src="https://img.yzcdn.cn/vant/apple-1.jpg" />
-         </van-grid-item>
-         <van-grid-item>
-            <img src="https://img.yzcdn.cn/vant/apple-2.jpg" />
-        </van-grid-item>
-         <van-grid-item>
-             <img src="https://img.yzcdn.cn/vant/apple-3.jpg" />
-          </van-grid-item>
-        </van-grid>
+       <div class="swiper-container imgSwiper">
+              <div class="swiper-wrapper">
+                <div class="swiper-slide carousel">
+                  <img class="img" src="static/images/a.jpg" />
+                </div>
+                <div class="swiper-slide carousel">
+                  <img class="img" src="static/images/a.jpg" />
+                </div>
+             </div>
+        </div>
     </div>
 </template>
 
 <script>
+    import Swiper from "swiper";
+   import {getEnviromentImages } from "@/api/micro/micro";
     export default {
-        name: "enviromentsdetail"
+        name: "enviromentsdetail",
+        data(){
+            return{
+
+            }
+        },
+        created(){
+          const id =  this.$route.query.id;
+          const orgid = this.$route.query.orgid;
+          console.log("id是多少",id)
+          console.log("orgid是多少",orgid)
+          getEnviromentImages(id,orgid);
+        },
+        methods:{
+         initSwiper() {
+           var mySwiper2 = new Swiper(".imgSwiper", {
+           slidesPerView: 2,
+          });
+         },
+         getEnviromentImages(id,orgid){
+            getEnviromentImages(id,orgid).then(response=>{
+                 if(response.data.state == 1){
+                   
+                 }
+            })
+         }
+        },
+      mounted() {
+        this.initSwiper();
+     },
+
+     updated() {
+       this.initSwiper();
+       this.$previewRefresh();
+      }
     }
 </script>
 
-<style scoped>
-
+<style lang="scss">
+  .carousel {
+    width: 100%;
+    height: 200px;
+    float: left;
+    padding-right: 1rem;
+    .img{
+        width: 100%;
+        height: 100%;
+        float: left;
+    }
+  }
+ 
+ .swiper-wrapper{
+     width:50%;
+ }
 </style>

src/scrm_pages/microHome/microHome.vue

               <div class="img">
                 <img :src="it.imgs" style="width:100%;height:100%" alt />
               </div>
-              <div class="detail">
+              <div class="detail" v-if="it.title !=''">
                 <p class="detailTitle">{{it.title}}</p>
                 <!-- <p class="detailMessage">{{it.content}}</p> -->
               </div>
+              <div class="detail" v-else-if="it.title ==''">
+                <div class="noImg">
+                  <img src="../../../static/images/none2.png" alt />
+                </div>
+              </div>
             </div>
           </div>
         </div>
             </div>
           </div>
           <div class="commonBox">
-            <!-- <div class="commonMessage" v-html="item.Hospitals.introduction"></div> -->
-            <div class="noImg">
+            <div class="commonMessage" v-html="item.Hospitals.introduction" v-if="item.Hospitals.introduction!=''"></div>
+            <div class="noImg" v-else-if="item.Hospitals.introcution == ''">
               <img src="../../../static/images/none2.png" alt />
             </div>
           </div>
             <!-- <div class="commonImg">
             <img src="static\images\img2.png" alt />
             </div>-->
-            <!-- <div class="commonMessage" v-html="item.Offices.introduction"></div> -->
-            <div class="noImg">
+            <div class="commonMessage" v-html="item.Offices.introduction" v-if="item.Offices.introduction != ''"></div>
+            <div class="noImg" v-else-if="item.Offices.introduction">
               <img src="../../../static/images/none2.png" alt />
             </div>
           </div>
               <div class="img">
                 <img :src="doc.dochead" style="width:100%;height:100%" alt />
               </div>
-              <!-- <div class="detail">
+              <div class="detail" v-if="doc.docintroduction != ''">
                 <p class="detailTitle">{{doc.doc_name}}</p>
                 <p class="detailMessage" v-html="doc.docintroduction"></p>
                 
-              </div>-->
-              <div class="detail">
+              </div>
+              <div class="detail" v-else-if="doc.docintroduction ==''">
                 <div class="noImg">
                   <img src="../../../static/images/none2.png" alt />
                 </div>
           <div class="common_title">
             <div class="one"></div>
             <div class="dynamicTxt">{{item.title}}</div>
-            <!-- <div class="more">
+            <div class="more" @click="EnviromentClick(item.id,item.user_org_id)">
             <p>
               查看更多
               <i class="iconfont">&#xe632;</i>
             </p>
-            </div>-->
+            </div>
           </div>
           <div class="imgs">
             <div class="swiper-container imgSwiper">
               <div class="img">
                 <img :src="it.poster_photo" style="widht:100%;height:100%" alt />
               </div>
-              <div class="detail">
+              <div class="detail" v-if="it.title != ''">
                 <p class="detailTitle">{{it.title}}</p>
-                <!-- <div class="detailBox">
-                <div class="activityTime">
-                  <p>
-                    7月28日 08:30开始
-                    深圳市南山区
-                  </p>
-                </div>
-                <div class="people">
-                  <p>100人已报名</p>
+              </div>
+               <div class="detail" v-else-if="it.title ==''">
+                <div class="noImg">
+                  <img src="../../../static/images/none2.png" alt />
                 </div>
-                </div>-->
               </div>
             </div>
           </div>
         }
       });
     },
+    EnviromentClick(id,orgid){
+      this.$router.push({
+        path:"/departmentEnvironment",
+        query:{
+          id:id,
+          orgid: orgid,
+        }
+      })
+    },
     getDefalutNavigationData(orgid) {
       getDefalutNavigationData(orgid).then(response => {
         if (response.data.state == 1) {
           console.log("数据是什么", this.patientModels);
         }
       });
-    }
+    },
+
+
   },
   created() {
     const orgid = this.$route.query.orgid;