scrm-vue/src/scrm_pages/site/preview.vue

<template>
   <div class="main-contain">
      <div class="position">
        <bread-crumb :crumbs='crumbs'></bread-crumb>
      </div>
      <div class="app-container">
            <!-- 新增 -->
            <el-row :gutter="24">
               <el-col :span="6">
                 <el-tabs type="border-card" style="width:100%" @tab-click="handleClick" v-model="activeNameOne">
                    <el-tab-pane label="首页" name="index">
                        <!-- <span slot="label"  @click="myindex()">首页</span> -->
                        <el-tabs v-model="activeName" @tab-click = "handleClickTwo">
                            <el-tab-pane label="新增模块" name="first">
                                 <new-feature v-on:getHospitaldata='getHospitaldata'></new-feature>
                            </el-tab-pane>
                            <el-tab-pane label="已使用" name="used">
                                <!-- <span slot="label" name="second" @click="clickAddmodel()">已使用</span> -->
                                <div class="used" v-for="(item,index) in this.modelform" :key="item.id">
                                  <ul>
                                   <li>
                                    <span class="name">{{item.title}}</span>
                                    <span class="icon">
                                    <i class="el-icon-edit-outline" @click="editModelByID(item.id,item.mode_type,index)"></i>
                                    <i class="el-icon-delete" @click="deleteModleById(item.id,index);deletelinkaddress()"></i>
                                   </span>
                                   </li>
                                 </ul>
                                </div>
                            </el-tab-pane>
                        </el-tabs>
                    </el-tab-pane>

                    <el-tab-pane label="联系我们" name="contactus">
                        <!-- <span slot="label"  @click="myindextwo()">联系我们</span> -->
                        <el-tabs v-model="activeNameThree"  @tab-click="handleClickThree">
                            <el-tab-pane label="新增模块" name="three">
                                <add-contact v-on:getOrderModel='getOrderModel'></add-contact>
                            </el-tab-pane>
                            <el-tab-pane label="已使用" name="usedtwo"> 
                               <!-- <span slot="label" name="four" @click="clickmodel()">已使用</span> -->
                              <div class="used" v-for="(item,index) in this.model" :key="item.id">
                                 <ul>
                                   <li>
                                     <span class="name">{{item.title}}</span>
                                     <span class="icon">
                                     <i class="el-icon-edit-outline" @click="eidtmodel(item.id,item.mode_type,index)"></i>
                                     <i class="el-icon-delete" @click="deletemodle(item.id,index)"></i>
                                    </span>
                                   </li>
                                 </ul>
                              </div>
                            </el-tab-pane>
                        </el-tabs>
                    </el-tab-pane>
                  </el-tabs>
               </el-col>



                 <!-- 编辑医院介绍 -->
                   <el-dialog
                     title="编辑医院介绍"
                     :visible.sync="hosipitalVisible"
                     width="50%"
                    center>
                     <el-form ref="hispitalform" :model="hispitalform" label-width="90px" :rules="rules">
                         <el-form-item label="模块标题:" required prop="title">
                            <el-input v-model="hispitalform.title"></el-input>
                         </el-form-item>
                         <el-form-item label="排序值:" required prop="sort">
                            <el-input v-model="hispitalform.sort" type="number"></el-input>
                         </el-form-item>
                         <el-form-item label="医院介绍:" required prop="introduction">
                            <keep-alive v-show="neditorshow">
                              <neditor ref="neditor"
                               id="editortwo"
                               v-bind:r_content="hispitalform.introduction">
                              </neditor>
                             </keep-alive>
                         </el-form-item>
                     </el-form>
                    <span slot="footer" class="dialog-footer">
                    <el-button @click="hosipitalVisible = false">取 消</el-button>
                    <el-button type="primary" @click="SaveHospital('hispitalform')">确 定</el-button>
                     </span>
                   </el-dialog>

                   <el-dialog
                    title="新增图片"
                    :visible.sync="adddialogVisible"
                    width="30%"
                    center>
                    <el-form label-width="90px" ref="addform" :model="addform" :rules="rules">
                      <el-form-item label="模块标题:" required prop="title">
                          <el-input v-model="addform.title"></el-input>
                      </el-form-item>
                      <el-form-item label="排序值:" required prop="sort">
                         <el-input v-model="addform.sort" type="number"></el-input>
                      </el-form-item>
                      <el-form-item label="添加图片:">
                         <div class="flex-img">
                          <div class="el-upload-list el-upload-list--picture-card">
                           <div class="el-upload-list__item is-success" v-for="(it,index) in this.rotationdatatwo" :key="it.id">
                           <img class="flex-img__image" :src="it.images">
                            <label class="el-upload-list__item-status-label">
                              <i class="el-icon-upload-success el-icon-check"></i>
                            </label>
                            <span class="el-upload-list__item-actions">
                              <span class="el-upload-list__item-delete">
                               <i class="el-icon-edit-outline" @click="singleVisible = true;editSingleVisible(it.id)"></i>
                               <i class="el-icon-delete" @click="deleteSingleImages(it.id,it.modeid,index)"></i>
                             </span>
                            </span>
                         </div>
                       </div>
                      <div class="addpicrot" @click="editRotationVisible = true" v-show="uploadimageshow">
                      <div class="addpicones">
                        <li class="el-icon-plus"></li>
                        <div class="addpictwos">
                         <span>新增图片</span>
                        </div>
                      </div>
                    </div>
                   </div>
                      <p class="tips">图片已上传{{uploadImages}}张,最多上传9张</p>
                      </el-form-item>
                    </el-form>
                   <span slot="footer" class="dialog-footer">
                   <el-button @click="adddialogVisible = false">取 消</el-button>
                   <el-button type="primary" @click="AddRotationVisible('addform')">确 定</el-button>
                    </span>
                   </el-dialog>

                   <el-dialog
                     title="编辑图片5"
                     :visible.sync="singleVisible"
                      width="30%"
                      center>
                     <el-form ref="singform" :model="singform" label-width="90px" :rules="rules">
                       <el-form-item label="图片编辑:" required prop="images">
                         <el-col :span="5">
                          <el-upload
                            :data="editcheckdata"
                            class="avatar-uploader"
                            action="https://upload.qiniup.com"
                            :show-file-list="false"
                            :on-success="singformAvatarSuccess"
                            :before-upload="singformAvatarUpload">
                            <img v-if="singform.images" :src="singform.images" class="avatar">
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                         </el-col>
                         <el-col :span="19">
                             <div class="tpic">
                               <img :src="singform.images" style="width:250px;height:150px">
                             </div>
                         </el-col>

                       </el-form-item>
                       <el-form-item label="排序值:" required prop="sort">
                           <el-input v-model="singform.sort" style="width:300px" type="number"></el-input>
                       </el-form-item>
                      <div class="tipstwo"><p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p></div>
                     <el-form-item label="图片链接:" required prop= "piclink">
                       <el-radio-group v-model="singform.piclink">
                        <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderPicLink" :key="index" @change="selectpiclink(gender.id)" >{{gender.name}}</el-radio>
                     </el-radio-group>
                     </el-form-item>
                      <el-form-item label="链接地址:" v-show="showpiclink">
                          <el-col :span="15">
                             <el-input v-model="singform.linkaddress"></el-input>
                          </el-col>
                          <el-col :span="4">
                            <el-button size="medium" @click="GetLinkAddress(singform.linkid);addressVisible = true">设置链接</el-button>
                          </el-col>
                      </el-form-item>
                     </el-form>
                     <span slot="footer" class="dialog-footer">
                     <el-button @click="singleVisible = false">取 消</el-button>
                    <el-button type="primary" @click="UpdateSingleForm('singform');">确 定</el-button>
                     </span>
                     </el-dialog>

                     <!-- <el-dialog
                      title="添加图片:"
                      :visible.sync="addpicdialogVisibletwo"
                      width="30%"
                      center>
                     <el-form>
                       <el-form-item label="添加图片:">
                         <el-upload
                            :data="editcheckdata"
                            class="avatar-uploader"
                            action="https://upload.qiniup.com"
                            :show-file-list="false"
                            :on-success="singformAvatarSuccess"
                            :before-upload="singformAvatarUpload">
                            <img v-if="singform.images" :src="singform.images" class="avatar">
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                       </el-form-item>
                     </el-form>
                    <span slot="footer" class="dialog-footer">
                    <el-button @click="addpicdialogVisibletwo = false">取 消</el-button>
                    <el-button type="primary" @click="addpicdialogVisibletwo = false">确 定</el-button>
                    </span>
                    </el-dialog> -->


                <!-- 新增编辑轮播图 -->
                   <el-dialog
                    title="编辑图片"
                   :visible.sync="editRotationVisible"
                    width="30%"
                    center>
                   <el-form label-width="90px" ref="editpicform" :model="editpicform" :rules="rules">
                     <el-form-item label="图片编辑:" required prop="images">
                       <el-col :span="5">
                          <el-upload
                              :data="navigationData"
                              class="avatar-uploader"
                              action="https://upload.qiniup.com"
                              :show-file-list="false"
                              :on-success="edithandleAvatarSuccess"
                              :before-upload="editbeforeAvatarUpload">
                              <img v-if="editpicform.images" :src="editpicform.images" class="avatar">
                              <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                            </el-upload>
                           <!-- <div class="addrot" @click="addpicdialogVisible = true">
                               <div class="addrotone">
                               <i class="el-icon-plus"></i>
                           </div>
                           <div class="addrotwo">
                             <span>新增图片</span>
                           </div>
                        </div> -->
                       </el-col>
                       <el-col :span="19" v-show="picshow">
                          <div class="tpic">
                             <img :src="editpicform.images" style="width:250px;height:150px">
                          </div>
                       </el-col>
                     </el-form-item>
                     <el-form-item label="排序值:" required prop="sort">
                        <el-input v-model="editpicform.sort" type="number"></el-input>
                     </el-form-item>
                      <div class="tipstwo"><p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p></div>
                     <el-form-item label="图片链接:" required prop="piclink">
                       <el-radio-group v-model="editpicform.piclink" >
                            <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderPicLink" :key="index" @change="selectpiclink(gender.id)" >{{gender.name}}</el-radio>
                         </el-radio-group>
                     </el-form-item>
                      <el-form-item label="链接地址:" v-show="showpiclink">
                          <el-col :span="15">
                             <el-input v-model="editpicform.linkaddress" :disabled="true"></el-input>
                          </el-col>
                          <el-col :span="4">
                            <el-button size="medium" @click="addressVisibleTwo = true">设置链接</el-button>
                          </el-col>
                      </el-form-item>
                   </el-form>
                   <span slot="footer" class="dialog-footer">
                   <el-button @click="editRotationVisible = false">取 消</el-button>
                   <el-button type="primary" @click="addEditPicForm('editpicform');">确 定</el-button>
                  </span>
                 </el-dialog>

                <el-dialog
                   title="设置图片链接地址"
                  :visible.sync="addressVisibleTwo"
                   width="30%"
                   center>
                  <el-form :model="refform" ref="refform" :rules="rules">
                    <el-form-item label="自定义链接地址:" prop="defineaddress">
                       <el-input style="width:300px" v-model="refform.defineaddress"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="addressVisibleTwo = false">取 消</el-button>
                  <el-button type="primary" @click="AddLinkAddressFour('refform')">确 定</el-button>
                </span>
                </el-dialog>


                 <el-dialog
                   title="设置图片链接地址"
                  :visible.sync="addressVisible"
                   width="30%"
                   center>
                  <el-form :model="refform" ref="refform" :rules="rules">
                    <el-form-item label="自定义链接地址:" prop="defineaddress">
                       <el-input style="width:300px" v-model="refform.defineaddress"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="addressVisible = false">取 消</el-button>
                  <el-button type="primary" @click="AddLinkAddressTwo('refform')">确 定</el-button>
                </span>
                </el-dialog>

                   <!-- 编辑科室介绍 -->
                    <el-dialog
                     title="编辑科室介绍"
                     :visible.sync="officeVisible"
                     width="50%"
                    center>
                     <el-form ref="officeform" :model="officeform" label-width="90px" :rules="rules">
                         <el-form-item label="模块标题:" required prop="title">
                            <el-input v-model="officeform.title"></el-input>
                         </el-form-item>
                         <el-form-item label="排序值:" required prop="sort">
                            <el-input v-model="officeform.sort" type="number"></el-input>
                         </el-form-item>
                         <el-form-item label="科室介绍:" required prop="introduction">
                            <keep-alive>
                              <neditor ref="neditor"
                               id="editorfour"
                               v-bind:r_content="officeform.introduction">
                              </neditor>
                             </keep-alive>
                         </el-form-item>
                     </el-form>
                    <span slot="footer" class="dialog-footer">
                    <el-button @click="officeVisible = false">取 消</el-button>
                    <el-button type="primary" @click="SaveOffice('officeform')">确 定</el-button>
                     </span>
                   </el-dialog>

                   <!-- 编辑名医介绍 -->
                    <el-dialog
                        title="新增名医介绍"
                        :visible.sync="docVisible"
                         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>
                      <el-form-item label="排序值:" required prop="sort">
                          <el-input v-model="doctorform.sort" type="number"></el-input>
                         <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
                     </el-form-item>
                     <el-form-item label="新增名医:" v-model="doctorform.image">
                        <div class="flex-img">
                        <div class="el-upload-list el-upload-list--picture-card" >
                        <div class="el-upload-list__item is-success" v-for="(item,index) in this.docimages" :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>
                        </label>
                        <span class="el-upload-list__item-actions">
                        <span class="el-upload-list__item-delete">
                        <i class="el-icon-edit-outline" @click="editcenterDialogVisible = true;editImages(item.id);"></i>
                        <i class="el-icon-delete" @click="deleteDoctor(item.id,index)"></i>
                        </span>
                        </span>
                        </div>
                        </div>
                          <div class="addrot" @click="centerDialogVisible = true;getQueryDocInfo()">
                               <div class="addrotone">
                               <i class="el-icon-plus"></i>
                           </div>
                           <div class="addrotwo">
                             <span>新增名医</span>
                           </div>
                        </div>
                        <!-- <img src="static/images/u646.png" @click="centerDialogVisible = true"> -->
                        </div>
                    </el-form-item>
                   </el-form>
                     <span slot="footer" class="dialog-footer">
                     <el-button @click="docVisible = false;">取 消</el-button>
                     <el-button type="primary" @click="SaveDocdata('doctorform');">确 定</el-button>
                    </span>
                </el-dialog>

                <!-- 编辑名医介绍 -->
                     <el-dialog
                         title="编辑医生介绍"
                         :visible.sync="editcenterDialogVisible"
                           width="50%"
                            center>
                      <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="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_postion">
                          <el-select v-model="editdocfrom.doc_postion" placeholder="请选择">
                           <el-option
                            v-for="item in positions"
                            :key="item.index"
                            :label="item.name"
                            :value="item.index">
                          </el-option>
                          </el-select>
                         </el-form-item>
                     </el-col>
                   </el-row>
                   <el-row :span=20>
                    <el-form-item label="医生头像:" required prop="dochead">
                    <el-col :span="10">
                     <el-upload
                       :data="doctorDatatwo"
                       class="avatar-uploader"
                       action="https://upload.qiniup.com"
                       :show-file-list="false"
                       :on-success="handleAvatarSuccesstwo"
                       :before-upload="beforeAvatarUploadtwo">
                       <img v-if="editdocfrom.dochead" :src="editdocfrom.dochead" class="avatar">
                       <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                    </el-upload>
                   </el-col>
                   <el-col :span="12">
                    <el-form-item label="排序值:" required prop="doc_sort">
                      <el-input v-model="editdocfrom.doc_sort" type="number"></el-input>
                    </el-form-item>
                   </el-col>
                   </el-form-item>
                 </el-row>
                 <el-row :span=20>
                 <el-form-item label="医生简介:" required prop="docintroduction">
                  <keep-alive>
                   <neditor ref="neditor"
                      id="editor"
                      v-bind:r_content="editdocfrom.docintroduction">
                  </neditor>
                  </keep-alive>
               </el-form-item>
              </el-row>
              </el-form>
              <span slot="footer" class="dialog-footer">
              <el-button @click="editdocVisible();editcenterDialogVisible = false;">取 消</el-button>
              <el-button type="primary" @click="saveDocInfo('editdocfrom')">确 定</el-button>
            </span>
           </el-dialog>

                <!-- 编辑页面 -->
                  <el-dialog
                      title="编辑医生介绍"
                     :visible.sync="centerDialogVisible"
                      width="50%"
                      center>
                       <el-form label-width="90px" class="clearfix" :model="eidtDoctorform" ref="eidtDoctorform" :rules="rules">
                         <el-row :span=20>
                           <el-col :span="12">
                             <el-form-item label="医生姓名:">
                                <el-select v-model="eidtDoctorform.name" placeholder="请选择"  @change="change(eidtDoctorform.name)">
                                  <el-option
                                     v-for="item in docnames"
                                     :key="item.id"
                                     :label="item.name"
                                     :value="item.id"
                                    >
                                  </el-option>
                               </el-select>
                             </el-form-item>
                         </el-col>
                         <el-col :span="12">
                         <el-form-item label="医生职称:" required prop="user_title">
                         <el-select v-model="eidtDoctorform.user_title" placeholder="请选择">
                         <el-option
                           v-for="item in positions"
                          :key="item.index"
                          :label="item.name"
                          :value="item.index">
                        </el-option>
                       </el-select>
                       </el-form-item>
                       </el-col>
                      </el-row>
                       <el-row :span=20>
                        <el-form-item label="医生头像:" required prop="dochead">
                         <el-col :span="5">
                            <el-upload
                            :data="doctorData"
                             class="avatar-uploader"
                             action="https://upload.qiniup.com"
                            :show-file-list="false"
                            :on-success="handleAvatarSuccess"
                            :before-upload="beforeAvatarUpload">
                             <img v-if="eidtDoctorform.dochead" :src="eidtDoctorform.dochead" class="avatar">
                             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                           </el-upload>
                       </el-col>
                        <el-col :span="16">
                         <el-form-item label="排序值:" required prop="sort">
                         <el-input v-model="eidtDoctorform.sort" type="number"></el-input>
                         </el-form-item>
                       </el-col>
                        </el-form-item>
                       </el-row>
                       <el-row :span=20>
                       <el-form-item label="医生简介:" required prop="content">
                        <keep-alive>
                         <neditor ref="neditor"
                           id="editor"
                           v-bind:r_content="eidtDoctorform.content">
                        </neditor>
                       </keep-alive>
                      </el-form-item>
                     </el-row>
                     </el-form>
                      <span slot="footer" class="dialog-footer">
                      <el-button @click="centerDialogVisible = false">取 消</el-button>
                      <el-button type="primary" @click="AddDoctorInfoTwo('eidtDoctorform')">确 定</el-button>
                      </span>
                   </el-dialog>

                   <!-- 编辑科室环境 -->
                    <el-dialog
                        title="新增科室环境"
                        :visible.sync="offficeEnviromentVisible"
                        width="550px"
                        center>
                        <el-form ref="keform" :model="keform" label-width="110px" :rules="rules">
                        <el-form-item label="模块标题: " required prop="title">
                        <el-input v-model="keform.title"></el-input>
                        </el-form-item>
                       <el-form-item label="排序值: " required prop="sort">
                       <el-input v-model="keform.sort" type="number"></el-input>
                       <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
                       </el-form-item>
                       <el-form-item label="新增科室环境:">
                            <div class="flex-img">
                              <div class="el-upload-list el-upload-list--picture-card">
                               <div class="el-upload-list__item is-success"  v-for="(it,index) in this.rotationdata" :key="it.id">
                                <img class="flex-img__image" :src="it.enviroimages">
                                  <label class="el-upload-list__item-status-label">
                                   <i class="el-icon-upload-success el-icon-check"></i>
                                </label>
                                <span class="el-upload-list__item-actions">
                                 <span class="el-upload-list__item-delete">
                                 <i class="el-icon-edit-outline" @click="officetwoVisbile(it.id);officetwoVisible = true"></i>
                                 <i class="el-icon-delete" @click="deleteOfficeById(it.id,index)"></i><br>
                                </span>
                                </span>
                           </div>
                          </div>
                         <div class="addpicrot" @click="officethreeVisible = true">
                          <div class="addpicones">
                           <li class="el-icon-plus"></li>
                           <div class="addpictwos">
                            <span>新增图片</span>
                         </div>
                         </div>
                       </div>
                        </div>
                          </el-form-item>
                        </el-form>
                          <span slot="footer" class="dialog-footer">
                           <el-button @click="offficeEnviromentVisible = false">取 消</el-button>
                            <el-button type="primary" @click="SaveOfficeEnvironment('keform')">确 定</el-button>
                           </span>
                     </el-dialog>

                      <el-dialog
                        title="图片编辑"
                        :visible.sync="officetwoVisible"
                        width="30%"
                         center>
                          <el-form label-width="90px" :model="officeformthree" ref="officeformthree" :rules="rules">
                            <el-form-item label="图片编辑:" required prop="officeImages">
                               <el-upload
                                :data="keData"
                                class="avatar-uploader"
                                action="https://upload.qiniup.com"
                                :show-file-list="false"
                                :on-success="handleAvatarSuccessthree"
                                :before-upload="beforeAvatarUploadthree">
                                <img v-if="officeformthree.officeImages" :src="officeformthree.officeImages" class="avatar">
                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                               </el-upload>
                            </el-form-item>
                            <el-form-item label="排序:" required="sort">
                              <el-input v-model="officeformthree.sort"></el-input>
                            </el-form-item>
                          </el-form>
                          <span slot="footer" class="dialog-footer">
                          <el-button @click="officetwoVisible = false">取 消</el-button>
                           <el-button type="primary" @click="AddOfficeTwo('officeformthree');officetwoVisible = false">确 定</el-button>
                         </span>
                        </el-dialog>

                       <el-dialog
                        title="添加图片"
                        :visible.sync="officethreeVisible"
                        width="30%"
                        center>
                         <el-form label-width="90px" :model="officeformtwo" ref="officeformtwo" :rules="rules">
                           <el-form-item label="图片编辑:" required prop="officeImages">
                              <el-upload
                                :data="keData"
                                class="avatar-uploader"
                                 action="https://upload.qiniup.com"
                               :show-file-list="false"
                                :on-success="imageKeuSccesstwo"
                                :before-upload="beforekeUpload">
                                <img v-if="officeformtwo.officeImages" :src="officeformtwo.officeImages" class="avatar">
                                <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                              </el-upload>
                           </el-form-item>
                           <el-form-item label="排序:" required prop="sort">
                               <el-input v-model="officeformtwo.sort"></el-input>
                           </el-form-item>
                         </el-form>
                          <span slot="footer" class="dialog-footer">
                          <el-button @click="officethreeVisible = false">取 消</el-button>
                           <el-button type="primary" @click="AddOfficeThreeVisible('officeformtwo');officethreeVisible = false">确 定</el-button>
                         </span>
                        </el-dialog>

                     <!-- 编辑文章列表 -->
                     <el-dialog
                       title="编辑文章列表"
                       :visible.sync="ArticleVisible"
                        width="30%"
                        center>
                       <el-form ref="articeform" :model="articeform" label-width="110px">
                         <el-form-item label="文章标题:">
                           <el-input v-model="articeform.title"></el-input>
                         </el-form-item>
                         <el-form-item label="排序值:">
                            <el-input v-model="articeform.sort" type="number"></el-input>
                         </el-form-item>
                         <el-form-item label="文章分类:">
                           <el-select v-model="articeform.category"  style="width:49%;float:left;">
                             <el-option
                               v-for="item in articeType"
                               :key="item.id"
                               :label="item.name"
                               :value="item.id">
                            </el-option>
                        </el-select>
                        <el-select v-model="articeform.categoryone" style="width:49%;float:right;">
                           <el-option
                              v-for="item in articeTypelist"
                              :key="item.id"
                              :label="item.name"
                              :value="item.id">
                          </el-option>
                         </el-select>
                       </el-form-item>
                       <el-form-item label="展示条数:">
                         <el-input v-model="articeform.number"></el-input>
                       </el-form-item>
                       </el-form>
                       <span slot="footer" class="dialog-footer">
                       <el-button @click="ArticleVisible = false">取 消</el-button>
                       <el-button type="primary" @click="UpdatedArticeDetail('articeform');ArticleVisible = false">确 定</el-button>
                       </span>
                      </el-dialog>
                     <!-- 编辑活动列表 -->
                     <el-dialog
                       title="编辑活动列表"
                       :visible.sync="activityVisible"
                        width="30%"
                        center>
                       <el-form label-width="100px" model="activitform" ref="activitform">
                          <el-form-item label="模块标题:">
                             <el-input v-model="activitform.title"></el-input>
                          </el-form-item>
                          <el-form-item label="排序:">
                            <el-input v-model="activitform.sort"></el-input>
                          </el-form-item>
                          <el-form-item label="首页展示条数:">
                            <el-input v-model="activitform.number"></el-input>
                          </el-form-item>
                       </el-form>
                      <span slot="footer" class="dialog-footer">
                      <el-button @click="activityVisible = false">取 消</el-button>
                      <el-button type="primary" @click="editActivit('activitform')">确 定</el-button>
                     </span>
                     </el-dialog>

                <!-- 编辑联系我们轮播图 -->
                <el-dialog
                   title="编辑轮播图"
                   :visible.sync="edialogVisible"
                   width="30%"
                  center>
                  <el-form ref="rotationform" :model="rotationform" label-width="90px" :rules="rules" >
                 <el-form-item label="模块标题:" required prop="title">
                    <el-input v-model="rotationform.title" ></el-input>
                 </el-form-item>
                 <el-form-item label="排序值:" required prop="sort">
                    <el-input v-model="rotationform.sort" type="number"></el-input>
                    <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
                </el-form-item>
                <el-form-item label="添加图片:" v-model="rotationform.rotationImages">
                     <div class="flex-img">
                       <div class="el-upload-list el-upload-list--picture-card" >
                         <div class="el-upload-list__item is-success" v-for="(item,index) in this.rotationdataThree" :key="item.id">
                           <img class="flex-img__image" :src="item.images">
                            <label class="el-upload-list__item-status-label">
                              <i class="el-icon-upload-success el-icon-check"></i>
                            </label>
                            <span class="el-upload-list__item-actions">
                              <span class="el-upload-list__item-delete">
                               <i class="el-icon-edit-outline" @click="editVisible = true;editVisibleByid(item.id)"></i>
                               <i class="el-icon-delete" @click="deleteImages(item.id,index)"></i>
                             </span>
                            </span>
                         </div>
                       </div>
                      <div class="addpicrot" @click="addVisible = true">
                      <div class="addpicones">
                        <li class="el-icon-plus"></li>
                        <div class="addpictwos">
                         <span>新增图片</span>
                        </div>
                      </div>
                    </div>
                   </div>
                 </el-form-item>
                 </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="edialogVisible = false">取 消</el-button>
                  <el-button type="primary" @click="AddedialogVisible('rotationform');edialogVisible = false">确 定</el-button>
                  </span>
                </el-dialog>

                <!-- 编辑图片 -->
                <el-dialog
                   title="编辑图片"
                   :visible.sync="addVisible"
                    width="30%"
                    center>
                    <el-form label-width="90px" ref="picform" :model="picform" :rules="rules">
                      <el-form-item label="图片编辑:" required prop="images">
                        <el-col :span="5">
                         <el-upload
                          :data="navigationData"
                          class="avatar-uploader"
                          action="https://upload.qiniup.com"
                          :show-file-list="false"
                          :on-success="handleEditSuccess"
                          :before-upload="handleEditAvatarUpload">
                          <img v-if="picform.images" :src="picform.images" class="avatar">
                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                        </el-upload>
                          <!-- <div class="addpicrot" @click="addVisibleTwo = true">
                            <div class="addpicones">
                            <li class="el-icon-plus"></li>
                            <div class="addpictwos">
                              <span>新增图片</span>
                            </div>
                            </div>
                         </div> -->
                        </el-col>
                           <el-col :span="10" v-show="picshow">
                             <div class="tpic" style="width:250px;height:150px">
                               <img :src="picform.images" style="width:250px;height:150px">
                             </div>
                           </el-col>
                      </el-form-item>
                      <el-form-item label="排序值:" required prop="sort">
                         <el-input v-model="picform.sort" type="number"></el-input>
                      </el-form-item>
                      <el-form-item label="图片链接:">
                         <el-radio-group v-model="picform.piclink" >
                            <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderPicLink" :key="index" @change="selectpiclink(gender.id)" >{{gender.name}}</el-radio>
                         </el-radio-group>
                      </el-form-item>
                      <el-form-item label="链接地址:" v-show="showpiclink">
                          <el-col :span="15">
                             <el-input v-model="picform.linkaddress"></el-input>
                          </el-col>
                          <el-col :span="4">
                            <el-button size="medium" @click="linkaddressVisible = true">设置链接</el-button>
                          </el-col>
                      </el-form-item>
                    </el-form>
                    <span slot="footer" class="dialog-footer">
                   <el-button @click="addVisible = false">取 消</el-button>
                   <el-button type="primary" @click="addeditpic('picform');addVisible = false">确 定</el-button>
                  </span>
                </el-dialog>

                <!-- <el-dialog
                 title="新增图片"
                 :visible.sync="addVisibleTwo"
                  width="30%"
                 :before-close="handleClose">
                 <el-form>
                   <el-form-item label="添加图片:">
                      <el-upload
                         :data="navigationData"
                          class="avatar-uploader"
                          action="https://upload.qiniup.com"
                          :show-file-list="false"
                          :on-success="handleEditSuccess"
                          :before-upload="handleEditAvatarUpload">
                          <img v-if="picform.images" :src="picform.images" class="avatar">
                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                     </el-upload>
                   </el-form-item>
                 </el-form>
                <span slot="footer" class="dialog-footer">
                <el-button @click="addVisibleTwo = false">取 消</el-button>
                <el-button type="primary" @click="addVisibleTwo = false">确 定</el-button>
                </span>
              </el-dialog> -->

                <el-dialog
                   title="设置图片链接地址5"
                   :visible.sync="linkaddressVisible"
                   width="30%"
                   center>
                  <el-form  :model="picformTwo" ref="picformTwo" label-width="120px">           
                    <el-form-item label="站外链接:">
                       <el-input style="width:300px" v-model="picformTwo.defineaddress"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                 <el-button @click="linkaddressVisible = false">取 消</el-button>
                 <el-button type="primary" @click="AddPiCLink('picformTwo');linkaddressVisible = false">确 定</el-button>
                  </span>
                 </el-dialog>

               <!-- 编辑图片 -->
                 <el-dialog
                   title="编辑图片"
                   :visible.sync="editVisible"
                    width="30%"
                    center>
                    <el-form label-width="90px" ref="editpic" :model="editpic" :rules="rules">
                      <el-form-item label="图片编辑:" required props="images">
                         <el-upload
                            :data="navigationData"
                            class="avatar-uploader"
                            action="https://upload.qiniup.com"
                            :show-file-list="false"
                            :on-success="handleEditpicSuccess"
                            :before-upload="handleEditpicAvatarUpload">
                            <img v-if="editpic.images" :src="editpic.images" class="avatar">
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                          </el-upload>
                      </el-form-item>
                      <el-form-item label="排序值:" required props="sort">
                         <el-input v-model="editpic.sort" type="number"></el-input>
                      </el-form-item>
                      <el-form-item label="图片链接:">
                         <el-radio-group v-model="editpic.piclink" >
                            <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderPicLink" :key="index" @change="selectpiclink(gender.id)" >{{gender.name}}</el-radio>
                         </el-radio-group>
                      </el-form-item>
                      <el-form-item label="链接地址:" v-show="showpiclink">
                          <el-col :span="15">
                             <el-input v-model="editpic.linkaddress"></el-input>
                          </el-col>
                          <el-col :span="4">
                            <el-button size="medium" @click="setlinkVisible = true;getLinkAddressDetail(editpic.linkid)">设置链接</el-button>
                          </el-col>
                      </el-form-item>
                    </el-form>
                    <span slot="footer" class="dialog-footer">
                   <el-button @click="editVisible = false">取 消</el-button>
                   <el-button type="primary" @click="SaveEditPic('editpic');editVisible = false">确 定</el-button>
                  </span>
                </el-dialog>

               <!-- 设置链接 -->
                 <el-dialog
                   title="设置图片链接地址"
                   :visible.sync="setlinkVisible"
                   width="30%"
                   center>
                  <el-form  :model="picformThree" ref="picformThree" label-width="120px">             
                    <el-form-item label="站外链接:">
                       <el-input style="width:300px" v-model="picformThree.defineaddress"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                 <el-button @click="setlinkVisible = false">取 消</el-button>
                 <el-button type="primary" @click="UpdatePicFormThree('picformThree');">确 定</el-button>
                  </span>
                 </el-dialog>


                <!-- 编辑工作时间 -->
                 <el-dialog
                   title="编辑工作时间"
                   :visible.sync="dialogVisiblefour"
                   width="30%"
                   center
                 >
                  <el-form label-width="90px" ref="workform" :model="workform" :rules="rules">
                    <el-form-item label="模块标题:" required prop="title" >
                       <el-input v-model="workform.title" ></el-input>
                    </el-form-item>
                    <el-form-item label="模块排序:" required prop="sort">
                        <el-input v-model="workform.sort"></el-input>
                    </el-form-item>
                    <el-form-item label="工作时间:" required prop="worktime">
                      <el-input type="textarea" v-model="workform.worktime">
                     </el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="dialogVisiblefour = false">取 消</el-button>
                  <el-button type="primary" @click="SaveWorkTime('workform')">确 定</el-button>
                  </span>
                </el-dialog>

               <!-- 编辑乘车方式 -->
                <el-dialog
                   title="编辑乘车方式"
                   :visible.sync="dialogVisiblefive"
                   width="30%"
                  center>
                  <el-form label-width="90px" ref="rideform" :model="rideform">
                    <el-form-item label="模块标题:" >
                       <el-input v-model="rideform.title" required prop="title" ></el-input>
                    </el-form-item>
                    <el-form-item label="模块排序:">
                        <el-input v-model="rideform.sort" required prop="sort"></el-input>
                    </el-form-item>
                    <el-form-item label="乘车方式:">
                      <el-input type="textarea" v-model="rideform.ride_way" rquired prop="rideway">
                     </el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="dialogVisiblefive = false">取 消</el-button>
                  <el-button type="primary" @click="saverideway('rideform')">确 定</el-button>
                  </span>
                </el-dialog>

                <!--添加导航设置-->
               <el-dialog
                  title="添加导航"
                  :visible.sync="navigationVisible"
                  width="35%"
                  center>
                 <el-form label-width="180px" ref="navigationform" :model="navigationform" :rules="rules">
                    <el-form-item label="导航标题:" required prop="navtitle">
                       <el-input v-model="navigationform.navtitle"></el-input>
                    </el-form-item>
                    <el-form-item label="导航图标(选中):" required prop="navigationImages">
                        <el-upload
                          :data="navigationData"
                          class="avatar-uploader"
                          action="https://upload.qiniup.com"
                          :show-file-list="false"
                          :on-success="navigationAvatarSuccess"
                          :before-upload="navigationbeforeAvatarUpload">
                          <img v-if="navigationform.navigationImages" :src="navigationform.navigationImages" class="avatar">
                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                      </el-upload>
                    </el-form-item>
                    <el-form-item label="导航图标(未选中)">
                          <el-upload
                          :data="navigationData"
                          class="avatar-uploader"
                          action="https://upload.qiniup.com"
                          :show-file-list="false"
                          :on-success="navigationAvatarSuccessone"
                          :before-upload="navigationbeforeAvatarUploadone">
                          <img v-if="navigationform.nonavigationImages" :src="navigationform.nonavigationImages" class="avatar">
                          <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                    </el-form-item>
                    <el-form-item label="跳转设置:" required prop="jumpset">
                        <el-radio-group v-model="navigationform.jumpset">
                            <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="18" >
                        <el-input   v-show="define" v-model="navigationform.navigationaddress" :disabled="true"></el-input>
                     </el-col>
                    <el-col :span="4">
                        <el-button size="medium" @click="linkVisible=true;"  v-show="define">设置链接</el-button>
                    </el-col>
                    </el-form-item>
                 </el-form>
                 <span slot="footer" class="dialog-footer">
                 <el-button @click="navigationVisible = false">取 消</el-button>
                  <el-button type="primary" @click="addNavigation('navigationform')">确 定</el-button>
                 </span>
               </el-dialog>

                <el-dialog
                  title="设置链接地址"
                 :visible.sync="linkVisible"
                  width="30%"
                  center>
                  <el-form ref="navigationlinkform" :model="navigationlinkform">
                    <el-form-item label="链接类型:">
                        <el-radio-group v-model="navigationlinkform.linktype">
                          <el-radio :label="item.id" :value="item.id" v-for="(item,index) in defineOptions" :key="index" @change="selectItemThree(item.id)">{{item.name}}</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="链接类型:" v-show="definetwo">                     
                         <el-select v-model="navigationlinkform.navitionlinktype" placeholder="请选择">
                           <el-option
                             v-for="item in navitionlinkType"
                             :key="item.id"
                             :label="item.name"
                             :value="item.id">
                           </el-option>
                         </el-select>                             
                    </el-form-item>                    
                    <el-form-item label="电话号码:" v-show="definethree">
                      <el-input style="width:400px" v-model="navigationlinkform.phone"></el-input>
                    </el-form-item>
                    <el-form-item label="站外链接:"  v-show="definefour">
                      <el-input style="width:400px" v-model="navigationlinkform.outstationlink"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                 <el-button @click="linkVisible = false">取 消</el-button>
                  <el-button type="primary" @click="addNavigationlinkform('navigationlinkform');">确 定</el-button>
                  </span>
                </el-dialog>

                <!-- 编辑导航 -->
                <el-dialog
                  title="编辑导航"
                  :visible.sync="editNavigationVisible"
                  width="30%"
                 center>
                 <el-form label-width="130px" ref="editNavigationform" :model="editNavigationform" :rules="rules">
                    <el-form-item label="导航标题:" required prop="navtitle">
                      <el-input v-model="editNavigationform.navtitle"></el-input>
                    </el-form-item>
                    <el-form-item label="导航图标(选中):" required="checkImages">
                       <el-upload
                       :data="editcheckdata"
                        class="avatar-uploader"
                        action="https://upload.qiniup.com"
                        :show-file-list="false"
                        :on-success="editNaviAvatarSuccess"
                        :before-upload="editNaviAvatarUpload">
                        <img v-if="editNavigationform.navimages" :src="editNavigationform.navimages" class="avatar">
                        <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                       </el-upload>
                    </el-form-item>

                    <el-form-item label="导航图标(未选中)" required="nonavimages">
                      <el-upload
                       :data="editcheckdatatwo"
                        class="avatar-uploader"
                        action="https://upload.qiniup.com"
                        :show-file-list="false"
                        :on-success="editNaviAvatarSuccessone"
                        :before-upload="editNaviAvatarUploadone">
                        <img v-if="editNavigationform.nonavimages" :src="editNavigationform.nonavimages" 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="editNavigationform.jumpset">
                          <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="18" >
                        <el-input  v-show="define" v-model="editNavigationform.navaddress" :disabled="true"></el-input>
                     </el-col>
                    <el-col :span="4">
                        <el-button size="medium" @click="dialogVisible=true;SetlinkAddress(editNavigationform.linkid)" v-show="define">设置链接</el-button>
                    </el-col>
                    </el-form-item>
                 </el-form>
                 <span slot="footer" class="dialog-footer">
                <el-button @click="editNavigationVisible = false">取 消</el-button>
                 <el-button type="primary" @click="SaveNavigation('editNavigationform');">确 定</el-button>
                 </span>
               </el-dialog>

              <el-dialog
                title="设置链接"
                :visible.sync="dialogVisible"
                 width="30%"
                center>
               <el-form  ref="editnavigationlinkform" :model="editnavigationlinkform">
                    <el-form-item label="链接类型:">
                        <el-radio-group v-model="editnavigationlinkform.linktype">
                          <el-radio :label="item.id" :value="item.id" v-for="(item,index) in defineOptions" :key="index" @change="selectItemTwo(item.id)">{{item.name}}</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="链接类型:" v-show="definetwo">
                       <el-select v-model="editnavigationlinkform.navitionlinktype" placeholder="请选择">
                           <el-option
                             v-for="item in navitionlinkTypeThree"
                             :key="item.id"
                             :label="item.name"
                             :value="item.id">
                           </el-option>
                         </el-select>     
                    </el-form-item>
                    <el-form-item label="电话号码:" v-show="definethree">
                      <el-input style="width:400px" v-model="editnavigationlinkform.phone"></el-input>
                    </el-form-item>
                    <el-form-item label="站外链接:"  v-show="definefour">
                      <el-input style="width:400px" v-model="editnavigationlinkform.outstationlink"></el-input>
                    </el-form-item>
                  </el-form>
               <span slot="footer" class="dialog-footer">
               <el-button @click="dialogVisible = false">取 消</el-button>
               <el-button type="primary" @click="UpdateEditNavigationLinkform('editnavigationlinkform')">确 定</el-button>
                </span>
               </el-dialog>

               <el-dialog
                  title="编辑魔方导航"
                  :visible.sync="edtimacdialogVisible"
                  width="30%"
                  center>
                  <el-form label-width="130px" :model="macform" ref="macform">
                    <el-form-item label="模块标题:">
                        <el-input v-model="macform.title"></el-input>
                    </el-form-item>
                    <el-form-item label="排序值:">
                        <el-input v-model="macform.sort" type="number"></el-input>
                    </el-form-item>
                   <el-form-item label="新增魔方导航:" v-model="macform.macimages">
                     <div class="flex-img">
                       <div class="el-upload-list el-upload-list--picture-card"  v-for="(item,index) in macdataImages" :key="item.id">
                         <div class="el-upload-list__item is-success">
                           <img class="flex-img__image" :src="item.margimage">
                            <label class="el-upload-list__item-status-label">
                              <i class="el-icon-upload-success el-icon-check"></i>
                            </label>
                            <span class="el-upload-list__item-actions">
                              <span class="el-upload-list__item-delete">
                               <i class="el-icon-edit-outline" @click="EditMacImages(item.id);linkVisiblethree=true"></i>
                               <i class="el-icon-delete" @click="deleteMacImagesDetail(item.id,index)" ></i><br>
                               <i class="yangshi">{{item.margtitle}}</i>
                             </span>
                            </span>
                         </div>
                       </div>
                      <div class="addpicrot" @click="editImagesVisbile = true">
                      <div class="addpicones">
                        <li class="el-icon-plus"></li>
                        <div class="addpictwos">
                         <span>新增图片</span>
                        </div>
                      </div>
                    </div>
                   </div>
                 </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                  <el-button @click="edtimacdialogVisible = false">取 消</el-button>
                  <el-button type="primary" @click="UpdateMacform('macform');edtimacdialogVisible = false">确 定</el-button>
                 </span>
                </el-dialog>

                <el-dialog
                   title="新增魔法导航"
                   :visible.sync="editImagesVisbile"
                    width="30%"
                    center>
                    <el-form label-width="90px" ref="macgicform" :model="macgicform" :rules="rules">
                      <el-form-item label="导航标题:" required prop="title">
                          <el-input v-model="macgicform.title"></el-input>
                      </el-form-item>
                      <el-form-item label="导航图标:" required prop="macgicimages">
                         <el-upload
                              :data="editcheckdata"
                              class="avatar-uploader"
                              action="https://upload.qiniup.com"
                             :show-file-list="false"
                             :on-success="editNaviAvatarSuccesstwo"
                             :before-upload="editNaviAvatarUploadtwo">
                             <img v-if="macgicform.macgicimages" :src="macgicform.macgicimages" class="avatar">
                             <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                         </el-upload>
                      </el-form-item>
                      <el-form-item label="跳转设置:" required prop="jumpset">
                          <el-radio-group v-model="macgicform.jumpset">
                            <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 v-show="define">
                         <el-col :span="18" >
                          <el-input   v-model="macgicform.linkaddress" :disabled="true"></el-input>
                         </el-col>
                         <el-col :span="4">
                           <el-button size="medium" @click="linkVisibletwo=true">设置链接</el-button>
                         </el-col>
                    </el-form-item>
                    </el-form>
                   <span slot="footer" class="dialog-footer">
                   <el-button @click="editImagesVisbile = false">取 消</el-button>
                   <el-button type="primary" @click="AddMacgicform('macgicform');">确 定</el-button>
                   </span>
                </el-dialog>


                 <el-dialog
                  title="设置链接地址"
                 :visible.sync="linkVisibletwo"
                  width="30%"
                  center>
                  <el-form ref="linkformtwo" :model="linkformtwo">
                    <el-form-item label="链接类型:" >
                        <el-radio-group v-model="linkformtwo.linktype">
                          <el-radio :label="item.id" :value="item.id" v-for="(item,index) in defineOptions" :key="index" @change="selectItemEdit(item.id)">{{item.name}}</el-radio>
                        </el-radio-group>
                    </el-form-item>
                    <el-form-item label="链接类型:" v-show="definetwo">
                       <el-select v-model="linkformtwo.instationlink" placeholder="请选择">
                       <el-option
                         v-for="item in modelTtile"
                         :key="item.id"
                         :label="item.title"
                         :value="item.id">
                      </el-option>
                     </el-select>
                    </el-form-item>               
                    <el-form-item label="电话号码:" v-show="definethree">
                      <el-input style="width:400px" v-model="linkformtwo.phone"></el-input>
                    </el-form-item>
                    <el-form-item label="站外链接:"  v-show="definefour">
                      <el-input style="width:400px" v-model="linkformtwo.outstationlink"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                 <el-button @click="linkVisibletwo = false">取 消</el-button>
                  <el-button type="primary" @click="AddMacLinkAddress('linkformtwo');">确 定</el-button>
                  </span>
                </el-dialog>

                   <el-dialog
                   title="新增魔方导航"
                   :visible.sync="linkVisiblethree"
                    width="30%"
                    center>
                    <el-form label-width="90px" :model="editmacform" ref="editmacform">
                      <el-form-item label="导航标题:">
                          <el-input v-model="editmacform.margtitle"></el-input>
                      </el-form-item>
                      <el-form-item label="导航图标:">
                         <el-upload
                          :data="editcheckdata"
                          class="avatar-uploader"
                          action="https://upload.qiniup.com/"
                          :show-file-list="false"
                          :on-success="editNaviAvatarSuccessthree"
                          :before-upload="editNaviAvatarUploadthree">
                          <img v-if="editmacform.margimage" :src="editmacform.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="editmacform.jumpset">
                            <el-radio :label="gender.id" :value="gender.id" v-for="(gender, index) in genderOptions" :key="index" @change="selectGendertwo(gender.id)">{{gender.name}}</el-radio>
                         </el-radio-group>
                      </el-form-item>
                       <el-form-item v-show="definefive">
                         <el-col :span="18" >
                          <el-input  v-model="editmacform.marginaddress" :disabled="true"></el-input>
                         </el-col>
                         <el-col :span="4">
                           <el-button size="medium" @click="linkVisiblefour=true;getLikeMacAddressById(editmacform.marginaddress);">设置链接</el-button>
                         </el-col>
                    </el-form-item>
                    </el-form>
                   <span slot="footer" class="dialog-footer">
                   <el-button @click="linkVisiblethree = false">取 消</el-button>
                   <el-button type="primary" @click="UpdateEditMacform('editmacform');linkVisiblethree = false">确 定</el-button>
                   </span>
                </el-dialog>

                 <el-dialog
                  title="设置链接地址"
                 :visible.sync="linkVisiblefour"
                  width="30%"
                  center>
                  <el-form ref="linkformfive" :model="linkformfive">
                    <el-form-item label="链接类型:" >
                        <el-radio-group v-model="linkformfive.linktype">
                          <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="linkformfive.instationlink" placeholder="请选择"
                       @change="changeOptionType">
                       <el-option
                         v-for="item in modelTtile"
                         :key="item.id"
                         :label="item.title"
                         :value="item.id">
                      </el-option>
                     </el-select>
                    </el-form-item>                
                    <el-form-item label="电话号码:" v-show="definethree">
                      <el-input v-model="linkformfive.phone" style="width:400px"></el-input>
                    </el-form-item>
                    <el-form-item label="站外链接:"  v-show="definefour">
                      <el-input v-model="linkformfive.outstationlink" style="width:400px"></el-input>
                    </el-form-item>
                  </el-form>
                  <span slot="footer" class="dialog-footer">
                 <el-button @click="linkVisiblefour = false">取 消</el-button>
                  <el-button type="primary" @click="UpdateLinkAddress('linkformfive');">确 定</el-button>
                  </span>
                </el-dialog>

              <el-dialog
                title="编辑联系方式"
                :visible.sync="contact"
                 width="30%"
                 center>
                 <el-form label-width="90px" :model="contactform" ref="contactform">
                   <el-form-item label="模块标题:">
                      <el-input v-model="contactform.title"></el-input>
                   </el-form-item>
                   <el-form-item label="排序值:">
                      <el-input v-model="contactform.sort" type="number"></el-input>
                       <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
                   </el-form-item>
                   <el-form-item label="联系方式:" v-for="(it,index) in this.Connectways" :key="it.id">
                       <div class="used">
                         <ul>
                          <li>
                           <span class="name">{{it.title}}</span>
                           <span class="icon">
                               <i class="el-icon-edit-outline" @click="editConnecway(it.id);contacttwo=true"></i>
                               <i class="el-icon-delete" @click="deleteConnecWay(it.id,index)"></i>
                           </span>
                         </li>
                       </ul>
                     </div>
                    </el-form-item>
                 </el-form>
                 <span slot="footer" class="dialog-footer">
                 <el-button @click="contactthree = true">添加联系方式</el-button>
                <el-button @click="contact = false">取 消</el-button>
                <el-button type="primary" @click="UpdateContactform('contactform');contact = false">确 定</el-button>
                </span>
               </el-dialog>

           <el-dialog
              title="编辑联系方式"
              :visible.sync="contacttwo"
              width="30%"
              center>
              <el-form label-width="90px" :model="connectform" ref="connectform">
                <el-form-item label="标题:">
                   <el-input v-model="connectform.title"></el-input>
                </el-form-item>
                <el-form-item label="联系方式:">
                   <el-row>
                     <el-col :span="20">
                     <el-radio-group v-model="connectform.connecway">
                     <el-radio :label="way.id" :value="way.id" v-for="(way,index) in connections" :key="index">{{way.name}}</el-radio>
                    </el-radio-group>
                     </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item label="内容:">
                   <el-input v-model="connectform.content"></el-input>
                </el-form-item>
              </el-form>
             <span slot="footer" class="dialog-footer">

             <el-button @click="contacttwo = false">取 消</el-button>
             <el-button type="primary" @click="UpdateConnectform('connectform');contacttwo = false">确 定</el-button>
            </span>
           </el-dialog>

            <el-dialog
              title="新增联系方式"
              :visible.sync="contactthree"
              width="30%"
              center>
              <el-form label-width="90px" ref="contacthreeform" :model="contacthreeform">
                <el-form-item label="标题:">
                   <el-input v-model="contacthreeform.title"></el-input>
                </el-form-item>
                <el-form-item label="联系方式:">
                   <el-row>
                     <el-col :span="20">
                     <el-radio-group v-model="contacthreeform.connecway">
                     <el-radio :label="way.id" :value="way.id" v-for="(way,index) in connections" :key="index">{{way.name}}</el-radio>
                    </el-radio-group>
                     </el-col>
                    </el-row>
                </el-form-item>
                <el-form-item label="内容:">
                   <el-input v-model="contacthreeform.content"></el-input>
                </el-form-item>
              </el-form>
             <span slot="footer" class="dialog-footer">

             <el-button @click="contactthree = false">取 消</el-button>
             <el-button type="primary" @click="addConnectways('contacthreeform');contactthree = false">确 定</el-button>
            </span>
           </el-dialog>

            <el-dialog
               title="编辑医院地址"
               :visible.sync="HospitalIntroduction"
               width="30%"
               center>
               <el-form :model="hospitaladdress" ref="hospitaladdress" label-width="90px">
                 <el-form-item label="模块标题:">
                     <el-input v-model="hospitaladdress.title"></el-input>
                 </el-form-item>
                 <el-form-item label="排序:">
                    <el-input v-model="hospitaladdress.sort"></el-input>
                 </el-form-item>
                 <el-form-item label="医院地址:">
                     <el-input v-model="hospitaladdress.hosaddress" @input="changeInput($event)"></el-input>
                 </el-form-item>
                 <!-- <el-form-item label="医院地图:">
                     <baidu-map>
                       <bm-overview-map anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :isOpen="true"></bm-overview-map>
                       <bm-local-search :keyword="hospitaladdress.hosaddress" :auto-viewport="true" style="display:none" :center="location"  :zoom="zoom"></bm-local-search>
                       <bm-view class="map"></bm-view>
                      </baidu-map>
                 </el-form-item> -->
               </el-form>
              <span slot="footer" class="dialog-footer">
              <el-button @click="HospitalIntroduction = false">取 消</el-button>
              <el-button type="primary" @click="UpdateHospitalAddress('hospitaladdress');HospitalIntroduction = false">确 定</el-button>
             </span>
             </el-dialog>

              <!-- 手机模拟页面 -->
               <el-col :span="10" class="one">
                  <div class="phone">
                   <div class="time">9:42</div>
                   <div class="xinhao"></div>
                   <div class="wifi"></div>
                   <div class="dian"></div>
                   <div class="scroll">
                     <div class="swiper-container bannerSwiper swiper-no-swiping">
                      <div class="swiper-wrapper">
                         <div class="swiper-slide">
                         <div v-for="item in this.patientModels" :key="item.id" v-show="modelshowtwo">
                            
                            <!-- 轮播图 -->
                             <div v-if="item.mode_type == 1" class="modeone">
                                 <mt-swipe :auto="2000" class="swipertwo">                          
                                 <mt-swipe-item v-for="it in item.PatientEditpiclink" :key="it.id">
                                   <img :src="it.images" style="width:318px;height:9.4375rem">
                                 </mt-swipe-item>
                                 </mt-swipe>                  
                             </div>
                               
                               <!-- 魔方导航 -->
                               <div class="btnList" v-if="item.mode_type== 8">
                                   <div class="btnOne" v-for="it in item.Editmargin" :key="it.id"  @click="NavigationClick(it.marginaddress)">
                                     <div>
                                      <img :src="it.margimage" alt />
                                     </div>
                                     <div>
                                      <p class="title">{{it.margtitle}}</p>
                                     </div>
                                    </div>
                                </div>
                               
                                <!-- 文章列表 -->
                                <div class="dynamic" v-if="item.mode_type == 6">
                                   <div class="common_title">
                                      <div class="one"></div>
                                      <div class="dynamicTxt">{{item.title}}</div>
                                      <div class="dymore">
                                     <p>
                                       查看更多
                                      <i class="iconfont">&#xe632;</i>
                                     </p>
                                    </div>
                                  </div>
                                <div class="content">
                                    <div class="contentOne" v-for="it in Articlelist" :key="it.id">
                                      <div class="img">
                                         <img :src="it.imgs" style="width:100%;height:100%" alt />
                                      </div>
                                         <div class="detail">
                                          <p class="detailTitle">{{it.title}}</p>
                                     <!-- <p class="detailMessage"></p> -->
                                           </div>
                                     </div>
                                </div>
                              </div>
                            
                                <!-- 医院介绍 -->
                                    <div class="common" v-if="item.mode_type == 2">
                                       <div class="common_title">
                                          <div class="one"></div>
                                          <div class="dynamicTxt">{{item.title}}</div>
                                         <div class="dymore">
                                            <p>
                                             查看更多
                                            <i class="iconfont">&#xe632;</i>
                                             </p>
                                        </div>
                                       </div>
                                   <div class="commonBox">
                                     <div class="commonMessage" v-html="item.Hospitals.introduction"></div>
                                     </div>
                                  </div>

                                     <!-- 科室介绍 -->
                                      <div class="common" v-if="item.mode_type == 3">
                                        <div class="common_title">
                                          <div class="one"></div>
                                           <div class="dynamicTxt">{{item.title}}</div>
                                            <div class="dymore">
                                               <p>
                                                查看更多
                                               <i class="iconfont">&#xe632;</i>
                                               </p>
                                            </div>
                                             </div>
                                              <div class="commonBox">
         
                                              <div class="commonMessage" v-html="item.Offices.introduction"></div>
                                             </div>
                                            </div>

                                           <!-- 医护团队 -->
                                              <div class="dynamic" v-if="item.mode_type == 4">
                                                <div class="common_title">
                                                <div class="one"></div>
                                                <div class="dynamicTxt">{{item.title}}</div>
                                                <div class="dymore">
                                                 <p>
                                                 查看更多
                                                <i class="iconfont">&#xe632;</i>
                                                  </p>
                                               </div>
                                              </div>
                                             <div class="content">
                                                <div class="contentOne" v-for="doc in item.Editdoctor" :key="doc.id">
                                                  <div class="img">
                                                   <img :src="doc.dochead" style="width:100%;height:100%" alt />
                                                 </div>
                                                <div class="detail">
                                                 <p class="detailTitle">{{doc.doc_name}}</p>
                                               <p class="detailMessage" v-html="doc.docintroduction"></p>
                                           </div>
                                          </div>    
                                         </div>
                                       </div>

                                         <!-- 科室环境 -->
                                           <div class="dynamic" v-if="item.mode_type == 5">
                                               <div class="common_title">
                                               <div class="one"></div>
                                               <div class="dynamicTxt">{{item.title}}</div>
                                              </div>
                                                   <div class="imgs">
                                                     <div class="swiper-container imgSwiper">
                                                     <div class="swiper-wrapper">
                                                     <div class="swiper-slide carousel" v-for="itms in item.Enviroimages" :key="itms.id">
                                                       <img class="img" :src="itms.enviroimages" :preview="itms.modeid" />
                                                      </div>
                                                      </div>
                                                     </div>
                                                   </div>
                                              </div>

                                               <!-- 医院活动 -->
                                                <div class="dynamic bottom" v-if="item.mode_type == 7">
                                                  <div class="common_title">
                                                   <div class="one"></div>
                                                   <div class="dynamicTxt">{{item.title}}</div>
                                                   <div class="dymore">
                                                      <p>
                                                    查看更多
                                                   <i class="iconfont">&#xe632;</i>
                                                      </p>
                                                   </div>
                                                </div>
                                                <div class="content">
                                               <div class="contentOne" v-for="it in Activitieslist" :key="it.id">
                                               <div class="img">
                                                 <img :src="it.poster_photo" style="widht:100%;height:100%" alt />
                                                      </div>
                                                <div class="detail">
                                                <p class="detailTitle">{{it.title}}</p>
                                                </div>
                                                </div>
                                               </div>
                                              </div>
                                            </div>
                          
                       
                           <div v-show="modelshow">
                               <div v-for="item in this.ordmodel" :key="item.id">
                                  <div v-if="item.mode_type == 1">
                                     <mt-swipe :auto="4000" class="swipertwo">
                                        <mt-swipe-item  v-for="it in item.Conrotation" :key="it.id">
                                          <img :src="it.images" style="width:318px;height:230px" >
                                       </mt-swipe-item>
                                    </mt-swipe>
                                  </div>
                                  <div v-if="item.mode_type == 2" class="oldmodetwo">
                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Hosaddress.address}}</span></div>
                                  </div>
                                  <div  v-if="item.mode_type == 3">
                                    <div class="oldmodeone" v-for="it in Connectways" :key="it.id">
                                       <span>{{it.title}}:&nbsp;&nbsp;{{it.content}}</span><br>
                                      </div>
                                   </div>
                                   <div class="oldmodefour" v-if="item.mode_type == 4">
                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Worktime.worktime}}</span></div>
                                   </div>
                                   <div class="oldmodethree" v-if="item.mode_type == 5">
                                     <div><span>{{item.title}}:&nbsp;&nbsp;{{item.Rideway.ride_way}}</span></div>
                                   </div>
                               </div>
                             
                          </div>
                       </div>
                      </div>
                     </div>
                   </div>
                      <div class="scroll" v-show="defalutshow">暂无数据</div>
                      <!-- 医院介绍详情页-->
                      <div class="scroll"  v-show="shows" v-html="hospitalform.introduction" id="target"></div>
                      <!-- <div class="xiangqing"  v-show="shows" v-html="hospitalform.introduction"></div>                      -->
                      <!-- 科室介绍详情页 -->
                       <div class="scroll" v-html="officeform.introduction" v-show="keshow" id="targettwo"></div>
                        <!--名医介绍详情  -->
                        <div class="scroll" v-show="docshow" id="targetthree">
                          <div class="docone" v-for="item in this.editdocfrom" :key="item.id" @click="GetDoctorDetail(item.id)">
                             <div class="doctwo">
                               <img :src="item.dochead" style="width:80px;height:80px">
                             </div>
                             <div class="docthree">
                                <span class="docfour">{{item.doc_name}}</span>
                             </div>
                             <div class="docfive">
                                <span class="docsix" v-html="item.docintroduction"></span>
                             </div>
                          </div>
                        </div>
                        <!--科室环境详情  -->
                        <div class="scroll" v-show="OfficeEnviromentShow" id="targetfour">
                            <div class="swiperimages">
                              
                               <div class="swiper-container swiperfour" >
                                 <div class="swiper-wrapper" id="wrappertwo" >
                                    <div class="swiper-slide "  v-for="it in keEnvironmentImages" :key="it.id">
                                      <img :src="it.enviroimages" style="width:150px;height:140px;border-radius:5px;"/>
                                     </div>
                                </div>
                              </div>
                            
                            </div>
                        </div>
                        <!-- 文章列表详情 -->
                        <div class="scroll" v-show="ArticlelistShow" id="targetfive">
                          <div class="actilist" v-for="it in Articlelist" :key="it.id" @click="GetArticleListDetail(it.id)">
                               <div class="acthead">
                                   <img :src="it.imgs" style="width:80px;height:80px">
                               </div>
                               <div class="actcontent">
                                  <div class="actname"><span>{{it.title}}</span></div>
                                  <!-- <div class="actcomments">阅读:{{it.real_read_num}}|评论:{{it.comment_num}}|点赞:{{it.star_num}}</div> -->
                               </div>
                             </div>
                        </div>
                        <!-- 活动列表详情 -->
                        <div class="scroll" v-show="ActivitieslistShow" id="targetsix">
                            <div class="actilist" v-for="it in Activitieslist" :key="it.id" @click="ActivitiesListInfo(it.id)">
                               <div class="acthead">
                                   <img :src="it.poster_photo" style="width:80px;height:80px">
                               </div>
                               <div class="actcontent">
                                  <div class="actname"><span>{{it.title}}</span></div>
                                  <!-- <div class="actcomments">阅读:{{it.read_num}}|评论:{{it.comment_num}}|点赞:{{it.star_num}}</div>
                                  <div class="progress">
                                     <el-progress :percentage="0"></el-progress>
                                  </div> -->
                               </div>
                             </div>
                        </div>

                        <!-- 单个医生详情页-->
                        <div class="scroll" v-show="docshowinfo">
                           <div class="docheadimages">
                              <div class="doctorhead">
                                 <img :src="editdoctor.dochead" style="widht:100%;height:100%">
                              </div>
                              <div class="doctorname">
                                  姓名:{{editdoctor.doc_name}}
                              </div>
                              <div class="docposition">
                                 职位:{{editdoctor.doc_postion}}
                              </div>
                           </div> 
                           <div class="doctorintroduction">
                             医生简介:
                           </div>
                           <div class="doctorintroductiontwo" v-html="editdoctor.docintroduction">
                            
                           </div>
                        </div>

                        <!-- 单个文章详情页 -->
                        <div class="scroll" v-show="articlelistshowinfo">
                          <div class="articletitle">
                            {{articlistinfo.title}}
                          </div>
                          <div class="aticlecontent" v-html="articlistinfo.content">
                          </div>
                        </div>
                        <!-- 单个活动详情页 -->
                         <div class="scroll" v-show="activitesShowinfo">
                             <div class="activitesimages">
                                <img :src="activitiesInfo.poster_photo" style="width:100%;height:100%">
                             </div>
                             <div class="activitestitle">
                               活动标题:{{activitiesInfo.title}}
                             </div>
                             <div class="activitestitle">
                               活动副标题:{{activitiesInfo.subtitle}}
                             </div>
                             <div class="activitestitle">
                               活动详细地址:{{activitiesInfo.address}}
                             </div>
                              <div class="activitestitle">
                               开始时间: {{staffCreateTime(activitiesInfo.start_time)}}
                             </div>
                              <div class="activitestitle">
                               结束时间:{{staffCreateTime(activitiesInfo.end_time)}}
                             </div>
                              <div class="activitestitle">
                               报名须知:{{activitiesInfo.sign_up_notice}}
                             </div>
                              <div class="activitestitle">
                               联系方式:{{activitiesInfo.phone_number}}
                             </div>
                             <div class="activitestitle">
                               限制人数:{{activitiesInfo.limit_num}}
                             </div>
                             <div class="activitestitle">
                               已报名人数:{{activitiesInfo.join_num}}
                             </div>
                         </div> 

                        <!-- 返回首页 -->
                      <!-- <div class="returnpage" v-show="returnshow" @click="returnClick()">
                          <div class="returnimages">
                             <img src="static/images/u373.png">
                          </div>
                          <div class="rebacktwo">
                            <span>返回</span>
                         </div>
                      </div>  -->

                     <div class="reback" v-show="showback" @click="returnIndex()">
                       <div class="rebackone">
                         <img src="static/images/u373.png">
                       </div>
                       <div class="rebacktwo">
                         <span>首页</span>
                      </div>
                     </div>
                     <!-- 回到顶部 -->
                     <div class="reindex" v-show="showindex" @click="returntop()">
                        <div class="reindexone">
                           <img src="static/images/u378.png">
                        </div>
                        <div class="reindextwo">
                            <span>顶部</span>
                        </div>
                     </div>

                      <div id="qrcode" class="qrcode"></div>

                      <!-- 分享管理 -->
                      <!-- <div class="dfont">
                        <img src="static/images/u642.png">
                      </div> -->
                      <!-- <div class="done">
                        <span  @click="sharemanage()">分享管理</span>
                      </div> -->
                       <div class="dfont2">
                        <img src="static/images/u645.png">
                      </div>
                      <div class="done2">
                        <span @click="navigationset()">导航设置</span>
                      </div>
                 </div>
                 <div class="macgic">
                   <div class="macgicone" v-for="item in this.navigationdatatwo" :key="item.id">
                     <div class="macgicfive">
                         <img :src="item.nonavimages" style="width:30px; height:30px">
                     </div>
                     <div class="macgicsix">
                         {{item.navtitle}}
                     </div>
                     <!-- <img :src="item.navimages" style="width:30px; height:30px" @click="callPhone(item.navtitle,item.navaddress)"> -->
                   </div>
                 </div>
                  <!-- <div class="tabs">
                    <ul class="tabList">
                       <li class="tabOne" v-for="item in this.navigationdatatwo" :key="item.id" @click="CallPhone(item.linktype,item.navaddress)">
                       <img :src="item.navimages" alt />
                      <span>{{item.navtitle}}</span>
                          </li>
                        </ul>
                  </div> -->
               </el-col>

               <el-col :span="7" >
                 <div class="share"  v-show="navigation">
                  <div class="share2">
                    <span class="share3">导航设置</span>
                  </div>
                  <div class="navigacontent">
                   <div class="navigationone" v-for="(item,index) in this.navigationdata" :key="item.id">
                       <div class="navitwo">
                          <img  :src="item.navimages" style="width:35px;height:35px">
                       </div>
                       <div class="navithree">
                          <span>{{item.navtitle}}</span>
                       </div>
                       <div class="navifour">
                          <span class="el-icon-edit-outline" @click="editNavigationVisible = true;editNavigation(item.id);"></span>
                       </div>
                       <div class="navifive">
                          <span class="el-icon-delete" @click="deleteNavigation(item.id,index)"></span>
                       </div>
                    </div>
                   <div class="addbutton">
                     <el-button size="medium" style="width:100px" @click="navigationVisible = true">添加</el-button>
                   </div>
                  </div>
                 </div>
               </el-col>

               <el-col :span="7">
                 <div class="share"  v-show="share">
                  <div class="share2">
                    <span class="share3" >分享管理</span>
                  </div>
                  <div class="navigacontent">
                   <div class="sharecontent">
                     <div class="shareexam"><span>设置后效果实例:</span></div>
                     <div class="shareimg">
                       <div class="sharetwoimg">
                         <div class="sharefont">
                            <span class="sharefontone">{{shareInfo.share_title}}</span>
                         </div>
                         <div class="sharethree">
                            <span class="sharefour">{{shareInfo.share_introduction}}</span>
                         </div>
                         <div class="sharefive" v-show="sharefive">
                            <img :src="shareInfo.share_images" style="width:65px;height:70px">
                         </div>
                       </div>
                       <div class="triangle"></div>
                       <div class="sharepic" v-show="sharepic">
                         <img :src="shareInfo.share_images" style="width:50px;height:50px">
                       </div>
                     </div>
                     <div class="inputone">
                        <span class="inputfont">分享标题:</span>
                     </div>
                     <div class="inputwo">
                        <el-input :disabled="disabled" v-model="shareform.sharetitle"></el-input>
                     </div>
                     
                      <div class="inputhree">
                        <span class="inputfont">分享简介:</span>
                     </div>
                      <div class="inpufive">
                        <el-input :disabled="disabled" v-model="shareform.shareintroduction"></el-input>
                     </div>
                      <div class="inputsix">
                        <span class="inputfont">分享图标:</span>
                     </div>
                     <div class="inputten">
                        <img :src="shareInfo.share_images" style="width:100px;height:100px">
                     </div>
                     <div class="inputserven">
                       <el-upload
                       :data="sharedata"
                       class="avatar-uploader"
                       action="https://upload.qiniup.com"
                       :show-file-list="false"
                       :on-success="shareAvatarSuccess"
                       :before-upload="shareAvatarUpload"
                       v-show="shareshow">
                       <img v-if="shareform.shareImages" :src="shareform.shareImages" class="avatar">
                       <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                      </el-upload>
                     </div>
                   </div>
                   <div class="addbuttontwo">
                     <el-button size="medium" type="primary" style="width:130px" @click="changbutton();"><span id="edit">编辑</span></el-button>
                   </div>
                  </div>
                 </div>
               </el-col>
            </el-row>
            </div>
      </div>
