Browse Source

Merge branch 'master' of http://git.shengws.com/xmg123/micro_vue

xiaoming_global 5 years ago
parent
commit
a85741ff15
1 changed files with 60 additions and 51 deletions
  1. 60 51
      src/scrm_pages/micro/micro.vue

+ 60 - 51
src/scrm_pages/micro/micro.vue View File

16
                        </div> 
16
                        </div> 
17
                        <!-- 医院介绍 -->
17
                        <!-- 医院介绍 -->
18
                        <div class="modetwo" v-if="item.mode_type == 2">
18
                        <div class="modetwo" v-if="item.mode_type == 2">
19
-                          <img src="static\images\u.png" style="width:5px;height:20px;">
19
+                          <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;">
20
                           <div class="kefont"><span >{{item.title}}</span></div>   
20
                           <div class="kefont"><span >{{item.title}}</span></div>   
21
-                         <div class="more" @click="hispitalmore(item.id,item.user_org_id)">查看更多</div>
22
-                          <div class="logo"><img src="static\images\u216.png"></div>  
23
-                         <div class="hoscontent">
21
+                         <!-- <div class="more" @click="hispitalmore(item.id,item.user_org_id)">查看更多</div> -->
22
+                          <!-- <div class="logo"><img src="static\images\u216.png"></div>   -->
23
+                         <div class="hoscontent" @click="hispitalmore(item.id,item.user_org_id)">
24
                            <span v-html="item.Hospitals.introduction" id="content" ></span>
24
                            <span v-html="item.Hospitals.introduction" id="content" ></span>
25
                           </div>   
25
                           </div>   
26
                            <div class="box"></div>                                                       
26
                            <div class="box"></div>                                                       
27
                        </div>                   
27
                        </div>                   
28
                     <!-- 科室介绍 -->
28
                     <!-- 科室介绍 -->
29
                     <div v-if="item.mode_type == 3" class="modethree">   
29
                     <div v-if="item.mode_type == 3" class="modethree">   
30
-                       <img src="static\images\u.png" style="width:5px;height:20px;">
30
+                       <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;">
31
                        <div class="kefont"><span >{{item.title}}</span></div>   
31
                        <div class="kefont"><span >{{item.title}}</span></div>   
32
-                       <div class="more" @click="officemore(item.id,item.user_org_id)">查看更多</div>
33
-                       <div class="logo"><img src="static\images\u216.png"></div>  
34
-                       <div class="xcontent">
32
+                       <!-- <div class="more" @click="officemore(item.id,item.user_org_id)">查看更多</div> -->
33
+                       <!-- <div class="logo"><img src="static\images\u216.png"></div>   -->
34
+                       <div class="xcontent" @click="officemore(item.id,item.user_org_id)">
35
                           <span  v-html="item.Offices.introduction" id="ycontent"></span>
35
                           <span  v-html="item.Offices.introduction" id="ycontent"></span>
36
                        </div>
36
                        </div>
37
                        <div class="box"></div>
37
                        <div class="box"></div>
39
                     
39
                     
40
                       <!-- 名医介绍 -->
40
                       <!-- 名医介绍 -->
41
                      <div v-if="item.mode_type == 4" class="modefour">
41
                      <div v-if="item.mode_type == 4" class="modefour">
42
-                       <img src="static\images\u.png" style="width:5px;height:20px;">
43
-                         <div class="kefont"><span >{{item.title}}</span></div> 
44
-                           <div class="more" @click="docmore(item.id,item.user_org_id)">查看更多</div>
45
-                              <div class="logo"><img src="static\images\u216.png"></div>
42
+                       <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;">
43
+                         <div class="kefont"  @click="docmore(item.id,item.user_org_id)"><span >{{item.title}}</span></div> 
44
+                           <!-- <div class="more" @click="docmore(item.id,item.user_org_id)">查看更多</div> -->
45
+                              <!-- <div class="logo"><img src="static\images\u216.png"></div> -->
46
                                 <div class="docborde">
46
                                 <div class="docborde">
47
                                  <div class="docheart" v-for="doc in item.Editdoctor" :key="doc.id">
47
                                  <div class="docheart" v-for="doc in item.Editdoctor" :key="doc.id">
