xiaoming_global 5 years ago
parent
commit
45b98e9848

+ 7 - 7
config/dev.env.js View File

@@ -1,13 +1,13 @@
1 1
 module.exports = {
2 2
   NODE_ENV: '"development"',
3 3
   ENV_CONFIG: '"dev"',
4
-  BASE_API:'"http://api.test1.sgjyun.com"',//'"http://localhost:9534"'
5
-  //BASE_API:'"http://localhost:9534"'
4
+  //BASE_API:'"http://api.test1.sgjyun.com"',//'"http://localhost:9534"'
5
+  BASE_API:'"http://localhost:9534"',
6 6
 
7
-  SSO_HOST: '"http://testsso.sgjyun.com"',
8
-  SRCM_HOST: '"http://test1.sgjyun.com"',
9
-  XT_HOST: '"http://xt.test.sgjyun.com"',
10
-  MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
11
-  CDM_HOST: '"http://cdm.test.sgjyun.com"',
7
+  // SSO_HOST: '"http://testsso.sgjyun.com"',
8
+  // SRCM_HOST: '"http://test1.sgjyun.com"',
9
+  // XT_HOST: '"http://xt.test.sgjyun.com"',
10
+  // MIRCO_MALL_HOST: '"http://mall.test.sgjyun.com"',
11
+  // CDM_HOST: '"http://cdm.test.sgjyun.com"',
12 12
 }
13 13
 

+ 2 - 1
config/index.js View File

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

+ 57 - 1
src/api/site/site.js View File

@@ -46,7 +46,6 @@ export function AddDoctor(data){
46 46
 }
47 47
 
