更新

config/dev.env.js

@@ -1,13 +1,13 @@
 module.exports = {
   NODE_ENV: '"development"',
   ENV_CONFIG: '"dev"',
-  BASE_API:'"http://api.test1.sgjyun.com"',//'"http://localhost:9534"'
-  //BASE_API:'"http://localhost:9534"'
+  //BASE_API:'"http://api.test1.sgjyun.com"',//'"http://localhost:9534"'
+  BASE_API:'"http://localhost:9534"',
 
-  SSO_HOST: '"http://testsso.sgjyun.com"',
-  SRCM_HOST: '"http://test1.sgjyun.com"',
-  XT_HOST: '"http://xt.test.sgjyun.com"',
-  MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
-  CDM_HOST: '"http://cdm.test.sgjyun.com"',
+  // SSO_HOST: '"http://testsso.sgjyun.com"',
+  // SRCM_HOST: '"http://test1.sgjyun.com"',
+  // XT_HOST: '"http://xt.test.sgjyun.com"',
+  // MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
+  // CDM_HOST: '"http://cdm.test.sgjyun.com"',
 }
 

config/index.js

@@ -17,7 +17,8 @@ module.exports = {
     // can be overwritten by process.env.HOST
     // if you want dev by ip, please set host: '0.0.0.0'
 
-    host: 'test1.sgjyun.com',
+   // host: 'test1.sgjyun.com',
+    host:'localhost',
     port: 8090, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
     // host: 'test1.sgjyun.com',
     autoOpenBrowser: true,

src/api/site/site.js

@@ -46,7 +46,6 @@ export function AddDoctor(data){
 }
 
 export function AddDoctorInfo(data){
-  
    return request({
        url:"/api/site/adddoctorinfo",
        method:"Post",
@@ -283,3 +282,60 @@ export function deleteDoctor(id,data){
    })
 }
 
+export function editHospital(id,data){
+    return request({
+        url:"/api/site/edithospital?id="+id,
+        method:"Get",
+        data:data,
+    })
+}
+
+export function SaveHospital(id,data){
+    return request({
+       url:"/api/site/savehostpital?id="+id,
+       method:"Post",
+       data:data,
+    })
+}
+
+export function editOffice(id,data){
+   return request({
+       url:"/api/site/editoffice?id="+id,
+       method:"Get",
+       data:data,
+   })
+}
+
+export function deleteModleById(id,data){
+    return request({
+        url:"/api/site/deletemodlebyid?id="+id,
+        method:"Get",
+        data:data,
+    })
+}
+
+export function SaveOffice(id,data){
+    return request({
+        url:"/api/site/saveoffice?id="+id,
+        method:"Post",
+        data:data,
+    })
+}
+
+export function getHospital(params){
+   return request({
+       url:"/api/site/gethospital",
+       method:"Post",
+       params:params,
+   })
+}
+
+export function getHospitaldata(params){
+   return request({
+       url:"/api/site/getdata",
+       method:"Post",
+       params:params,
+   })
+}
+
+

src/scrm_pages/site/components/doctor-introduction.vue

@@ -0,0 +1,125 @@
+<template>
+    <div class="wq5">                         
+       <img src="static\images\u.png" style="width:5px;height:20px;">                           
+        <div class="kefont"><span >名医介绍</span></div>
+        <div class="more" @click="more()">查看更多</div>
+        <div class="logo"><img src="static\images\u216.png"></div>
+        <div class="famdoc" v-for="item in doctorInfos" :key="item.id">
+        <div class="dochead">
+        <img :src="item.dochead" style="width:100px;height:100px">
+        </div>
+        <div class="docname">
+        <span  class="zzcontent">{{item.docname}}</span>
+         </div>
+        <div class="docintroduction"><span  class="zzcontent" v-html="item.docintroduction"></span></div>
+       </div>
+    </div>  
+</template>
+
+<script>
+     import { GetDoctorInfo } from '@/api/site/site'
+    export default {
+        name: "doctor-introduction",
+        data(){
+           return{
+              doctorInfos:[],  
+           } 
+        },
+        methods:{
+       //获取名医介绍
+        GetDoctorInfo(){
+          GetDoctorInfo().then(response=>{
+           if(response.data.state == 1){
+             var doctor = response.data.data.doctor;
+             console.log("doctor是什么",doctor)
+             this.doctorInfos = response.data.data.doctor;
+              console.log("获取名医介绍",this.doctorInfos);
+            }
+          })
+         },
+        },
+        created(){
+            this.GetDoctorInfo();
+        }
+    }
+</script>
+
+<style scoped>
+    .wq5{
+        width: 320px;
+        height: 290px;
+        /* background-color: rgba(242, 242, 242, 1); */
+        color: #ffffff;
+        /* border: solid 1px black; */
+     }
+    
+     .kefont{
+       font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+    }
+
+    .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+       margin-top: -22px;
+     }
+
+    .logo{
+       position: absolute;
+       margin-left: 280px;
+       margin-top: -22px;
+     }
+     .content{
+       position: absolute;
+       font-size: 14px;
+       color: black;
+     }
+
+     
+     .famdoc{
+       position: relative;
+       width: 320px;
+       height: 130px;
+       background-color: rgba(242, 242, 242, 1);
+     }
+
+     .dochead{
+       width:100px;
+       height: 100px;
+     /* //  border:solid 1px green; */
+       margin-top: 10px;
+       margin-left: 10px;
+     }
+
+     .docname{
+       position: absolute;
+       width:50px;
+       height: 20px;
+      /* // border: solid 1px green; */
+       margin-left: 130px;
+       margin-top: -90px;
+       font-size: 14px;
+       color:black;
+     }
+    .zzcontent{
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 3;
+     -webkit-box-orient: vertical   
+   }   
+     .docintroduction{
+       position: absolute;
+       width: 150px;
+       height: 50px;
+      /* // border: solid 1px green; */
+       margin-left: 130px;
+       margin-top: -60px;
+       font-size: 14px;
+       color: black;
+     }
+</style>

src/scrm_pages/site/components/hospital-introduction.vue

@@ -0,0 +1,99 @@
+<template>
+    <div class="wq3">                         
+      <img src="static\images\u.png" style="width:5px;height:20px;">                           
+      <div class="kefont"><span >医院介绍</span></div>
+      <div class="more" @click="more()">查看更多</div>
+      <div class="logo"><img src="static\images\u216.png"></div>
+      <div class="content">
+        <span v-html="hispitalform.introduction" id="content" class="yycontent"></span>
+       </div>    
+    </div>
+</template>
+
+<script>
+     import { GetHospitalInfo } from '@/api/site/site'
+    export default {
+        name: "hospital-introduction",
+        data(){
+          return{
+            hispitalform:{
+             title:"",
+             sort:"",
+             introduction:"",
+            },
+          }
+        },
+        methods:{
+             //获取医院介绍
+            GetHospitalInfo(){
+              GetHospitalInfo().then(response=>{
+               if(response.data.state == 1){
+                var hospital =  response.data.data.hospital;
+               this.hispitalform =  response.data.data.hospital;
+             // console.log("获取医院介绍数据",hospital);
+             }
+           })
+          },
+        },
+        created(){
+           this.GetHospitalInfo(); 
+        },
+         updated(){
+            let obj = document.getElementById('content');
+            console.log("obj是什么",obj)
+            let imgs =  obj.getElementsByTagName('img');
+            console.log("imgs",imgs)
+            for(let i=0;i<imgs.length;i++){
+            imgs[i].style.width = '332px';
+            imgs[i].style.height = '100px';
+         }
+       }
+    }
+</script>
+
+<style scoped>
+   
+     .wq3{
+        width: 320px;
+        height: 230px;
+        background-color: white;
+        color: #ffffff;
+      /* border: solid 1px black; */
+        margin-bottom: 0px;
+     }
+
+    .kefont{
+       font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+     }
+
+     .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+       margin-top: -22px;
+     }
+
+    .logo{
+       position: absolute;
+       margin-left: 280px;
+       margin-top: -22px;
+     }
+
+      .content{
+       position: absolute;
+       font-size: 14px;
+       color: black;
+     }
+
+     .yycontent{
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 6;
+     -webkit-box-orient: vertical   
+   }
+</style>