</template>

<script>
import BreadCrumb from "../components/bread-crumb";
import NewFeature from "./components/new-feature";
import UsedList from "./components/used-list";
import ContactUs from "./components/contact-us";
import AddContact from "./components/add-contact";
import { getToken } from '@/api/qiniu'
import { getFileExtension} from '@/utils/tools'
import { Swipe, SwipeItem } from 'mint-ui';
import Vue from 'vue';
import 'mint-ui/lib/style.css';
import {GetUserdModel,eidtmodel,editRideWay,SaveWorkTime,saverideway,editHospital,SaveHospital,editOffice,editDoc,
deleteModleById,SaveOffice,editImages,saveDocInfo,deleteDoctor,SaveDocdata,editOfficeEnviroment,SaveOfficeEnvironment,
getQueryNewModel,getHospital,getHospitaldata,hispitalmore,officemore,docmore,kemore,articlemore,Activitiesmore,kemoreaddNavigation,getNavigationList,addNavigation,
AddShareInfo,getShareInfo,deleteNavigation,deletemodle,editNavigation,SaveNavigation,getactivity,getMacImages,SaveActivit,getOrderModel,
GetRotationImages,getRotationDetail,editVisibleByid,deleteImages,deleteSingleImages,SaveEditPic,addeditpic,AddedialogVisible,geteditRotationImages,
editSingleVisible,UpdateSingleForm,addEditPicForm,getEditImages,AddRotationVisible,getActivities,getArticlelist,getArticleType,editGetArticlistDetail,UpdatedArticeDetail,
AddOfficeThreeVisible,getEnImages,getEnImagesTwo,officetwoVisbile,AddOfficetTwo,deleteOfficeById,GetArticleById,GetAllActivity,AddLinkAddress,getAllConnecWay,getConnecWay,editConnecway,
UpdateConnectform,deleteConnecWay,UpdateContactform,addConnectways,getHospitalIntroduction,UpdateHospitalAddress,AddPiCLink,getLinkAddressDetail,UpdatePicFormThree,getEnImagesThree,
AddMacgicform,getMacImagesDetail,deleteMacImagesDetail,UpdateMacform,getEditMacImageDetail,UpdateEditMacform,getLikeMacAddressById,GetArticleName,GetAllArticelist,UpdateLinkAddress,
AddMacLinkAddress,GetLinkAddress,addNavigationlinkform,getNavgitionlinkAddress,UpdateEditNavigationLinkform,getQueryDocInfo,change,AddDoctorInfoTwo,navigationset,GetNavigationData,getAllModelTitle,GetDoctorDetail,
GetArticleListDetail,ActivitiesListInfo,AddLinkAddressTwo,GetLinkAddressByLinkid,AddLinkAddressFour,GetMagicClickByLinkid} from '@/api/site/site'
import { IncomingMessage, get } from 'http';
import { isIP, isIPv4 } from 'net';
import Swiper from "swiper";
import { constants } from 'crypto';
import QRCode from 'qrcodejs2';
import newsInformationVue from './components/news-information.vue';
import Neditor from '@/components/Neditor'
import { rejects, fail, strictEqual } from 'assert';
import { copyFile } from 'fs';
import { truncateSync } from 'fs';
import { isAbsolute } from 'path';
import { stringify } from 'querystring';
import {checkNumber,uParseTime} from "@/utils/tools";
export default {
  name: "preview",
  components: {
     Neditor,
    BreadCrumb,
    NewFeature,
    UsedList,
    AddContact,
    ContactUs,
  },
  data() {
       var checkNumberRule = (rule, value, callback) => {
            if (!checkNumber(value)) {
                 callback(new Error('请输入1-99的整数'));
              }else {
               callback();
             }
      };

    return {
       radio:3,
       scrollTop: 0,
       timer: null,
       modeltitle:[],
       hospitalform:[],
       patientModels:[
        {
          images:[],
          macimages:[],
          mactitle:[],
        }
       ],
       maclist:[{macimg:"",mactitle:""} ],
       keEnvironmentImages:[],
       ordrotaionImages:[],
       doctors:[],
       rotatationImages:[],
       macImages:[],
      Activitieslist:[],
      Articlelist:[],
      Connectways:[],
      crumbs: [{ path: false, name: "预览" }],
      activeName: 'first',
      activeNameOne: 'index',
      activeNameThree: 'three',
      name: "car",
      modelshow:false,
      modelshowtwo:true,
      show:true,
      defalutshow:false,
      shows:false,
      keshow:false,
      docshow:false,
      OfficeEnviromentShow:false,
      ArticlelistShow:false,
      ActivitieslistShow:false,
      MacnavigationShow:false,
      showimages:true,
      showimage:false,
      edialogVisible:false,
      dialogVisibletwo:false,
      dialogVisiblefour:false,
      dialogVisiblefive:false,
      hosipitalVisible:false,
      dialogVisible:false,
      adddialogVisible:false,
      officeVisible:false,
      docVisible:false,
      comshow:false,
      centerDialogVisible:false,
      editcenterDialogVisible:false,
      offficeEnviromentVisible:false,
      ArticleVisible:false,
      navigation:false,
      share:false,
      navigationVisible:false,
      linkVisible:false,
      linkVisibletwo:false,
      linkVisiblethree:false,
      linkVisiblefour:false,
      linkaddressVisible:false,
      addressVisible:false,
      addressVisibleTwo:false,
       define:true,
       definetwo:false,
       definethree:false,
       definefour:false,
       definefive:false,
       disabled:true,
       showback:false,
       showindex:false,
       editNavigationVisible:false,
       activityVisible:false,
       addVisible:false,
       addVisibleTwo:false,
       picshow:false,
       showpiclink:false,
       linkTypeShow:false,
       zhanShow:false,
       definelinkShow:false,
       editRotationVisible:false,
       editVisible:false,
       setlinkVisible:false,
       singleVisible:false,
       singformdialogVisible:false,
       edtimacdialogVisible:false,
       editImagesVisbile:false,
       officetwoVisible:false,
       officethreeVisible:false,
       addpicdialogVisible:false,
       addpicdialogVisibletwo:false,
       HospitalIntroduction:false,
       picshow:false,
       contact:false,
       contacttwo:false,
       contactthree:false,
       linkshow:false,
       docshowinfo:false,
       articlelistshowinfo:false,
       activitesShowinfo:false,
       returnshow:false,
      ellipsis:'',
      docnames:[],
       articeType:[
         {id:1,name:"SCRM"},
         {id:2,name:"酷医云"},
       ],
        articeTypelist:[],

        articeOptions: [
          { id: 1 ,name:"文章"},
          { id: 2, name:"活动"}
          ],
          articeTypeOptions:[],
          optiontype: [
           {id:1,name:"文章"}, 
           {id:2,name:"活动"},
           {id:3,name:"肾科咨询"},
           {id:4,name:"肾科动态"},
           {id:5,name:"肾科科普"},
           {id:6,name:"生活"},
           {id:7,name:"肾友故事"},
        ], 
         
         navitionlinkType:[
            {id:1,name:"首页"},
            {id:2,name:"微商城"},
            {id:3,name:"联系我们"},
           ],
           navitionlinkTypeThree:[
             {id:1,name:"首页"},
             {id:2,name:"微商城"},
             {id:3,name:"联系我们"},
           ],
        option:[

        ],
       ops: {
          vuescroll: {},
          scrollPanel: {},
          ail: {
            keepShow:true
          },
          bar: {
            hoverStyle: false,
            onlyShowBarOnScroll: true, //是否只有滚动的时候才显示滚动条
            background: 'red',
          }
        },
        keEnvironmentImages:[],
        qiniuDomain: 'https://images.shengws.com/',
        rotationData: { token:'',key: '' },
        doctorDatatwo:  { token: '', key: '' },
        doctorData:{ token:'',key:'' },
        navigationData:{ token:'',key:''},
        sharedata:{ token:'',key:''},
        editcheckdata: { token:'',key:''},
        editcheckdatatwo: { token:'',key:''},
        picform:{
           images:"",
           sort:"",
           piclink:"",
           linkaddress:"",
           modeid:"",
        },
        picformTwo:{
           defineaddress:"",
        },
        picformThree:{
           id:"",
           defineaddress:"",
        },
        editpicform:{
          images:"",
          sort:"",
          piclink:1,
          linkaddress:"",
          linkid:"",
        },
        editpic:{
          images:"",
          sort:"",
          piclink:"",
          modeid:"",
        },
      officeform:{
        title:"",
        sort:"",
        introduction:"",
      },
      officeformtwo:{
         officeImages:"",
         sort:"",
      },
      officeformthree:{
        id:"",
        officeImages:"",
        sort:"",
        modelid:"",
      },
       eidtDoctorform:{
         name:"",
         user_title:"",
         dochead:"",
         sort:"",
         content:"",
      },
      rotationform:{
        id:"",
        title:"",
        sort:"",
        rotationImages:[],
      },
      workform:{
        title:"",
        sort:"",
        worktime:"",
      },
      rideform:{
        title:"",
        sort:"",
        ride_way:"",
      },
      doctorform:{
        title:"",
        sort:"",
        image:"",
        modleid:"",
      },
      docimages:[],
      docimage:[],
      model:{
         id:"",
         title:"",
         sort:"",
      },
       officeform:{
        title:"",
        sort:"",
        introduction:"",
      },
       modelform:{
        id:"",
        title:"",
        sort:"",
      },
      hispitalform:{
        title:"",
        sort:"",
        introduction:"",
      },
      editdocfrom:{
        doc_name:"",
        dochead:"",
        doc_postion:"",
        doc_sort:"",
        docintroduction:"",
      },

       keform:{
         title:"",
         sort:"",
         keImages:[],
      },
      navigationform:{
         id:"",
         navtitle:"",
         navigationImages:"",
         nonavigationImages:"",
         navigationaddress:"",
         jumpset:1,
         linkid:"",
         linktype:"",
      },
       shareform:{
          sharetitle:"",
          shareintroduction:"",
          shareImages:"",
       },
       addform:{
         id:"",
         title:"",
         sort:"",
         images:[],
         model_id:"",
       },
       singform:{
         id:"",
         images:"",
         sort:"",
         piclink:"",
         linkaddress:"",
         modeid:"",
         linkid:"",
       },
       macform:{
         id:"",
         title:"",
         sort:"",
         macimages:[],
       },
       macgicform:{
        title:"",
        sort:"",
        macgicimages:"",
        jumpset:1,
        linkaddress:"",
       },
       editmacform:{
          margtitle:"",
          margimage:"",
          marginaddress:"",
          jumpset:1,
       },
        macdataImages:[],
       images:"",
       positions:[
          { index: 1, name: '医士' },
          { index: 2, name: '医师' },
          { index: 3, name: '住院医师' },
          { index: 4, name: '主治医师' },
          { index: 5, name: '副主任医师' },
          { index: 6, name: '主任医师' },
          { index: 7, name: '护士' },
          { index: 8, name: '护师' },
          { index: 9, name: '主管护师' },
          { index: 10, name: '副主任护师' },
          { index: 11, name: '主任护师' },
          { index: 12, name: '运营专员' },
       ],
       genderOptions:[
        {id:1, name:'自定义'},
        {id:2, name:'不跳转'},
       ],
       genderPicLink:[
         {id:1,name:"无"},
         {id:2,name:"自定义"},
       ],
       linkType:[
         {id:1,name:"无"},
         {id:2,name:"站内链接"},
         {id:3,name:"站外链接"},
       ],
        defineOptions:[
        {id:1,name:'无'},
        {id:2,name:'站内链接'},
        {id:3,name:'电话'},
        {id:4,name:'站外链接'},
       ],
      neditorshow:true,
      linkform:{
        linktype:"",
        linkdetail:"",
        actitype:"",
        phone:"",
        offsitelink:"",
      },
      refform:{
        defineaddress:"",
      },



      editNavigationform:{
         navtitle:"",
         navimages:"",
         nonavimages:"",
         jumpset:1,
         navaddress:"",
         linkid:"",
         linktype:"",
      },
      activitform:{
        ttile:"",
        sort:"",
        number:"",
      },
      contactform:{
        title:"",
        sort:"",
        connectway:"",
      },
      connectform:{
        title:"",
        connecway:"",
        cotent:"",
      },
      contacthreeform:{
        title:"",
        connecway:"",
        content:"",
      },
       connections:[
        {id:1,name:'电话'},
        {id:2,name:'非电话'},
      ],
      hospitaladdress:{
        title:"",
        sort:"",
        hosaddress:"",
      },
       rules: {
         title: [{required: true, message: "请填写模块标题",},],
         sort: [{required: true,message:"请填写排序值"},{validator:checkNumberRule}],
         introduction: [{required: true,message:"请填写医院介绍"}],
         image: [{required: true,message:"请填写新增名医"}],
         docname: [{required:true,message:"请填写医生姓名"}],
         docHead: [{required: true,message:"请填写医生头像"}],
         dochead: [{required: true,message:"请填写医生头像"}],
         docpositional:[{required:true,message:"请填写医生职位"}],
         docintroduction:[{required:true,message:"请填写医生简介"}],
         images:[{required:true,message:"请添加图片"}],
         keimages:[{required:true,message:"请填写新增科室环境"}],
         user_title:[{required:true,message:"请填写医生职称"}],
         docimages:[{required:true,message:"请填写新增名医"}],
         navtitle:[{required:true,message:"请填写导航标题"}],
         navigationImages:[{required:true,message:"请填写导航图标"}],
         worktime:[{required:true,message:"请填写工作时间"}],
         rideway:[{required:true,message:"请填写乘车方式"}],
         navigatitle:[{required:true,message:"请填写导航标题"}],
         navimages:[{required:true,message:"导航图标选中"}],
         nonavimages:[{required:true,message:"导航图标未选中"}],
         officeImages:[{required:true,message:"请上传图片"}],
         jumpset:[{required:true,message:"请选择跳转设置"}],
         piclink:[{required:true,message:"请选择图片链接"}],
         doc_name:[{required:true,message:"请编辑医生姓名"}],
         defineaddress:[{required:true,message:"请填写站外地址"}],
      },
        keData: { token: '' ,key: ''},
        navigationdata:[],
        navigationdatatwo:[],
        shareInfo:[],
        shareshow:false,
        ordmodel:[
          {
            images:[],
          }
        ],
        rotationdata:[],
        rotationdatatwo:[],
        rotationdataThree:[],
        articeform:{
          title:"",
          sort:"",
          category:"",
          categoryone:"",
        },
        typeShow:false,
        articeNamelist:[],
        articeTitlelist:[],
        linkformfive:{
         id:"",
         linktype:'',
         instationlink:'',
         articetype:'',
         title:'',
         phone:'',
         outstationlink:'',
         linkaddress:'',
        },

      linkformtwo:{
         linktype:'',
         instationlink:'',
         phone:'',
         outstationlink:'',
         linkaddress:'',
      },
      uploadImages:0,
      uploadimageshow:true,
      navigationlinkform:{
         id:"",
         linktype:"",
         navitionlinktype:"",
         phone:"",
         outstationlink:"",
         instationlink:"",
         linkaddress:"",
      },
      editnavigationlinkform:{
         id:"",
         linktype:1,
         navitionlinktype:"",
         phone:"",
         outstationlink:"",
         linkaddress:"",
      },
      sharefive:false,
      sharepic:false,
      showrotation:true,
      modelTtile:[],
      editdoctor:{},
      articlistinfo:{},
      activitiesInfo:{},
    };
  },

  methods:{
               initSwiper() {
                    var mySwiper1 = new Swiper(".bannerSwiper", {
                    loop: false, // 循环模式选项
                   // 如果需要分页器
                     pagination: {
                       el: ".swiper-pagination"
                    },
                 autoplay: {
                      disableOnInteraction: false
                    }
                 });
                 var mySwiper2 = new Swiper(".imgSwiper", {
                 slidesPerView: 2
                 });
                },

           staffCreateTime(time) {
             return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}");       
            },
          changeInput(e){
            this.$forceUpdate();
          },

          changeType(id){
             if(id == 1){
               this.typeShow = true;
               this.GetAllArticelist();
             }

             if(id == 2){
               this.typeShow = false;
               this.GetAllActivity();
              //  GetAllActivity().then(response=>{
              //     if(response.data.state == 1){
              //       var activtity = response.data.data.activtity;
              //       console.log("所有活动",activtity)

              //       this.articeNamelist = response.data.data.activtity;
              //     }
              //  })
             }
          },
          changeTypetwo(id){
            GetArticleById(id).then(response=>{
                if(response.data.state == 1){
                 var articlelist = response.data.data.articlelist;
                  this.articeNamelist = response.data.data.articlelist;
                }
            })
          },
         AddLinkAddressTwo(formName){
             console.log("站外地址:",this.refform.defineaddress)  
            this.$refs[formName].validate((valid)=>{
              if(valid){
                 AddLinkAddressTwo(this.refform.defineaddress).then(response=>{
                   if(response.data.state == 1){
                     this.refform.defineaddress = "";
                     this.addressVisible = false;   
                     var patientLinkaddress =  response.data.data.patientLinkaddress;
                     this.singform.linkaddress = patientLinkaddress.defineaddress;
                     this.singform.linkid = patientLinkaddress.id;          
                     console.log("数据数据返回",patientLinkaddress)
                }
              })
            }
          })
        },

        AddLinkAddressFour(formName){
           this.$refs[formName].validate((valid)=>{
             if(valid){
                AddLinkAddressFour(this.refform.defineaddress).then(response=>{
                  if(response.data.state == 1){
                    this.addressVisibleTwo = false;
                     var linkaddress =  response.data.data.linkaddress;
                      this.editpicform.linkaddress =  linkaddress.defineaddress;
                      this.editpicform.linkid = linkaddress.id;
                      this.refform.defineaddress = "";
                     console.log("问问",linkaddress)
                  }
                })      
             }
           })
        },

        changeTypeThree(id){
            if(id == 1){
               this.linkshow = true;
            }
            if(id == 2){
               this.linkshow = false;
                GetAllActivity(this.articeNamelist).then(response=>{
                  if(response.data.state == 1){
                    var activtity = response.data.data.activtity;
                    console.log("所有活动",activtity)
                    this.articeNamelist = response.data.data.activtity;
                  }
               })

            }
        },
        changeOptionType(id){
           if(id=1){
             this.getArticleType();
           }
           if(id=2){

           }
           if(id=3){

           }
           if(id=4){

           }
           if(id=5){

           }
           if(id=6){

           }
           if(id=7){

           }

        },
        AddPiCLink(formName){   
          this.$refs[formName].validate((valid)=>{
            if(valid){
              AddPiCLink(this.picformTwo).then(response=>{
                 if(response.data.state == 1){
                    var conlinkaddress =   response.data.data.conlinkaddress;
                     console.log("小心得按",conlinkaddress)
                     this.picform.linkaddress =  conlinkaddress.defineaddress;
                 }
              })
            }
          })
        },

        getLinkAddressDetail(id){
           getLinkAddressDetail(id,this.picformThree).then(response=>{
               if(response.data.state == 1){
                 var conlinkaddress =   response.data.data.conlinkaddress;
                   this.picformThree.defineaddress =   conlinkaddress.defineaddress;
                   this.picformThree.id = conlinkaddress.id;
                  console.log("conlinkaddress是什么?",conlinkaddress)
               }
           })
        },
       UpdatePicFormThree(formName){
         this.$refs[formName].validate((valid)=>{
           UpdatePicFormThree(this.picformThree.id,this.picformThree).then(response=>{
                if(response.data.state == 1){
                  this.setlinkVisible = false;
                   var conlinkaddress =  response.data.data.conlinkaddress;
                   this.editpic.linkaddress = conlinkaddress.defineaddress;
                }
           })
         })
       },

         getHospital(){
            getHospital().then(response=>{
                if(response.data.state == 1){
                  this.hospitalform = response.data.data.hostital;
                }
            })
         },
          getHospitaldata(){
           getHospitaldata().then(response=>{
                if(response.data.state == 1){
                 this.patientModels = response.data.data.patientModels;
                 var  patientModels = response.data.data.patientModels;
                //  var articles = response.data.data.articles;
                //  this.Articlelist = articles;
                //  console.log("文章码子是",articles)
                 console.log("数据是什么",this.patientModels)
              }
           })
         },

         getOrderModel(){
             getOrderModel().then(response=>{
                 if(response.data.state == 1){
                  var ordmodel = response.data.data.ordmodel;
                  this.ordmodel = response.data.data.ordmodel;
                  // var images = [];
                  //  console.log("我爱你中国",this.ordmodel);
                  // for (let index = 0; index < this.ordmodel.length; index++) {
                  //    var rotationImages = this.ordmodel[index].Oldration.rotation_images;
                  //    console.log("rotationImages",rotationImages)
                  //    var rotationImagess =  rotationImages.split(",");
                  //    console.log("rotationImagess",rotationImagess)
                  //     images = rotationImagess;
                  //   this.ordmodel[index]["images"] = images;
                  // }
                   console.log("mawenqiang",this.ordmodel)
                 }
             })
           },

      myindex(){
         this.modelshowtwo = true;
         this.modelshow = false;
      },
      myindextwo(){
         this.modelshowtwo= false;
         this.modelshow = true;
      },
      
      handleClick(tab,event){
        if(this.activeNameOne == "index"){
          this.modelshowtwo = true;
          this.modelshow = false;
        }

        if(this.activeNameOne == "contactus"){
           this.modelshowtwo = false;
           this.modelshow = true;
        }
      },

      handleClickTwo(tab,event){
        if(this.activeName == "used"){
          this.getQueryNewModel();
        }
      },

      handleClickThree(tab,event){
         if(this.activeNameThree == "usedtwo"){
            this.GetUserdModel();
         }
      },

      sharemanage(){
        this.navigation = false;
        this.share = true;

      },
      navigationset(){
         navigationset().then(response=>{
           if(response.data.state == 1){
             var sgjPatientNavigation = response.data.data.sgjPatientNavigation;
             var navigations = response.data.data.navigations;
             for (let index = 0; index < navigations.length; index++) {
                navigations[0].nonavimages = "https://images.shengws.com/2089_o_1571990714383.png";
               
             }
             this.navigationdata = navigations;
             this.navigationdatatwo = navigations;
             console.log("this.navigationdatatwo是什么?",navigations)
              this.navigation = true;
             this.share = false;
           }
         })
      },
      handleEditSuccess(res,file){
        this.picform.images = this.qiniuDomain + res.url;
        this.picshow = true;
      },

      handleEditAvatarUpload(file){
           var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.navigationData.token = token;
                    _self._data.navigationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },

      handleEditpicSuccess(res,file){
       this.editpic.images = this.qiniuDomain + res.url;
      },

       handleEditpicAvatarUpload(file){
           var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.navigationData.token = token;
                    _self._data.navigationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },
         //轮播图
      RotationchartSuccess(res,file,filelist){
         this.rotationform.rotationImages.push(this.qiniuDomain + res.url);
         console.log("双层地址",file.url)
         console.log("联系我们轮播图地址",this.rotationform.rotationImages);
      },
         beforeRotationUpload(file){
         console.log("尺寸",file.size)
         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;
            const _self = this
            return new Promise((resolve, reject) => {
                getToken().then(response => {
                    const token= response.data.data.uptoken
                    console.log("联系我们轮播图token是什么?",token)
                    _self._data.rotationData.token = token;
                    _self._data.rotationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },
      edithandleAvatarSuccess(res){
         this.editpicform.images = this.qiniuDomain + res.url;
         this.picshow = true;
      },
      editbeforeAvatarUpload(file){
             console.log("上传类型",file.type)
             var fileType = file.type
             const isJPG = fileType.indexOf("image") > -1;
             const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

            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;

            const _self = this
            return new Promise((resolve, reject) => {
                getToken().then(response => {
                    const token= response.data.data.uptoken
                    console.log("token是什么?",token)
                    _self._data.navigationData.token = token;
                    _self._data.navigationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },

      handleAvatarSuccess(res, file) {
         this.eidtDoctorform.dochead = this.qiniuDomain + res.url;
      },

      navigationAvatarSuccess(res,file){
         this.navigationform.navigationImages = this.qiniuDomain + res.url;
      },
      

      navigationbeforeAvatarUpload(file){
            var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.navigationData.token = token;
                    _self._data.navigationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },

      
      navigationAvatarSuccessone(res,file){
         this.navigationform.nonavigationImages = this.qiniuDomain + res.url;
      },
      navigationbeforeAvatarUploadone(file){
          var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.navigationData.token = token;
                    _self._data.navigationData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },

      beforeAvatarUpload(file) {
            var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.doctorData.token = token;
                    _self._data.doctorData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },
      //分享管理
      shareAvatarSuccess(res,file){
         this.shareform.shareImages =this.qiniuDomain + res.url
      },

      shareAvatarUpload(file){
            var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.sharedata.token = token;
                    _self._data.sharedata.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },

      editNaviAvatarSuccess(res,file){
          this.editNavigationform.navimages = this.qiniuDomain + res.url;
      },
      editNaviAvatarUpload(file){
          var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.editcheckdata.token = token;
                    _self._data.editcheckdata.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },
        editNaviAvatarSuccessone(res,file){
          this.editNavigationform.nonavimages = this.qiniuDomain + res.url;
          console.log("这是",this.qiniuDomain + res.url)
          console.log("只是什么",this.editNavigationform.nonavimages)
      },
      editNaviAvatarUploadone(file){
           var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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;
            const _self = this
            return new Promise((resolve, reject) => {
                getToken().then(response => {
                    const token= response.data.data.uptoken
                    console.log("token是什么?",token)
                    _self._data.editcheckdatatwo.token = token;
                    _self._data.editcheckdatatwo.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
          return isJPG && isLt2M;
      },
      singformAvatarSuccess(res,file){
         this.singform.images = this.qiniuDomain + res.url;
      },
      singformAvatarUpload(file){
           var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.editcheckdata.token = token;
                    _self._data.editcheckdata.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },

      editNaviAvatarSuccesstwo(res,file){
         this.macgicform.macgicimages = this.qiniuDomain + res.url;
      },
      editNaviAvatarUploadtwo(file){
          var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.editcheckdata.token = token;
                    _self._data.editcheckdata.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },

      editNaviAvatarSuccessthree(res,file){
         this.editmacform.margimage = this.qiniuDomain + res.url;
      },

      editNaviAvatarUploadthree(file){
            var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.editcheckdata.token = token;
                    _self._data.editcheckdata.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },


      //添加轮播图
      addRotationUpload(formName){
        this.$refs[formName].validate((valid)=>{
          if(valid){
            addRotationUpload(this.rotationform).then(response=>{
               if(response.data.state==1){
                 var connecmodel = response.data.data.connecmodel;
                 this.slideshow = false;
                 console.log("返回值",connecmodel);
               }
            });
          }
        })
      },

      addEditPicForm(formName){
          if(this.editpicform.linkid == ""){
             this.editpicform.linkid = 0;
          }
          var sorts =   this.editpicform.sort;
           var sort =   parseInt(sorts);
           this.editpicform.sort = sort;
         this.$refs[formName].validate((valid)=>{
           if(valid){
             addEditPicForm(this.addform.id,this.editpicform).then(response=>{
                if(response.data.state == 1){
                  this.editRotationVisible = false;
                  var editpiclink =  response.data.data.editpiclink;
                  var editpiclinks = response.data.data.editpiclinks;
                  console.log("editpiclink是什么?",editpiclinks)
                  this.rotationdatatwo = editpiclinks;
                  var total =  response.data.data.total;
                  this.uploadImages =  response.data.data.total;
                  if(total>=9){
                    this.uploadimageshow = false;
                  }
                  // this.getEditImages();
                  // this.getEnImagesTwo();
                  this.editpicform.images = "";
                  this.editpicform.sort = "";
                  this.editpicform.piclink = "";
                  this.editpicform.linkaddress = "";
                  this.picshow = false;
                  console.log("返回数据",editpiclink);
                }
             })
           }
         })
      },

      AddRotationVisible(formName){
        var sorts =  this.addform.sort;
        var sort =  parseInt(sorts);
        this.addform.sort =  sort;
        console.log("哈哈哈",this.addform.sort)
        var images = [];
        for (let index = 0; index < this.rotationdatatwo.length; index++) {
          images.push(this.rotationdatatwo[index].images);
        }
        this.addform.images = images;
    
        this.$refs[formName].validate((valid)=>{
          if(valid){
             AddRotationVisible(this.addform.id,this.addform).then(response=>{
                if(response.data.state == 1){
                  this.adddialogVisible = false;
                  var patientRotation =   response.data.data.patientRotation;
                  console.log("patientRotation是什么",patientRotation)
                  var model = response.data.data.model;
                  console.log("model是什么",model)
                  this.getQueryNewModel();
                   this.getHospitaldata();
                   this.getEnImagesTwo();
                }
             })
          }
        })
      },

    // 查看医院详情
    hispitalmore(id){
      hispitalmore(id).then(response=>{
         if(response.data.state == 1){
            var hospital =  response.data.data.hospital;
            this.hospitalform =  response.data.data.hospital;
            console.log("医院详情数据",hospital)
            console.log("医院详情数据是",this.hospitalform)
            this.modelshowtwo = false;
            this.shows = true;
            this.showback = true;
            this.showindex = true;
         }
      })
    },
    returnIndex(){
      this.defalutshow = false;
      this.modelshowtwo = true;
      this.shows = false;
      this.showback = false;
      this.showindex = false;
      this.docshow = false;
      this.shows = false;
      this.keshow = false;
      this.OfficeEnviromentShow = false;
      this.ArticlelistShow = false;
      this.ActivitieslistShow = false;
      this.activitiesInfo = false;
      this.articlistinfo = false;
      this.docshowinfo = false;
    
    },

    //查看科室详情
    officemore(id){
      officemore(id).then(response=>{
         if(response.data.state ==1){
           var offices = response.data.data.offices;
           this.officeform = response.data.data.offices;
           console.log("科室详情数据",offices)
           this.modelshowtwo = false;
           this.keshow = true;
           this.showback = true;
           this.showindex = true;
         }
      })
    },

    // 查看名医详情
    docmore(id){
       docmore(id).then(response=>{
         if(response.data.state == 1){
           var editdoctor =  response.data.data.editdoctor;
           this.editdocfrom  =  response.data.data.editdoctor;
            this.modelshowtwo = false;
            this.docshow = true;
            this.showback = true;
            this.showindex = true;
           console.log("编辑医生返回数据",editdoctor)
         }
       })
    },

    // 查看科室环境详情
    kemore(id){
      kemore(id).then(response=>{
        if(response.data.state == 1 ){
          var offenvironment =  response.data.data.offenvironment;
          this.keEnvironmentImages =  offenvironment;
          console.log("科室环境详情页",offenvironment)
          this.modelshowtwo = false;
          this.OfficeEnviromentShow = true;
          this.showback = true;
          this.showindex = true;
        }
      })
    },

    articlemore(id){
       articlemore(id).then(response=>{
         if(response.data.state == 1){
           var articlelist =  response.data.data.articlelists;
           this.articlelist =  response.data.data.articlelists;
           this.modelshowtwo = false;
            this.showback = true;
            this.showindex = true;
           this.ArticlelistShow = true;
           console.log("得到获取文章列表",articlelist);

         }
       })
    },

    // 查看活动列表详情
    Activitiesmore(id){
       Activitiesmore(id).then(response=>{
         if(response.data.state == 1){
           var activity =  response.data.data.activity;
          this.Activitieslist =  response.data.data.activity;
           this.modelshowtwo = false;
           this.ActivitieslistShow = true;
            this.showback = true;
            this.showindex = true;
           console.log("获取活动列表",activity)
         }
       })
    },

    indexone(){
      this.shows = false;
      this.show = true;
    },
    // callback(){
    //    target.scrollIntoView();
    // },
     //查询联系我们已使用的模块
     GetUserdModel(){
        GetUserdModel().then(response=>{
             if(response.data.state==1){
                this.model = response.data.data.model;
              //  console.log("模型",this.model);
             }
        })
     },
     clickmodel(){
        this.GetUserdModel();
     },
     clickAddmodel(){
       this.getQueryNewModel();
     },
     //查询首页已使用的模块
      getQueryNewModel(){
           getQueryNewModel().then(response=>{
            if(response.data.state ==1){
             var model  = response.data.data.model;
             this.modelform  = response.data.data.model;
             console.log("这是啥",this.modelform)
            }
          });
         },

      editModelByID(id,modetype,index){
        
         if(modetype == 1){
           this.adddialogVisible = true;
           geteditRotationImages(id,this.addform).then(response=>{
              if(response.data.state == 1){
                var model = response.data.data.model;
                console.log("patient",model)
                this.addform = response.data.data.model;
                var editpiclink = response.data.data.editpiclink;
               this.rotationdatatwo = response.data.data.editpiclink;
                this.uploadImages = response.data.data.total;
                console.log("海珍数据",editpiclink)
              }
           })
         }


        if(modetype == 2){
            this.hosipitalVisible = true;

        editHospital(id).then(response=>{
           if(response.data.state == 1){
              var hospital =  response.data.data.hospital;
              this.hispitalform =  response.data.data.hospital;
           }
         });

        }

        if(modetype == 3){
           this.officeVisible = true;
          editOffice(id).then(response=>{
            if(response.data.state == 1){
              this.officeform = response.data.data.offices;
            }
          })
        }

        if(modetype == 4){
          this.docVisible = true;
          editDoc(id).then(response=>{
             if(response.data.state == 1){
              this.doctorform  = response.data.data.editdoctor;
              var editdoctor  = response.data.data.editdoctor;
              this.doctorform.modleid = this.doctorform.id;
              console.log("我爱你中国",this.doctorform)
               var editdoctors = response.data.data.editdoctors;
               this.docimages = response.data.data.editdoctors;
             }
          })
        }

        if(modetype == 5){
            this.offficeEnviromentVisible = true;
            editOfficeEnviroment(id).then(response=>{
                if(response.data.state ==1){
                  var model = response.data.data.model;
                  this.keform  = model;
                  // var OfficeEnvironment =  response.data.data.offenvironment;
                  // this.keform =  response.data.data.offenvironment;
                  // console.log("科室环境",OfficeEnvironment);
                  this.rotationdata =  response.data.data.patientenviroimages;
                }
            })
        }

        if(modetype == 6){
            this.ArticleVisible = true;
            editGetArticlistDetail(id).then(response=>{
                if(response.data.state == 1){
                  var articlelist =  response.data.data.articlelist;
                  this.articeform =  response.data.data.articlelist;
                }
            })
        }

        if(modetype == 7){
           this.activityVisible = true;
           getactivity(id).then(response=>{
              if(response.data.state ==1){
               var addactivity = response.data.data.addactivity;
               this.activitform = response.data.data.addactivity;
               console.log("数据",addactivity)
                this.getHospitaldata();
              }
           })
        }

        if(modetype == 8){
           this.edtimacdialogVisible = true;
           getMacImages(id).then(response=>{
               if(response.data.state == 1){
                var macnavigation =   response.data.data.macnavigation;
                this.macdataImages = response.data.data.macnavigation;
                  var model = response.data.data.model;
                 this.macform =  response.data.data.model;
                console.log("返回查询数据",this.macdataImages)
               }
           })
        }
      },
      editImages(id){
         editImages(id).then(response=>{
             if(response.data.state == 1){
              var editdoctor  =  response.data.data.editdoctor;
              this.editdocfrom  =  response.data.data.editdoctor;
              console.log("数据",editdoctor);
             }
         })
      },
      editVisibleByid(id){

        editVisibleByid(id).then(response=>{
            if(response.data.state == 1){
              var conrotation = response.data.data.conrotation;
              console.log("hheh",conrotation)
               this.editpic = response.data.data.conrotation;
               this.showpiclink = true;
            }
        })
      },

      deleteImages(id,index){
         deleteImages(id,index).then(response=>{
             if(response.data.state == 1){
                var total =  response.data.data.total;
                this.uploadImages = total;
                  this.rotationdataThree.splice(index,1);
             }
         })
      },
      deleteSingleImages(id,modeid,index){
         this.$confirm('确定要删除图片吗?删除后该图片将无法恢复','删除提示!',{
             dangerouslyUseHTMLString:true,
              confirmButtonText: '确定',
              cancelButtonText: '取消',
              type: 'warning'
         }).then(()=>{
           deleteSingleImages(id,modeid,index).then(response=>{
             if(response.data.state ==1){
                this.rotationdatatwo.splice(index,1);
                var total = response.data.data.total;
                console.log("total是什么",total)
                this.uploadImages = total;
                this.uploadimageshow = true;
             }
           })
         })
      },

      SaveEditPic(formName){
         this.$refs[formName].validate((valid)=>{
           if(valid){
               var sorts =  this.editpic.sort;
               var sort =  parseInt(sorts);
               this.editpic.sort = sort;
              SaveEditPic(this.editpic.id,this.editpic).then(response=>{
                 if(response.data.state == 1){
                   var conrotation = response.data.data.conrotation;
                   var conrotations =  response.data.data.conrotations;
                   console.log("conrotations是什么",conrotations)
                   this.rotationdataThree =  response.data.data.conrotations;

                  //  this.getEnImagesThree();
                   console.log("更新的数据",conrotation)
                 }
              })
           }
         })
      },
      addeditpic(formName){
         var sorts =  this.picform.sort;
         var sort  = parseInt(sorts);
         this.picform.sort = sort;

        this.$refs[formName].validate((valid)=>{
          if(valid){
             addeditpic(this.rotationform.id,this.picform).then(response=>{
                if(response.data.state == 1){
                  var conrotation = response.data.data.conrotation;
                  var conrotations = response.data.data.conrotations;
                  console.log("钟无艳",conrotations)
                  this.rotationdataThree = response.data.data.conrotations;
                  console.log("添加数据",conrotation)
                  // this.getEnImagesThree();
                }
             })
          }
        })
      },

      AddedialogVisible(formName){
            var sorts =  this.rotationform.sort;
            var sort = parseInt(sorts);
            this.rotationform.sort = sort;
            var images = [];
             for (let index = 0; index < this.rotationdataThree.length; index++) {
                images.push(this.rotationdataThree[index].images);
          }
            this.rotationform.rotationImages = images;
        this.$refs[formName].validate((valid)=>{
          if(valid){
            AddedialogVisible(this.rotationform.id,this.rotationform).then(response=>{
              if(response.data.state == 1){
                var oldrotation =  response.data.data.oldrotation;
                console.log(oldrotation)
                var ordmodel = response.data.data.ordmodel;
                console.log(ordmodel);
                this.getOrderModel();
                this.GetUserdModel();
              }
            })
          }
        })
      },

      GetRotationImages(){
        GetRotationImages().then(response=>{
           if(response.data.state == 1){
             var conrotations =   response.data.data.conrotations;
             console.log("获取轮播图片",conrotations)
             this.rotationdata =  response.data.data.conrotations;
             console.log("hheh",this.rotationdata);
           }
        })
      },
     getEditImages(){
       getEditImages().then(response=>{
         if(response.data.state == 1){
          var editpiclinks = response.data.data.editpiclinks;
          this.rotationdata = response.data.data.editpiclinks;
          console.log("好嗨哦",editpiclinks)
         }
       })
     },

     getEnImages(){
       getEnImages().then(response=>{
           if(response.data.state == 1){
            var enviroimages = response.data.data.enviroimages;
            console.log("中国人",enviroimages)
             this.rotationdata = response.data.data.enviroimages;

           }
       })
     },
     getEnImagesTwo(){
        getEnImagesTwo().then(response=>{
          if(response.data.state == 1){
            var editpiclink =  response.data.data.editpiclink;
            console.log("图片是什么",editpiclink)
            this.rotationdatatwo = editpiclink;
          }
        })
     },
     getEnImagesThree(){
       getEnImagesThree().then(response=>{
         if(response.data.state == 1){
           var conrotation =  response.data.data.conrotation;
           console.log("conrotation",conrotation)
           this.rotationdataThree =  response.data.data.conrotation;
         }
       })
     },

      editSingleVisible(id){
         editSingleVisible(id,this.addform).then(response=>{
            if(response.data.state == 1){
              var editpiclink =  response.data.data.editpiclink;
              console.log("我的数据是",editpiclink)
              if(editpiclink.piclink == 1){
                this.showpiclink = false;
              }
              if(editpiclink.piclink == 2){
                this.showpiclink = true;
              }
              this.singform =  response.data.data.editpiclink;

            }
         })
      },
      UpdateSingleForm(formName){
        
          this.$refs[formName].validate((valid)=>{
            if(valid){
             var sorts = this.singform.sort;
             var sort =  parseInt(sorts);
             this.singform.sort = sort;
             console.log("轮播图排序值:",sorts)
             UpdateSingleForm(this.singform.id,this.singform).then(response=>{
                 if(response.data.state == 1){
                   this.singleVisible = false;
                   var editpiclink = response.data.data.editpiclink;
                   console.log("更改数据",editpiclink);
                 var patientEditpiclink = response.data.data.patientEditpiclink;
                  console.log("这个是什么运营呢",patientEditpiclink)
                 this.rotationdatatwo = response.data.data.patientEditpiclink;

                 }
             })
           }
         })
      },
      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.editdoctor;
                     var editdoctors = response.data.data.editdoctors;                 
                     console.log("返回数据",doctor);
                     this.editcenterDialogVisible = false;
                     this.$message.success("保存成功")
                    //  this.getQueryDoCHead();
                    this.docimages = editdoctors;
                  }
              })
           }
        })
     },
     clickimgs(linkid){
      GetLinkAddressByLinkid(linkid).then(response=>{
         if(response.data.state == 1){
           var linkaddress =  response.data.data.linkaddress;
           console.log("返回数据是什么",linkaddress)
           window.location.href = linkaddress.defineaddress;
         }
      })
      //  window.location.href = "http://www.baidu.com";  
     },
     
     deleteDoctor(id,index){
       this.$confirm('确认要删除吗?删除后信息将无法恢复','删除提示!',{
         dangerouslyUseHTMLString:true,
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             type: 'warning'
       }).then(()=>{
           deleteDoctor(id,index).then(response=>{
              if(response.data.state == 1){
                this.docimages.splice(index,1)
              }
           }).catch(e=>{});
       }).catch(e=>{});
     },
     SaveDocdata(formName){
         var images = [];
          for (let index = 0; index < this.docimages.length; index++) {
            images.push(this.docimages[index].dochead);
          }
          this.doctorform.image = images,
        this.$refs[formName].validate((valid)=>{
          if(valid){
             var sorts = this.doctorform.sort
             var sort = parseInt(sorts)
             this.doctorform.sort = sort
            SaveDocdata(this.doctorform.id,this.doctorform).then(response=>{
              if(response.data.state == 1){
                var docinofo =  response.data.data.docinfo;
                var model = response.data.data.model;
                console.log("返回数据",docinofo)
                console.log("返回数据",model)
                this.$message.success("保存成功")
                this.docVisible = false;
                 this.getQueryNewModel();
                 this.getHospitaldata();

              }
            })
          }
        })
     },
     editdocVisible(){
       this.editcenterDialogVisible = false;
     },

      SaveHospital(formName){
          this.hispitalform.introduction = this.$refs.neditor.content;
          var sort  = this.hispitalform.sort
          var sor = parseInt(sort)
          this.hispitalform.sort = sor;
        console.log("文章内容",this.$refs.neditor.content)
         this.$refs[formName].validate((valid)=>{
           if(valid){
              SaveHospital(this.hispitalform.id,this.hispitalform).then(response=>{
                if(response.data.state ==1){
                   var hospital = response.data.data.hospital;
                    var model = response.data.data.model;
                   this.hosipitalVisible = false;
                   this.getQueryNewModel();
                   this.getHospitaldata();
                }
              })
           }
         })
      },

      deleteModleById(id,index){
         this.$confirm('确认要删除该组件吗?删除后该组件将无法恢复','删除提示!',{
            dangerouslyUseHTMLString:true,
             confirmButtonText: '确定',
             cancelButtonText: '取消',
             type: 'warning'
         }).then(()=>{
           deleteModleById(id).then(response=>{
             if(response.data.state == 1){
               this.modelform.splice(index,1);
               this.getHospitaldata();
             }
           }).catch(e=>{});
         }).catch(e=>{});
      },



     SaveOffice(formName){
          this.officeform.introduction = this.$refs.neditor.content;
          var sort  = this.officeform.sort
          var sor = parseInt(sort)
          this.officeform.sort = sor;
          console.log("数据模块",this.officeform)
        this.$refs[formName].validate((valid)=>{
          if(valid){
            SaveOffice(this.officeform.id,this.officeform).then(response=>{
               if(response.data.state==1){
               var office  = response.data.data.offices;
               var model = response.data.data.model;
               console.log("返回数据",office)
               console.log("返回数据",model)
               this.officeVisible = false;
               this.getQueryNewModel();
               this.getHospitaldata();
             }
            })
          }
        })
     },
     eidtmodel(id,modetype,index){
       if(modetype == 1){
           this.edialogVisible = true;
           getRotationDetail(id).then(response=>{
               if(response.data.state == 1){
                 var oldrotation = response.data.data.oldrotation;
                 console.log("oldrotation是什么",oldrotation)
                 this.rotationform = response.data.data.oldrotation;
                //  console.log("rotationform",this.rotationform)
                 var conrotation = response.data.data.conrotation;
                 this.rotationdataThree = response.data.data.conrotation;
                 console.log("conrotation是什么",conrotation);
               }
           })
       }

       if(modetype == 2){
         this.HospitalIntroduction = true;
         getHospitalIntroduction(id,this.hospitaladdress).then(response=>{
            if(response.data.state == 1){
              var ordmodel =  response.data.data.ordmodel;
              this.hospitaladdress  =  response.data.data.ordmodel;
              var hosaddress = response.data.data.hosaddress;
              console.log("hosaddress是什么",hosaddress)
              this.hospitaladdress.hosaddress = hosaddress.address;
            }
         })
       }

       if(modetype == 3){
          this.contact = true;
          getConnecWay(id).then(response=>{
              if(response.data.state == 1){
                var ordmodel = response.data.data.ordmodel;
                this.contactform = response.data.data.ordmodel;
              }
          })
       }


       if(modetype == 4){
          this.dialogVisiblefour = true;
          eidtmodel(id).then(response=>{
             if(response.data.state==1){
               var worktime = response.data.data.worktime;
               this.workform = response.data.data.worktime;
               console.log("返回数据",worktime);
             }
         });
       }
       if(modetype == 5){
         this.dialogVisiblefive = true;
         editRideWay(id).then(response=>{
           if(response.data.state == 1){
             var rideway = response.data.data.rideway;
             this.rideform = response.data.data.rideway;
             console.log("乘车方式返回数据",rideway);
           }
         })
       }
     },

     AddOfficeThreeVisible(formName){
       var sort = this.officeformtwo.sort;
       var sor = parseInt(sort);
       this.officeformtwo.sort = sor;
       this.$refs[formName].validate((valid)=>{
         if(valid){
           AddOfficeThreeVisible(this.keform.id,this.officeformtwo).then(response=>{
              if(response.data.state == 1){
                var enviroimages =   response.data.data.enviroimages;
                var patientenviroimages = response.data.data.patientEnviroimages;
                this.rotationdata = patientenviroimages;
                // this.getEnImages();
              }
           })
         }
       })
     },

     AddOfficeTwo(formName){
       var sort = this.officeformthree.sort
       var sor = parseInt(sort);
       this.officeformthree.sort = sor;
       this.$refs[formName].validate((valid)=>{
         if(valid){
            AddOfficetTwo(this.officeformthree.id,this.officeformthree).then(response=>{
                if(response.data.state == 1){
                  var enviroimages =   response.data.data.enviroimages;
                  var patientEnviroimages = response.data.data.patientEnviroimages;
                  // console.log("娃哈哈",patientEnviroimages)
                   this.rotationdata = response.data.data.patientEnviroimages;
                  // this.getEnImages();

                }
            })
         }
       })
     },

     officetwoVisbile(id){
        officetwoVisbile(id,this.officeformthree).then(response=>{
           if(response.data.state == 1){
              // this.officeformthree =   response.data.data.enviroimages;
                var enviroimages =   response.data.data.enviroimages;
                console.log("中秋是什么",enviroimages)
                this.officeformthree.id =  enviroimages.id;
                this.officeformthree.sort =  enviroimages.sort;
                this.officeformthree.officeImages = enviroimages.enviroimages;
                this.officeformthree.modelid = enviroimages.modeid;
           }
        })
     },
     deleteOfficeById(id,index){
        deleteOfficeById(id,index).then(response=>{
            if(response.data.state == 1){
               this.rotationdata.splice(index,1)
            }
        })
     },

     SaveOfficeEnvironment(formName){
        var sort  = this.keform.sort
        var sor = parseInt(sort)
        this.keform.sort = sor;
        var images = [];
       for (let index = 0; index < this.rotationdata.length; index++) {
         images.push (this.rotationdata[index].enviroimages);
       }
        this.keform.keImages = images;
       this.$refs[formName].validate((valid)=>{
         if(valid){
           SaveOfficeEnvironment(this.keform.id,this.keform).then(response=>{
               if(response.data.state == 1){
                  var patientOffenvironment = response.data.data.patientOffenvironment;
                  var model = response.data.data.model;
                  this.offficeEnviromentVisible = false;
                  this.getQueryNewModel();
                  this.getHospitaldata();
               }
           })
         }
       })
     },


     UpdatedArticeDetail(formName){
       var sort =  this.articeform.sort;
       var sor = parseInt(sort);
       this.articeform.sort = sor;

       var number = this.articeform.number;
       var numbers = parseInt(number);
       this.articeform.number = numbers;
       UpdatedArticeDetail(this.articeform.id,this.articeform).then(response=>{
           if(response.data.state == 1){
             var articlelist = response.data.data.articlelist;
             var model = response.data.data.model;
             this.getQueryNewModel();
             this.getHospitaldata();
             this.getArticlelist();
           }
       })
     },

     editActivit(formName){
       var sort = this.activitform.sort;
       var sor =  parseInt(sort);
       this.activitform.sort =sor;
       var number =  this.activitform.number;
       var number  =  parseInt(number);
       this.activitform.number = number;
       this.$refs[formName].validate((valid)=>{
         if(valid){
          SaveActivit(this.activitform.id,this.activitform).then(response=>{
              if(response.data.state == 1){
               var addactivity =  response.data.data.addactivity;
               console.log("数据返回",addactivity)
               this.activityVisible = false;
               this.getQueryNewModel();
               this.getHospitaldata();
               this.getActivities();
              }
          })
         }
       })
     },

     getActivities(){
      getActivities(this.Activitieslist).then(response=>{
        if(response.data.state ==1){
         var activity =   response.data.data.activity;
         this.Activitieslist = response.data.data.activity;
         console.log("活动列表",activity);
         console.log(this.Activitieslist)
        }
      })
     },

     getArticlelist(){
        getArticlelist(this.Articlelist).then(response=>{
           if(response.data.state ==1){
            var articlelist =  response.data.data.articlelists;
             this.Articlelist =  response.data.data.articlelists;
             console.log("得到文章列表",this.Articlelist);
           }
        })
     },

      handleAvatarSuccesstwo(res,file){
        this.editdocfrom.dochead = this.qiniuDomain + res.url;
      },

       beforeAvatarUploadtwo(file) {
         var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }

         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.uploading = true;
            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.doctorDatatwo.token = token;
                    _self._data.doctorDatatwo.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                    this.uploading = false;
                })
            })
          return isJPG && isLt2M;
      },
      handleAvatarSuccessthree(res,file){
         this.officeformthree.officeImages = this.qiniuDomain + res.url;
      },
      beforeAvatarUploadthree(file){
           var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }
           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;

            const _self = this
            return new Promise((resolve, reject) => {
                getToken().then(response => {
                    const tokentree = response.data.data.uptoken
                    console.log("科室token是什么?",tokentree)
                    _self._data.keData.token = tokentree;
                    _self._data.keData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
      },

      imageKeuSccesstwo(res,file){
        console.log("图片路径",this.qiniuDomain + res.url)
        this.officeformtwo.officeImages = this.qiniuDomain + res.url;
        //  this.keform.keImages.push(this.keform.keimages);
        //  console.log("图片数组",this.keform.keImages)
      },
      beforekeUpload(file){
         var fileType = file.type
            const isJPG = fileType.indexOf("image") > -1;
            const isLt2M = file.size / 1024 / 1024 < 2;
            if (!isJPG) {
                this.$message.error("只能上传图片");
                return false;
            }
            if (!isLt2M) {
                this.$message.error("图片大小不能超过 2MB!");
                return false;
         }
           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;

            const _self = this
            return new Promise((resolve, reject) => {
                getToken().then(response => {
                    const tokentree = response.data.data.uptoken
                    console.log("科室token是什么?",tokentree)
                    _self._data.keData.token = tokentree;
                    _self._data.keData.key = key;
                    resolve(true)
                }).catch(err => {
                    reject(false)
                })
            })
      },
     deletemodle(id,index){
       this.$confirm('确认要删除该模块么?删除后该条信息将无法恢复','删除提示!',{
          dangerouslyUseHTMLString:true,
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
       }).then(()=>{
          deletemodle(id).then(response=>{
           if(response.data.state == 1){
              this.model.splice(index,1);
              this.getOrderModel();
           }
          }).catch(e=>{});
       }).catch(e=>{});
     },

     SaveWorkTime(formName){
             var sorts = this.workform.sort
             var sort = parseInt(sorts)
             this.workform.sort = sort
       this.$refs[formName].validate((valid)=>{
         if(valid){
           SaveWorkTime(this.workform.id,this.workform).then(response=>{
                 if(response.data.state == 1){
                    var patientWorktime = response.data.data.patientWorktime;
                    console.log("返回数据",patientWorktime);
                    this.dialogVisiblefour = false;
                    this.$message.success('数据保存成功');
                    this.GetUserdModel();
                    this.getOrderModel();
                 }
           })
         }
       })
     },

     saverideway(formName){
            var sorts = this.rideform.sort
             var sort = parseInt(sorts)
             this.rideform.sort = sort
       this.$refs[formName].validate((valid)=>{
         if(valid){
           saverideway(this.rideform.id,this.rideform).then(response=>{
               this.dialogVisiblefive = false;
              if(response.data.state ==1 ){
                 var ridewaymodel = response.data.data.ridewaymodel;
                 console.log("返回数据",ridewaymodel);   
                //  this.$message.success("数据保存成功");
                 this.GetUserdModel();
                 this.getOrderModel();
              }
           })
         }
       })
     },

     MagicClick(linkid){
       GetMagicClickByLinkid(linkid).then(response=>{
            if(response.data.state ==1){
              var magiclink = response.data.data.magiclink;
              console.log("magiclink",magiclink)
              window.location.href = magiclink.linkaddress;             
            }
       })
     },

    


     selectpiclink(id){
       if(id == 1){
        this.showpiclink = false;
       }
       if(id == 2){
         this.showpiclink = true;
       }
     },
     selectlinkType(id){

       if(id == 1){
        this.linkTypeShow = false;
        this.zhanShow = false;
        this.definelinkShow = false;
        this.refform.contenttype = "";
       }
       if(id == 2){
        this.linkTypeShow = false;
        this.zhanShow = true;
        this.definelinkShow = false;
        this.refform.contenttype = "";
       }
       if(id == 3){
         this.linkTypeShow = false;
         this.zhanShow = false;
         this.definelinkShow = true;
         this.refform.contenttype = "";
       }
     },
     selectlinkTypeTwo(id){

        if(id == 1){
        this.linkTypeShow = false;
        this.zhanShow = false;
        this.definelinkShow = false;
       }
       if(id == 2){
        this.linkTypeShow = false;
        this.zhanShow = true;
        this.definelinkShow = false;
       }
       if(id == 3){
         this.linkTypeShow = false;
         this.zhanShow = false;
         this.definelinkShow = true;
       }
     },

      selectGender(id){
        if(id == 1){
          this.define = true;
        }
        if(id == 2){
           this.define = false;
        }
     },
     selectGendertwo(id){
        if(id == 1){
          this.definefive = true;
        }  
        if(id == 2){
          this.definefive = false;
        }
     },
    
    selectItemThree(id){
        if(id == 1){
         this.definetwo = false;
         this.definethree = false;
         this.definefour = false;
         this.navigationlinkform.navitionlinktype = "";
         this.navigationlinkform.phone = "";
         this.navigationlinkform.outstationlink = "";
         this.navigationlinkform.linkaddress = "";
       }

       if(id==2){
          this.definetwo = true;
          this.definethree = false;
          this.definefour = false;
          this.navigationlinkform.phone = "";
          this.navigationlinkform.outstationlink = "";
          this.navigationlinkform.navitionlinktype = "";
          this.navigationlinkform.linkaddress = "";
       }

       if(id==3){
         this.definethree = true;
         this.definetwo = false;
         this.definefour = false;
         this.navigationlinkform.navitionlinktype = "";
         this.navigationlinkform.outstationlink = "";
         this.navigationlinkform.phone = "";
         this.navigationlinkform.linkaddress = "";
       }

       if(id==4){
         this.definefour = true;
         this.definetwo = false;
         this.definethree = false;
         this.navigationlinkform.navitionlinktype = "";
         this.navigationlinkform.phone = "";
         this.navigationlinkform.outstationlink = "";
         this.navigationlinkform.linkaddress = "";
       }
    },


     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;
       }
     },
     selectItemEdit(id){
        if(id == 1){
         this.definetwo = false;
         this.definethree = false;
         this.definefour = false;
         this.linkformtwo.instationlink = "";
         this.linkformtwo.phone = "";
         this.linkformtwo.outstationlink = "";
       }

       if(id==2){
          this.definetwo = true;
          this.definethree = false;
          this.definefour = false;
          this.linkformtwo.phone = "";
          this.linkformtwo.outstationlink = "";
       }

       if(id==3){
         this.definethree = true;
         this.definetwo = false;
         this.definefour = false;
         this.linkformtwo.instationlink = "";
         this.linkformtwo.outstationlink = "";
       }

       if(id==4){
         this.definefour = true;
         this.definetwo = false;
         this.definethree = false;
         this.linkformtwo.instationlink = "";
         this.linkformtwo.phone = "";
       }
     },
      selectItemTwo(id){
       if(id == 1){
         this.definetwo = false;
         this.definethree = false;
         this.definefour = false;
         this.editnavigationlinkform.navitionlinktype = "";
         this.editnavigationlinkform.phone = "";
         this.editnavigationlinkform.outstationlink = "";
       }

       if(id==2){
          this.definetwo = true;
          this.definethree = false;
          this.definefour = false;
           this.editnavigationlinkform.navitionlinktype = "";
          this.editnavigationlinkform.phone = "";
         this.editnavigationlinkform.outstationlink = "";
         this.editnavigationlinkform.linkaddress = "";
       }

       if(id==3){
         this.definethree = true;
         this.definetwo = false;
         this.definefour = false;
         this.editnavigationlinkform.navitionlinktype = "";
         this.editnavigationlinkform.phone = "";
         this.editnavigationlinkform.outstationlink = "";
         this.editnavigationlinkform.linkaddress = "";
       }

       if(id==4){
         this.definefour = true;
         this.definetwo = false;
         this.definethree = false;
          this.editnavigationlinkform.navitionlinktype = 0;
          this.editnavigationlinkform.phone = "";
         this.editnavigationlinkform.outstationlink = "";
         this.editnavigationlinkform.linkaddress = "";
       }
     },

      qrcode () {
      let qrcode = new QRCode('qrcode', {
        width: 100,
        height: 100, // 高度
        // text:'http://microweb.kuyicloud.com/#/microHome?orgid='+this.$store.getters.xt_user.org_id, // 二维码内容
         text:'http://jk.test.sgjyun.com/#/microHome?orgid='+this.$store.getters.xt_user.org_id, // 二维码内容

      })
      console.log(qrcode)
    },

    //添加导航设置
    addNavigation(formName){
       this.$refs[formName].validate((valid)=>{
         if(valid){
           addNavigation(this.navigationform).then(response=>{
              if(response.data.state == 1){
                var navigation = response.data.data.navigation;
                this.navigationform = "",
                console.log("返回数据",navigation)
                this.navigationVisible = false;
                this.getNavigationList();
              }
           })
         }
       })
    },

    //获取导航列表
    getNavigationList(){
      getNavigationList().then(response=>{
        if(response.data.state ==1){
             var navigation =  response.data.data.navigation;
             this.navigationdata =  response.data.data.navigation;
              console.log("查询数据",navigation)
        }
      })
    },

    deleteNavigation(id,index){
      this.$confirm('确认要删除该导航吗?删除后该条信息将无法恢复','删除提示!',{
          dangerouslyUseHTMLString:true,
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning'
      }).then(()=>{
          deleteNavigation(id).then(response=>{
         if( response.data.state == 1){
             this.navigationdata.splice(index,1)
             this.navigationdatatwo.splice(index,1)
         }
        }).catch(e=>{});
      }).catch(e=>{});
    },

    editNavigation(id){
       editNavigation(id).then(response=>{
           if(response.data.state==1){
            var navigation = response.data.data.navigation;
             this.editNavigationform = response.data.data.navigation;
            console.log("返回的导航数据",navigation);
           }
       })
    },
    SaveNavigation(formName){
       this.$refs[formName].validate((valid)=>{
         if(valid){
            SaveNavigation(this.editNavigationform.id,this.editNavigationform).then(response=>{
                 if(response.data.state == 1){
                  var navigation = response.data.data.navigation;
                  var navigations =  response.data.data.navigations;
                  this.navigationdatatwo = navigations;
                  console.log("旺仔小牛奶",navigation)
                  this.editNavigationVisible = false;
                  console.log("更新的数据",navigation);
                   this.getNavigationList();
                 }
            })
         }
       })
    },

    changbutton(){
       var content = document.getElementById('edit').innerHTML;
       if(content == "编辑"){
          document.getElementById('edit').innerHTML = "确认";
          this.disabled = false;
           this.shareshow = true;
       }
       if(content == "确认"){
          document.getElementById('edit').innerHTML = "编辑";
          this.disabled = true;
          this.shareshow = false;
           AddShareInfo(this.shareform).then(response=>{
              if(response.data.state == 1){
                var share = response.data.data.share;
                this.getShareInfo();
                console.log("数据返回",share);
              }
          })
       }
    },

    getShareInfo(){
      getShareInfo().then(response=>{
          if(response.data.state == 1){
           var share =  response.data.data.share;
           this.shareInfo =  response.data.data.share;
           this.sharefive  = true;
           this.sharepic = true;
            console.log("返回分享数据",share)
          }
      })
    },


    returntop(){
      this.scrollToTopTimer();
    },

     getArticleType(){
      getArticleType(this.articeTypelist).then(response=>{
          if(response.data.state == 1){
            var  category = response.data.data.category;
             this.articeTypelist = response.data.data.category;
            this.articeTypeOptions = response.data.data.category;
            console.log("文章分类是什么",this.articeTypelist);
          }
      })
    },

    getAllConnecWay(){
      getAllConnecWay(this.Connectways).then(response=>{
        if(response.data.state == 1){
          var connect =  response.data.data.connect;
          console.log("联系是什么",connect)
          this.Connectways =  response.data.data.connect;
          console.log("方法试试",this.Connectways)
        }
      })
    },
    editConnecway(id){
       editConnecway(id).then(response=>{
          if(response.data.state == 1){
           var connection = response.data.data.connection;
           this.connectform = response.data.data.connection;
          }
       })
    },
    UpdateConnectform(formName){
      this.$refs[formName].validate((valid)=>{
          UpdateConnectform(this.connectform.id,this.connectform).then(response=>{
             if(response.data.state == 1){
               var connection =   response.data.data.connection;
               this.getAllConnecWay();
             }
          })
      })
    },
    deleteConnecWay(id,index){
      deleteConnecWay(id).then(response=>{
        if(response.data.state == 1){
           this.Connectways.splice(index,1)
        }
      })
    },

    UpdateContactform(formName){
       var sort = this.contactform.sort;
       var sorts =  parseInt(sort);
       this.contactform.sort = sorts;
      this.$refs[formName].validate((valid)=>{
        if(valid){
           UpdateContactform(this.contactform.id,this.contactform).then(response=>{
             if(response.data.state == 1){
               var ordmodel = response.data.data.ordmodel;
               var connectway =  response.data.data.connectway;
               this.getOrderModel();
               this.GetUserdModel();
             }
           })
        }
      })
    },
    addConnectways(formName){
      this.$refs[formName].validate((valid)=>{
        if(valid){
          addConnectways(this.contacthreeform).then(response=>{
              if(response.data.state == 1){
                 var connection =  response.data.data.connection;
                 this.getAllConnecWay();
              }
          })
        }
      })
    },
    UpdateHospitalAddress(formName){
          var sort =   this.hospitaladdress.sort;
          var sorts =  parseInt(sort)
          this.hospitaladdress.sort = sorts;
        this.$refs[formName].validate((valid)=>{
          if(valid){
            UpdateHospitalAddress(this.hospitaladdress.id,this.hospitaladdress).then(response=>{
                if(response.data.state ==1){
                   var ordmodel =   response.data.data.ordmodel;
                   var hosaddress = response.data.data.hosaddress;
                   this.getOrderModel();
                   this.GetUserdModel();
                }
            })
          }
        })
    },

    AddMacgicform(formName){
      this.$refs[formName].validate((valid)=>{
        if(valid){
           AddMacgicform(this.macform.id,this.macgicform).then(response=>{
               if(response.data.state == 1){
                 var editmargin = response.data.data.editmargin;
                 this.editImagesVisbile = false;
                 this.getMacImagesDetail();
                 this.macgicform = "";
               }
           })
        }
      })
    },
    deleteMacImagesDetail(id,index){
       deleteMacImagesDetail(id).then(response=>{
            if(response.data.state == 1){
               this.macdataImages.splice(index,1);

            }
       })
    },
   EditMacImages(id){
     getEditMacImageDetail(id).then(response=>{
         if(response.data.state == 1){
           var editmargin =  response.data.data.editmargin;
           console.log("editmargin",editmargin)
           if(editmargin.jumpset == 1){
              this.definefive = true;
           }
           if(editmargin.jumpset == 2){
             this.definefive = false
           } 
           this.editmacform = editmargin;

         }
     })
   },

    getMacImagesDetail(){
       getMacImagesDetail(this.macform.id).then(response=>{
           if(response.data.state == 1){
             this.macdataImages =  response.data.data.editmargin;

           }
       })
    },
    UpdateMacform(formName){
        var sort = this.macform.sort;
         var sorts = parseInt(sort);
         this.macform.sort = sorts;
     this.$refs[formName].validate((valid)=>{
       if(valid){
          UpdateMacform(this.macform.id,this.macform).then(response=>{
             if(response.data.state == 1){
               var model =  response.data.data.model;
               this.getMacImagesDetail();
               this.getQueryNewModel();
               this.getHospitaldata();
             }
          })
       }
     })
    },
    UpdateEditMacform(formName){
      this.$refs[formName].validate((valid)=>{
        if(valid){
          UpdateEditMacform(this.editmacform.id,this.editmacform).then(response=>{
             if(response.data.state == 1 ){
               var editmargin =   response.data.data.editmargin;
               this.getMacImagesDetail();
             }
          })
        }
      })
    },
    getLikeMacAddressById(id){
      getLikeMacAddressById(id,this.linkform).then(response=>{
         if(response.data.state ==1){
           var magiclink =   response.data.data.magiclink;
           this.linkformfive =   response.data.data.magiclink;
           console.log("中秋快乐",magiclink)
         }
      })
    },
    GetArticleName(id){
      GetArticleName(id).then(response=>{
          if(response.data.state == 1){
            var articlelist =  response.data.data.articlelist;
            console.log("文章姓名列表",articlelist)
            this.linkformfive.title = "";
            this.articeTitlelist = articlelist;
          }
      })
    },
    getAllArticelist(){
      GetAllArticelist().then(response=>{
         if(response.data.state == 1){
           var articles =  response.data.data.articles;
           console.log("article是什么",articles)
           this.articeTitlelist = articles;
           this.articeNamelist = articles;
         }
      })
    },

    UpdateLinkAddress(formName){
      //  if(this.linkformfive.instationlink == ""){
      //     this.linkformfive.instationlink = 0;
      //  }
       var instationlink =  this.linkformfive.instationlink;
       var instationlinks =  parseInt(instationlink);
       this.linkformfive.instationlink = instationlinks;
       this.linkformfive.linkaddress = this.linkformfive.instationlink;
       console.log("哈哈哈哈哈哈哈", this.linkformfive.linkaddress)
      this.$refs[formName].validate((valid)=>{
        if(valid){
          UpdateLinkAddress(this.linkformfive.id,this.linkformfive).then(response=>{
              if(response.data.state == 1){
                var magiclink = response.data.data.magiclink;
                var model =  response.data.data.model;
                console.log("magiclink",magiclink)
                console.log("model",model)
                 this.linkVisiblefour = false;
                this.linkformfive.articetype = "";
                this.linkformfive.instationlink = "";
                 this.linkformfive.phone = "";
                  this.linkformfive.outstationlink = "";
                  this.linkformfive.title = "";
                  this.editmacform.marginaddress = magiclink.linkaddress;
               if(model.mode_type == 1){
                  //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                } 
                if(model.mode_type == 2){
                      // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                      this.editmacform.marginaddress = "http://jk.test.sgjyun.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 3){
                      //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/officeIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                       this.editmacform.marginaddress = "http://jk.test.sgjyun.com/#/officeIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                 if(model.mode_type == 4){
                      //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                       this.editmacform.marginaddress = "http:/jk.test.sgjyun.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
               if(model.mode_type == 5){
                      //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 6){
                    // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/news?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                    this.editmacform.marginaddress = "http://jk.test.sgjyun.com/#/news?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                 if(model.mode_type == 7){
                    // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/activity?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                    this.editmacform.marginaddress = "http://jk.test.sgjyun.com/#/activity?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 8){
                    // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }

              }
          })
        }
      })
    },

    AddMacLinkAddress(formName){ 
         if(this.linkformtwo.instationlink == ""){
             this.linkformtwo.instationlink = 0;
         }
         var instationlink =  this.linkformtwo.instationlink;
         var instationlinks =  parseInt(instationlink)
         this.linkformtwo.instationlink = instationlinks;
        //  this.linkformtwo.linkaddress = this.linkformtwo.instationlink;
       this.$refs[formName].validate((valid)=>{
         if(valid){
           AddMacLinkAddress(this.linkformtwo).then(response=>{
                 if(response.data.state == 1){
                    this.linkVisibletwo = false;
                   var magiclink = response.data.data.magiclink;
                   console.log("magiclink",magiclink)
                   var model =  response.data.data.model;
                   console.log("model",model);
                 if(model.mode_type == 1){
                  //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                } 
                if(model.mode_type == 2){
                      // this.macgicform.linkaddress = "http://microweb.kuyicloud.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                      this.macgicform.linkaddress = "http://jk.test.sgjyun.com/#/hospitalIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 3){
                      //  this.macgicform.linkaddress = "http://microweb.kuyicloud.com/#/officeIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                       this.macgicform.linkaddress = "http://jk.test.sgjyun.com/#/officeIntroduction?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                 if(model.mode_type == 4){
                      //  this.macgicform.linkaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                       this.macgicform.linkaddress = "http://jk.test.sgjyun.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
               if(model.mode_type == 5){
                      //  this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 6){
                    // this.macgicform.linkaddress = "http://microweb.kuyicloud.com/#/news?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                    this.macgicform.linkaddress = "http://jk.test.sgjyun.com/#/news?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                 if(model.mode_type == 7){
                    // this.macgicform.linkaddress = "http://microweb.kuyicloud.com/#/activity?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                    this.macgicform.linkaddress = "http://jk.test.sgjyun.com/#/activity?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                if(model.mode_type == 8){
                    // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/medicalTeam?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                }
                 }
           })
         }
       })
    },

    GetLinkAddress(id){
      GetLinkAddress(id).then(response=>{
         if(response.data.state == 1){
           var linkaddress =  response.data.data.linkaddress;
           this.refform = linkaddress;
           console.log("中秋快乐",linkaddress)
         }
      })
    },
    GetAllActivity(){
      GetAllActivity().then(response=>{
         if(response.data.state == 1){
             var activtity = response.data.data.activtity;
             console.log("所有活动",activtity)
            this.articeNamelist = response.data.data.activtity;
         }
      })
    },
    addNavigationlinkform(formName){  
       var navitionlinktype  =  this.navigationlinkform.navitionlinktype;
       console.log("navitionlinktype",navitionlinktype)
       if(navitionlinktype == ""){
            navitionlinktype = 0;
       }
       var navitionlinktype =  parseInt(navitionlinktype)
       this.navigationlinkform.navitionlinktype = navitionlinktype;
       console.log('地址',this.navigationlinkform.navitionlinktype)
    
       if(this.navigationlinkform.phone == ""){
          this.navigationlinkform.phone = '0'+this.navigationlinkform.phone;
       }

       if(this.navigationlinkform.outstationlink == ""){
           this.navigationlinkform.outstationlink = '0'+this.navigationlinkform.outstationlink;
       }

      if(this.navigationlinkform.navitionlinktype == 1){
          //  this.navigationlinkform.linkaddress = "http://microweb.kuyicloud.com/#/microHome?orgid="+this.$store.getters.xt_user.org_id;
           this.navigationlinkform.linkaddress = "http://jk.test.sgjyun.com/#/microHome?orgid="+this.$store.getters.xt_user.org_id;
      }
      if(this.navigationlinkform.navitionlinktype == 2){
          this.navigationlinkform.linkaddress = "http://shop.kuyicloud.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&fxtoken=bdc5659cbd1bd67baa9af215b0d6ae4c&fxorgid=3877&timestamp=1571050598&fxadmin=185&wxref=mp.weixin.qq.com#wechat_redirect";
      }
      if(this.navigationlinkform.navitionlinktype == 3){
        //  this.navigationlinkform.linkaddress = "http://microweb.kuyicloud.com/#/contactus?orgid="+this.$store.getters.xt_user.org_id;
         this.navigationlinkform.linkaddress = "http://jk.test.sgjyun.com/#/contactus?orgid="+this.$store.getters.xt_user.org_id;
      }
     this.$refs[formName].validate((valid)=>{
       if(valid){
          addNavigationlinkform(this.navigationlinkform).then(response=>{
             if(response.data.state == 1){
                this.linkVisible = false;
                var navgationlink =  response.data.data.navgationlink;
                console.log("address",navgationlink); 
              if(navgationlink.phone == "" && navgationlink.outstationlink == ""){
                  this.navigationform.navigationaddress = navgationlink.linkaddress; 
              }       
               if(navgationlink.outstationlink == "" && navgationlink.linkaddress == ""){
                  this.navigationform.navigationaddress = navgationlink.phone; 
               }
               if(navgationlink.phone == "" && navgationlink.linkaddress == ""){
                   this.navigationform.navigationaddress = navgationlink.outstationlink;
               }
               this.navigationform.linkid = navgationlink.id;
               this.navigationform.linktype = navgationlink.linktype;
             }
          })
       }
     })
    },
    SetlinkAddress(id){
      getNavgitionlinkAddress(id).then(response=>{
         if(response.data.state == 1){
           var navgationlink = response.data.data.navgationlink;
           console.log("navgationlink是什么",navgationlink)
           this.editnavigationlinkform = navgationlink;
           this.editnavigationlinkform.id = navgationlink.id;

          if(navgationlink.linktype == 1){
             this.definetwo = false;
             this.definethree = false;
             this.definefour = false;
          }

           if(navgationlink.linktype == 2){
             this.definethree = false;
              this.definefour = false;
              this.definetwo = true;
           }
           if(navgationlink.linktype == 3){
             this.definetwo = false;
              this.definefour = false;
              this.definethree = true;
           }
           if(navgationlink.linktype == 4){
             this.definetwo = false;
              this.definethree = false;
              this.definefour = true;
           }
         }
      })
    },
    UpdateEditNavigationLinkform(formName){   
          
      
           if(this.editnavigationlinkform.navitionlinktype == ""){
               this.editnavigationlinkform.navitionlinktype = 0;
           }
           var navigationlinktype = this.editnavigationlinkform.navitionlinktype;
            console.log("navigationlinktype",navigationlinktype)
          var navigationlinktypes =  parseInt(navigationlinktype)
         this.editnavigationlinkform.navitionlinktype = navigationlinktypes;

         if(this.editnavigationlinkform.navitionlinktype == 1){
            // this.editnavigationlinkform.linkaddress = "http://microweb.kuyicloud.com/#/microHome?orgid="+this.$store.getters.xt_user.org_id;
             this.editnavigationlinkform.linkaddress = "http://jk.test.sgjyun.com/#/microHome?orgid="+this.$store.getters.xt_user.org_id;
         }
         if(this.editnavigationlinkform.navitionlinktype == 2){
            this.editnavigationlinkform.linkaddress = "http://shop.kuyicloud.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&fxtoken=bdc5659cbd1bd67baa9af215b0d6ae4c&fxorgid=3877&timestamp=1571050598&fxadmin=185&wxref=mp.weixin.qq.com#wechat_redirect";
            // this.editnavigationlinkform.linkaddress = "http://shop.kuyicloud.com/app/index.php?i=2&c=entry&m=ewei_shopv2&do=mobile&fxtoken=bdc5659cbd1bd67baa9af215b0d6ae4c&fxorgid=3877&timestamp=1571050598&fxadmin=185&wxref=mp.weixin.qq.com#wechat_redirect";
         }
         if(this.editnavigationlinkform.navitionlinktype == 3){
          //  this.editnavigationlinkform.linkaddress = "http://microweb.kuyicloud.com/#//contact?orgid="+this.$store.getters.xt_user.org_id;
           this.editnavigationlinkform.linkaddress = "http://jk.test.sgjyun.com/#//contact?orgid="+this.$store.getters.xt_user.org_id;
         }

        
      
      this.$refs[formName].validate(response=>{       
         UpdateEditNavigationLinkform(this.editnavigationlinkform.id,this.editnavigationlinkform).then(response=>{
             if(response.data.state == 1){
                 this.dialogVisible = false;
                var navgationlink = response.data.data.navgationlink;
                this.editNavigationform.linkid = navgationlink.id;
                 this.editNavigationform.linktype =  navgationlink.linktype;
                console.log("navgationlink",navgationlink)
                console.log(this.editNavigationform.linkid)
                if(navgationlink.outstationlink == "" && navgationlink.phone == ""){
                    this.editNavigationform.navaddress = navgationlink.linkaddress;
                }
                if(navgationlink.linkaddress == "" && navgationlink.outstationlink == ""){
                     this.editNavigationform.navaddress = navgationlink.phone;
                }
                if(navgationlink.linkaddress == "" && navgationlink.phone == ""){
                   this.editNavigationform.navaddress = navgationlink.outstationlink;
                }
             }
         })
      })
    },

      scrollToTop() {
        this.scrollTop = document.getElementById('target').scrollTop
        this.scrollTop = document.getElementById('targettwo').scrollTop
        this.scrollTop = document.getElementById('targetthre').scrollTop
        this.scrollTop = document.getElementById('targetfour').scrollTop
        this.scrollTop = document.getElementById('targetfive').scrollTop
        this.scrollTop = document.getElementById('targetsix').scrollTop
      },
      backTop() {
        this.timer = setInterval(()=>{
          this.scrollToTopTimer()
        },20)
      },
      scrollToTopTimer() {
        let scrollTop = this.scrollTop
        console.log("scrollTop是什么?",scrollTop)
        if(scrollTop > 0) {
          scrollTop -= 100
          if(scrollTop <= 0) {
            scrollTop = 0
            clearInterval(this.timer)
          }
        }
        document.getElementById('target').scrollTop = scrollTop
        document.getElementById('targettwo').scrollTop = scrollTop
        document.getElementById('targetthree').scrollTop = scrollTop
        document.getElementById('targetfour').scrollTop = scrollTop
        document.getElementById('targetfive').scrollTop = scrollTop
        document.getElementById('targetsix').scrollTop = scrollTop
      },
       getQueryDocInfo(){
        getQueryDocInfo().then(response=>{
              if(response.data.state==1){
                 this.docnames = response.data.data.doctor;
                 console.log("获取医生信息",response.data.data.doctor)
              }
        })
      },

      change(id){
        change(id).then(response=>{
            if(response.data.state == 1){
              var docinfo =  response.data.data.docinfo;
              this.eidtDoctorform = response.data.data.docinfo;
             console.log("编辑医生返回数据",docinfo);

            }
        })
      },

      AddDoctorInfoTwo(formName){
          var sort = this.eidtDoctorform.sort;
          var sorts =  parseInt(sort);
          this.eidtDoctorform.sort = sorts;
          console.log("排序值",sorts)
         this.$refs[formName].validate((valid)=>{
           if(valid){
             AddDoctorInfoTwo(this.doctorform.modleid,this.eidtDoctorform).then(response=>{
                if(response.data.state == 1){
                  this.centerDialogVisible = false;
                  var editdoctor =   response.data.data.editdoctor;
                  this.docimages = response.data.data.editdoctors;
                }
             })
           }
         })
      },
      GetNavigationData(){
        GetNavigationData().then(response=>{
            if(response.data.state == 1){
             var navigation =  response.data.data.navigation;
             for (let index = 0; index < navigation.length; index++) {
               navigation[0].nonavimages = "https://images.shengws.com/2089_o_1571990714383.png";
               
             }
             console.log("navigation是设么",navigation)
              this.navigationdatatwo = navigation;
            }
        })
      },
      getAllModelTitle(){
        getAllModelTitle().then(response=>{
            if(response.data.state == 1){
             var patientModels = response.data.data.patientModels;
             this.modelTtile = patientModels;
             console.log("模块标题是什么",patientModels)
          }
        })
      },
      callPhone(title,address){
        if(title == "首页"){
          this.modelshow = false
          this.modelshowtwo = true;
          this.getHospitaldata();
        }

        if(title == "联系我们"){  
            this.modelshowtwo = false;
           this.modelshow = true;
           this.getOrderModel();
        }
        if(title == "在线客服"){
           window.location.href = 'tel://'+address+'';
        }
        
        if(title == "微商城"){
            window.location.href = address;
        }    
      },    
      GetDoctorDetail(id){
        this.docshow = false;
        this.docshowinfo = true;
        this.returnshow = true;
        GetDoctorDetail(id).then(response=>{
           if(response.data.state ==1){
              var editdoctor =  response.data.data.editdoctor;
              if(editdoctor.doc_postion == 1){
                editdoctor.doc_postion = "医士"
              }
               if(editdoctor.doc_postion == 2){
                editdoctor.doc_postion = "医师"
              }
               if(editdoctor.doc_postion == 3){
                editdoctor.doc_postion = "住院医生"
              }
               if(editdoctor.doc_postion == 4){
                editdoctor.doc_postion = "主治医生"
              }
               if(editdoctor.doc_postion == 5){
                editdoctor.doc_postion = "副主任医生"
              }
               if(editdoctor.doc_postion == 6){
                editdoctor.doc_postion = "主任医师"
              }
               if(editdoctor.doc_postion == 7){
                editdoctor.doc_postion = "护士"
              }
               if(editdoctor.doc_postion == 8){
                editdoctor.doc_postion = "护师"
              }
               if(editdoctor.doc_postion == 9){
                editdoctor.doc_postion = "主管护师"
              }
               if(editdoctor.doc_postion == 10){
                editdoctor.doc_postion = "副主任护师"
              }
               if(editdoctor.doc_postion == 11){
                editdoctor.doc_postion = "主任护师"
              }
              this.editdoctor = editdoctor;
              
              console.log('医生详情是',editdoctor)
           }
        })
      },
      
      GetArticleListDetail(id){
         this.ArticlelistShow = false;
         this.articlelistshowinfo = true;
            this.returnshow = true;
         GetArticleListDetail(id).then(response=>{
           if(response.data.state ==1){
             var articles = response.data.data.articles;
             console.log("articels",articles)
             this.articlistinfo = articles;
           }
         })
      },

      ActivitiesListInfo(id){
        this.ActivitieslistShow = false;
         this.activitesShowinfo = true;
         this.returnshow = true;
        ActivitiesListInfo(id).then(response=>{
            if(response.data.state == 1){
                var activity =   response.data.data.activity
                console.log("activity",activity)
                this.activitiesInfo = activity;
            }
        })
      },

      // returnClick(){
      //    this.docshowinfo = false;
      //    this.articlelistshowinfo = false;
      //    this.activitesShowinfo = false;
      //    this.returnshow = false;
      //    this.docshow = true;
      //    this.ArticlelistShow = true;  
      //    this.ActivitieslistShow = true;
      // }

  },
  destroyed(){
    clearInterval(this.timer)
      document.getElementById('target').removeEventListener('scroll', this.scrollToTop);
      document.getElementById('targettwo').removeEventListener('scroll', this.scrollToTop);
      document.getElementById('targetthree').removeEventListener('scroll', this.scrollToTop);
      document.getElementById('targetfour').removeEventListener('scroll', this.scrollToTop);
      document.getElementById('targetfive').removeEventListener('scroll', this.scrollToTop);
      document.getElementById('targetsix').removeEventListener('scroll', this.scrollToTop);
  },
  created(){
    this.GetUserdModel();
    this.getQueryNewModel();
    this.getHospital();
    this.getNavigationList();
    this.getShareInfo();
    this.getHospitaldata();
    this.getOrderModel();
    this.GetRotationImages();
    this.getEditImages();
    this.getActivities();
    this.getArticlelist();
    this.getArticleType();
    this.getEnImages();
    this.getAllConnecWay();
    this.getEnImagesTwo();
    this.getEnImagesThree();
    this.getMacImagesDetail();
    this.getAllArticelist();
    this.GetAllActivity();
    this.GetNavigationData();
    this.getAllModelTitle();
    },
    // 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 ycontent = document.getElementById('ycontent');

    //     let ximgs = ycontent.getElementsByTagName('img');

    //     for(let j=0;j<ximgs.length;j++){
    //       ximgs[j].style.width = '332px';
    //       ximgs[j].style.height = '100px';
    //     }
    //   },
    mounted(){
      this.qrcode();
      this.initSwiper(); 
    },
    updated(){
       this.initSwiper();
      //  this.$previewRefresh();
    }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
    @import "../../assets/styles/mixin.scss";
     .done{
       position: absolute;
       width: 80px;
       height: 20px;
      //  border:solid 1px red;
       margin-left: 430px;
       margin-top: 460px;
       font-size: 14px;
     }

      .done2{
        position: absolute;
        width: 80px;
       height: 20px;
      //  border:solid 1px red;
       margin-left: 430px;
       margin-top: 510px;
       font-size: 14px;
     }

       .dfont2{
         position: absolute;
         width: 40px;
         height: 40px;
        //  border:solid 1px red;
         margin-left: 390px;
         margin-top: 500px;

     }

     .dfont{
       position: absolute;
       width: 40px;
       height: 40px;
      //  border:solid 1px red;
       margin-top: 450px;
       margin-left: 390px;
      //  margin-left: 380px;
      //  margin-top: -200px;

     }
      .dfon{
       position: absolute;
       width: 70px;
       height: 20px;
     //  border:solid 1px red;
       margin-top: 675px;
       margin-left: 920px;
     }

     .dtwo{
       position: absolute;
       width:50px;
       height: 50px;
    //   border:solid 1px red;
       margin-top: 670px;
     }


     .used {
       ul {
        li {
         height: 44px;
         line-height: 44px;
         font-size: 14px;
         display: flex;
         color: #606266;
         align-items: center;
         justify-content: space-between;
         border-bottom: 1px solid #e4e7ed;
       i {
        font-size: 19px;
        margin: 0 6px;
        cursor: pointer;
      }
    }
  }
}

     .el-row {
       margin-bottom: 20px;
       &:last-child {
       margin-bottom: 0;
     }
  }
   .el-col {
     border-radius: 4px;
   }
   .qrcode{
     position: absolute;
     width: 110px;
     height: 110px;
    //  border: solid 1px red;
     margin-left: 400px;
     margin-top: 50px;
   }
   .share{
     position: relative;
     width: 350px;
     height: 720px;
     border: solid 1px black;
    //  margin-left: -10px;
     margin-top: 10px;

    margin-left: 100px;
   }

   .share2{
     position: absolute;
     width: 348px;
     height: 50px;
    //  border: solid 1px red;
     background-color: #333333;
     color: white;
   }

   .share3{
     position: absolute;
     margin-left: 150px;
     margin-top: 15px;
   }
    .wrapper {
        width: 314px;
       // border: solid 1px green;
        height: 660px;
    }
     .more{
       position: absolute;
       font-size: 14px;
       color:black;
       margin-left: 220px;
       margin-top: -22px;
     }
.one{
  display: flex;
  justify-content: space-around;
}
  .phone{
   float: left;
   width: 380px;
   height: 750px;
   background: url(../../assets/img/phone.png) 50% no-repeat;
   margin-top: -8px;
  //  border:solid 1px red;
  }
  .macgic{
     @include border-top;
    position: absolute;
    width: 319px;
    height:60px;
    background-color: white;
    // border: solid 1px #333333;
    // margin-left: 32px;
    margin-top: 652px;
    z-index: 999;
    // border:solid 1px red;
  }
  .macgicone{
    // position: absolute;
    width: 30px;
    height: 50px;
    // border: solid 1px red;
    margin-top: 10px;
    margin-left: 40px;
    display: inline-block;
  }
  .macgicfive{
    width:  28px;
    height: 20px;
    // border: solid 1px blue;
    margin-bottom: 8px;
  }
  .macgictwo{
    position: absolute;
    width: 30px;
    height: 30px;
    // border:solid 1px red;
    margin-top:15px;
    margin-left:100px;
  }
  .macgicsix{
    position: absolute;
    width: 60px;
    height: 20px;
    // border:solid 1px red;
    font-size: 14px;
    margin-left: -15px;
    text-align: center;
    // margin-left: 5px;
  }

  .macgicthree{
    position: absolute;
    width: 30px;
    height: 30px;
    // border:solid 1px red;
    margin-left: 170px;
    margin-top: 15px;
  }

  .macgicfour{
    position: absolute;
    width:30px;
    height: 30px;
    // border:solid 1px red;
    margin-left: 240px;
    margin-top: 15px;
  }

 .time{
   width: 34px;
   height: 20px;
   margin-top: 44px;
   margin-left: 55px;
   font-size: 8px;
 }
 .xinhao{
   width: 50px;
   height: 50px;
   background: url(../../assets/img/xinhao.png) 30% no-repeat;
   margin-top: -40px;
   margin-left: 270px;
   background-size: 15px;
 }

 .wifi{
    background: url(../../assets/img/wifi.png) 30% no-repeat;
    width: 70px;
    height: 60px;
    background-size: 10px;
    margin-top: -55px;
    margin-left: 280px;
 }
 .dian{
   background: url(../../assets/img/dian.png) 30% no-repeat;
   width: 70px;
   height: 60px;
   background-size: 12px;
   margin-top: -58px;
   margin-left: 300px;
 }

 .mint-swipe{
   height: 200px;
   width: 318px;
   top:-22px;
 }
 .mint-swipe-item{
   &:nth-child(1){
     background-color: white;
   }
   &:nth-child(2){
     background-color: white;
   }
   &:nth-child(3){
     background-color: white;
   }
 }

  .lunimage{
    width: 390px;
    height: 180px;
   // border:solid 1px red;
    margin-left: -40px;
  }
 .scroll{
   margin-left: 33px;
   width: 314px;
   height: 660px;
   border: 1px;
   margin-top:-22px;
   overflow-y: auto;
   position: absolute;
  //  border: 1px solid red;
 }
  ::-webkit-scrollbar{width:0px;}
  ::-webkit-scrollbar-track{background-color:white;}
  ::-webkit-scrollbar-thumb{background-color:white;}
  ::-webkit-scrollbar-thumb:hover {background-color:white}
  ::-webkit-scrollbar-thumb:active {background-color:white}

    #new{
      position: relative;
      width: 150px;
      height: 200px;
      border: solid red;
      margin-top: -50px;
    }
   officexiangqing{
      position: relative;
     width: 315px;
     height: 650px;
    border: 1px solid red;
     margin-left: 32px;
     margin-top: -22px;
     font-size: 14px;
     overflow-y: auto;
     color: black;
   }

    .backindex{
      width: 50px;
      height: 50px;
      border: solid 1px red;
      background-color: red;
      margin-left: 850px;
      margin-top: 350px;
    }
   .myjsfont{
     font-size: 14px;
     margin-top: -125px;
     margin-bottom: 100px;
     margin-left: 8px;
     color: #FF6600;
   }

   .addbutton{
     width: 104px;
     height: 40px;
     font-size: 14px;
     color: #FF6600;
     margin-top: 50px;
     margin-left: 150px;
    //  border: solid 1px red;
   }

   .addbuttontwo{
     width: 104px;
     height: 40px;
     font-size: 14px;
     color: #FF6600;
     margin-top: 300px;
     margin-left: 120px;
   }

    //编辑名医样式
  .avatar-uploader{
    border: 1px dashed #d9d9d9;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    width: 100px;
    height: 100px;
    border-color: #409EFF;
    // text-align: center;
    // font-size: 14px;
  }
  .avatar-uploader-icon {
    font-size: 28px;
    color: #8c939d;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-left: 25px;
    margin-top: 25px;
    text-align: center;
  }


  // 样式

    .clickmore{
      width: 200px;
      height: 200px;
      border: solid 1px red;
    }

    .parent{
      width: 320px;
      height: 230px;
      /* background-color:  rgba(204, 204, 204, 1); */
    }

    .box{
      width: 320px;
      height: 8px;
      background-color: rgba(204, 204, 204, 1);
    }
    .modeone{
      width:318px;
      height: 9.4375rem;
      // border:solid 1px red ;
    
   }

    .oldmodeone{
       font-size: 1rem;
       font-weight: 600;
        color: rgba(7, 18, 40, 1);
        width: 318px;
        height: 100%;
        // border: solid 1px red;
        margin-bottom: 5px;
        line-height: 2.375rem;
    }
    .swipertwo{
      width:318px;
      height: 9.4375rem;
      margin-top: 25px;
      // border:solid 1px red;
    }

    .modetwo{
      width: 320px;
      // border:solid 1px red;
      // height: 250px;
      // border:solid 1px red;
      /* border: solid 1px red;   */
      /* background-color: red; */
    }
    .modethree{
       width: 320px;
      // height: 230px;
      // /* border: solid 1px blue;   */
      // /* background-color: blue; */
    }

    .modefour{
      width:320px;
      height: 230px;

    }

    .modefive{
         width:320px;
         height: 200px;
        //  border: solid 1px red;
       }

    .modesix{
      width:320px;
      min-height: 250px;
      // border: solid 1px red;
      margin-bottom: 5px;
    }

    .modeseven{
      width:320px;
      min-height: 250px;
      margin-bottom: 5px;
    }

    .actilist{
      width:300px;
      height: 90px;
      // border:solid 1px red;
      margin-left: 5px;

    }

      .acthead{
        width: 80px;
        height: 80px;
        // border: solid 1px red;
        margin-left: 5px;
        margin-top: 5px;
    }

    .actcontent{
      width: 200px;
      height: 80px;
      // border: solid 1px red;
      margin-left: 90px;
      margin-top: -82px;
    }

    .actname{
      width:190px;
      height: 16px;
      // border:solid 1px red;
      margin-left: 5px;
      margin-top: 10px;
      font-size: 14px;
      overflow: hidden;
       text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
    .actcomments{
      width: 190px;
      height: 20px;
      // border:solid 1px red;
      margin-left: 5px;
      margin-top: 2px;
      font-size: 14px;
    }

    .progress{
     width:190px;
     height: 20px;
    //  border:solid 1px red;
     margin-left: 5px;
     margin-top: 2px;
     font-size: 14px;
    }


    .modeeight{
      width: 314px;
      height:100%;
      // border:solid 1px red;
    }
    .block{
      width: 60px;
      display: inline-block;
      // border:solid 1px blue;
      height: 80px;
      margin-left:10px;
      margin-right: 2px;
      vertical-align: top;
      margin-top: 5px;
    }
    .macimg{
      width: 46px;
      height: 50px;
      // border:solid 1px red;
      margin-top: 2px;
      margin-bottom: 5px;
      margin-left: 4px;
    }
    #macimgtwo{
      width:58px;
      height:18px;
      font-size:14px;
      position:absolute;
      // overflow:hidden;
      // border: solid 1px red;
      text-align: center;
      margin-left: -1px;
    }

     .mac{
       position: absolute;
       width: 300px;
       height: 70px;
      //  border:solid 1px red;
       margin-left: 5px;
    }
    .mactwo{
      position: absolute;
      width: 60px;
      height: 70px;
      // border: solid 1px red;
      left: 80px;
    }

    .macthree{
      position: absolute;
      width: 60px;
      height: 70px;
      // border: solid 1px red;
      left: 155px;
    }

    .macfour{
      position: absolute;
      width: 60px;
      height: 70px;
      // border: solid 1px red;
      left: 230px;
    }

    .macone{
      position: absolute;
      width: 60px;
      height: 70px;
      // border: solid 1px red;
      left: 5px;
    }

    .definemac{
      position: absolute;
      width: 300px;
      height: 70px;
      border: solid 1px red;
      margin-top: 75px;
      margin-left: 5px;
    }
    .definemacone{
      position: absolute;
      width: 60px;
      height: 70px;
      border:solid 1px red;
      left: 5px;
      float: left;
    }

    .deone{
      width:45px;
      height: 45px;
      // border:solid 1px red;
      margin-left: 8px;
      margin-top: 5px;
    }

    .detwo{
       width:60px;
       height: 20px;
      // border: solid 1px red;
      margin-top: 2px;
      font-size: 14px;
      text-align: center;
      // font-size: 14px;
      // color: black;
    }

    .dethree{
       font-size: 14px;
      //  color: black;
       font-family: Arial, Helvetica, sans-serif;
    }

    .picone{
      width: 45px;
      height: 45px;
      // border: solid 1px red;
      margin-left: 8px;
      margin-top: 5px;
    }

    .pictwo{
      width:60px;
      height: 20px;
      // border: solid 1px red;
      margin-top: 2px;
      font-size: 14px;
      text-align: center;
    }


     .logo{
       position: absolute;
       margin-left: 280px;
       margin-top: -16px;
     }
     .kefont{
       font-size: 14px;
       color: red;
       margin-left: 8px;
       margin-top: -20px;
     }

     .more{
       position: absolute;
       font-size: 14px;
       color:black;
       margin-left: 220px;
       margin-top: -15px;
     }

     .hoscontent{
      height:auto!important;
      height:200px;
      min-height:200px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      // border: solid 1px red;
      margin-top: 7px;
     }

    .xcontent{
      height:auto!important;
      height:200px;
      min-height:200px;
      font-size: 14px;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 6;
      -webkit-box-orient: vertical;
      // border: solid 1px red;
      margin-top: 7px;
    }


    #yycontent{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 6;
     -webkit-box-orient: vertical;
   }

    #zzcontent{
      overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 5;
     -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: 310px;
     height: 92px;
    //  border: solid 1px blue;
     background-color: rgba(242, 242, 242, 1);
     margin-top: 5px;
     margin-left: 3px;
   }
   .docimage{
     width: 80px;
     height: 80px;
     margin-left: 10px;
     padding-top: 5px;
   }
   .doctitle{
     width: 80px;
     height: 20px;
    //  border: solid 1px blue; 
     float: right;
     margin-right: 120px;
     margin-top: -75px;
     font-size: 14px;
   }

   .doccontent{
     width: 180px;
     height: 34px;
    //  border: solid 1px red; 
     margin-top: -50px;
     margin-left: 108px;
     font-size: 14px;
     overflow: hidden;
     
   }
   .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;
     }

     .docone{
       width:310px;
       height:100px;
      //  border: solid red 1px;
       margin-left: 5px;
      overflow: hidden;
     }

     .doctwo{
       width:80px;
       height: 80px;
      //  border:  solid red 1px;
       margin-top: 10px;
       margin-left: 5px;
     }

     .docthree{
       width: 50px;
       height: 20px;
      //  border:solid red 1px;
       margin-left: 100px;
       margin-top: -75px;

     }
     .docfour{
       font-size: 14px;
     }

     .docfive{
       width:200px;
       height: 50px;
      //  border:solid 1px red;
       margin-left: 100px;
       margin-top: 5px;
     }
     .docsix{
       font-size: 14px;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical
     }

    .xxcontent{
      overflow: hidden;
      text-overflow: ellipsis;
       display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
   }

     #wrappertwo{
     width: 50%;
   }
      #wrapperthree{
       width: 50%;
       margin-top: 5px;
   }

   .swiperimages{
     width: 320px;
     height: 150px;
    //  border: solid 1px red;
     margin-top: 20px;
     z-index: 999;
   }

   #swiperimagestwo{
     width:314px;
     height: 150px;
     margin-top: 20px;
     overflow: hidden;
    //  border: solid 1px red;
   }

   .navigationone{
     position: relative;
     width: 330px;
     height: 50px;
     border: solid 1px  rgba(242, 242, 242, 1);
     margin-top: 10px;
     margin-left: 10px;
   }
   .navigacontent{
     position: relative;
     width:348px;
     height: 670px;
     border:solid 0.1px rgba(242, 242, 242, 1);
     margin-top: 50px;
   }
   .navitwo{
     width: 35px;
     height: 35px;
    //  border: solid 1px blue;
     margin-top: 7px;
     margin-left: 20px;
   }

   .navithree{
     width:120px;
     height: 30px;
     margin-left: 60px;
     margin-top: -25px;
     font-size: 14px;
   }

   .navifour{
     width: 30px;
     height: 30px;
     margin-left: 230px;
     margin-top: -27px;
    //  border: solid 1px red;
   }

    .navifive{
     width: 30px;
     height: 30px;
     margin-left: 260px;
     margin-top: -30px;
    //  border: solid 1px red;
   }

   .sharecontent{
     width:345px;
     height: 245px;
    //  border:  solid 1px red;
   }

   .shareexam{
     width:120px;
     height:23px;
    //  border: solid 1px red;
     margin-top: 10px;
     margin-left: 10px;
   }

  .shareimg{
    width:347px;
    height:190px;
    // border:solid 1px red;
    background-color:rgba(242, 242, 242, 1);
  }
  .sharetwoimg{
    position: absolute;
    width:250px;
    height: 160px;
    // border:solid 1px red;
    margin-left: 10px;
    margin-top: 15px;
    background-color: #d9d9d9;
    border-radius: 5%;
  }
  .triangle{
     margin: 0px;
     border-width: 10px;
     border-style: solid;
     border-color: #d9d9d9 transparent transparent;
     padding: 0px;
     width: 0px;
     height: 0px;
     left: 260px;
     top: 70px;
     position: absolute;
     transform:rotate(270deg);
  }

  .sharepic{
    position: absolute;
    width: 50px;
    height: 50px;
    // border: 1px solid red;
    margin-left: 280px;
    margin-top: 20px;
  }

  .sharefont{
    position: absolute;
    width:220px;
    height: 65px;
    // border: solid 1px red;
    left: 10px;
    top: 15px;
  }
  .sharefontone{
    font-size: 16px;
    font-weight: 100;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
  }

  .sharethree{
   position: absolute;
   width: 150px;
   height: 70px;
  //  border:solid 1px red;
   top: 75px;
   left: 10px;
  }

  .sharefour{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
  }

  .sharefive{
   position: absolute;
   width: 65px;
   height: 70px;
  //  border: 1px solid red;
   top: 75px;
   left:165px;
  }

  .inputone{
    position: relative;
    width: 70px;
    height: 25px;
    // border: solid 1px red;
    top:30px;
    left:10px;
  }

  .inputfont{
    font-size: 14px;
  }
  .inputwo{
    position: relative;
    width: 330px;
    height: 40px;
    // border: solid 1px red;
    left: 10px;
    top: 40px;
  }


  .inputhree{
    position: relative;
    width: 70px;
    height: 25px;
    // border: solid 1px red;
    top:50px;
    left:10px;
  }

  .inpufive{
    position: relative;
    width: 330px;
    height: 40px;
    // border: solid 1px red;
    left: 10px;
    top: 60px;
  }
   .inputsix{
    position: relative;
    width: 330px;
    height: 40px;
    // border: solid 1px red;
    left: 10px;
    top: 70px;
  }

  .inputserven{
    position: relative;
    width:100px;
    height: 100px;
    // border: solid 1px red;
    top: 50px;
    left:120px;
  }

  .inputten{
    position: absolute;
    width:100px;
    height:100px;
    // border: solid 1px red;
    margin-top: 50px;
    margin-left: 10px;
  }

  .returnpage{
    position: absolute;
    width: 50px;
    height: 50px;
    border:solid 1px rgb(255, 252, 252);
    background-color: rgba(255, 255, 255, 1);
    margin-top: 190px;
    margin-left: 298px;
  }

  .returnimages{
    position: absolute;
    width: 20px;
    height: 20px;
    // border: solid 1px red;
    left: 13px;
    top: 5px;

  }

  .reback{
    position: absolute;
    width:50px;
    height: 50px;
    border:solid 1px rgb(255, 252, 252);
    margin-left: 298px;
    margin-top: 250px;
    // margin-left: 298px;
    // margin-top: -390px;
    background-color: rgba(255, 255, 255, 1);
  }
  .rebackone{
    position: absolute;
    width:20px;
    height: 20px;
    // border: solid 1px red;
    left: 13px;
    top:5px;
  }
  .reindexone{
    position: absolute;
    width:20px;
    height: 20px;
    // border: solid 1px red;
    left:13px;
    top:5px;
  }

  .rebacktwo{
    position: absolute;
    width: 30px;
    height: 20px;
    // border:solid 1px red;
    left: 10px;
    top: 28px;
    font-size: 14px;
    color: #FF6600;
  }

  .reindextwo{
    position: absolute;
    width: 30px;
    height: 20px;
    left: 10px;
    top:28px;
    font-size: 14px;
    color: #FF6600;

  }
  .reindex{
    position: absolute;
    width: 50px;
    height: 50px;
    border: solid 1px rgba(255, 255, 255, 1);
    background-color: solid 1px rgba(255, 255, 255, 1);
    margin-left: 300px;
    margin-top: 310px;
  }

   .oldmodetwo{
    width: 300px;
    height: 100%;
    /* border: solid 1px red; */
    // margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600;
    color: rgba(7, 18, 40, 1);
    line-height: 2.375rem;
  }

   .oldmodefour{
    width: 300px;
    height: 30px;
    /* border:solid 1px red; */
    // margin-bottom: 5px;
    font-size: 1rem;
    font-weight: 600;
    color: rgba(7, 18, 40, 1);
    line-height: 2.375rem;
  }

   .oldmodethree{
    width: 300px;
    height: 100%;
    /* border:solid 1px red; */
    font-size: 14px;
    // margin-bottom: 10px;
     font-size: 1rem;
    font-weight: 600;
    color: rgba(7, 18, 40, 1);
    line-height: 2.375rem;
  }

  .oldmodefive{
    width:315px;
    height: 200px;
    /* border: solid 1px red; */
    margin-bottom: 5px;
  }

   .addrot{
     width: 100px;
     height: 100px;
     border: dashed 1px #409EFF;
   }

   .addrotone{
    font-size: 30px;
    width:50px;
    height: 50px;
    // border: solid 1px red;
    margin-left: 35px;
    margin-top: 35px;
  }
  .addrotwo{
    width:60px;
    height: 30px;
    // border: solid 1px #409EFF;
    margin-left: 25px;
    margin-top: -25px;
  }


   .el-upload-list--picture-card .el-upload-list__item {
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #c0ccda;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100px;
    height: 100px;
    margin: 0 8px 8px 0;
    display: inline-block;
   }

   .flex-img__image{
     width: 100%;
     height: 100%;
   }

    .addpicrot{
     width: 100px;
     height: 100px;
     border: dashed 1px #409EFF;
   }

  .addpicones{
    width: 30px;
    height: 30px;
    // border: solid 1px red;
    margin-top: 30px;
    margin-left: 30px;
    font-size: 30px;
  }
   .addpictwos{
    width: 70px;
    height: 30px;
    font-size: 14px;
    // border: solid 1px red;
    margin-left: -8px;
    margin-top: -10px;
  }

 .avatar{
   width:100px;
   height: 100px;
 }

 .tpic{
    margin-left: 50px;

  }

 .map {
    width: 100%;
    height: 400px;
  }

 .yangshi{
    font-size: 14px;
    margin-top: 25px;
  }
   .tips {
    font-size: 12px;
    line-height: 18px;
  }

  .tipstwo{
    width:300px;
    height: 20px;
    // border:solid 1px red;
    margin-left: 90px;
  }

  .modelshowtwo{
    width: 100%;
    height: 100%;
    // border: solid 1px red;
  }

  .docheadimages{
    width: 100%;
    height: 80px;
    // border:solid 1px red;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
  }

  .doctorhead{
    position: absolute;
    width: 60px;
    height: 60px;
    // border: solid 1px red;
    margin-left: 10px;
    margin-top: 10px;
  }

  .doctorname{
    position: absolute;
    width: 100px;
    height: 20px;
    // border:solid 1px red;
    margin-top: 15px;
    margin-left: 80px;
    font-size: 14px;
  }

  .docposition{
    position: absolute;
    width: 100px;
    height: 20px;
    // border:solid 1px red;
    margin-top: 40px;
    margin-left: 80px;
    font-size: 14px;
  }

  .doctorintroduction{
    margin-left: 15px;
    height: 20px;
    // border:solid 1px red;
    margin-bottom: 5px;
    font-size: 14px;
  }

  .doctorintroductiontwo{
    margin-left: 16px;
    height: 100%;
    // border:solid 1px red;
    font-size: 14px;
  }

  .articletitle{
    width: 100%;
    height: 20px;
    font-size: 20px;
    // border:solid 1px red;
    // margin-left: 50px;
    margin-left: 100px;
    margin-top: 5px;
    vertical-align: center;
  }
  .aticlecontent{
    width: 100%;
    height: 100%;
    font-size: 14px;
  }

  .activitesimages{
    width: 100%;
    height: 200px;
    // border:solid 1px red;
  }
  .activitestitle{
    width: 100%;
    min-height: 20px;
    // border:solid 1px red;
    font-size: 14px;    
  }