48 48
 export function AddDoctorInfo(data){
49
-  
50 49
    return request({
51 50
        url:"/api/site/adddoctorinfo",
52 51
        method:"Post",
@@ -283,3 +282,60 @@ export function deleteDoctor(id,data){
283 282
    })
284 283
 }
285 284
 
285
+export function editHospital(id,data){
286
+    return request({
287
+        url:"/api/site/edithospital?id="+id,
288
+        method:"Get",
289
+        data:data,
290
+    })
291
+}
292
+
293
+export function SaveHospital(id,data){
294
+    return request({
295
+       url:"/api/site/savehostpital?id="+id,
296
+       method:"Post",
297
+       data:data,
298
+    })
299
+}
300
+
301
+export function editOffice(id,data){
302
+   return request({
303
+       url:"/api/site/editoffice?id="+id,
304
+       method:"Get",
305
+       data:data,
306
+   })
307
+}
308
+
309
+export function deleteModleById(id,data){
310
+    return request({
311
+        url:"/api/site/deletemodlebyid?id="+id,
312
+        method:"Get",
313
+        data:data,
314
+    })
315
+}
316
+
317
+export function SaveOffice(id,data){
318
+    return request({
319
+        url:"/api/site/saveoffice?id="+id,
320
+        method:"Post",
321
+        data:data,
322
+    })
323
+}
324
+
325
+export function getHospital(params){
326
+   return request({
327
+       url:"/api/site/gethospital",
328
+       method:"Post",
329
+       params:params,
330
+   })
331
+}
332
+
333
+export function getHospitaldata(params){
334
+   return request({
335
+       url:"/api/site/getdata",
336
+       method:"Post",
337
+       params:params,
338
+   })
339
+}
340
+
341
+

+ 125 - 0
src/scrm_pages/site/components/doctor-introduction.vue View File

@@ -0,0 +1,125 @@
1
+<template>
2
+    <div class="wq5">                         
3
+       <img src="static\images\u.png" style="width:5px;height:20px;">                           
4
+        <div class="kefont"><span >名医介绍</span></div>
5
+        <div class="more" @click="more()">查看更多</div>
6
+        <div class="logo"><img src="static\images\u216.png"></div>
7
+        <div class="famdoc" v-for="item in doctorInfos" :key="item.id">
8
+        <div class="dochead">
9
+        <img :src="item.dochead" style="width:100px;height:100px">
10
+        </div>
11
+        <div class="docname">
12
+        <span  class="zzcontent">{{item.docname}}</span>
13
+         </div>
14
+        <div class="docintroduction"><span  class="zzcontent" v-html="item.docintroduction"></span></div>
15
+       </div>
16
+    </div>  
17
+</template>
18
+
19
+<script>
20
+     import { GetDoctorInfo } from '@/api/site/site'
21
+    export default {
22
+        name: "doctor-introduction",
23
+        data(){
24
+           return{
25
+              doctorInfos:[],  
26
+           } 
27
+        },
28
+        methods:{
29
+       //获取名医介绍
30
+        GetDoctorInfo(){
31
+          GetDoctorInfo().then(response=>{
32
+           if(response.data.state == 1){
33
+             var doctor = response.data.data.doctor;
34
+             console.log("doctor是什么",doctor)
35
+             this.doctorInfos = response.data.data.doctor;
36
+              console.log("获取名医介绍",this.doctorInfos);
37
+            }
38
+          })
39
+         },
40
+        },
41
+        created(){
42
+            this.GetDoctorInfo();
43
+        }
44
+    }
45
+</script>
46
+
47
+<style scoped>
48
+    .wq5{
49
+        width: 320px;
50
+        height: 290px;
51
+        /* background-color: rgba(242, 242, 242, 1); */
52
+        color: #ffffff;
53
+        /* border: solid 1px black; */
54
+     }
55
+    
56
+     .kefont{
57
+       font-size: 14px;
58
+       color: red;
59
+       margin-left: 8px;
60
+       margin-top: -20px;
61
+    }
62
+
63
+    .more{
64
+       position: absolute;
65
+       font-size: 14px;
66
+       color:black;
67
+       margin-left: 220px;
68
+       margin-top: -22px;
69
+     }
70
+
71
+    .logo{
72
+       position: absolute;
73
+       margin-left: 280px;
74
+       margin-top: -22px;
75
+     }
76
+     .content{
77
+       position: absolute;
78
+       font-size: 14px;
79
+       color: black;
80
+     }
81
+
82
+     
83
+     .famdoc{
84
+       position: relative;
85
+       width: 320px;
86
+       height: 130px;
87
+       background-color: rgba(242, 242, 242, 1);
88
+     }
89
+
90
+     .dochead{
91
+       width:100px;
92
+       height: 100px;
93
+     /* //  border:solid 1px green; */
94
+       margin-top: 10px;
95
+       margin-left: 10px;
96
+     }
97
+
98
+     .docname{
99
+       position: absolute;
100
+       width:50px;
101
+       height: 20px;
102
+      /* // border: solid 1px green; */
103
+       margin-left: 130px;
104
+       margin-top: -90px;
105
+       font-size: 14px;
106
+       color:black;
107
+     }
108
+    .zzcontent{
109
+     overflow: hidden;
110
+     text-overflow: ellipsis;
111
+     display: -webkit-box;
112
+     -webkit-line-clamp: 3;
113
+     -webkit-box-orient: vertical   
114
+   }   
115
+     .docintroduction{
116
+       position: absolute;
117
+       width: 150px;
118
+       height: 50px;
119
+      /* // border: solid 1px green; */
120
+       margin-left: 130px;
121
+       margin-top: -60px;
122
+       font-size: 14px;
123
+       color: black;
124
+     }
125
+</style>

+ 99 - 0
src/scrm_pages/site/components/hospital-introduction.vue View File

@@ -0,0 +1,99 @@
1
+<template>
2
+    <div class="wq3">                         
3
+      <img src="static\images\u.png" style="width:5px;height:20px;">                           
4
+      <div class="kefont"><span >医院介绍</span></div>
5
+      <div class="more" @click="more()">查看更多</div>
6
+      <div class="logo"><img src="static\images\u216.png"></div>
7
+      <div class="content">
8
+        <span v-html="hispitalform.introduction" id="content" class="yycontent"></span>
9
+       </div>    
10
+    </div>
11
+</template>
12
+
13
+<script>
14
+     import { GetHospitalInfo } from '@/api/site/site'
15
+    export default {
16
+        name: "hospital-introduction",
17
+        data(){
18
+          return{
19
+            hispitalform:{
20
+             title:"",
21
+             sort:"",
22
+             introduction:"",
23
+            },
24
+          }
25
+        },
26
+        methods:{
27
+             //获取医院介绍
28
+            GetHospitalInfo(){
29
+              GetHospitalInfo().then(response=>{
30
+               if(response.data.state == 1){
31
+                var hospital =  response.data.data.hospital;
32
+               this.hispitalform =  response.data.data.hospital;
33
+             // console.log("获取医院介绍数据",hospital);
34
+             }
35
+           })
36
+          },
37
+        },
38
+        created(){
39
+           this.GetHospitalInfo(); 
40
+        },
41
+         updated(){
42
+            let obj = document.getElementById('content');
43
+            console.log("obj是什么",obj)
44
+            let imgs =  obj.getElementsByTagName('img');
45
+            console.log("imgs",imgs)
46
+            for(let i=0;i<imgs.length;i++){
47
+            imgs[i].style.width = '332px';
48
+            imgs[i].style.height = '100px';
49
+         }
50
+       }
51
+    }
52
+</script>
53
+
54
+<style scoped>
55
+   
56
+     .wq3{
57
+        width: 320px;
58
+        height: 230px;
59
+        background-color: white;
60
+        color: #ffffff;
61
+      /* border: solid 1px black; */
62
+        margin-bottom: 0px;
63
+     }
64
+
65
+    .kefont{
66
+       font-size: 14px;
67
+       color: red;
68
+       margin-left: 8px;
69
+       margin-top: -20px;
70
+     }
71
+
72
+     .more{
73
+       position: absolute;
74
+       font-size: 14px;
75
+       color:black;
76
+       margin-left: 220px;
77
+       margin-top: -22px;
78
+     }
79
+
80
+    .logo{
81
+       position: absolute;
82
+       margin-left: 280px;
83
+       margin-top: -22px;
84
+     }
85
+
86
+      .content{
87
+       position: absolute;
88
+       font-size: 14px;
89
+       color: black;
90
+     }
91
+
92
+     .yycontent{
93
+     overflow: hidden;
94
+     text-overflow: ellipsis;
95
+     display: -webkit-box;
96
+     -webkit-line-clamp: 6;
97
+     -webkit-box-orient: vertical   
98
+   }
99
+</style>

+ 212 - 0
src/scrm_pages/site/components/navigation-bar.vue View File

@@ -0,0 +1,212 @@
1
+<template>
2
+   <div class="wq3">                               
3
+    <div class="doclist"> 
4
+      <img src="static\images\u289.png" style="width:45px;heigth:45px;vertical-align:middle">
5
+        <div><span @click="doclist()" class="listfont">名医列表</span> </div>  
6
+    </div>
7
+    <div class="doclist2"> 
8
+      <img src="static\images\u292.png" style="width:45px;height:49px;vertical-align:middle">
9
+      <div><span class="sbfont">肾病百科</span></div>
10
+  </div>
11
+  <div class="doclist3">
12
+     <img src="static\images\u290.png" style="width:45px;height:49px;vertical-align:middle">
13
+     <div class="sbyfont"><span>肾病医院</span></div> 
14
+  </div>
15
+  <div class="doclist4">
16
+   <img src="static\images\u291.png" style="width:45px;height:49px;vertical-align:middle">
17
+   <div class="zxfont"><span>在线客服</span></div>
18
+  </div>
19
+   <div class="doclist5">
20
+     <img src="static\images\u293.png" style="width:45px;height:49px;vertical-align:middle">
21
+     <div class="lxfont"><span>联系我们</span></div>
22
+   </div>
23
+  <div class="doclist6">
24
+  <img src="static\images\u294.png" style="width:45px;height:49px;vertical-align:middle">
25
+  <div class="zxsfont"><span>在线商城</span></div>
26
+ </div>
27
+  <div class="doclist7">
28
+    <img src="static\images\u295.png" style="width:45px;height:49px;vertical-align:middle">
29
+    <div class="kffont"><span>客服电话</span></div>
30
+  </div>
31
+
32
+  <div class="doclist8">
33
+    <img src="static\images\u296.png" style="width:45px;height:49px;vertical-align:middle">
34
+    <div class="myfont"><span>名医列表</span></div> 
35
+ </div>                                 
36
+ </div>
37
+</template>
38
+
39
+<script>
40
+    export default {
41
+        name: "navigation-bar"
42
+    }
43
+</script>
44
+
45
+<style scoped>
46
+    .wq3{
47
+        width: 320px;
48
+        height: 162px;
49
+        /* background-color: white; */
50
+        color: #ffffff;
51
+        /* border: solid 1px black; */
52
+        margin-bottom: 0px;
53
+     }
54
+     .doclist{
55
+       position: relative;
56
+       width:60px;
57
+       height: 66px;
58
+       /* border: solid red; */
59
+       margin-left: 20px;
60
+       margin-top: 10px;
61
+       background-color: white;
62
+       text-align:center;
63
+       color: #666666;
64
+       font-size: 14px;
65
+       padding-top: 5px;
66
+       margin-bottom: 2px;
67
+     }
68
+     .listfont{
69
+       position: absolute;
70
+       font-size: 14px;
71
+       margin-top: 5px;
72
+       margin-bottom: 5px;
73
+       margin-left: -28px;
74
+       width: 60px;
75
+
76
+     }
77
+
78
+     .doclist2{
79
+       position: relative;
80
+       width:60px;
81
+       height: 66px;
82
+       /* border: solid red; */
83
+       margin-left: 90px;
84
+       margin-top: -68px;
85
+       /* background-color: red; */
86
+       text-align: center;
87
+       color: #666666;
88
+       font-size: 14px;
89
+     }
90
+
91
+    .sbfont{
92
+      position: absolute;
93
+      width:60px; 
94
+      font-size: 14px;
95
+      margin-left: -30px;
96
+      margin-top: 5px;
97
+      margin-bottom: 5px;
98
+     }
99
+
100
+     .doclist3{
101
+       width:60px;
102
+       height: 66px;
103
+       /* border:solid red; */
104
+       margin-left: 161px;
105
+       margin-top: -67px;
106
+       text-align: center;
107
+       color: #666666;
108
+       font-size: 14px;
109
+     }
110
+
111
+    .sbyfont{
112
+      position: absolute;
113
+      font-size: 14px;
114
+      margin-top: 5px;
115
+      margin-left: 1px;
116
+      width: 60px;
117
+      margin-bottom: 5px;
118
+    }
119
+
120
+     .doclist4{
121
+       width:60px;
122
+       height: 66px;
123
+       /* border:solid red; */
124
+       margin-left: 231px;
125
+       margin-top: -66px;
126
+       text-align: center;
127
+       color: #666666;
128
+       font-size: 14px;
129
+     }
130
+
131
+     .zxfont{
132
+       position: absolute;
133
+       font-size: 14px;
134
+       margin-top: 5px;
135
+       margin-left: 3px;
136
+       width: 60px;
137
+   }
138
+
139
+      .doclist5{
140
+       position: absolute;
141
+       width:60px;
142
+       height: 66px;
143
+       /* border: solid red; */
144
+       margin-left: 20px;
145
+       margin-top: 15px;
146
+       background-color: white;
147
+       text-align:center;
148
+       color: #666666;
149
+       font-size: 14px;
150
+     }
151
+
152
+    .zxsfont{
153
+       position: absolute;
154
+       font-size: 14px;
155
+       margin-top: 2px;
156
+       margin-left: 5px;
157
+       width: 60px;
158
+      }
159
+
160
+      .doclist6{
161
+       position: absolute;
162
+       width:60px;
163
+       height: 66px;
164
+       /* border: solid red; */
165
+       margin-left: 90px;
166
+       margin-top: 15px;
167
+       /* background-color: red; */
168
+       text-align: center;
169
+       color: #666666;
170
+       font-size: 14px;
171
+     }
172
+
173
+     
174
+     .doclist7{
175
+       position: absolute;
176
+       width:60px;
177
+       height: 66px;
178
+       /* border:solid red; */
179
+       margin-left: 161px;
180
+       margin-top: 15px;
181
+       text-align: center;
182
+       color: #666666;
183
+       font-size: 14px;
184
+     }
185
+
186
+     .kffont{
187
+       position: absolute;
188
+       font-size: 14px;
189
+       margin-top: 2px;
190
+       margin-left: 3px;
191
+       width: 60px;
192
+     }
193
+
194
+      .doclist8{
195
+       width:60px;
196
+       height: 66px;
197
+       /* border:solid red; */
198
+       margin-left: 231px;
199
+       margin-top: 15px;
200
+       text-align: center;
201
+       color: #666666;
202
+       font-size: 14px;
203
+     }
204
+
205
+     .kefont{
206
+       position: absolute;
207
+       font-size: 14px;
208
+       color: #FF6600;
209
+       margin-left: 8px;
210
+       margin-top: -22px;
211
+     }
212
+</style>

+ 167 - 0
src/scrm_pages/site/components/news-information.vue View File

@@ -0,0 +1,167 @@
1
+<template>
2
+    <div class="wq7">
3
+      <img src="static\images\u.png" style="width:5px;height;20px;">
4
+       <div class="kefont"><span >新闻动态</span></div>
5
+         <div class="more" @click="more()">查看更多</div>
6
+            <div class="logo"><img src="static\images\u216.png"></div>
7
+              <div class="swiper-container" id="swiper3">
8
+                <div class="swiper-wrapper" id="wrapper3">
9
+
10
+                  <div class="swiper-slide">
11
+                    <div class="new">
12
+                     <div class="new2">
13
+                      <img src="static/images/a.jpg" style="width:160px;height:125px;border-radius:5px;"/> 
14
+                    </div>
15
+                    <div class="new3">
16
+                     <span>胎儿鉴定样本采集方法</span>
17
+                    </div>
18
+                    <div class="new4"></div>
19
+                    <div class="new5">
20
+                    <span>
21
+                        孕期胎儿DNA鉴定,必须通过穿刺的办法提取绒毛组织或者...
22
+                     </span>
23
+                    </div>
24
+                 </div>   
25
+               </div>
26
+
27
+                <div class="swiper-slide">
28
+                   <div class="new">
29
+                     <div class="new2">
30
+                        <img src="static/images/a.jpg" style="width:160px;height:125px;border-radius:5px;"/> 
31
+                     </div>
32
+                    <div class="new3">
33
+                        <span>胎儿鉴定样本采集方法</span>
34
+                    </div>
35
+                     <div class="new4"></div>
36
+                     <div class="new5">
37
+                     <span>
38
+                      孕期胎儿DNA鉴定,必须通过穿刺的办法提取绒毛组织或者...
39
+                     </span>
40
+                     </div>
41
+                  </div>   
42
+                 </div>                               
43
+             </div>
44
+          </div>
45
+     </div>
46
+</template>
47
+
48
+<script>
49
+     import { getQueryNewModel } from '@/api/site/site'
50
+    export default {
51
+        name: "news-information",
52
+        data(){
53
+           return{
54
+           
55
+           } 
56
+        },
57
+        methods:{         
58
+        
59
+        },
60
+        created(){
61
+          this.getQueryNewModel();
62
+        },
63
+        mounted(){
64
+            var mySwiper2 = new Swiper('#swiper3', {
65
+              direction:"horizontal",
66
+              autoplay:false,
67
+              spaceBetween:3,
68
+              loopAdditionalSlides:10,
69
+              slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
70
+              centeredSlides: true, // active slide 居中
71
+              observer:true,//动态加载图片
72
+              pagination: {
73
+                el: '.swiper-pagination',
74
+               },
75
+            });
76
+
77
+             var swiper1 = new Swiper('#swiper4', {
78
+                direction:"vertical",               
79
+                spaceBetween:3,
80
+                loopAdditionalSlides:10,
81
+                slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
82
+                centeredSlides: true, // active slide 居中
83
+                paginationClickable: true,
84
+                observer:true,//动态加载图片
85
+                observeParents:true,
86
+                pagination: {
87
+                    el: '.swiper-pagination',
88
+                },
89
+            });
90
+        }
91
+    }
92
+</script>
93
+
94
+<style scoped>
95
+   .wq7{
96
+        width: 320px;
97
+        height: 250px;
98
+        /* background-color: black; */
99
+        color: #ffffff;
100
+       /* // border: solid 1px black; */
101
+        margin-bottom: 0px;
102
+     }
103
+
104
+       .new{
105
+    width: 160px;
106
+    height: 210px;
107
+    border: solid 0.8px #333333;
108
+    border-radius:5px;
109
+  }
110
+  .new2{
111
+    width: 160px;
112
+    height: 125px;
113
+   /* // border:solid 1px yellow; */
114
+  }
115
+  .new3{
116
+    width: 140px;
117
+    height: 20px;
118
+    font-size: 14px;
119
+  /* //  border: solid 1px yellow; */
120
+    margin-top: 5px;
121
+    margin-left: 10px;
122
+    color:  #666666;
123
+  }
124
+  .new4{
125
+    width: 150px;
126
+    /* //height: 1px; */
127
+    border: solid 0.8px #333333;
128
+    background-color: #333333;
129
+    margin-left: 3px;
130
+  }
131
+  
132
+  .new5{
133
+    width: 145px;
134
+    height: 40px;
135
+    /* //border:solid 1px red; */
136
+    margin-top: 5px;
137
+    margin-left: 5px;
138
+    font-size: 10px;
139
+    color: #333333;
140
+  }
141
+
142
+    #wrapper4{
143
+     width: 50%;
144
+   }  
145
+
146
+    .kefont{
147
+      font-size: 14px;
148
+       color: red;
149
+       margin-left: 8px;
150
+       margin-top: -20px;
151
+    }
152
+
153
+     .more{
154
+       position: absolute;
155
+       font-size: 14px;
156
+       color:black;
157
+       margin-left: 220px;
158
+       margin-top: -22px;
159
+     }
160
+
161
+     
162
+    .logo{
163
+       position: absolute;
164
+       margin-left: 280px;
165
+       margin-top: -22px;
166
+     }
167
+</style>