src/scrm_pages/site/components/navigation-bar.vue

@@ -0,0 +1,212 @@
+<template>
+   <div class="wq3">                               
+    <div class="doclist"> 
+      <img src="static\images\u289.png" style="width:45px;heigth:45px;vertical-align:middle">
+        <div><span @click="doclist()" class="listfont">名医列表</span> </div>  
+    </div>
+    <div class="doclist2"> 
+      <img src="static\images\u292.png" style="width:45px;height:49px;vertical-align:middle">
+      <div><span class="sbfont">肾病百科</span></div>
+  </div>
+  <div class="doclist3">
+     <img src="static\images\u290.png" style="width:45px;height:49px;vertical-align:middle">
+     <div class="sbyfont"><span>肾病医院</span></div> 
+  </div>
+  <div class="doclist4">
+   <img src="static\images\u291.png" style="width:45px;height:49px;vertical-align:middle">
+   <div class="zxfont"><span>在线客服</span></div>
+  </div>
+   <div class="doclist5">
+     <img src="static\images\u293.png" style="width:45px;height:49px;vertical-align:middle">
+     <div class="lxfont"><span>联系我们</span></div>
+   </div>
+  <div class="doclist6">
+  <img src="static\images\u294.png" style="width:45px;height:49px;vertical-align:middle">
+  <div class="zxsfont"><span>在线商城</span></div>
+ </div>
+  <div class="doclist7">
+    <img src="static\images\u295.png" style="width:45px;height:49px;vertical-align:middle">
+    <div class="kffont"><span>客服电话</span></div>
+  </div>
+
+  <div class="doclist8">
+    <img src="static\images\u296.png" style="width:45px;height:49px;vertical-align:middle">
+    <div class="myfont"><span>名医列表</span></div> 
+ </div>                                 
+ </div>
+</template>
+
+<script>
+    export default {
+        name: "navigation-bar"
+    }
+</script>
+
+<style scoped>
+    .wq3{
+        width: 320px;
+        height: 162px;
+        /* background-color: white; */
+        color: #ffffff;
+        /* border: solid 1px black; */
+        margin-bottom: 0px;
+     }
+     .doclist{
+       position: relative;
+       width:60px;
+       height: 66px;
+       /* border: solid red; */
+       margin-left: 20px;
+       margin-top: 10px;
+       background-color: white;
+       text-align:center;
+       color: #666666;
+       font-size: 14px;
+       padding-top: 5px;
+       margin-bottom: 2px;
+     }
+     .listfont{
+       position: absolute;
+       font-size: 14px;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       margin-left: -28px;
+       width: 60px;
+
+     }
+
+     .doclist2{
+       position: relative;
+       width:60px;
+       height: 66px;
+       /* border: solid red; */
+       margin-left: 90px;
+       margin-top: -68px;
+       /* background-color: red; */
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+    .sbfont{
+      position: absolute;
+      width:60px; 
+      font-size: 14px;
+      margin-left: -30px;
+      margin-top: 5px;
+      margin-bottom: 5px;
+     }
+
+     .doclist3{
+       width:60px;
+       height: 66px;
+       /* border:solid red; */
+       margin-left: 161px;
+       margin-top: -67px;
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+    .sbyfont{
+      position: absolute;
+      font-size: 14px;
+      margin-top: 5px;
+      margin-left: 1px;
+      width: 60px;
+      margin-bottom: 5px;
+    }
+
+     .doclist4{
+       width:60px;
+       height: 66px;
+       /* border:solid red; */
+       margin-left: 231px;
+       margin-top: -66px;
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+     .zxfont{
+       position: absolute;
+       font-size: 14px;
+       margin-top: 5px;
+       margin-left: 3px;
+       width: 60px;
+   }
+
+      .doclist5{
+       position: absolute;
+       width:60px;
+       height: 66px;
+       /* border: solid red; */
+       margin-left: 20px;
+       margin-top: 15px;
+       background-color: white;
+       text-align:center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+    .zxsfont{
+       position: absolute;
+       font-size: 14px;
+       margin-top: 2px;
+       margin-left: 5px;
+       width: 60px;
+      }
+
+      .doclist6{
+       position: absolute;
+       width:60px;
+       height: 66px;
+       /* border: solid red; */
+       margin-left: 90px;
+       margin-top: 15px;
+       /* background-color: red; */
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+     
+     .doclist7{
+       position: absolute;
+       width:60px;
+       height: 66px;
+       /* border:solid red; */
+       margin-left: 161px;
+       margin-top: 15px;
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+     .kffont{
+       position: absolute;
+       font-size: 14px;
+       margin-top: 2px;
+       margin-left: 3px;
+       width: 60px;
+     }
+
+      .doclist8{
+       width:60px;
+       height: 66px;
+       /* border:solid red; */
+       margin-left: 231px;
+       margin-top: 15px;
+       text-align: center;
+       color: #666666;
+       font-size: 14px;
+     }
+
+     .kefont{
+       position: absolute;
+       font-size: 14px;
+       color: #FF6600;
+       margin-left: 8px;
+       margin-top: -22px;
+     }
+</style>

src/scrm_pages/site/components/news-information.vue

@@ -0,0 +1,167 @@
+<template>
+    <div class="wq7">
+      <img src="static\images\u.png" style="width:5px;height;20px;">
+       <div class="kefont"><span >新闻动态</span></div>
+         <div class="more" @click="more()">查看更多</div>
+            <div class="logo"><img src="static\images\u216.png"></div>
+              <div class="swiper-container" id="swiper3">
+                <div class="swiper-wrapper" id="wrapper3">
+
+                  <div class="swiper-slide">
+                    <div class="new">
+                     <div class="new2">
+                      <img src="static/images/a.jpg" style="width:160px;height:125px;border-radius:5px;"/> 
+                    </div>
+                    <div class="new3">
+                     <span>胎儿鉴定样本采集方法</span>
+                    </div>
+                    <div class="new4"></div>
+                    <div class="new5">
+                    <span>
+                        孕期胎儿DNA鉴定,必须通过穿刺的办法提取绒毛组织或者...
+                     </span>
+                    </div>
+                 </div>   
+               </div>
+
+                <div class="swiper-slide">
+                   <div class="new">
+                     <div class="new2">
+                        <img src="static/images/a.jpg" style="width:160px;height:125px;border-radius:5px;"/> 
+                     </div>
+                    <div class="new3">
+                        <span>胎儿鉴定样本采集方法</span>
+                    </div>
+                     <div class="new4"></div>
+                     <div class="new5">
+                     <span>
+                      孕期胎儿DNA鉴定,必须通过穿刺的办法提取绒毛组织或者...
+                     </span>
+                     </div>
+                  </div>   
+                 </div>                               
+             </div>
+          </div>
+     </div>
+</template>
+
+<script>
+     import { getQueryNewModel } from '@/api/site/site'
+    export default {
+        name: "news-information",
+        data(){
+           return{
+           
+           } 
+        },
+        methods:{         
+        
+        },
+        created(){
+          this.getQueryNewModel();
+        },
+        mounted(){
+            var mySwiper2 = new Swiper('#swiper3', {
+              direction:"horizontal",
+              autoplay:false,
+              spaceBetween:3,
+              loopAdditionalSlides:10,
+              slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
+              centeredSlides: true, // active slide 居中
+              observer:true,//动态加载图片
+              pagination: {
+                el: '.swiper-pagination',
+               },
+            });
+
+             var swiper1 = new Swiper('#swiper4', {
+                direction:"vertical",               
+                spaceBetween:3,
+                loopAdditionalSlides:10,
+                slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
+                centeredSlides: true, // active slide 居中
+                paginationClickable: true,
+                observer:true,//动态加载图片
+                observeParents:true,
+                pagination: {
+                    el: '.swiper-pagination',
+                },
+            });
+        }
+    }
+</script>
+
+<style scoped>
+   .wq7{
+        width: 320px;
+        height: 250px;
+        /* background-color: black; */
+        color: #ffffff;
+       /* // border: solid 1px black; */
+        margin-bottom: 0px;
+     }
+
+       .new{
+    width: 160px;
+    height: 210px;
+    border: solid 0.8px #333333;
+    border-radius:5px;
+  }
+  .new2{
+    width: 160px;
+    height: 125px;
+   /* // border:solid 1px yellow; */
+  }
+  .new3{
+    width: 140px;
+    height: 20px;
+    font-size: 14px;
+  /* //  border: solid 1px yellow; */
+    margin-top: 5px;
+    margin-left: 10px;
+    color:  #666666;
+  }
+  .new4{
+    width: 150px;
+    /* //height: 1px; */
+    border: solid 0.8px #333333;
+    background-color: #333333;
+    margin-left: 3px;
+  }
+  
+  .new5{
+    width: 145px;
+    height: 40px;
+    /* //border:solid 1px red; */
+    margin-top: 5px;
+    margin-left: 5px;
+    font-size: 10px;
+    color: #333333;
+  }
+
+    #wrapper4{
+     width: 50%;
+   }  
+
+    .kefont{
+      font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+    }
+
+     .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+       margin-top: -22px;
+     }
+
+     
+    .logo{
+       position: absolute;
+       margin-left: 280px;
+       margin-top: -22px;
+     }
+</style>

src/scrm_pages/site/components/office-environment.vue

@@ -0,0 +1,98 @@
+<template>
+     <div class="wq6">
+        <img src="static\images\u.png" style="width:5px;height;20px;">
+        <div class="kefont"><span >科室环境</span></div>
+        <div class="more" @click="more()">查看更多</div>
+        <div class="logo"><img src="static\images\u216.png"></div>                                
+        <div class="swiper-container" id="swiper2">
+         <div class="swiper-wrapper" id="wrapper2">
+          <div class="swiper-slide" v-for="item in keEnvironmentImages" :key="item.id">
+           <img :src="item" style="width:150px;height:125px;border-radius:5px;"/>
+          </div>
+         </div>
+        </div>
+    </div>
+</template>
+
+<script>
+    import { GetOffEnvironment } from '@/api/site/site'
+    export default {
+        name: "office-environment",
+        data(){
+           return{
+             keEnvironmentImages:[],
+           }
+        },
+        methods:{
+         //获取科室环境
+          GetOffEnvironment(){
+             GetOffEnvironment().then(response=>{
+             if(response.data.state == 1){
+              var offenvironment = response.data.data.offenvironment;
+              console.log("获取科室环境",offenvironment);
+              console.log("获取轮播图片",offenvironment.keimages);
+              var str = offenvironment.keimages;
+              var Images = [];
+              Images = str.split(",");
+              console.log("数组",Images);
+             this.keEnvironmentImages =  Images;
+            }
+          });
+         },
+        },
+        created(){
+           this.GetOffEnvironment();
+        },
+        mounted(){
+            var mySwiper = new Swiper('#swiper2', {
+                direction:"horizontal",
+                loop: true, // 循环播放,
+                spaceBetween:1,
+                loopAdditionalSlides:10,
+                slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
+                centeredSlides: true, // active slide 居中
+                observer:true,//动态加载图片
+                observeParents:true,
+                pagination: {
+                    el: '.swiper-pagination',
+                },
+            });
+        },
+        
+    }
+</script>
+
+<style scoped>
+   .wq6{
+    width: 320px;
+    height: 165px;
+ /* // background-color: red; */
+    color: #ffffff;
+ /* // border: solid 1px black; */
+    margin-bottom: 0px;
+  }
+   #wrapper2{
+     width: 50%;
+   }
+   .kefont{
+      font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+    }
+
+     .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+       margin-top: -22px;
+     }
+
+     
+    .logo{
+       position: absolute;
+       margin-left: 280px;
+       margin-top: -22px;
+     }
+</style>

src/scrm_pages/site/components/office-introduction.vue

@@ -0,0 +1,97 @@
+<template>
+     <div class="wq4">                         
+        <img src="static\images\u.png" style="width:5px;height:20px;">                           
+        <div class="kefont"><span >{{officeform.title}}</span></div>
+         <div class="more" @click="kemore()">查看更多</div>
+        <div class="logo"><img src="static\images\u216.png"></div>
+        <div class="content">
+         <span v-html="officeform.introduction" id="officecontent" class="xxcontent"></span>
+        </div>
+     </div>
+</template>
+
+<script>
+    import { GetOfficeInfo } from '@/api/site/site'
+    export default {
+        name: "office-introduction",
+        data(){
+          return{
+            officeform:{
+              title:"",
+              sort:"",
+              introduction:"", 
+           },
+          }
+        },
+        methods:{      
+     //获取科室介绍
+       GetOfficeInfo(){
+         GetOfficeInfo().then(response=>{
+           if(response.data.state == 1){
+             var offices =   response.data.data.offices;
+             this.officeform =  response.data.data.offices;
+            // console.log("获取科室介绍数据",offices);
+           }
+          })
+         },
+        },
+        created(){
+          this.GetOfficeInfo();
+        },
+        updated(){
+            let officObj =  document.getElementById('officecontent');
+            console.log("officeObj是什么",officObj)
+            let officeImages =  officObj.getElementsByTagName('img');
+            console.log("officeImages",officeImages)
+           for(let i=0;i<officeImages.length;i++){
+             officeImages[i].style.width = '332px';
+             officeImages[i].style.height = '100px';
+           }  
+        }
+    }
+</script>
+
+<style scoped>
+   .wq4{
+        width: 320px;
+        height: 230px;
+        background-color: white;
+        color: #ffffff;
+       /* border: solid 1px black; */
+        margin-bottom: 0px;
+     }
+
+      .kefont{
+       font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+     }
+
+     .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+     }
+
+    .logo{
+       position: absolute;
+       margin-left: 280px;
+     }
+
+      .content{
+       position: absolute;
+       font-size: 14px;
+       color: black;
+     }
+
+    .xxcontent{
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 6;
+     -webkit-box-orient: vertical   
+   }
+
+</style>

src/scrm_pages/site/components/parent-component.vue

@@ -0,0 +1,165 @@
+<template>
+   <div>
+    <div v-for="item in this.patientModels" :key="item.id">
+     <div class="parent">  
+       <!--医院介绍-->
+       <div v-if="item.mode_type == 2" class="modetwo"> 
+           <img src="static\images\u.png" style="width:5px;height:20px;">
+           <div class="kefont"><span >{{item.title}}</span></div>   
+           <div class="more" @click="more()">查看更多</div>
+           <div class="logo"><img src="static\images\u216.png"></div>  
+           <div class="content">
+             <span v-html="item.Hospitals.introduction" id="content" class="yycontent"></span>
+          </div>
+        </div>
+       <!-- 科室介绍 -->
+       <div v-if="item.mode_type == 3" class="modethree">
+           <img src="static\images\u.png" style="width:5px;height:20px;">
+           <div class="kefont"><span >{{item.title}}</span></div>   
+           <div class="more" @click="more()">查看更多</div>
+           <div class="logo"><img src="static\images\u216.png"></div>  
+           <div class="xcontent">
+             <span v-html="item.Offices.introduction" id="xcontent" class="xxcontent"></span>
+           </div>
+        </div>
+     </div>
+
+     <div class="box"></div>
+
+   </div>  
+   </div>
+</template>
+
+<script>
+  import { getQueryNewModel,getHospital,getHospitaldata } from '@/api/site/site' 
+import { truncateSync } from 'fs';
+    export default {
+        name: "parent-component",
+        data(){
+          return{
+            modeltitle:[],
+            hospitalform:[],
+            patientModels:[],  
+                 
+          }  
+        },
+        methods:{
+    
+         getHospital(){
+            getHospital().then(response=>{
+                if(response.data.state == 1){
+                  this.hospitalform = response.data.data.hostital;
+                  console.log("中国第一人",this.hospitalform);
+                }
+            }) 
+         },
+          getHospitaldata(){
+           getHospitaldata().then(response=>{
+                if(response.data.state == 1){
+                 this.patientModels = response.data.data.patientModels;
+                 console.log("中国第三人",this.patientModels)
+                }
+           })
+         },
+        },
+        created(){
+            this.getHospital();
+            this.getHospitaldata();
+        },
+         updated(){
+            let obj = document.getElementById('content');
+            console.log("obj是什么",obj)
+            let imgs =  obj.getElementsByTagName('img');
+            console.log("imgs",imgs)
+            for(let i=0;i<imgs.length;i++){
+            imgs[i].style.width = '332px';
+            imgs[i].style.height = '100px';            
+         }
+          let xcontent = document.getElementById('xcontent');
+          console.log("xcontent是设么",xcontent)
+          let ximgs = xcontent.getElementsByTagName('img');
+          console.log("ximgs是什么",ximgs)
+          for(let j=0;j<ximgs.length;j++){
+             imgs[j].style.width = '332px';
+             imgs[j].style.height = '100px';
+          }
+        }
+    }
+</script>
+
+<style scoped>
+    .parent{
+      width: 320px;
+      height: 220px;
+      /* background-color:  rgba(204, 204, 204, 1); */
+    }
+
+    .box{
+      width: 320px;
+      height: 8px;
+      background-color: rgba(204, 204, 204, 1);  
+    }
+
+    .modetwo{
+      width: 320px;
+      height: 220px;
+      /* border: solid 1px red;   */
+      /* background-color: red; */
+    }
+    .modethree{
+       width: 320px;
+      height: 220px;
+      /* border: solid 1px blue;   */
+      /* background-color: blue; */
+    }
+
+     .logo{
+       position: absolute;
+       margin-left: 280px;
+       margin-top: -16px;
+     }
+     .kefont{
+       font-size: 14px;
+       color: red;
+       margin-left: 8px;
+       margin-top: -20px;
+     }
+
+     .more{
+       position: absolute;
+       font-size: 14px;
+       color:black;
+       margin-left: 220px;
+       margin-top: -15px;
+     }
+
+    .content{
+       position: absolute;
+       font-size: 14px;
+       color: black;
+       margin-top: 6px;
+     }
+
+     .xcontent{
+       position: absolute;
+       font-size: 14px;
+       color: black;
+       margin-top: 6px;
+     }
+
+    .yycontent{
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 6;
+     -webkit-box-orient: vertical   
+   }
+
+    .xxcontent{
+     overflow: hidden;
+     text-overflow: ellipsis;
+     display: -webkit-box;
+     -webkit-line-clamp: 6;
+     -webkit-box-orient: vertical   
+   }
+</style>

src/scrm_pages/site/components/rotation-image.vue

@@ -0,0 +1,61 @@
+<template>
+  <div>
+     <div class="wq">
+        <div class="swiper-slide">
+            <mt-swipe :auto="4000">
+              <mt-swipe-item v-for="item in rotationImages" :key="item.id">
+                  <img :src="item" style="width:480px;height:250px">
+              </mt-swipe-item>
+            </mt-swipe>
+        </div>
+     </div>
+ </div>
+</template>
+
+<script>
+    import { GetRationImages } from '@/api/site/site'
+    export default {
+        name: "rotation-image",
+        data(){
+           return{
+             rotationImages:[],  
+             rotationform:[],            
+           } 
+        },
+
+        methods:{
+        //获取轮播图
+         GetRationImages(){
+          GetRationImages().then(response=>{
+            if(response.data.state ==1){
+                var rotation =  response.data.data.rotationImages;    
+                this.rotationform =  response.data.data.rotationImages;    
+               console.log("获取轮播图数据",rotation)        
+              //  console.log("获取轮播图",rotation.rotation_images); 
+              //  var str = rotation.rotation_images;
+              //  var Images = [];
+              //  Images = str.split(",");
+              //  console.log("数组",Images)
+              //  this.rotationImages = Images;
+            }
+          })
+         },
+       },
+       created(){
+           this.GetRationImages();
+       }
+    }
+</script>
+
+
+<style rel="stylesheet/scss" lang="scss" scoped>
+     .wq{
+        width: 320px;
+        height: 185px;
+        background-color: rgba(204, 204, 204, 1);
+        color: #ffffff;
+      //  border: solid 1px red;
+        margin-bottom: 0px;
+    }
+
+</style>

src/scrm_pages/site/components/used-list.vue

@@ -1,12 +1,12 @@
 <template>
 <div>
-    <div class="used" v-for="item in this.model" :key="item.id">
+    <div class="used">
         <ul>
             <li>
-                <span class="name">{{item.title}}</span>
+                <span class="name">轮播图</span>
                 <span class="icon"> 
-                    <i class="el-icon-edit-outline" @click="dialogVisible = true"></i>
-                    <i class="el-icon-delete" @click="deleteList = true"></i>
+                    <i class="el-icon-edit-outline" ></i>
+                    <i class="el-icon-delete"></i>
                 </span>
             </li>
         </ul>
@@ -19,39 +19,10 @@ export default {
   name: "usedlist",
   data() {
     return {
-      deleteList: false,
-      two: false,
-      three: false,
-      four: false,
-      five: false,
-      six: false,
-      seven: false,
-      eight: false,
-      dialogVisible: false,      
-      form: {
-        name: ""
-      },
-      modelform:{
-        id:"",
-        title:"",
-        sort:"",
-      },
     };
   },
    methods:{
-     getQueryNewModel(){
-         getQueryNewModel().then(response=>{
-            if(response.data.state ==1){
-             var model  = response.data.data.model;
-             this.modelform  = response.data.data.model;
-             console.log("返回新增模块数据",model);
-            }
-         });
-      }
-    },
-    created(){
-       this.getQueryNewModel();
-    }
+   }
 };
 </script>
 

src/xt_permission.js

@@ -10,14 +10,14 @@ const permissionWhiteList = loginWhiteList.concat(['/']) // 权限验证白名
 
 router.beforeEach((to, from, next) => {
   // 线上注释
-  // if (store.getters.permission_routers === undefined) {
-  //   store.dispatch('xt_GenerateRoutes', []).then(() => {
-  //     next()
-  //   })
-  // } else {
-  //   next()
-  // }
-  // return
+  if (store.getters.permission_routers === undefined) {
+    store.dispatch('xt_GenerateRoutes', []).then(() => {
+      next()
+    })
+  } else {
+    next()
+  }
+   return
   // 线上注释
 
   NProgress.start()