48
                                    <div class="docimage">
48
                                    <div class="docimage">
57
 
57
 
58
                         <!-- 科室环境 -->
58
                         <!-- 科室环境 -->
59
                        <div v-if="item.mode_type == 5" class="modefive">
59
                        <div v-if="item.mode_type == 5" class="modefive">
60
-                            <img src="static\images\u.png" style="width:5px;height:20px;"> 
61
-                            <div class="kefont"><span >{{item.title}}</span></div> 
62
-                            <div class="more" @click="kemore(item.id,item.user_org_id)">查看更多</div>
63
-                            <div class="logo"><img src="static\images\u216.png"></div>
60
+                            <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;"> 
61
+                            <div class="kefont" @click="kemore(item.id,item.user_org_id)"><span >{{item.title}}</span></div> 
62
+                            <!-- <div class="more" @click="kemore(item.id,item.user_org_id)">查看更多</div> -->
63
+                            <!-- <div class="logo"><img src="static\images\u216.png"></div> -->
64
                             <div class="swiperimages">
64
                             <div class="swiperimages">
65
                                <div class="swiper-container swiperthree" >
65
                                <div class="swiper-container swiperthree" >
66
                                  <div class="swiper-wrapper" id="wrappert">
66
                                  <div class="swiper-wrapper" id="wrappert">
75
 
75
 
76
                      <!--文章列表 -->
76
                      <!--文章列表 -->
77
                         <div v-if="item.mode_type == 6" class="modesix">
77
                         <div v-if="item.mode_type == 6" class="modesix">
78
-                              <img src="static\images\u.png" style="width:5px;height:20px">
79
-                              <div class="kefont"><span>{{item.title}}</span></div>
80
-                              <div class="more" @click="articlemore(item.id,item.user_org_id)">查看更多</div>
81
-                              <div class="logo"><img src="static\images\u216.png"></div>
78
+                              <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;">
79
+                              <div class="kefont" @click="articlemore(item.id,item.user_org_id)"><span>{{item.title}}</span></div>
80
+                              <!-- <div class="more" @click="articlemore(item.id,item.user_org_id)">查看更多</div> -->
81
+                              <!-- <div class="logo"><img src="static\images\u216.png"></div> -->
82
                               <div class="actilist" v-for="it in Articlelist" :key="it.id">
82
                               <div class="actilist" v-for="it in Articlelist" :key="it.id">
83
                                <div class="acthead">
83
                                <div class="acthead">
84
                                    <img :src="it.imgs" style="width:80px;height:80px">
84
                                    <img :src="it.imgs" style="width:80px;height:80px">
93
 
93
 
94
                           <!-- 活动列表 -->
94
                           <!-- 活动列表 -->
95
                            <div v-if="item.mode_type == 7" class="modeseven">
95
                            <div v-if="item.mode_type == 7" class="modeseven">
96
-                             <img src="static\images\u.png" style="width:5px;height:20px;">
97
-                             <div class="kefont"><span>{{item.title}}</span></div>
98
-                             <div class="more" @click="Activitiesmore(item.id,item.user_org_id)">查看更多</div>
99
-                             <div class="logo"><img src="static\images\u216.png"></div>
96
+                             <img src="static\images\u.png" style="width:5px;height:25px;margin-left:10px;">
97
+                             <div class="kefont" @click="Activitiesmore(item.id,item.user_org_id)"><span>{{item.title}}</span></div>
98
+                             <!-- <div class="more" @click="Activitiesmore(item.id,item.user_org_id)">查看更多</div> -->
99
+                             <!-- <div class="logo"><img src="static\images\u216.png"></div> -->
100
                              <div class="actilist" v-for="it in Activitieslist" :key="it.id">
100
                              <div class="actilist" v-for="it in Activitieslist" :key="it.id">
101
                                <div class="acthead">
101
                                <div class="acthead">
102
                                    <img :src="it.poster_photo" style="width:80px;height:80px">
102
                                    <img :src="it.poster_photo" style="width:80px;height:80px">
116
                                <div v-if="item.mode_type== 8" class="modeeight">  
116
                                <div v-if="item.mode_type== 8" class="modeeight">  