+ 98 - 0
src/scrm_pages/site/components/office-environment.vue View File

@@ -0,0 +1,98 @@
1
+<template>
2
+     <div class="wq6">
3
+        <img src="static\images\u.png" style="width:5px;height;20px;">
4
+        <div class="kefont"><span >科室环境</span></div>
5
+        <div class="more" @click="more()">查看更多</div>
6
+        <div class="logo"><img src="static\images\u216.png"></div>                                
7
+        <div class="swiper-container" id="swiper2">
8
+         <div class="swiper-wrapper" id="wrapper2">
9
+          <div class="swiper-slide" v-for="item in keEnvironmentImages" :key="item.id">
10
+           <img :src="item" style="width:150px;height:125px;border-radius:5px;"/>
11
+          </div>
12
+         </div>
13
+        </div>
14
+    </div>
15
+</template>
16
+
17
+<script>
18
+    import { GetOffEnvironment } from '@/api/site/site'
19
+    export default {
20
+        name: "office-environment",
21
+        data(){
22
+           return{
23
+             keEnvironmentImages:[],
24
+           }
25
+        },
26
+        methods:{
27
+         //获取科室环境
28
+          GetOffEnvironment(){
29
+             GetOffEnvironment().then(response=>{
30
+             if(response.data.state == 1){
31
+              var offenvironment = response.data.data.offenvironment;
32
+              console.log("获取科室环境",offenvironment);
33
+              console.log("获取轮播图片",offenvironment.keimages);
34
+              var str = offenvironment.keimages;
35
+              var Images = [];
36
+              Images = str.split(",");
37
+              console.log("数组",Images);
38
+             this.keEnvironmentImages =  Images;
39
+            }
40
+          });
41
+         },
42
+        },
43
+        created(){
44
+           this.GetOffEnvironment();
45
+        },
46
+        mounted(){
47
+            var mySwiper = new Swiper('#swiper2', {
48
+                direction:"horizontal",
49
+                loop: true, // 循环播放,
50
+                spaceBetween:1,
51
+                loopAdditionalSlides:10,
52
+                slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
53
+                centeredSlides: true, // active slide 居中
54
+                observer:true,//动态加载图片
55
+                observeParents:true,
56
+                pagination: {
57
+                    el: '.swiper-pagination',
58
+                },
59
+            });
60
+        },
61
+        
62
+    }
63
+</script>
64
+
65
+<style scoped>
66
+   .wq6{
67
+    width: 320px;
68
+    height: 165px;
69
+ /* // background-color: red; */
70
+    color: #ffffff;
71
+ /* // border: solid 1px black; */
72
+    margin-bottom: 0px;
73
+  }
74
+   #wrapper2{
75
+     width: 50%;
76
+   }
77
+   .kefont{
78
+      font-size: 14px;
79
+       color: red;
80
+       margin-left: 8px;
81
+       margin-top: -20px;
82
+    }
83
+
84
+     .more{
85
+       position: absolute;
86
+       font-size: 14px;
87
+       color:black;
88
+       margin-left: 220px;
89
+       margin-top: -22px;
90
+     }
91
+
92
+     
93
+    .logo{
94
+       position: absolute;
95
+       margin-left: 280px;
96
+       margin-top: -22px;
97
+     }
98
+</style>