.banner {
  height: 9.4375rem;
  border:solid 1px red;
}

.btnList {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  //   height: 180px;
  margin-top: 1.25rem;
  // border:solid 1px yellow;
}

.btnOne {
  display: block;
  width: 25%;
  text-align: center;
  height: 5rem;
  img {
    margin-bottom: 0.3125rem;
    text-align: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 50%;
  }
  .title {
    width: 100%;
    height: 1.125rem;
    line-height: 1.125rem;
    font-size: 0.875rem;
    text-align: center;
  }
}

.dynamic {
  margin-top: 3.0625rem;
  // border: solid 1px red;
}

.common_title {
  width: 20.9375rem;
  height: 1.125rem;
  margin: 0 auto;
}
.dynamicTxt {
  float: left;
  width: 6rem;
  height: 1.125rem;
  line-height: 1.125rem;
  font-size: 1.125rem;
  font-weight: 600;
  color: rgba(7, 18, 40, 1);
}
.one {
  margin-top: 0.125rem;
  margin-right: 0.375rem;
  float: left;
  width: 0.125rem;
  height: 0.875rem;
  background: linear-gradient(
    0deg,
    rgba(114, 182, 253, 1),
    rgba(52, 119, 254, 1)
  );
  box-shadow: 0px 3px 12px 0px rgba(60, 127, 254, 0.2);
  border-radius: 3px;
}