117
                                  <div class="block" v-for="it in item.Editmargin" :key="it.id" @click="NavigationClick(it.margtitle,it.marginaddress,it.user_org_id)">
117
                                  <div class="block" v-for="it in item.Editmargin" :key="it.id" @click="NavigationClick(it.margtitle,it.marginaddress,it.user_org_id)">
118
                                     <div class="macimg">
118
                                     <div class="macimg">
119
-                                      <img :src="it.margimage" style="width:100%;height:100%">
119
+                                      <img :src="it.margimage" >
120
                                     </div>
120
                                     </div>
121
                                     <div id="macimgtwo">
121
                                     <div id="macimgtwo">
122
                                        <!-- <span>{{it.margtitle}}</span> -->
122
                                        <!-- <span>{{it.margtitle}}</span> -->
130
              </div>
130
              </div>
131
          </div>
131
          </div>
132
      </div>
132
      </div>
133
-       <div class="scroll" v-show="defalutshow">暂无数据</div>
133
+       <div class="scroll" v-show="defalutshow">暂无数据</div>q 
134
        <!-- 医院介绍详情 -->
134
        <!-- 医院介绍详情 -->
135
-       <div class="scroll" v-show="hosshow" v-html="hospitalform.introduction" id="target"></div>
135
+       <div class="scroll" v-show="hosshow" style="padding:15px 4%;" v-html="hospitalform.introduction" id="target"></div>
136
        <!-- 科室介绍详情 -->
136
        <!-- 科室介绍详情 -->
137
-      <div class="scroll" v-show="keshow" v-html="officeform.introduction"></div>
137
+      <div class="scroll" v-show="keshow" style="padding:15px 4%;"  v-html="officeform.introduction"></div>
138
       <!-- 名医介绍详情 -->
138
       <!-- 名医介绍详情 -->
139
        <div class="scroll" v-show="docshow" id="targetthree">
139
        <div class="scroll" v-show="docshow" id="targetthree">
140
            <div class="docone" v-for="item in this.editdocfrom" :key="item.id" @click="singleDoctorInfo(item.id,item.user_org_id)">
140
            <div class="docone" v-for="item in this.editdocfrom" :key="item.id" @click="singleDoctorInfo(item.id,item.user_org_id)">
305
       <div class="button">
305
       <div class="button">
306
           <div class="buttonone" v-for="item in this.navigationdata" :key="item.id">
306
           <div class="buttonone" v-for="item in this.navigationdata" :key="item.id">
307
              <img :src="item.navimages" style="width:30px; height:30px" @click="callPhone(item.navtitle,item.navaddress)">
307
              <img :src="item.navimages" style="width:30px; height:30px" @click="callPhone(item.navtitle,item.navaddress)">
308
+             <span>{{item.navtitle}}</span>
308
           </div>
309
           </div>
309
            <!-- <div class="buttonone">
310
            <!-- <div class="buttonone">
310
              <img src="static/images/u309.png" style="width:30px; height:30px">
311
              <img src="static/images/u309.png" style="width:30px; height:30px">
500
         if(title == "首页"){
501
         if(title == "首页"){
501
           this.modelshow = true
502
           this.modelshow = true
502
           this.contactShow = false;
503
           this.contactShow = false;
503
-          this.getHospitaldata();
504
+          this.keshow = false;
505
+          this.hosshow = false;
506
+          this.getHospitaldata(this.$route.query.orgid);
504
         }
507
         }
505
 
508
 