+ 97 - 0
src/scrm_pages/site/components/office-introduction.vue View File

@@ -0,0 +1,97 @@
1
+<template>
2
+     <div class="wq4">                         
3
+        <img src="static\images\u.png" style="width:5px;height:20px;">                           
4
+        <div class="kefont"><span >{{officeform.title}}</span></div>
5
+         <div class="more" @click="kemore()">查看更多</div>
6
+        <div class="logo"><img src="static\images\u216.png"></div>
7
+        <div class="content">
8
+         <span v-html="officeform.introduction" id="officecontent" class="xxcontent"></span>
9
+        </div>
10
+     </div>
11
+</template>
12
+
13
+<script>
14
+    import { GetOfficeInfo } from '@/api/site/site'
15
+    export default {
16
+        name: "office-introduction",
17
+        data(){
18
+          return{
19
+            officeform:{
20
+              title:"",
21
+              sort:"",
22
+              introduction:"", 
23
+           },
24
+          }
25
+        },
26
+        methods:{      
27
+     //获取科室介绍
28
+       GetOfficeInfo(){
29
+         GetOfficeInfo().then(response=>{
30
+           if(response.data.state == 1){
31
+             var offices =   response.data.data.offices;
32
+             this.officeform =  response.data.data.offices;
33
+            // console.log("获取科室介绍数据",offices);
34
+           }
35
+          })
36
+         },
37
+        },
38
+        created(){
39
+          this.GetOfficeInfo();
40
+        },
41
+        updated(){
42
+            let officObj =  document.getElementById('officecontent');
43
+            console.log("officeObj是什么",officObj)
44
+            let officeImages =  officObj.getElementsByTagName('img');
45
+            console.log("officeImages",officeImages)
46
+           for(let i=0;i<officeImages.length;i++){
47
+             officeImages[i].style.width = '332px';
48
+             officeImages[i].style.height = '100px';
49
+           }  
50
+        }
51
+    }
52
+</script>
53
+
54
+<style scoped>
55
+   .wq4{
56
+        width: 320px;
57
+        height: 230px;
58
+        background-color: white;
59
+        color: #ffffff;
60
+       /* border: solid 1px black; */
61
+        margin-bottom: 0px;
62
+     }
63
+
64
+      .kefont{
65
+       font-size: 14px;
66
+       color: red;
67
+       margin-left: 8px;
68
+       margin-top: -20px;
69
+     }
70
+
71
+     .more{
72
+       position: absolute;
73
+       font-size: 14px;
74
+       color:black;
75
+       margin-left: 220px;
76
+     }
77
+
78
+    .logo{
79
+       position: absolute;
80
+       margin-left: 280px;
81
+     }
82
+
83
+      .content{
84
+       position: absolute;
85
+       font-size: 14px;
86
+       color: black;
87
+     }
88
+
89
+    .xxcontent{
90
+     overflow: hidden;
91
+     text-overflow: ellipsis;
92
+     display: -webkit-box;
93
+     -webkit-line-clamp: 6;
94
+     -webkit-box-orient: vertical   
95
+   }
96
+
97
+</style>

