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>
                                    <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>
                                     <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="50%"
                    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="编辑图片"
                     :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-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="selectpiclinktwo(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" :disabled="true"></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-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="50%"
                         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="50%"
                        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="50%"
                        center>
                       <el-form ref="articeform" :model="articeform" label-width="110px" :rules="rules">
                         <el-form-item label="文章标题:" required prop="title">
                           <el-input v-model="articeform.title"></el-input>
                         </el-form-item>
                         <el-form-item label="排序值:" required prop="sort">
                            <el-input v-model="articeform.sort" type="number"></el-input>
                             <p class="tips">请输入1-99的整数，数值越小，模块排序越靠前</p>
                         </el-form-item>
                       <el-form-item label="首页展示条数:" required prop="number">
                         <el-input v-model="articeform.number"></el-input>
                         <p class="tips">请输入1-9的整数,最大数量为9</p>
                       </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="50%"
                        center>
                       <el-form label-width="110px" :model="activitform" ref="activitform" :rules="rules">
                          <el-form-item label="模块标题:" required prop="title">
                             <el-input v-model="activitform.title"></el-input>
                          </el-form-item>
                          <el-form-item label="排序:" required prop="sort">
                            <el-input v-model="activitform.sort"></el-input>
                          </el-form-item>
                          <el-form-item label="首页展示条数:" required prop="number">
                            <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-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" :disabled="true"></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');">确 定</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="设置图片链接地址"
                   :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="selectpiclinkfour(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" :disabled="true"></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="50%"
                  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="50%"
                 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="50%"
                  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.linkid);">设置链接</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="9" class="text">
                  <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" v-if="it.title != ''">
                                          <p class="detailTitle">{{it.title}}</p>
                                     <!-- <p class="detailMessage"></p> -->
                                          </div>
                                             <div class="detail" v-else-if="it.title ==''">
                                               <div class="noImg">
                                                 <img src="../../../static/images/none2.png" alt />
                                               </div>
                                             </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" v-if="item.Hospitals.introduction != ''"></div>
                                      <div class="noImg"  v-else-if="item.Hospitals.introduction == ''">
                                          <img src="../../../static/images/none2.png" alt/>
                                      </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" v-if="item.Offices.introduction!=''"></div>
                                                 <div class="noImg"  v-else-if="item.Offices.introduction == ''">
                                                     <img src="../../../static/images/none2.png" alt/>
                                                 </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" v-if="doc.docintroduction != ''">
                                                 <p class="detailTitle">{{doc.doc_name}}</p>
                                                <p class="detailMessage" v-html="doc.docintroduction"></p>
                                               </div>
                                                <div class="detail" v-else-if="doc.docintroduction == ''">
                                                    <div class="noImg">
                                                      <img src="../../../static/images/none2.png" alt />
                                                      </div>
                                                 </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" v-if="it.title !=''">
                                                <p class="detailTitle">{{it.title}}</p>
                                                </div>
                                                 <div class="detail" v-else-if="it.title == ''">
                                                    <div class="noImg">
                                                      <img src="../../../static/images/none2.png" alt />
                                                      </div>
                                                 </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" class="oldmodethree">
                                    <div 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, checkSort } 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()
             }
    }
     
     
     var checkSortRule = (rule, value, callback) => {
      if (!checkSort(value)) {
        callback(new Error('请输入1-9的整数'))
       }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: 1,
        linkaddress: '',
        modeid: ''
      },
      picformTwo: {
        defineaddress: ''
      },
      picformThree: {
        id: '',
        defineaddress: ''
      },
      editpicform: {
        images: '',
        sort: '',
        piclink: 1,
        linkaddress: '',
        linkid: ''
      },
      editpic: {
        images: '',
        sort: '',
        piclink: 1,
        modeid: '',
        linkid: ''
      },
      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,
        linkid: ''
      },
      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: '请填写站外地址' }],
        number: [{ required: true, message: '请填写活动条数' }, { validator: checkSortRule }]
      },
      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
                   console.log('conlinkaddress', conlinkaddress)
            this.editpic.linkaddress = conlinkaddress.defineaddress
                   this.editpic.linkid = conlinkaddress.id
                }
        })
      })
    },

    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
            console.log('id是说的', id)
        editGetArticlistDetail(id).then(response => {
          if (response.data.state == 1) {
            var articlelist = response.data.data.articlelist
                  this.articeform = response.data.data.articlelist
                  console.log('articlelist', 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
                  console.log('model是什么', 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 = conrotation
            }
      })
    },

    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) {
              this.addVisible = false
                  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             
            }
      })
    },
    selectpiclinktwo(id) {
      if (id == 1) {
        this.showpiclink = false
          this.singform.linkaddress = '';
      }
      if (id == 2) {
        this.showpiclink = true
        }
    },
    selectpiclinkfour(id) {
      if (id == 1) {
        this.showpiclink = false
           this.editpic.linkaddress = '';
      }
      if (id == 2) {
        this.showpiclink = true
        }
    },

    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() {
      const 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);

    //         }
    //    })
    // },

    deleteMacImagesDetail(id, index) {
      this.$confirm('确认要删除该导航吗?删除后该条信息将无法恢复', '删除提示', {
        dangerouslyUseHTMLString: true,
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        deleteMacImagesDetail(id, index).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
           console.log('magiclink是什么', magiclink)
          if (magiclink.linktype == 2) {
            this.definetwo = true
           }
          if (magiclink.linktype == 3) {
            this.definethree = true
           }
          if (magiclink.linktype == 4) {
            this.definefour = true
           }
          this.linkformfive = 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://jk.test.sgjyun.com/#/departmentEnvironment?id=' + model.id + '&orgid=' + this.$store.getters.xt_user.org_id
                     // this.editmacform.marginaddress = "http://microweb.kuyicloud.com/#/departmentEnvironment?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/#/departmentEnvironment?id="+model.id+"&orgid="+this.$store.getters.xt_user.org_id;
                this.editmacform.marginaddress = 'http://jk.test.sgjyun.com/#/departmentEnvironment?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()
    // this.getData();
    },
  // 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: 416px;
       margin-top: 510px;
       font-size: 14px;
     }

       .dfont2{
         position: absolute;
         width: 40px;
         height: 40px;
        //  border:solid 1px red;
         margin-left: 376px;
         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: 380px;
     margin-top: 50px;
   }
   .share{
     position: relative;
     width: 300px;
     height: 720px;
     border: solid 1px black;
    //  margin-left: -10px;
     margin-top: 10px;

    margin-left: 100px;
   }

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

   .share3{
     position: absolute;
     margin-left: 120px;
     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;
     }
.text{
  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: 315px;
    height:60px;
    background-color: white;
    // border: solid 1px #333333;
    // margin-left: 32px;
    margin-top: 654px;
    z-index: 999;
    border-radius: 12px 12px 30px 30px;
    // 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-radius: 0 0 50px 50px;
  //  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: 0 auto;
     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: 280px;
     height: 50px;
     border: solid 1px  rgba(242, 242, 242, 1);
     margin-top: 10px;
     margin-left: 10px;
   }
   .navigacontent{
     position: relative;
     width:300px;
     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: 10px;
   }

   .navithree{
     width:120px;
     height: 30px;
     margin-left: 45px;
     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;
  }
  .oldmodethree{
    width: 300px;
    height: 100%;
    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;
    }
     .noImg {
      width: 6.25rem;
      height: 6.25rem;
      margin: 0 auto;
      img {
        width: 6.25rem;
        height: 6.25rem;
      }
    }

  }
  // 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;
     .noImg {
      width: 6.25rem;
      height: 6.25rem;
      margin: 0 auto;
      img {
        width: 6.25rem;
        height: 6.25rem;
      }
    }
  }
  .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>