506
         if(title == "联系我们"){  
509
         if(title == "联系我们"){  
836
     .button{
839
     .button{
837
        position: fixed;
840
        position: fixed;
838
        width: 100%;
841
        width: 100%;
839
-       height: 40px; 
842
+       height: 60px; 
843
+       padding: 5px 4%;
840
        /* border: solid 1px red; */
844
        /* border: solid 1px red; */
841
        background-color:white;
845
        background-color:white;
842
        z-index: 999999;
846
        z-index: 999999;
843
        bottom: 0px;  
847
        bottom: 0px;  
848
+       display: flex;
849
+       border-top:solid 1px #efefef;
844
     }
850
     }
845
     .buttonone{
851
     .buttonone{
846
         /* position: absolute; */
852
         /* position: absolute; */
847
-        width: 30px;
853
+        flex: 1;
848
         height: 30px;
854
         height: 30px;
855
+        text-align: center;
849
         /* border: solid 1px red; */
856
         /* border: solid 1px red; */
850
-        margin-top: 5px;
851
-        margin-left: 50px;
852
-        display: inline-block;
857
+    }
858
+
859
+    .buttonone span {
860
+      display: block;
861
+      color: #909090;
853
     }
862
     }
854
 
863
 
855
     .buttontwo{
864
     .buttontwo{
897
     }
906
     }
898
    .kefont{
907
    .kefont{
899
      font-size: 14px;
908
      font-size: 14px;
900
-     color: red;
901
-     margin-left: 8px;
902
-     margin-top: -20px;
909
+     color: #4d4a4a;
910
+     margin-left: 18px;
911
+     margin-top: -25px;
912
+     font-weight: bold;
913
+     line-height: 25px;
903
   }
914
   }
904
 .more{
915
 .more{
905
   position: absolute;
916
   position: absolute;
921
      display: -webkit-box;
932
      display: -webkit-box;
922
     -webkit-line-clamp: 6;
933
     -webkit-line-clamp: 6;
923
     -webkit-box-orient: vertical; 
934
     -webkit-box-orient: vertical; 
924
-    margin-top: 5px;
925
-    margin-left: 5px;
935
+    padding: 10px 3% 10px 3%;
926
     /* border: solid 1px red; */
936
     /* border: solid 1px red; */
927
     overflow: hidden;
937
     overflow: hidden;
928
   }
938
   }
930
     .xcontent{
940
     .xcontent{
931
       height:auto!important; 
941
       height:auto!important; 
932
       min-height:200px;
942
       min-height:200px;
933
-      margin-top: 5px;
934
-      margin-left: 5px;
943
+      padding: 10px 3% 10px 3%;
935
       font-size: 14px;
944
       font-size: 14px;
936
       overflow: hidden;
945
       overflow: hidden;
937
       text-overflow: ellipsis;
946
       text-overflow: ellipsis;
1080
       position: relative;
1089
       position: relative;
1081
       width: 100%;
1090
       width: 100%;
1082
       height:100%;
1091
       height:100%;
1092
+      margin-top:20px;
1083
       /* border:solid 1px red;  */
1093
       /* border:solid 1px red;  */
1084
     }
1094
     }
1085
 
1095
 
1086
       .block{
1096
       .block{
1087
-      width: 70px;
1097
+      width: 25%;
1088
       display: inline-block;
1098
       display: inline-block;
1089
       /* border:solid 1px blue; */
1099
       /* border:solid 1px blue; */
1090
       height: 80px;
1100
       height: 80px;
1091
-      margin-left:15px;
1092
-      margin-right: 2px;
1093
       vertical-align: top;
1101
       vertical-align: top;
1094
-      margin-top: 5px;
1095
     }
1102
     }
1096
     .macimg{
1103
     .macimg{
1097
-      width: 46px;
1104
+      width: 100%;
1098
       height: 50px;
1105
       height: 50px;
1099
       /* border:solid 1px red; */
1106
       /* border:solid 1px red; */
1100
-      margin-top: 2px;
1101
       margin-bottom: 5px;
1107
       margin-bottom: 5px;
1102
-      margin-left: 30px;
1108
+      text-align: center;
1103
     }
1109
     }
1110
+    .macimg img{
1111
+      width: 50px;
1112
+      height: 50px;
1113
+    }
1114
+
1104
     #macimgtwo{
1115
     #macimgtwo{
1105
-      width:58px;
1116
+      width:100%;
1106
       height:18px;
1117
       height:18px;
1107
       font-size:14px;
1118
       font-size:14px;
1108
-      position:absolute;
1109
        /* overflow:hidden; */
1119
        /* overflow:hidden; */
1110
        /* border: solid 1px red; */
1120
        /* border: solid 1px red; */
1111
       text-align: center;
1121
       text-align: center;
1112
-      margin-left: 22px;
1113
     }
1122
     }
1114
 
1123
 
1115
     .showindex{
1124
     .showindex{