+ 165 - 0
src/scrm_pages/site/components/parent-component.vue View File

@@ -0,0 +1,165 @@
1
+<template>
2
+   <div>
3
+    <div v-for="item in this.patientModels" :key="item.id">
4
+     <div class="parent">  
5
+       <!--医院介绍-->
6
+       <div v-if="item.mode_type == 2" class="modetwo"> 
7
+           <img src="static\images\u.png" style="width:5px;height:20px;">
8
+           <div class="kefont"><span >{{item.title}}</span></div>   
9
+           <div class="more" @click="more()">查看更多</div>
10
+           <div class="logo"><img src="static\images\u216.png"></div>  
11
+           <div class="content">
12
+             <span v-html="item.Hospitals.introduction" id="content" class="yycontent"></span>
13
+          </div>
14
+        </div>
15
+       <!-- 科室介绍 -->
16
+       <div v-if="item.mode_type == 3" class="modethree">
17
+           <img src="static\images\u.png" style="width:5px;height:20px;">
18
+           <div class="kefont"><span >{{item.title}}</span></div>   
19
+           <div class="more" @click="more()">查看更多</div>
20
+           <div class="logo"><img src="static\images\u216.png"></div>  
21
+           <div class="xcontent">
22
+             <span v-html="item.Offices.introduction" id="xcontent" class="xxcontent"></span>
23
+           </div>
24
+        </div>
25
+     </div>
26
+
27
+     <div class="box"></div>
28
+
29
+   </div>  
30
+   </div>
31
+</template>
32
+
33
+<script>
34
+  import { getQueryNewModel,getHospital,getHospitaldata } from '@/api/site/site' 
35
+import { truncateSync } from 'fs';
36
+    export default {
37
+        name: "parent-component",
38
+        data(){
39
+          return{
40
+            modeltitle:[],
41
+            hospitalform:[],
42
+            patientModels:[],  
43
+                 
44
+          }  
45
+        },
46
+        methods:{
47
+    
48
+         getHospital(){
49
+            getHospital().then(response=>{
50
+                if(response.data.state == 1){
51
+                  this.hospitalform = response.data.data.hostital;
52
+                  console.log("中国第一人",this.hospitalform);
53
+                }
54
+            }) 
55
+         },
56
+          getHospitaldata(){
57
+           getHospitaldata().then(response=>{
58
+                if(response.data.state == 1){
59
+                 this.patientModels = response.data.data.patientModels;
60
+                 console.log("中国第三人",this.patientModels)
61
+                }
62
+           })
63
+         },
64
+        },
65
+        created(){
66
+            this.getHospital();
67
+            this.getHospitaldata();
68
+        },
69
+         updated(){
70
+            let obj = document.getElementById('content');
71
+            console.log("obj是什么",obj)
72
+            let imgs =  obj.getElementsByTagName('img');
73
+            console.log("imgs",imgs)
74
+            for(let i=0;i<imgs.length;i++){
75
+            imgs[i].style.width = '332px';
76
+            imgs[i].style.height = '100px';            
77
+         }
78
+          let xcontent = document.getElementById('xcontent');
79
+          console.log("xcontent是设么",xcontent)
80
+          let ximgs = xcontent.getElementsByTagName('img');
81
+          console.log("ximgs是什么",ximgs)
82
+          for(let j=0;j<ximgs.length;j++){
83
+             imgs[j].style.width = '332px';
84
+             imgs[j].style.height = '100px';
85
+          }
86
+        }
87
+    }
88
+</script>
89
+
90
+<style scoped>
91
+    .parent{
92
+      width: 320px;
93
+      height: 220px;
94
+      /* background-color:  rgba(204, 204, 204, 1); */
95
+    }
96
+
97
+    .box{
98
+      width: 320px;
99
+      height: 8px;
100
+      background-color: rgba(204, 204, 204, 1);  
101
+    }
102
+
103
+    .modetwo{
104
+      width: 320px;
105
+      height: 220px;
106
+      /* border: solid 1px red;   */
107
+      /* background-color: red; */
108
+    }
109
+    .modethree{
110
+       width: 320px;
111
+      height: 220px;
112
+      /* border: solid 1px blue;   */
113
+      /* background-color: blue; */
114
+    }
115
+
116
+     .logo{
117
+       position: absolute;
118
+       margin-left: 280px;
119
+       margin-top: -16px;
120
+     }
121
+     .kefont{
122
+       font-size: 14px;
123
+       color: red;
124
+       margin-left: 8px;
125
+       margin-top: -20px;
126
+     }
127
+
128
+     .more{
129
+       position: absolute;
130
+       font-size: 14px;
131
+       color:black;
132
+       margin-left: 220px;
133
+       margin-top: -15px;
134
+     }
135
+
136
+    .content{
137
+       position: absolute;
138
+       font-size: 14px;
139
+       color: black;
140
+       margin-top: 6px;
141
+     }
142
+
143
+     .xcontent{
144
+       position: absolute;
145
+       font-size: 14px;
146
+       color: black;
147
+       margin-top: 6px;
148
+     }
149
+
150
+    .yycontent{
151
+     overflow: hidden;
152
+     text-overflow: ellipsis;
153
+     display: -webkit-box;
154
+     -webkit-line-clamp: 6;
155
+     -webkit-box-orient: vertical   
156
+   }
157
+
158
+    .xxcontent{
159
+     overflow: hidden;
160
+     text-overflow: ellipsis;
161
+     display: -webkit-box;
162
+     -webkit-line-clamp: 6;
163
+     -webkit-box-orient: vertical   
164
+   }
165
+</style>