.dymore {
  float: right;
  margin-right: 20px;
  p {
    color: #b6bac1;
    height: 1.125rem;
    line-height: 1.125rem;
  }
}

.contentOne {
  margin: auto;
  margin-top: 1.125rem;
  width: 20.875rem;
  height: 7.4375rem;
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
  padding-left: 1rem;
  padding-top: 1.125rem;
  box-sizing: border-box;
  .img {
    float: left;
    width: 5rem;
    height: 5rem;
    img {
      border-radius: 0.75rem;
    }
  }
  .detail {
    float: left;
    margin-left: 0.8125rem;
    width: 13.125rem;
    .detailTitle {
      margin-top: 8px;
      font-size: 15px;
      margin-top: 0.5rem;
      width: 12.6875rem;
      height: 1rem;
      line-height: 1rem;
      font-size: 0.9375rem;
      font-weight: 600;
      color: rgba(7, 18, 40, 1);
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
    }
    .detailMessage {
      margin-top: 0.25rem;
      width: 13.25rem;
      height: 3.3rem;
      font-size: 0.75rem;
      font-weight: 400;
      color: rgba(155, 155, 155, 1);
      line-height: 1.125rem;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      // border: solid 1px red;
    }
  }
  // border: solid 1px red;
}

.common {
  margin-top: 1.875rem;
  .commonBox {
    margin: auto;
    margin-top: 1.25rem;
    width: 20.875rem;
    height: 20.3125rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    padding: 1.125rem 1.3125rem 1.3125rem 1.3125rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .commonImg {
    width: 18.4375rem;
    height: 10.5625rem;
    border-radius: 10px;
  }
  .commonMessage {
    margin-top: 1.375rem;
    width: 17.75rem;
    height: 15rem;
    font-size: 0.875rem;
    color: rgba(60, 60, 60, 1);
    line-height: 1.375rem;
    overflow: hidden;
    // border: solid 1px red;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    p {
      height: 100%;
      line-height: 1.375rem;
    }
  }
  //  border:solid 1px red;
}

  .imgs {
    margin-top: 1.875rem;
    // height: 7.8125rem;
    overflow-x: hidden;
  img {
    width: 10.75rem;
    height: 7.8125rem;
    border-radius: 10px;
  }
  .carousel {
    width: 100%;
    height: 100%;
    float: left;
    padding-left: 1.25rem;
  }
}

.tabs {
   @include border-top;
  width: 100%;
  margin-top: 660px;
  margin-left: -400px;
  height: 3.125rem;
  box-sizing: border-box;
  border:solid 1px red;
  z-index: 999999;
}
.tabList {
  display: flex;
  justify-content: space-around;
  height: 100%;
  .tabOne {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    img {
      // margin-top: 0.5rem;
      width: 1.875rem;
      height: 1.875rem;
    }
    span {
      font-size: 0.75rem;
      color: #999;
      // line-height: 1.3125rem;
    }
  }
  // border:solid 1px blue;
}

</style>