联系我们模块的更新

src/api/site/site.js

    })
 }
 
-export function GetDoctorInfo(params){
-    
-    return request({
-        url:"/api/site/getdoctorinfo",
-        method:'Get',
-        params:params,
-    })
-}
-
 export function editDoctor(id,data){
   
     return request({
    })
 }
 
+export function editDoc(id,data){
+   return request({
+       url:"/api/site/editdoc?id="+id,
+       method:"Get",
+       data:data,
+   })
+}
+
+export function editImages(id,data){
+    return request({
+        url:"/api/site/editImages?id="+id,
+        method:"Get",
+        data,data,
+    })
+}
+
+export function SaveDocdata(id,data){
+     return request({
+         url:"/api/site/savedocdata?id="+id,
+         method:"Post",
+         data:data,
+     })
+}
+
+export function editOfficeEnviroment(id,data){
+    return request({
+        url:"/api/site/editofficeenviroment?id="+id,
+        method:"Get",
+        data:data,
+    })
+}
+
+export function  SaveOfficeEnvironment(id,data){
+    console.log("科室环境我爱你中",id)
+     return request({
+         url:"/api/site/saveofficeenvironment?id="+id,
+         method:"Post",
+         data:data,
+     })
+}
+
+export function hispitalmore(id,data){
+  return request({
+      url:"/api/site/hispitalmore?id="+id,
+      method:"Get",
+      data:data,
+  })
+}
+
+export function officemore(id,data){
+   return request({
+       url:"/api/site/officemore?id="+id,
+       method:"Get",
+       data:data,
+   })
+}
+
+export function docmore(id,data){
+   return request({
+      url:"/api/site/docmore?id="+id,
+      method:"Get",
+      data:data,
+   })
+}
+
+export function addNavigation(data){
+    return request({
+        url:"/api/site/addnavigation",
+        method:"Post",
+        data:data,
+    })
+}
+
+export function getNavigationList(params){
+     return request({
+         url:"/api/site/getnavigationlist",
+         method:"Post",
+         params:params,
+     })
+}
+
+export function AddShareInfo(data){
+  return request({
+      url:"/api/site/addshareinfo",
+      method:"Post",
+      data:data,
+  })
+}
+
+export function getShareInfo(params){
+    return request({
+        url:"/api/site/getshareinfo",
+        method:"Post",
+        params:params,
+    })
+}
+
+export function deleteNavigation(id,data){
+    return request({
+        url:"/api/site/deletenavition?id="+id,
+        method:"Get",
+        data:data,
+    })
+}
+
+export function deletemodle(id,data){
+    console.log("这个ID是谁?",id)
+    return request({
+        url:"/api/site/deletemodle?id="+id,
+        method:"Get",
+        data:data,
+    })
+}
+
+export function getOrderModel(params){
+    return request({
+        url:"/api/site/getordermodel",
+        method:"Post",
+        params:params,
+    })
+}
 

src/scrm_pages/site/components/add-contact.vue

       
        <el-form-item label="医院地址:">
          <div id="all">
-          <el-input id="suggestId"  v-model="hospitalform.address"></el-input>
+          <el-input  v-model="hospitalform.address" id="suggestId"></el-input>
         </div>
        </el-form-item>
        <el-form-item label="医院地图:">  
-        <div id="allmap"></div>  
+        <div id="allmap"></div>
        </el-form-item>
     
     </el-form>
     :visible.sync="contact"
     width="550px"
     >
-    <el-form ref="contractform" :model="contractform" label-width="90px">
+    <el-form ref="contractform" :model="contractform" label-width="90px" :rules="rules">
       <el-form-item label="模块标题:" required prop="title">
         <el-input v-model="contractform.title"></el-input>
       </el-form-item>
         <el-input v-model="contractform.sort"></el-input>
         <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
       </el-form-item>