+ 61 - 0
src/scrm_pages/site/components/rotation-image.vue View File

@@ -0,0 +1,61 @@
1
+<template>
2
+  <div>
3
+     <div class="wq">
4
+        <div class="swiper-slide">
5
+            <mt-swipe :auto="4000">
6
+              <mt-swipe-item v-for="item in rotationImages" :key="item.id">
7
+                  <img :src="item" style="width:480px;height:250px">
8
+              </mt-swipe-item>
9
+            </mt-swipe>
10
+        </div>
11
+     </div>
12
+ </div>
13
+</template>
14
+
15
+<script>
16
+    import { GetRationImages } from '@/api/site/site'
17
+    export default {
18
+        name: "rotation-image",
19
+        data(){
20
+           return{
21
+             rotationImages:[],  
22
+             rotationform:[],            
23
+           } 
24
+        },
25
+
26
+        methods:{
27
+        //获取轮播图
28
+         GetRationImages(){
29
+          GetRationImages().then(response=>{
30
+            if(response.data.state ==1){
31
+                var rotation =  response.data.data.rotationImages;    
32
+                this.rotationform =  response.data.data.rotationImages;    
33
+               console.log("获取轮播图数据",rotation)        
34
+              //  console.log("获取轮播图",rotation.rotation_images); 
35
+              //  var str = rotation.rotation_images;
36
+              //  var Images = [];
37
+              //  Images = str.split(",");
38
+              //  console.log("数组",Images)
39
+              //  this.rotationImages = Images;
40
+            }
41
+          })
42
+         },
43
+       },
44
+       created(){
45
+           this.GetRationImages();
46
+       }
47
+    }
48
+</script>
49
+
50
+
51
+<style rel="stylesheet/scss" lang="scss" scoped>
52
+     .wq{
53
+        width: 320px;
54
+        height: 185px;
55
+        background-color: rgba(204, 204, 204, 1);
56
+        color: #ffffff;
57
+      //  border: solid 1px red;
58
+        margin-bottom: 0px;
59
+    }
60
+
61
+</style>

+ 5 - 34
src/scrm_pages/site/components/used-list.vue View File

@@ -1,12 +1,12 @@
1 1
 <template>
2 2
 <div>
3
-    <div class="used" v-for="item in this.model" :key="item.id">
3
+    <div class="used">
4 4
         <ul>
5 5
             <li>
6
-                <span class="name">{{item.title}}</span>
6
+                <span class="name">轮播图</span>
7 7
                 <span class="icon"> 
8
-                    <i class="el-icon-edit-outline" @click="dialogVisible = true"></i>
9
-                    <i class="el-icon-delete" @click="deleteList = true"></i>
8
+                    <i class="el-icon-edit-outline" ></i>
9
+                    <i class="el-icon-delete"></i>
10 10
                 </span>
11 11
             </li>
12 12
         </ul>
@@ -19,39 +19,10 @@ export default {
19 19
   name: "usedlist",
20 20
   data() {
21 21
     return {
22
-      deleteList: false,
23
-      two: false,
24
-      three: false,
25
-      four: false,
26
-      five: false,
27
-      six: false,
28
-      seven: false,
29
-      eight: false,
30
-      dialogVisible: false,      
31
-      form: {
32
-        name: ""
33
-      },
34
-      modelform:{
35
-        id:"",
36
-        title:"",
37
-        sort:"",
38
-      },
39 22
     };
40 23
   },
41 24
    methods:{
42
-     getQueryNewModel(){
43
-         getQueryNewModel().then(response=>{
44
-            if(response.data.state ==1){
45
-             var model  = response.data.data.model;
46
-             this.modelform  = response.data.data.model;
47
-             console.log("返回新增模块数据",model);
48
-            }
49
-         });
50
-      }
51
-    },
52
-    created(){
53
-       this.getQueryNewModel();
54
-    }
25
+   }
55 26
 };
56 27
 </script>
57 28
 

File diff suppressed because it is too large
+ 236 - 634
src/scrm_pages/site/preview.vue


+ 8 - 8
src/xt_permission.js View File

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