-      <el-form-item label="联系方式:" v-model="contractform.way">
+      <el-form-item label="联系方式:">
         <div class="used">
              <ul>
                  <li v-for="(item,index) in this.connectionway" :key="item.id">
       contractform:{
         title:"",
         sort:"",
-        way:[],
+        connecWayId:[],
       },
       rules: {
         title: [{required: true, message: "请填写模块标题",},],
         queryConnetion().then(response=>{
            if(response.data.state ==1){
              this.connectionway = response.data.data.conection;
-             this.contractform.way =  response.data.data.cooection.id;
              console.log("联系方式返回数据",this.connectionway);
            }
         })
 
       //添加联系方式
       addContract(formName){
+          var connecWayId=[];
+          for (let index = 0; index < this.connectionway.length; index++) {
+            connecWayId.push(this.connectionway[index].id)         
+          }
+          this.contractform.connecWayId = connecWayId;
+            var sorts = this.contractform.sort
+             var sort = parseInt(sorts)
+             this.contractform.sort = sort
+          console.log("联系方式id",this.contractform.connecWayId)
          this.$refs[formName].validate((valid)=>{
             if(valid){
               addContract(this.contractform).then(response=>{
                   if(response.data.state == 1){
-                         
+                   var connectway = response.data.data.connectway;
+                   var ordmodel = response.data.data.ordmodel;
+                   console.log("返回数据",connectway);
+                   console.log("返回数据",ordmodel)    
                   }
               })           
             }
 
       //添加工作时间
       addWorkTime(formName){
+             var sorts = this.woketimeform.sort
+             var sort = parseInt(sorts)
+             this.woketimeform.sort = sort
         this.$refs[formName].validate((valid)=>{
           if(valid){
             addWorkTime(this.woketimeform).then(response=>{
                   if(response.data.state==1){
-                    var sgjworktime = response.data.data.sgjworktime;
-                    console.log("返回数据",sgjworktime);
+                    var ordmodel = response.data.data.ordmodel;
+                    var patientWorktime = response.data.data.patientWorktime
+                    console.log("返回数据",ordmodel);
+                    console.log("返回数据",patientWorktime)
                     this.time = false;
                 }
             })
 
       //添加乘车方式
       addRideWay(formName){
+         var sorts = this.rideform.sort
+         var sort = parseInt(sorts)
+         this.rideform.sort = sort
         this.$refs[formName].validate((valid)=>{
           if(valid){
             addRideWay(this.rideform).then(response=>{
               if(response.data.state==1){
                  var rideway = response.data.data.rideway;
                  console.log("返回数据",rideway);
+                 var ordemodel = response.data.data.ordemodel;
+                 console.log("返回数据",ordemodel)
                  this.type = false;
               }
             })
                 map.centerAndZoom(point, 15);
                 map.enableScrollWheelZoom();
                 var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
+                    
                     {
                         "input":"suggestId", 
                         "location": map,
 
             })
         },
-
+        
         created(){
           this.queryConnetion();
-        }
+        },
+
+          updated(){
+          this.$nextTick(function () {
+                var th = this
+                // 创建Map实例
+                var map = new BMap.Map("allmap");
+                // 初始化地图,设置中心点坐标，
+                var point = new BMap.Point(121.160724,31.173277); // 创建点坐标，汉得公司的经纬度坐标
+                map.centerAndZoom(point, 15);
+                map.enableScrollWheelZoom();
+                var ac = new BMap.Autocomplete(    //建立一个自动完成的对象
+                    
+                    {
+                        "input":"suggestId", 
+                        "location": map,
+                    })
+                   
+                var myValue
+                ac.addEventListener("onconfirm", function (e) {    //鼠标点击下拉列表后的事件
+                    var _value = e.item.value;
+                    
+                    myValue = _value.province + _value.city + _value.district + _value.street + _value.business;
+                    this.address_detail = myValue
+                    setPlace();
+                });
+
+                function setPlace() {
+                    map.clearOverlays();    //清除地图上所有覆盖物
+                    function myFun() {
+                        th.userlocation = local.getResults().getPoi(0).point;    //获取第一个智能搜索的结果
+                        map.centerAndZoom(th.userlocation, 18);
+                        map.addOverlay(new BMap.Marker(th.userlocation));    //添加标注
+                    }
+
+                    var local = new BMap.LocalSearch(map, { //智能搜索
+                        onSearchComplete: myFun
+                    });
+                    local.search(myValue);
+
+                    //测试输出坐标（指的是输入框最后确定地点的经纬度）
+                    map.addEventListener("click",function(e){
+                        //经度
+                        console.log(th.userlocation.lng);
+                        //维度
+                        console.log(th.userlocation.lat);
+
+                    })
+                }
+
+            })
+        },
 };
 </script>
 

src/scrm_pages/site/components/contact-us.vue

+<template>
+    <div>
+        <!-- <div class="us">
+          <img src="static/images/d.jpg">
+        </div>
+        <div class="hosname">
+           <span>北京大学深圳医院</span>
+        </div>
+        <div class="hosaddress">
+            地址:广东省深圳市福田莲花路1120号北京大学深圳医院三楼
+        </div>
+        <div class="hosphone">
+           总部电话：0755-83923333
+        </div>
+        <div class="hosphone">
+            预约电话：0755-83923333
+        </div>
+        <div class="hosphone">
+            微信号:13318464642
+        </div>
+        <div class="hosphone">
+            办公时间:周一至周五，上午8:00-12:00，下午2:00-5:00.其他时间请联系医院值班电话
+        </div>
+        <div class="hostake">
+            乘车指南:11路空调; 12路空调; 14路; 59路空调; 71路空调; 79路; 104路空调; 209路空调; 213路空调; 323路空调; 365路空调;m358路空调;n13路空调;n6路空调; 购物线
+        </div> -->
+        <!-- :class="sstt[index]" -->
+        <div  v-for="item in this.ordmodel" :key="item.id">
+           <div>
+              <div v-if="item.mode_type == 1">
+                 <div class="rotation">
+
+                 </div>
+              </div>
+                <div class="modelone" v-if="item.mode_type == 2">
+                 <div>
+
+                 </div>
+              </div>
+              <div  v-if="item.mode_type == 3">
+                 <div class="modeone">
+                   <span>{{item.title}}:13318464642</span><br>
+                   <span>{{item.title}}:13318464642</span><br>
+                   <span>{{item.title}}:13318464642</span><br>
+                  </div>
+              </div>
+               <div class="modetwo" v-if="item.mode_type == 4">
+                 <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
+              </div>
+               <div class="modethree" v-if="item.mode_type == 5">
+                 <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
+              </div>
+           </div>
+        </div>
+    </div>
+</template>
+
+<script>
+     import { getOrderModel } from '@/api/site/site' 
+import { fchown } from 'fs';
+    export default {
+        name: "contact-us",
+        data(){
+          return{
+            ordmodel:[],
+            sstt:[
+              "ss1",
+              "ss2",
+              "ss3",
+              "ss4",
+            ],
+          }
+        },
+        methods:{
+           getOrderModel(){
+             getOrderModel().then(response=>{
+                 if(response.data.state == 1){
+                  var ordmodel = response.data.data.ordmodel;
+                  this.ordmodel = response.data.data.ordmodel;
+                  console.log("马文强",ordmodel)
+                 }
+             })
+           }
+        },
+        created(){
+           this.getOrderModel();
+        },
+    }
+</script>
+
+<style scoped>
+  .us{
+    width: 320px;
+    height: 220px;
+    /* border: solid 1px red; */
+  }
+
+  .hosname{
+    width:300px;
+    height: 30px; 
+    /* border:solid 1px red; */
+    margin-top: 20px;
+    margin-left: 10px; 
+    font-size: 20px;
+    font-weight: 700;
+  }
+
+  .hosaddress{
+    width:300px;
+    height: 54px;  
+    /* border:solid 1px red; */
+    margin-left: 10px;   
+  }
+  .hosphone{
+    width:300px;
+    height: 30px;  
+    /* border:solid 1px red; */
+    margin-left: 10px;  
+    font-size: 14px;
+    margin-bottom: 5px;
+  }
+
+  .hostake{
+    width:300px;
+    height: 100px;  
+    /* border:solid 1px red; */
+    margin-left: 10px;  
+    font-size: 14px;
+    margin-bottom: 5px;  
+  }
+
+  .ordmodel{
+    width:330px;
+    height: 200px;
+    border: solid 1px red;
+    background-color: #666666;
+  }
+
+  .ss1{
+    width: 320px;
+    height: 220px;
+    background-color: red;
+  }
+  .ss2{
+    width:300px;
+    height: 30px; 
+    background-color: yellow;
+    margin-top: 20px;
+    margin-left: 10px; 
+    font-size: 20px;
+    font-weight: 700;
+  }
+  .modeone{
+    width: 300px;
+    height: 100%;
+    /* background-color: red; */
+    color: black;
+    /* border:solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 5px;
+  }
+  
+   .modetwo{
+    width: 300px;
+    height: 30px;
+    color: black;
+    /* border:solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 5px;
+  }
+
+   .modethree{
+    width: 300px;
+    height: 100%;
+    color: black;
+    /* border:solid 1px red; */
+    font-size: 14px;
+    margin-bottom: 10px;
+  }
+
+  .rotation{
+    width: 320px;
+    height: 220px;
+    /* border: solid 1px red; */
+  }
+</style>

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

 </template>
 
 <script>
-     import { GetDoctorInfo } from '@/api/site/site'
     export default {
         name: "doctor-introduction",
         data(){
               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();
-        }
+        methods:{}
     }
 </script>
 

src/scrm_pages/site/components/new-feature.vue

       </ul>
   </div>    
   <div class="clear"></div>
-
   <!-- 新增轮播图 -->
   <el-dialog
     title="新增轮播图"
   <el-dialog
     title="新增名医介绍"
     :visible.sync="four"
-    width="550px">
+    width="550px"
+    center>
     <el-form ref="doctorform" :model="doctorform" label-width="90px" :rules="rules" >
       <el-form-item label="模块标题:" required prop="title">
         <el-input v-model="doctorform.title"></el-input>
       <el-form-item label="新增名医:" v-model="doctorform.image">
          <div class="flex-img" v-show="headshow">
         <div class="el-upload-list el-upload-list--picture-card" >            
-            <div class="el-upload-list__item is-success" v-for="item in this.docform" :key="item.id">             
+            <div class="el-upload-list__item is-success" v-for="(item,index) in this.docform" :key="item.id">             
                  <img class="flex-img__image" :src="item.dochead">              
                 <label class="el-upload-list__item-status-label">
                     <i class="el-icon-upload-success el-icon-check"></i>
     </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="four = false">取 消</el-button>
-      <el-button type="primary" @click="AddDoctor('doctorform')">确 定</el-button>
+      <el-button type="primary" @click="AddDoctor('doctorform');editDoctorInfo('doctorform')">确 定</el-button>
     </span>
   </el-dialog>
 
-    <!-- 编辑名医介绍 -->
+    <!-- 新增医生信息 -->
    <el-dialog
-      title="编辑医生介绍"
+      title="新增医生信息"
       :visible.sync="centerDialogVisible"
       width="50%"
       center>
           <el-row :span=20>
             <el-col :span="12">
              <el-form-item label="医生姓名:">
-              <el-select v-model="eidtDoctorform.name" placeholder="请选择"  @change="change(eidtDoctorform.name)">
+              <el-select  placeholder="请选择" v-model="eidtDoctorform.name"  @change="change(eidtDoctorform.name)">
                 <el-option
                  v-for="item in docnames"
                  :key="item.id"
                  :label="item.name"
-                 :value="item.id"
-                 >
+                 :value="item.id" >
                 </el-option>
               </el-select>
              </el-form-item>     
        <el-form label-width="90px" class="clearfix" :model="editdocfrom" ref="editdocfrom" :rules="rules">
           <el-row :span=20>
             <el-col :span="10">
-             <el-form-item label="医生姓名:" required prop="docname">
-              <el-input v-model="editdocfrom.docname"></el-input>
+             <el-form-item label="医生姓名:" required prop="doc_name">
+              <el-input v-model="editdocfrom.doc_name"></el-input>
              </el-form-item>     
              </el-col> 
              <el-col :span="12">
-              <el-form-item label="医生职称:" required prop="doc_position">
-              <!-- <el-input v-model="editdocfrom.doc_position"></el-input> -->
-              <el-select v-model="editdocfrom.doc_position" placeholder="请选择">
+              <el-form-item label="医生职称:" required prop="doc_postion">
+              <el-select v-model="editdocfrom.doc_postion" placeholder="请选择">
                 <el-option
                  v-for="item in positions"
                  :key="item.index"
     </span>
   </el-dialog>
   <!-- 新增魔方导航 -->
-  <el-dialog
+
+    <el-dialog
     title="新增魔方导航"
     :visible.sync="eight"
-    width="550px"
-    :before-close="handleClose">
-    <el-form ref="form" :model="form" label-width="100px">
-      <el-form-item label="模块标题: ">
-        <el-input v-model="form.name"></el-input>
+    width="550px">
+    <el-form ref="marginform" :model="marginform" label-width="90px" :rules="rules" >
+      <el-form-item label="模块标题:" required prop="title">
+        <el-input v-model="marginform.title"></el-input>
       </el-form-item>
-      <el-form-item label="排序值: ">
-        <el-input v-model="form.name"></el-input>
+      <el-form-item label="排序值:" required prop="sort">
+        <el-input v-model="marginform.sort"></el-input>
         <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
       </el-form-item>
-      <el-form-item label="新增科室环境: ">
-        <el-upload
-          action="https://jsonplaceholder.typicode.com/posts/"
+      <el-form-item label="添加图片:" v-model="marginform.marginImages" required prop="marginImages">
+        <div>
+        </div>
+         <el-upload
+          :data="rotationData"
+          action="https://upload.qiniup.com"
           list-type="picture-card"
-          :on-remove="handleRemove"
+         :on-success="RotationchartSuccess"
+         :before-upload="beforeRotationUpload"
+         v-show="show">
+        <i slot="default" class="el-icon-plus"></i>
+        <div slot="file" slot-scope="{file}">
+          <img
+           class="el-upload-list__item-thumbnail"
+           :src="file.url"
           >
-          <i class="el-icon-plus"></i>
-        </el-upload>
+        <span class="el-upload-list__item-actions"> 
+         <span
+           v-if="!disabled"
+           class="el-upload-list__item-delete"
+         >
+         <i class="el-icon-edit-outline" @click="rotationEditImages()"></i>
+          </span> 
+         <span
+           v-if="!disabled"
+           class="el-upload-list__item-delete"
+         >
+          <i class="el-icon-delete"></i>
+          </span> 
+         </span> 
+        </div> 
+     </el-upload>
+      <img  src="static/images/u999.png" @click="addmagin()">
       </el-form-item>
     </el-form>
     <span slot="footer" class="dialog-footer">
       <el-button @click="eight = false">取 消</el-button>
-      <el-button type="primary" @click="eight = false">确 定</el-button>
+      <el-button type="primary" @click="AddRotationChart('rotationform')">确 定</el-button>
     </span>
   </el-dialog>
-    
-  
+ 
+ <!-- 编辑魔法导航 -->
+   <el-dialog
+     title="编辑魔法导航"
+     :visible.sync="MagicNavigation"
+     width="40%"
+     center>
+     <el-form  label-width="90px"  ref="editmarginform" :model="editmarginform" :rules="rules">
+       <el-form-item label="导航标题:" prop="title">
+         <el-input style="width:400px" v-model="editmarginform.margtitle"></el-input>
+       </el-form-item>
+       <el-form-item label="导航图标:" prop="margimage">
+       <el-upload
+         class="avatar-uploader"
+          :data="magicData"
+          action="https://upload.qiniup.com"
+           :on-success="MagicSuccess"
+          :before-upload="MagicUpload"
+         :show-file-list="false">
+         <img v-if="editmarginform.margImage" :src="editmarginform.margImage" class="avatar">
+         <i v-else class="el-icon-plus avatar-uploader-icon"></i>
+       </el-upload>
+       </el-form-item>
+       <el-form-item label="跳转设置">
+         <el-radio-group v-model="form.gender">
+            <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderOptions" :key="index" @change="selectGender(gender.id)">{{gender.name}}</el-radio>
+          </el-radio-group>
+       </el-form-item>
+       <el-form-item>
+         <el-col :span="12" v-mode="editmarginform.marginaddress">
+          <el-input style="width:300px" v-show="define"></el-input>
+        </el-col>
+        <el-col :span="4">
+         <el-button size="medium" @click="setlink()" v-show="define">设置链接</el-button>
+        </el-col>
+       </el-form-item>
+     </el-form>
+    <span slot="footer" class="dialog-footer">
+    <el-button @click="MagicNavigation = false">取 消</el-button>
+    <el-button type="primary" @click="MagicNavigation = false">确 定</el-button>
+  </span>
+</el-dialog> 
+
+<el-dialog
+  title="设置链接地址"
+  :visible.sync="magicVisible"
+  width="30%"
+  :before-close="handleClose"
+  center>
+  <el-form label-width="90px">
+     <el-form-item label="连接类型">
+         <el-radio-group v-model="form.gender">
+            <el-radio :label="item.id" :value="item.id" v-for="(item,index) in defineOptions" :key="index" @change="selectItem(item.id)">{{item.name}}</el-radio>
+         </el-radio-group>
+     </el-form-item>  
+       <el-form-item label="链接类型:" v-show="definetwo">
+       <el-select v-model="value" placeholder="请选择">
+        <el-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value">
+       </el-option>
+      </el-select>
+     </el-form-item>
+     <el-form-item label="文章分类" v-show="definetwo">
+       <el-select v-model="value" placeholder="请选择">
+        <el-option
+        v-for="item in options"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value">
+       </el-option>
+      </el-select>
+     </el-form-item>
+     <el-form-item label="电话号码:" v-show="definethree">
+       <el-input></el-input>
+     </el-form-item>
+     <el-form-item label="站外链接:" v-show="definefour">
+       <el-input></el-input>
+     </el-form-item>
+  </el-form>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="magicVisible = false">取 消</el-button>
+    <el-button type="primary" @click="magicVisible = false">确 定</el-button>
+  </span>
+</el-dialog>
+
 </div>
 </template>
 
    import 'quill/dist/quill.snow.css'
    import 'quill/dist/quill.bubble.css'
    import { constants } from 'crypto';
+import { fail } from 'assert';
 export default {
   name: "newfeature",
   components:{
   props: ['image', 'clearList'],
   data() {
     return {
+      genderOptions:[
+        {id:1, name:'自定义'},
+        {id:2, name:'不跳转'},
+       ],
+      defineOptions:[
+        {id:1,name:'无'},
+        {id:2,name:'站内链接'},
+        {id:3,name:'电话'},
+        {id:4,name:'站外链接'},
+      ],  
       options: [{
           value: '选项1',
           label: '文章'
           label:'数学',
         }],
        headshow:false,
+       define:false,
+       definetwo:false,
+       definethree:false,
+       definefour:false,
        docnames:[],
+       radio: '1',
+       radiotwo:'2',
        positions:[
           { index: 1, name: '医士' },
           { index: 2, name: '医师' },
           { index: 11, name: '主任护师' },
           { index: 12, name: '运营专员' },
        ],
+       form:{
+         gender:"",
+       },
        value: '',
+       imageUrl:'',
       new1: require("../../../assets/preview/u481.png"),
       new2: require("../../../assets/preview/u493.png"),
       new3: require("../../../assets/preview/u496.png"),
       dialogRotationVisible: false,
       editcenterDialogVisible: false,
       addpicVisible:false,
+      MagicNavigation:false,
+      magicVisible:false,
       radio: '1',
       two: false,
       three: false,
       doctorData: { token: '', key: '' },
       doctorDatatwo:  { token: '', key: '' },
       rotationData: { token:'',key: '' },
+      magicData:{ token:'',key:''},
       keData: { token: '' ,key: ''},
       file: this.image ? this.image : '',
       hideShow:false,
         image:"",
       },
       docform:[],
-        
-    
+      
       hispitalform:{
         title:"",
         sort:"",
         sort:"",
         image:"",
         docimages:[],
+        ids:[],
       },
       editdocfrom:{
-        docname:"",
+        doc_name:"",
         dochead:"",
-        doc_position:"",
+        doc_postion:"",
         doc_sort:"",
         docintroduction:"",
       },
         title:"",
         sort:"",
         rotationImages:[],
+      },
+       marginform:{
+         title:"",
+         sort:"",
+         marginImages:[],
+      }, 
+      editmarginform:{
+        margtitle:"",
+        margImage:"",
+        marginaddress:"",
       },
       keform:{
         title:"",
          introduction: [{required: true,message:"请填写医院介绍"}],
          image: [{required: true,message:"请填写新增名医"}],
          docname: [{required:true,message:"请填写医生姓名"}],
+         doc_name:[{required:true,message:"请填写医生姓名"}],
          docHead: [{required: true,message:"请填写医生头像"}],
          dochead: [{required: true,message:"请填写医生头像"}],
          docpositional:[{required:true,message:"请填写医生职位"}],
+         doc_postion:[{required:true,message:"请填写医生职位"}],
          docintroduction:[{required:true,message:"请填写医生简介"}],
          images:[{required:true,message:"请填写新增科室环境"}],
          rotationImages:[{required:true,message:"请填写添加图片"}],
     };
   },
   // 医院介绍模块
-  methods:{   
+  methods:{  
+    
       addpic(){
        this.addpicVisible = true;
       },
-
+      addmagin(){
+        this.MagicNavigation = true
+      },
       addlink(){
         this.linkVisible = true;
       },
+      setlink(){
+        this.magicVisible = true;
+      },
      //轮播图
      rotationEditImages(){
         this.dialogRotationVisible = true;
         handleRemove() {
             this.file = '';
       },
-
+      define(){
+         alert("aa")
+      },
 
       handleAvatarSuccess(res, file) {
          this.eidtDoctorform.dochead = this.qiniuDomain + res.url;  
           return isJPG && isLt2M;
       },
 
+      MagicSuccess(res,file){
+         this.editmarginform.margImage =this.qiniuDomain + res.url;
+      },
+
+      MagicUpload(file){
+         const isJPG = file.type === 'image/jpeg';
+        const isLt2M = file.size / 1024 / 1024 < 2;
+       
+        if (!isJPG) {
+          this.$message.error('上传头像图片只能是 JPG 格式!');
+        }
+        if (!isLt2M) {
+          this.$message.error('上传头像图片大小不能超过 2MB!');
+        }
+      
+         var date = new Date()
+            var ext = getFileExtension(file.name)
+            var key = date.getFullYear() + (date.getMonth() + 1) + date.getDate() + date.getHours()  + date.getMinutes()  + date.getSeconds()  +'_o_' + file.uid + '.' + ext;       
+            this.loadingText = '封面图片上传中'
+            const _self = this
+            return new Promise((resolve, reject) => {
+                getToken().then(response => {
+                    const token= response.data.data.uptoken
+                    console.log("导航头像token是什么?",token)
+                    _self._data.magicData.token = token;
+                    _self._data.magicData.key = key;
+                    resolve(true)
+                }).catch(err => {
+                    reject(false)                    
+                })
+            })
+          return isJPG && isLt2M;
+      },
+
       //新增轮播图
       AddRotationChart(formName){
           this.$refs[formName].validate((valid)=>{
                     var hospital = response.data.data.hospital;
                     //console.log("返回数据",hospital)
                      this.$message.success("添加医院介绍成功");  
-                     this.two = false;    
+                     this.two = false;                       
                   }
              })
           }
 
      //名医介绍
      AddDoctor(formName){ 
-          var images = [];
+          var images = [];  
+          var ids = [];  
           for (let index = 0; index < this.docform.length; index++) {
-            images.push(this.docform[index].dochead);          
+            images.push(this.docform[index].dochead); 
+            ids.push(this.docform[index].id);     
           }      
-          this.doctorform.docimages = images,
+          this.doctorform.docimages = images,    
+          this.doctorform.ids = ids;    
          this.$refs[formName].validate((valid)=>{
            if(valid){
               AddDoctor(this.doctorform).then(response=>{
-                console.log("啊啊啊",this.doctorform);
+                // console.log("啊啊啊",this.doctorform);
                 if(response.data.state==1){
                   var doctor = response.data.data.doctor;
                   console.log("返回数据",doctor)
+                  this.headshow = false;
                   this.four = false;
+                  this.docform = "";
+                  this.doctorform = "";
                 }
               })
            }
          })
      },
+
       getQueryDocInfo(){
         getQueryDocInfo(this.doctorform).then(response=>{
               if(response.data.state==1){
                  this.docnames = response.data.data.doctor;
-
+                 console.log("获取医生信息",response.data.data.doctor)
               }
         })
       },
       getQueryDoCHead(){
         getQueryDoCHead().then(response=>{
           if(response.data.state==1){
-            //var docHead =  response.data.data.docHead;
+            var docHead =  response.data.data.docHead;
             this.docform =  response.data.data.docHead;
             console.log("aaa",response.data.data.docHead)
             this.headshow = true;
-            //console.log("数据返回",docHead)
+            console.log("头像数据返回",docHead)
           }
         })
       },
       change(id){
-        // alert(id);
         change(id).then(response=>{
             if(response.data.state == 1){
               var docinfo =  response.data.data.docinfo;
             }
         })
       },
-     editDoctor(id){
+     editDoctor(id){ 
         editDoctor(id).then(response=>{
            if(response.data.state ==1){
              var docionfo = response.data.data.docinfo;
-             this.editdocfrom = response.data.data.docinfo;
+             this.editdocfrom = response.data.data.docinfo;             
              console.log("数据",docionfo);
            }
         });
                  var doctor =  response.data.data.doctor;
                  this.centerDialogVisible = false;
                  console.log("返回数据",doctor);
-                 this.eidtDoctorform = "";
                  this.getQueryDoCHead();
+                
                }
              })
            }
      saveDocInfo(formName){
         this.$refs[formName].validate((valid)=>{
           if(valid){
+                 var sorts = this.editdocfrom.doc_sort
+                 var sort = parseInt(sorts)
+                this.editdocfrom.doc_sort = sort
+                 this.editdocfrom.docintroduction = this.$refs.neditor.content;
+     
                saveDocInfo(this.editdocfrom.id,this.editdocfrom).then(response=>{
                   if(response.data.state == 1){
-                     var doctor =  response.data.data.doctor;
+                     var doctor =  response.data.data.editdoctor;
                      console.log("返回数据",doctor);
                      this.editcenterDialogVisible = false;
                      this.$message.success("保存成功")
         console.log("图片路径",file.url)
          this.keform.keImages.push(this.qiniuDomain + res.url);
          console.log("图片数组",this.keform.keImages)
-        // this.keform.images = this.qiniuDomain + res.url;
-        // console.log("图片url",this.keform.images)
       },
       beforekeUpload(file){
         const isJPG = file.type === 'image/jpeg';
       add(){
      
       },
+     selectGender(id){
+        if(id == 1){
+          this.define = true;
+        }
+        if(id == 2){
+           this.define = false;
+        }
+     },
+     selectItem(id){
+       if(id == 1){
+         this.definetwo = false;
+         this.definethree = false;
+         this.definefour = false;
+       }
+
+       if(id==2){
+          this.definetwo = true;
+          this.definethree = false;
+          this.definefour = false;
+       }
+
+       if(id==3){
+         this.definethree = true;
+         this.definetwo = false;
+         this.definefour = false;
+       }
+
+       if(id==4){
+         this.definefour = true;
+         this.definetwo = false;
+         this.definethree = false;
+       }
+     }
   },  
    created(){
      this.getQueryDocInfo();
-     this.getQueryDoCHead();
-   }
+     this.getQueryDoCHead();  
+   },
  };
 </script>
 

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

            <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>
+             <span v-html="item.Offices.introduction" id="ycontent" class="zzcontent"></span>
            </div>
         </div>
-     </div>
 
-     <div class="box"></div>
+        <!-- 名医介绍 -->
+        <div v-if="item.mode_type == 4" class="modefour">
+          <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="docborde">
+            <div class="docheart" v-for="doc in item.Editdoctor" :key="doc.id">
+              <div class="docimage">
+                <img :src="doc.dochead" style="height:80px;width:80px">
+              </div>
+              <div class="doctitle"><span class="docnamefont">{{doc.doc_name}}</span></div>
+              <div class="doccontent"><span class="xxcontent" v-html="doc.docintroduction"></span></div>
+            </div>
+           </div>
+        </div>
 
+         <!-- 科室环境 -->
+        <div v-if="item.mode_type == 5" class="modefive">
+          <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="swiperimages">
+           <div class="swiper-container" id="swipertwo">
+           <div class="swiper-wrapper" id="wrapper2">
+           <div class="swiper-slide"  v-for="it in item.OfficeEnviroment" :key="it.id">
+           <img :src="it.keimages" style="width:150px;height:140px;border-radius:5px;"/>
+          </div>
+          </div>
+         </div>
+        </div>
+        </div>
+     </div>
+     <div class="box"></div>
    </div>  
-   </div>
+   </div> 
 </template>
 
 <script>
   import { getQueryNewModel,getHospital,getHospitaldata } from '@/api/site/site' 
-import { truncateSync } from 'fs';
+  import Swiper from "swiper"; 
+  import { truncateSync } from 'fs';
     export default {
         name: "parent-component",
         data(){
             modeltitle:[],
             hospitalform:[],
             patientModels:[],  
-                 
+            keEnvironmentImages:[],     
+            doctors:[],
+            
           }  
         },
         methods:{
-    
+         more(){
+           alert("aaaa")
+         },
          getHospital(){
             getHospital().then(response=>{
                 if(response.data.state == 1){
                   this.hospitalform = response.data.data.hostital;
-                  console.log("中国第一人",this.hospitalform);
+                  // console.log("中国第一人",this.hospitalform);
                 }
             }) 
          },
           getHospitaldata(){
-           getHospitaldata().then(response=>{
+           getHospitaldata(this.patientModels).then(response=>{
                 if(response.data.state == 1){
+                  var str = "";
                  this.patientModels = response.data.data.patientModels;
-                 console.log("中国第三人",this.patientModels)
+                  console.log("获取的数据",this.patientModels);
+                 for (let index = 0; index < this.patientModels.length; index++) {
+                   const element = this.patientModels[index].OfficeEnviroment;
+                   console.log("element",element)
+                 }
+                //   var strs = str.split(",");
+                //   console.log("strs",strs)             
+                //  this.keEnvironmentImages = strs;
                 }
            })
          },
         },
          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)
+          let ycontent = document.getElementById('ycontent');
+         
+          let ximgs = ycontent.getElementsByTagName('img');
+         
           for(let j=0;j<ximgs.length;j++){
-             imgs[j].style.width = '332px';
-             imgs[j].style.height = '100px';
+             ximgs[j].style.width = '332px';
+             ximgs[j].style.height = '100px';
           }
-        }
+        },
+
+          mounted(){
+            var mySwiper = new Swiper('#swipertwo', {
+                direction:"horizontal",
+                loop: true, // 循环播放,
+                spaceBetween:10,
+                autoplay:true,
+                loopAdditionalSlides:10,
+                slidesPerView: 'auto', // 设置slider容器能够同时显示的slides数量
+                centeredSlides: true, // active slide 居中
+                observer:true,//动态加载图片
+                observeParents:false,
+                pagination: {
+                    el: '.swiper-pagination',
+                },
+            });
+        },
     }
 </script>
 
 <style scoped>
+
+    .clickmore{
+      width: 200px;
+      height: 200px;
+      border: solid 1px red;
+    }
+
     .parent{
       width: 320px;
-      height: 220px;
+      height: 230px;
       /* background-color:  rgba(204, 204, 204, 1); */
     }
 
       /* background-color: blue; */
     }
 
+    .modefour{
+      width:320px;
+      height: 230px;
+    }
+
+    .modefive{
+      width:320px;
+      height: 220px;
+    }
+
      .logo{
        position: absolute;
        margin-left: 280px;
      -webkit-box-orient: vertical   
    }
 
-    .xxcontent{
+    .zzcontent{
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical   
    }
+
+   .docborde{
+     width: 320px;
+     height: 200px;
+     /* border: solid 1px red; */
+     overflow: hidden;
+   }
+
+   .docborder{
+     width: 320px;
+     height: 100px;
+     /* border: solid 1px red; */
+     background-color:  rgba(242, 242, 242, 1);
+     margin-top: 8px;
+   }
+   .docheart{
+     width: 300px;
+     height: 92px;
+     /* border: solid 1px blue; */
+     margin-top: 5px;
+     margin-left: 3px;
+   }
+   .docimage{
+     width: 80px;
+     height: 80px;
+     /* border:solid 1px red; */
+     margin-top: 10px;
+     margin-left: 10px;
+   }
+   .doctitle{
+     width: 50px;
+     height: 20px;
+     /* border: solid 1px blue; */
+     float: right;
+     margin-right: 140px;
+     margin-top: -75px;
+   }
+
+   .doccontent{
+     width: 150px;
+     height: 50px;
+     /* border: solid 1px red; */
+     margin-top: -50px;
+     margin-left: 108px;
+     font-size: 14px;
+   }
+   .docnamefont{
+     font-size: 14px;
+
+   }
+
+   .dochead{
+       position:absolute;
+       width:80px;
+       height: 80px;
+       /* 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: 20px;
+       font-size: 14px;
+       color:black;
+     }
+
+     .docintroduction{
+       font-size: 14px;
+       color: black;
+     }
+
+    .xxcontent{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 3;
+      -webkit-box-orient: vertical   
+   }   
+
+     #wrapper2{
+     width: 50%;
+   }
+
+   .swiperimages{
+     width: 320px;
+     height: 150;
+     /* border: solid 1px red; */
+     margin-top: 40px;
+   }
 </style>