<template>
  <div class="app-container">
   <div style="background-color: #fff;border-radius: 3px;padding: 20px 15px;">
      <!-- <p class="bgtan" style="margin-top: 0;">教师档案信息</p> -->
      <div class="group_4 flex-col">
              <div class="section_1 flex-row justify-between">
                <div class="section_2 flex-col"></div>
                <span class="text_6">教师档案信息</span>
              </div>
              <div class="section_3 flex-row">
                <div class="group_5 flex-col">
                   <image-preview :src="ignes.identificationPhoto" :width="98" :height="98"/>
                </div>
                <div class="group_6 flex-col justify-between">
                  <div class="box_5 flex-row">
                    <span class="text_7">{{ignes.name == null?'暂无数据': ignes.name }}</span>
                    <img
                      class="thumbnail_18"
                      referrerpolicy="no-referrer"
                      src="https://lanhu-oss.lanhuapp.com/ps6ihrxy7fre3nw8kmt2gr34tizjy0ytiw79bf6d91-ac44-4c43-a008-2730f35335a3"
                      v-if="ignes.sex == 2"
                    />
                    <img
                      class="thumbnail_19"
                      referrerpolicy="no-referrer"
                      v-if="ignes.sex == 1"
                      src="https://lanhu-oss.lanhuapp.com/ps3ibbso3ffohzfn9mlwckxsuvjbrw1ihq4f5a6a2f-5709-4d99-977a-7ce5d0dcb560"
                    />
                  </div>
                  <div class="text-wrapper_3">
                    <span class="text_8">身份证号：</span>
                    <span class="text_9">{{ignes.idCard == null?'暂无数据': ignes.idCard=="" ? '暂无数据' : ignes.idCard }}</span>
                  </div>
                </div>
                <div class="text-wrapper_4">
                  <span class="text_10">年</span> <span class="text_11">龄：</span>
                  <span class="text_12">{{ignes.age == null?'暂无数据': ignes.age=="" ? '暂无数据' : ignes.age }}岁</span>
                </div>
                <div class="text-wrapper_5">
                  <span class="text_13">联系方式：</span>
                  <span class="text_14">{{ignes.phone == null?'暂无数据': ignes.phone=="" ? '暂无数据' : ignes.phone }}</span>
                </div>
               <!-- <div class="text-wrapper_6 flex-col">
                  <span class="text_15">修改</span>
                </div>
                <div class="text-wrapper_7 flex-col">
                  <span class="text_16">删除</span>
                </div> -->
              </div>
              <div class="section_4 flex-row">
                <div class="text-wrapper_8">
                  <span class="text_17">班级名称：</span>
                  <span class="text_18">{{ignes.classId == null?'暂无数据': ignes.classId=="" ? '暂无数据' : ignes.classId }}</span>
                </div>
                <div class="text-wrapper_9">
                  <span class="text_19">职</span> <span class="text_20">称：</span>
                  <span class="text_21">{{ignes.professional == null?'暂无数据': ignes.professional=="" ? '暂无数据' : ignes.professional }}</span>
                </div>
                <div class="text-wrapper_10">
                  <span class="text_22">入职时间：</span>
                  <span class="text_23">{{ignes.onBoardTime == null?'暂无数据': ignes.onBoardTime=="" ? '暂无数据' : ignes.onBoardTime }}</span>
                </div>
                <div class="text-wrapper_11">
                  <span class="text_24">工作时间：</span>
                  <span class="text_25">{{ignes.jobTimes == null?'暂无数据': ignes.jobTimes=="" ? '暂无数据' : ignes.jobTimes }}</span>
                </div>
              </div>
              <div class="section_5 flex-row">
                <div class="text-wrapper_12">
                  <span class="text_26">政治面貌：</span>
                  <span class="text_27">{{ignes.politicalStatus == null?'暂无数据': ignes.politicalStatus=="" ? '暂无数据' : ignes.politicalStatus }}</span>
                </div>
                <div class="text-wrapper_13">
                  <span class="text_28">身</span> <span class="text_29">高：</span>
                  <span class="text_30">{{ignes.height == null? '暂无数据' : ignes.height =="" ? '暂无数据' : ignes.height }}</span>
                </div>
                <div class="text-wrapper_14">
                  <span class="text_31">体</span> <span class="text_32">重：</span>
                  <span class="text_33">{{ignes.weight == null?'暂无数据': ignes.weight=="" ?'暂无数据' : ignes.weight }}</span>
                </div>
                <div class="text-wrapper_15">
                  <span class="text_34">血型：</span> <span class="text_35">{{ignes.bloodType == null?'暂无数据': ignes.bloodType=="" ?'暂无数据' : ignes.bloodType }}</span>
                </div>
              </div>
              <div class="section_6 flex-row">
                <div class="text-wrapper_16">
                  <span class="text_36">备注信息：</span>
                  <span class="text_37"
                    >{{ignes.remark == null?'暂无数据': ignes.remark=="" ? '暂无数据' : ignes.remark }}</span
                  >
                </div>
              </div>
              <div class="section_7 flex-row">
                <div class="text-wrapper_17">
                  <span class="text_38">居住地址：</span>
                  <span class="text_39"
                    >{{ignes.address == null?'暂无数据': ignes.address=="" ? '暂无数据' : ignes.address }}</span
                  >
                </div>
              </div>
              <!-- <div class="section_8 flex-row">
                <div class="block_1 flex-col"></div>
              </div> -->
              <div class="section_9 flex-row">
                <span class="text_40">毕业证明照：</span>
                <div class="group_7 flex-col">
                   <image-preview :src="ignes.graduationPhoto" :width="160" :height="160"/>
                </div>
                <span class="text_41">学位证书照：</span>
                <div class="group_8 flex-col">
                  <image-preview :src="ignes.degreePhoto" :width="160" :height="160"/>
                </div>
                <span class="text_42">教资证明照：</span>
                <div class="group_9 flex-col">
                  <image-preview :src="ignes.degreePhoto" :width="160" :height="160"/>
                </div>
              </div>
              <div class="section_10 flex-row">
                <span class="text_43">职称证明照：</span>
                <div class="group_10 flex-col">
                  <image-preview :src="ignes.degreePhoto" :width="160" :height="160"/>
                </div>
                <span class="text_44">门禁照：</span>
                <div class="group_11 flex-col">
                  <image-preview :src="ignes.entrancePermit" :width="160" :height="160"/>
                </div>
              </div>
            </div>
   </div>


    <!-- 添加或修改注册-老师-班级（学科）对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="1268px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
        <!-- <el-form-item label="老师id" prop="teacherId">
          <el-input v-model="form.teacherId" placeholder="请输入老师id" />
        </el-form-item> -->
		<el-row>
			<el-col :span="8">
				  <!-- <el-form-item label="学校名称" prop="schoolId">
				  					  <el-select :disabled="fku"  style="width: 100%;"   v-model="form.schoolId" placeholder="请选择学校名称">
				  					    <el-option
				  					      v-for="dict in deptOptions"
				  					      :key="dict.deptId"
				  					      :label="dict.deptName"
				  					      :value="dict.deptId"
				  						  @click.native="mjyhes(dict)"
				  					    ></el-option>
				  					  </el-select>
				  </el-form-item> -->
			</el-col>

			<el-col :span="6">

				 <el-form-item label="班级名称" prop="classId">
				  <el-select style="width: 100%;" v-model="form.classId" placeholder="请选择班级名称">
				    <el-option
				      v-for="dict in kiuesegh"
				      :key="dict.deptId"
				      :label="dict.deptName"
				      :value="dict.deptId"
				  	@click.native="mjyhess(dict)"
				    ></el-option>
				  </el-select>
				  </el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="姓名" prop="name">
					<el-select  filterable v-model="form.name" placeholder="请选择老师名称">
					  <el-option
					    v-for="dict in infoListstu"
					    :key="dict.teacherId"
					    :label="dict.teacherName"
					    :value="dict.teacherName"
						@click.native="mjyhesstu(dict)"
					  ></el-option>
					</el-select>
				          <!-- <el-input v-model="form.name" placeholder="请输入姓名" /> -->

				</el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="身份证号" prop="idCard">
				          <el-input @blur="idcde" v-model="form.idCard" placeholder="请输入身份证号" />
				        </el-form-item>
			</el-col>

			<el-col :span="6">
				<el-form-item label="年龄" prop="age">
				          <el-input type="Number" v-model="form.age" placeholder="请输入年龄" />
				        </el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="性别" prop="sex">
				          <el-select v-model="form.sex" placeholder="请选择性别(1：男，2：女)">
				            <el-option
				              v-for="dict in dict.type.xshsex"
				              :key="dict.value"
				              :label="dict.label"
				              :value="dict.value"
				            ></el-option>
				          </el-select>
				</el-form-item>
			</el-col>
			<!-- <el-col :span="8">
				<el-form-item label="学校" prop="school">
				          <el-input v-model="form.school" placeholder="请输入学校" />
				        </el-form-item>
			</el-col> -->
			<el-col :span="6">
				<el-form-item label="联系方式" prop="phone">
				          <el-input type="Number" v-model="form.phone" placeholder="请输入联系方式" />
				        </el-form-item>
			</el-col>

			<el-col :span="6">
				<el-form-item label="身高(CM)" prop="height">
				          <el-input v-model="form.height" placeholder="请输入身高" />
				        </el-form-item>
			</el-col>

			<el-col :span="6">
				<el-form-item label="体重(KG)" prop="weight">
				          <el-input v-model="form.weight" placeholder="请输入体重" />
				        </el-form-item>
			</el-col>

			<el-col :span="6">
          <el-form-item label="职称" prop="professional">
			  <el-select v-model="form.professional" placeholder="请选择职称" clearable>
			    <el-option
			      v-for="dict in dict.type.title"
			      :key="dict.value"
			      :label="dict.label"
			      :value="dict.label"
			    />
			  </el-select>
          <!-- <el-input v-model="form.professional" placeholder="请输入职称" /> -->
        </el-form-item>
			</el-col>

			<el-col :span="6">
			  <el-form-item label="政治面貌" prop="politicalStatus">
			  <el-select v-model="form.politicalStatus" placeholder="请选择政治面貌">
			    <el-option
			      v-for="dict in dict.type.political_outlook"
			      :key="dict.value"
			      :label="dict.label"
			      :value="dict.label"
			    ></el-option>
			  </el-select>
			</el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="血型" prop="bloodType">
					<el-select  v-model="form.bloodType" placeholder="请选择血型" clearable>
					  <el-option
					    v-for="dict in dict.type.blood_type"
					    :key="dict.value"
					    :label="dict.label"
					    :value="dict.label"
					  />
					</el-select>
				          <!-- <el-input v-model="form.bloodType" placeholder="请输入血型" /> -->
				</el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="入职时间" prop="onBoardTime">
					<el-date-picker clearable
					style="width:100%"
					  v-model="form.onBoardTime"
					  type="date"
					  value-format="yyyy-MM-dd"
					  placeholder="请选择入职时间">
					</el-date-picker>
				          <!-- <el-input v-model="form.bloodType" placeholder="请输入血型" /> -->
				</el-form-item>
			</el-col>
			<el-col :span="6">
				<el-form-item label="工作时间" prop="jobTime">
					<el-date-picker clearable
					style="width:100%"
					  v-model="form.jobTime"
					  type="date"
					  value-format="yyyy-MM-dd"
					  placeholder="请选择参加工作时间">
					</el-date-picker>
				          <!-- <el-input v-model="form.bloodType" placeholder="请输入血型" /> -->
				</el-form-item>
			</el-col>
			<el-col :span="6">
			 <el-form-item label="备注" prop="remark">
			           <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
			         </el-form-item>
			</el-col>
			<el-col :span="24">
				<el-form-item label="居住地址" prop="address">
				          <!-- <el-input v-model="form.address" placeholder="请输入居住地址" /> -->
						  <baidu-map :center="mapCenter" :zoom="11" @click ="getLocationPoint"  class="iuey" :scroll-wheel-zoom="true" :autoViewport="true">
						           <bm-view class="bm-view"></bm-view>
						             <bm-control :offset="{width: '10px', height: '10px'}">
										 <bm-geolocation anchor="BMAP_ANCHOR_BOTTOM_RIGHT" :showAddressBar="true" :autoLocation="true" @locationSuccess="secc" @locationError="errw"></bm-geolocation>
						      <!-- <bm-auto-complete v-model="form.address" :sugStyle="{zIndex: 99}"> -->
						        <!-- <el-input placeholder="请输入地名关键字" v-model="form.address" @blur = "boiu" @focus= "faie"></el-input>  -->

						      <!-- <search-field placeholder="请输入地名关键字"></search-field>  -->
						      <!-- 这里指代一个自定义搜索框组件 -->
						      <!-- </bm-auto-complete> -->
						       <el-autocomplete
						        v-model="form.address"
						        :fetch-suggestions="querySearch"
						        placeholder="请输入详细地址"
						        style="width: 100%"
						        :trigger-on-focus="false"
						        @select="handleSelect"
								@blur="handleSelectb"
						      />
						    </bm-control>
						    <!-- <bm-local-search :keyword="form.address" :auto-viewport="true" class="pui" @searchcomplete = "oieueo" v-show="okuyt" @confirm= "confirmf" :location="location" ></bm-local-search>  :panel ="false"-->
						    <bm-local-search :keyword="form.address" :auto-viewport="true" :location="location" :forceLocal="true" :pageCapacity = "20" @searchcomplete ="oieueo"  @markersset = "confirmf"  :panel ="false" ></bm-local-search>
						  </baidu-map>
				</el-form-item>
			</el-col>
			<el-col :span="24">

			</el-col>
			<el-col :span="24">
			  <el-col :span="8">
			  	<el-form-item label="毕业证明照" prop="graduationPhoto">
			  	          <image-uploads v-model="form.graduationPhoto"/>
			  	</el-form-item>
			  </el-col>
			  <el-col :span="8">
			  	<el-form-item label="学位证书照" prop="degreePhoto">
			  	          <image-uploads v-model="form.degreePhoto"/>
			  	        </el-form-item>
			  </el-col>
			  <el-col :span="8">
			  	<el-form-item label="教资证明照" prop="teachingPhoto">
			  	          <image-uploads v-model="form.teachingPhoto"/>
			  	        </el-form-item>
			  </el-col>
			</el-col>
			<el-col :spn="24">


			</el-col>
			<el-col :spn="24">
				<el-col :span="8">
					<el-form-item label="职称证明照" prop="professionalPhoto">
					          <image-uploads v-model="form.professionalPhoto"/>
					        </el-form-item>
				</el-col>
				<el-col :span="8">
					<el-form-item label="证件照" prop="identificationPhoto">
					          <image-uploads v-model="form.identificationPhoto"/>
					        </el-form-item>
				</el-col>
				<el-col :span="8">
					<el-form-item label="门禁照" prop="entrancePermit">
					          <image-uploads v-model="form.entrancePermit"/>
					        </el-form-item>
				</el-col>
			</el-col>






		</el-row>
        <!-- <el-form-item label="班级id" prop="classId">
          <el-input v-model="form.classId" placeholder="请输入班级id" />
        </el-form-item> -->

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<!-- <script src="http://api.map.baidu.com/api?v=2.0&ak=Bjardsym8W1tLv0PmOAVfCosOLIiFdKX"></script> -->
<script>
import { listInfo, listInfostu, getInfo, delInfo, addInfo, updateInfo,jignwe } from "@/api/zhihuixy/teacherdan";
import { listDepts,listDeptode} from "@/api/system/dept";
import {regionData,CodeToText} from 'element-china-area-data'
import { MP } from '../../../map.js'
import myBMap from "../../../utils/myBMap";
export default {
  name: "Info",
  dicts: ['xshsex','political_outlook','title','blood_type'],
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
	  tableMaxHeight:400,
      // 学生档案信息表格数据
      infoList: [],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
                pageSize: 10,
                teacherId: null,
                name: null,
                sex: null,
                age: null,
                phone: null,
                professional: null,
                idCard: null,
                height: null,
                weight: null,
                bloodType: null,
                politicalStatus: null,
                graduationPhoto: null,
                degreePhoto: null,
                teachingPhoto: null,
                professionalPhoto: null,
                identificationPhoto: null,
                entrancePermit: null,
                address: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
		  idCard: [
		    { required: true, message: "不能为空", trigger: "blur" }
		  ],
		  name: [
		    { required: true, message: "不能为空", trigger: "blur" }
		  ],
		  sex: [
		    { required: true, message: "不能为空", trigger: "blur" }
		  ],
      },
	  kiuesegh:[],
	   kiueseghs:[],
	   options: regionData,
	     selectedOptions: [],
	     addtions:{},			//存储地址数据
	     namestwo:[],
	      keyword: '',
	   mapZoom: 15,
	   mapCenter: '潜山市',
	   mapLocation: {
	     address: undefined,
	     coordinate: undefined
	   },
	   okuyt:true,
	   nameadd:[],
	   kdourg:[{'value':'抱歉，没有搜索到位置请重新输入'}],
	   location:'',
	   pageCapacitys:20,
	   cb:undefined,
	   nameadd:[],
	   listInfostucs:{},
	   infoListstu:[],
	   longit: '', // 经度
	   latit: '',  // 纬度
	   ak:'Bjardsym8W1tLv0PmOAVfCosOLIiFdKX',
	   ferg:false,
     ignes:{},
     isgwe:false,
     itwid:0
    };
  },
  created() {
    if(this.$route.query.id == undefined){
       this.isgwe = false
    }else{
      this.isgwe = true
      this.itwid = this.$route.query.id
    }

		window.onresize = () => {
		          this.changeTableMaxHeight()
		        }
		        this.changeTableMaxHeight()
    this.getList();
	this.getdept(0)
	// this.getLocation()
  },
	mounted() {
		this.getMap()
		// this.$nextTick(function () {
		//       //写入自己的ak
		//       MP(this.ak).then(BMap => {
		// 		// cons
		//         //在此调用api
		//         this.lib_getPosition()//这是我自定义的

		//       })
		//     })
		 window.onresize = () => {
		           this.changeTableMaxHeight()
		         }
		         this.changeTableMaxHeight()
	},
  methods: {
	  getLocation() {
	        //Toast("如长时间未获取办理区域请手动选择");
	        myBMap.init().then(() => {
	          let that = this;
	          let geolocation = new BMap.Geolocation();
	          // 创建百度地理位置实例，代替 navigator.geolocation
	          geolocation.getCurrentPosition(function (e) {
	            if (this.getStatus() == BMAP_STATUS_SUCCESS) {
	              // 百度 geolocation 的经纬度属性不同，此处是 point.lat 而不是 coords.latitude
	              let point = new BMap.Point(e.point.lng, e.point.lat);
	              let gc = new BMap.Geocoder();
	              gc.getLocation(point, function (rs) {
	                console.log(rs,2);
	                //<<<<<<<<<<<<<<<<需要的位置信息在这获取
	              });
	            } else {
	              Toast("定位失败，请手动选择区域或重新定位");
	              this.showloading = false;
	            }
	          });
	        });
	      },

	  getMap () {
	      // 先定义that = this
	    var that = this
	    // 生成地图
	    var map = new window.AMap.Map('container', {
	      resizeEnable: true,
	      zoom: 11,
	      showIndoorMap: false, // 是否在有矢量底图的时候自动展示室内地图，PC默认true,移动端默认false
	      dragEnable: true, // 地图是否可通过鼠标拖拽平移，默认为true
	      keyboardEnable: false, // 地图是否可通过键盘控制，默认为true
	      doubleClickZoom: true, // 地图是否可通过双击鼠标放大地图，默认为true
	      zoomEnable: true, // 地图是否可缩放，默认值为true
	      rotateEnable: false, // 地图是否可旋转，3D视图默认为true，2D视图默认false
	      viewMode: '3D'
	    })

	    // 获取到当前位置的定位
	    AMap.plugin('AMap.Geolocation', function() {
	      var geolocation = new AMap.Geolocation({
	      enableHighAccuracy: true, // 是否使用高精度定位，默认:true
	                timeout: 100000, // 超过10秒后停止定位，默认：无穷大
	                maximumAge: 0, // 定位结果缓存0毫秒，默认：0
	                noIpLocate: 0, // 是否禁止使用IP定位，默认值为0，可选值0-3  0: 可以使用IP定位    1: 手机设备禁止使用IP定位  2: PC上禁止使用IP定位  3: 所有终端禁止使用IP定位
	                convert: true, // 自动偏移坐标，偏移后的坐标为高德坐标，默认：true
	                showButton: false, // 显示定位按钮，默认：true
	                buttonPosition: "RB", // 定位按钮停靠位置，默认："LB"，左下角
	                showMarker: false, // 定位成功后在定位到的位置显示点标记，默认：true
	                showCircle: true, // 定位成功后用圆圈表示定位精度范围，默认：true
	                panToLocation: true, // 定位成功后将定位到的位置作为地图中心点，默认：true
	                zoomToAccuracy: true, // 定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：f
	                extensions: "all",
	                pName: "Geolocation",

	      })

	      geolocation.getCurrentPosition()
	      AMap.event.addListener(geolocation, 'complete', onComplete)
	      AMap.event.addListener(geolocation, 'error', onError)
		  console.log(geolocation)
	      function onComplete (data) {
	        // data是具体的定位信息
	        console.log('data是具体的定位信息', data)

	        // 这里使用that而不是this，如果使用this，则无法在其他地方获取到这里的经纬度
	        that.longit = data.position.lng
	        that.latit = data.position.lat
	      }
	       function onError (data) {

	         // 定位出错
	         console.log('定位失败',data)
			 // that.$nextTick(function () {
			 //       //写入自己的ak
				//    console.log('data是具体的定位信息')
			      MP(that.ak).then(BMap => {
			      	var map = new BMap.Map('allmap');
			      	// const BMap = window.BMapGL;
			      	// const AMap = new window.AMap;
			      	const BMapGeolocation = new BMap.Geolocation();
			      	BMapGeolocation.getCurrentPosition( (r) => {
			      	  if (r.latitude && r.longitude) {
			      	    console.log("baidu");
			      	    // 获取到经纬度（百度转换高德经纬度）
			      	    const {lng, lat} = that.bd_decrypt(r.longitude, r.latitude);
						console.log({lng, lat},29)
			      	    // that.center = [lng, lat];
			      	    // 根据经纬度获取当前经纬度的位置信息
			      				  console.log(r,r.latitude,r.longitude)
			      	    // that.getAdd();


						const geocoder = new AMap.Geocoder({
						  radius: 1000,
						  extensions: "all",
						});
						// const [lng, lat] = this.center;
						geocoder.getAddress({lng, lat}, function (status, result) {
							console.log({lng, lat},status, result)
						  if (status === "complete" && result.info === "OK") {
						    console.log(result, "result");
						    if (result && result.regeocode) {
						      console.log(
						        `result.regeocode.formattedAddress:`,
						        result.regeocode.formattedAddress
						      );
						      // 获取到定位信息的处理逻辑
						      // ...
						    }
						  }
						 })
			      	  } else {
			      	    console.log(22);
			      	  }
			      	});
			      })
			 //     })


			 // that.lib_getPosition();
	       }
	    })
	    that.maps = map
	  },
	  conf () {
	    console.log('确定')
	    console.log('666', this.longit, this.latit)
	  },
	  /**
	     * 百度地图获取经纬度
	     */

	    lib_getPosition() {
	      const that = this;
		  console.log(23)
		  var map = new BMap.Map('allmap');
	      // const BMap = window.BMapGL;
		  // const AMap = new window.AMap;
	      const BMapGeolocation = new BMap.Geolocation();
	      BMapGeolocation.getCurrentPosition( (r) => {
	        if (r.latitude && r.longitude) {
	          console.log("baidu");
	          // 获取到经纬度（百度转换高德经纬度）
	          const {lng, lat} = that.bd_decrypt(r.longitude, r.latitude);
	          // that.center = [lng, lat];
	          // 根据经纬度获取当前经纬度的位置信息
			  console.log(r,r.latitude,r.longitude)
	          that.getAdd();
	        } else {
	          console.log(22);
	        }
	      });
	    },

	  /**
	     * 根据经纬度获取地址
	     */
	     getAdd() {
	      const that = this;
	       // var AMap = new BMap.Map('allmap');
		   // var map = new BMap.Map('allmap');
		    // new AMap.Geolocation
	      const geocoder = new AMap.Geocoder({
	        radius: 1000,
	        extensions: "all",
	      });
	      const [lng, lat] = this.center;
	      geocoder.getAddress([lng, lat], function (status, result) {
	        if (status === "complete" && result.info === "OK") {
	          console.log(result, "result");
	          if (result && result.regeocode) {
	            console.log(
	              `result.regeocode.formattedAddress:`,
	              result.regeocode.formattedAddress
	            );
	            // 获取到定位信息的处理逻辑
	            // ...
	          }
	        }
	       })
	     },
		 bd_decrypt(bdLng, bdLat) {
		   const X_PI = Math.PI * 3000.0 / 180.0;
		   const x = bdLng - 0.0065;
		   const Y = bdLat - 0.006;
		   const Z = Math.sqrt(x * x + Y * Y) - 0.00002 * Math.sin(Y * X_PI);
		   const Theta = Math.atan2(Y, x) - 0.000003 * Math.cos(x * X_PI);
		   const lng = Z * Math.cos(Theta);
		   const lat = Z * Math.sin(Theta);
		   return {lng, lat};
		 },



	  /** 查询老师档案信息列表 */
	  getListuye(val) {
	    this.loading = true;
	  		this.listInfostucs.classId = val
	    listInfostu(this.listInfostucs).then(response => {
	      this.infoListstu = response.rows;

	      this.loading = false;
	    });
	  },
	  getdept(val){
	  		  let kuesf=  {'parentId':val}
	  		  // this.kiuesegh = []
	  			  console.log(kuesf)
	  		listDeptode(kuesf).then(response => {
	  		  this.deptOptions = this.handleTree(response.data, "deptId");
	  		  this.deptOptions.filter(rou =>{
	  			  if(rou.children != undefined){
	  			  	rou.children.filter(rour =>{
	  			  					  this.kiuesegh.push(rour)
	  			  	})
	  			  }
	  			  // this.kiuesegh = rou.children
	  			  // this.kiuesegh.push(rou.children)
	  			  console.log(rou.children)
	  		  })
	  		  this.kiueseghs = this.kiuesegh
	  		  // this.deptOptions = response.data
	  		  console.log(this.kiuesegh)
	  		});
	  },
    /** 查询学生档案信息列表 */
    getList() {
      this.loading = true;
      listInfo(this.queryParams).then(response => {
        this.infoList = response.rows;
        if(this.isgwe == false){
          if(this.infoList.length != 0){
            this.ignes = this.infoList[0]
          }else{
            this.ignes = {teacherId: null,
                name: null,
                sex: null,
                age: null,
                phone: null,
                professional: null,
                idCard: null,
                height: null,
                weight: null,
                bloodType: null,
                politicalStatus: null,
                graduationPhoto: null,
                degreePhoto: null,
                teachingPhoto: null,
                professionalPhoto: null,
                identificationPhoto: null,
                entrancePermit: null,
                address: null,
                createBy: null,
                createTime: null,
                updateBy: null,
                updateTime: null,
                remark: null}
          }
        }else{
          getInfo(this.itwid).then(response => {
            this.ignes = response.data;
          });
        }

        console.log( this.ignes,92)
        this.total = response.total;
        this.loading = false;
      });
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        id: null,
                teacherId: null,
                name: null,
                sex: null,
                age: null,
                phone: null,
                professional: null,
                idCard: null,
                height: null,
                weight: null,
                bloodType: null,
                politicalStatus: null,
                graduationPhoto: null,
                degreePhoto: null,
                teachingPhoto: null,
                professionalPhoto: null,
                identificationPhoto: null,
                entrancePermit: null,
                address: null,
                createBy: null,
                createTime: null,
                updateBy: null,
                updateTime: null,
                remark: null
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.resetForm("queryForm");
      this.handleQuery();
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map(item => item.id)
      this.single = selection.length!==1
      this.multiple = !selection.length
    },
    /** 新增按钮操作 */
    handleAdd() {
      this.reset();
      this.open = true;
      this.title = "添加老师档案信息";
	  this.mapCenter = '潜山市'
	  this.ferg = false
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids
      getInfo(id).then(response => {
        this.form = response.data;
        this.open = true;
        this.title = "修改老师档案信息";
      });
    },
	// 身份证
	idcde(event) {
		console.log(event);
		// 身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X
		let reg = /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
	  let _IDre15 =  /^([1-6][1-9]|50)\d{4}\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}$/;
	  // 护照
	   // let ncjsle = /^1[45][0-9]{7}$|(^[P|p|S|s]\d{7}$)|(^[S|s|G|g|E|e]\d{8}$)|(^[Gg|Tt|Ss|Ll|Qq|Dd|Aa|Ff]\d{8}$)|(^[H|h|M|m]\d{8,10}$)/;
	   let ncjsle = /^[a-zA-Z0-9]{5,17}$/
	   let nhyeli = /^[a-zA-Z]{5,17}$/
	  // 港澳
	  let gnse = /^([A-Z]\d{6,10}(\(\w{1}\))?)$/;
	  // 台湾
	  // let tw = /^\d{8}|^[a-zA-Z0-9]{10}|^\d{18}$/
	  var tw =  /^[0-9]{8}$/;
	   var twe = /^[0-9]{10}$/;
	  // 校验身份证：
	  console.log(reg.test(this.form.idCard),23741)
		if ( reg.test(this.form.idCard)|| _IDre15.test(this.form.idCard)) {
			// this.idea();
			this.go(this.form.idCard);
			// callback()
		} else {
	    if(ncjsle.test(this.form.idCard) || nhyeli.test(this.form.idCard)){
	       console.log(3)
	    }else{
	      if(gnse.test(this.form.idCard)  ){
	          console.log(4)
	      }else{
	        if(tw.test(this.form.idCard) || twe.test(this.form.idCard)){
	          console.log(5)
	        }else{
	          this.$message.error('证件格式不正确');
	        }
	      }

	    }
		}
	},
	// 实现自动生成生日，性别，年龄
	go(idCard) {
		 let sex = null;
		        let birth = null;
		        let myDate = new Date();
		        let month = myDate.getMonth() + 1;
		        let day = myDate.getDate();
		        let age = 0;

		        if (idCard.length === 18) {
		          age = myDate.getFullYear() - idCard.substring(6, 10) - 1;
		          sex = idCard.substring(16, 17);
		          birth = idCard.substring(6, 10) + "-" + idCard.substring(10, 12) + "-" + idCard.substring(12, 14);
		          if (idCard.substring(10, 12) < month || idCard.substring(10, 12) === month && idCard.substring(12, 14) <= day)
		            age++;

		        }
		        if (idCard.length === 15) {
		          age = myDate.getFullYear() - idCard.substring(6, 8) - 1901;
		          sex = idCard.substring(13, 14);
		          birth = "19" + idCard.substring(6, 8) + "-" + idCard.substring(8, 10) + "-" + idCard.substring(10, 12);
		          if (idCard.substring(8, 10) < month || idCard.substring(8, 10) === month && idCard.substring(10, 12) <= day)
		            age++;
		        }

		        if (sex % 2 === 0) sex = '2';
		        else sex = '1';
				this.form.sex = sex
				this.form.age = age
		        return {
		          age,
		          sex,
		          birth
		        }
	},
	// 请求身份证数据
	// idea() {
	// 	idces({ idCard: this.form.idCard }).then(response => {
	// 		console.log(response);

	// 	});
	// },
    /** 提交按钮 */
    submitForm() {
		let redw = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
		if (this.form.phone == null) {
		} else{
		  if(this.form.phone !== ''){
		    if(redw.test(this.form.phone)){

		    }else{
		      this.$message.error('手机号码不正确');
		      return false
		    }
		  }
		}

      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.id != null) {
            updateInfo(this.form).then(response => {
              this.$modal.msgSuccess("修改成功");
              this.open = false;
              this.getList();
            });
          } else {
            addInfo(this.form).then(response => {
              this.$modal.msgSuccess("新增成功");
              this.open = false;
              this.getList();
            });
          }
        }
      });
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const ids = row.id || this.ids;
      this.$modal.confirm('是否确认删除学生档案信息编号为"' + ids + '"的数据项？').then(function() {
        return delInfo(ids);
      }).then(() => {
        this.getList();
        this.$modal.msgSuccess("删除成功");
      }).catch(() => {});
    },
    /** 导出按钮操作 */
    handleExport() {
      this.download('teacher/info/export', {
        ...this.queryParams
      }, `info_${new Date().getTime()}.xlsx`)
    },
	handleChange (value) {
	        console.log(3976);

	      //我们选择地址后，selectedOptions 会保存对应的区域码，例如北京的区域码为'110000'
	      //我们要取出区域码对应的汉字，就需要用CodeToText(区域码)进行输出
	        this.addtions.selectedOptions = value
	        console.log(this.selectedOptions);

	        var name = ''

	        this.selectedOptions.map(item => name += CodeToText[item] + '/')
	        this.addtions.names = name
	        this.namestwo = this.addtions.names.split('/')
	        // for (let index = 0; index < this.namestwo.length; index++) {
	        //   const element = this.namestwo[index];
	        //   this.form.provinceName.value = this.namestwo[0]
	        //    this.form.cityName.value = this.namestwo[1]
	        //    this.form.regionName.value = this.namestwo[2]
	        //    console.log(this.form);

	        // }
	        this.form.area = this.addtions.names.split('/')
	        this.form.areaCode = this.addtions.selectedOptions
	        console.log(this.form.area);
	        for(var i = 0 ; i < this.form.area.length; i++){
	          this.mapCenter =  this.form.area[1]
	          this.location = this.form.area[1]
	        }
	        console.log(this.mapCenter);
	        console.log(this.location);


	         console.log(this.form.areaCode);
	        console.log(this.addtions.names.split('/'))

	        console.log(this.addtions.selectedOptions)
	      },
	      // 、、地图
	      getLocationPoint(e){
	       console.log(e.point.lng,e.point.lat,e);
		   let that = this
		   that.form.longitude = e.point.lng
		   that.form.latitude = e.point.lat
		   const geoCoder = new BMap.Geocoder()
		   geoCoder.getLocation(e.point, function(res) {
		             console.log('获取经纬度', e.point, '获取详细地址', res)
					 that.form.address = res.address
		    //          const addrComponent = res.addressComponents
		    //          const surroundingPois = res.surroundingPois
		    //          const province = addrComponent.province
		    //          const city = addrComponent.city
		    //          const district = addrComponent.district
		    //          let addr = addrComponent.street
		    //          if (surroundingPois.length > 0 && surroundingPois[0].title) {
		    //            if (addr) {
		    //              addr += `-${surroundingPois[0].title}`
		    //            } else {
		    //              addr += `${surroundingPois[0].title}`
		    //            }
		    //          } else {
		    //            addr += addrComponent.streetNumber
		    //          }

		    //          that.choosedLocation = { province, city, district, addr, ...that.center }
		           })
	      },
	      searchcomplete(e){
	        console.log(e);

	      },
	      handlerBMap({ BMap, map }) {
	      this.BMap = BMap
	      this.map = map
	      console.log(BMap,map);
	      console.log(this.mapLocatio);

	      // if (this.mapLocation.coordinate && this.mapLocation.coordinate.lng) {
	      //   // this.mapCenter.lng = this.mapLocation.coordinate.lng
	      //   // this.mapCenter.lat = this.mapLocation.coordinate.lat
	      //   this.mapZoom = 15
	      //   map.addOverlay(new this.BMap.Marker(this.mapLocation.coordinate))
	      // } else {
	      //   // this.mapCenter.lng = 113.271429
	      //   // this.mapCenter.lat = 23.135336
	      //   this.mapZoom = 10
	      // }
	    },
	    querySearch(queryString,cb) {
	      // console.log(e);
	      // this.keyword = e
	      // results, cb
	      // var that = this
	      // var myGeo = new this.BMap.Geocoder()
	      // console.log(queryString, cb);

	      // myGeo.getPoint(queryString, function(point) {
	      //   console.log(point);
	      //   // var point = '安庆市'

	      //   if (point) {
	      //     that.mapLocation.coordinate = point
	      //     that.makerCenter(point)
	      //   } else {
	      //     that.mapLocation.coordinate = null
	      //   }
	      // }, this.locationCity)
	      // console.log(this.locationCity);

	      // var options = {
	      //   onSearchComplete: function(results) {
	      //     console.log(local.getStatus());

	      //     if (local.getStatus() === 0) {
	      //       // 判断状态是否正确
	      //       var s = []
	      //       console.log(results.getCurrentNumPois());

	      //       for (var i = 0; i < results.getCurrentNumPois(); i++) {
	      //         var x = results.getPoi(i)
	      //         console.log(x);

	      //         var item = { value: x.address + x.title, point: x.point }
	      //         s.push(item)
	      //         // console.log(s);

	      //         cb(s)
	      //       }
	      //       // console.log(s);

	      //     } else {
	      //       cb()
	      //     }
	      //   }
	      // // this.oieueo(results)
	      console.log(queryString);
	      var item = []
	      var x = ''
	      //  this.nameadd = queryString.Ir
	      // queryString.value = ''
	       for(var i = 0 ; i <  this.nameadd.length; i++){
	         console.log(queryString[i]);
	        // var item = { value: this.nameadd[i].address + this.nameadd[i].title, point: this.nameadd[i].point }
	        // if(queryString[i].address == undefined){
	        //     queryString[i].address = ''
	        // }
	        //  x= this.nameadd[i].address + this.nameadd[i].title
	        // item.push(x)
	       this.nameadd[i].value = this.nameadd[i].address + this.nameadd[i].title
	       console.log(this.nameadd[i].value);

	      //  this.nameadd.push( item)
	         }
	        //  this.nameadd = item
	         console.log(this.nameadd);
	        //  this.cb = cb
	      cb(this.nameadd)
	      if(this.nameadd.length != 0){
	        // console.log(local.getStatus());

	      }else{
	        cb(this.kdourg)
	      }

	      console.log(this.nameadd);

	      // }
	      // console.log(options );
	    // var local = new this.BMap.LocalSearch('安庆市', options)

	    // console.log(queryString );
	      // local.search(queryString)
	    },
	    handleSelect(item) {
	      var { point } = item
	      this.mapLocation.coordinate = point
		  this.form.longitude = this.mapLocation.coordinate.lng
		  this.form.latitude = this.mapLocation.coordinate.lat
	      console.log(this.mapLocation.coordinate);
		  this.ferg = true

	      // this.makerCenter(point)
	    },
		handleSelectb(item){
			let that = this
			// if(that.ferg == true){
				var myGeo = new BMap.Geocoder();
				myGeo.getPoint(that.form.address, function (point) {
					        if (point) {
					          console.log(point, "point");
							  that.form.longitude = point.lng
							  that.form.latitude = point.lat
					          // that.location = point;
					        }
					      });
			// }



			console.log(this.form.address,396);
		},
	    makerCenter(point) {
	      console.log(point);

	      if (this.map) {
	        this.map.clearOverlays()
	        this.map.addOverlay(new this.BMap.Marker(point))
	        // this.mapCenter.lng = point.lng
	        // this.mapCenter.lat = point.lat
	        // this.mapCenter = '安庆市'
	        this.mapZoom = 15
	      }
	    },
	    oieueo(results,cb){
	    //  console.log(results,cb);
	   console.log(results);
	   console.log(this.form.address);


	    // if(this.form.address == ''){
	    //   this.nameadd = []
	    // }else{
	    //  this.nameadd = results.Ir
	    // }
	    //  console.log(type.Ir.value);
	     console.log(this.nameadd);
	    //  var cb= cb
	     this.querySearch(this.nameadd,this.cb)
	    //  results,cb

	    //  this.nameadd.
	    //  var local = new this.BMap.LocalSearch(this.map, options)
	    //   local.search(queryString)

	    },
	    //选中数据
	    confirmf(e){
	      console.log(143);
	      console.log(e);
	      this.nameadd = e

	    },
	    boiu(){
	      // this.okuyt = false
	    },
	    //获取焦点
	    faie(){
	// this.okuyt = true
	    },
		errw(val){
			console.log(val)
		},
		secc(val){
			console.log(val)
		},
		mjyhess(val){
			this.getListuye(val.deptId)
		},
		// 老师姓名选择器
		mjyhesstu(val){
			this.form.teacherId = val.teacherId
			// this.form.studentNumber = val.studentNumber
		},
		// 获取屏幕高度
		showFilterForm () {
		      this.filterActive = !this.filterActive
		      this.changeTableMaxHeight()
		    },

		    changeTableMaxHeight () {
		      let height = document.body.offsetHeight // 网页可视区域高度
		      // if (this.filterActive) {
		      //   this.tableMaxHeight = height - 320
		      // } else {
		        this.tableMaxHeight = height - 250
		      // }
		      console.log(height)
		    }
  }
};
</script>

<style>
 body * {
   box-sizing: border-box;
   flex-shrink: 0;
 }
 body {
   font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma,
     Arial, PingFang SC-Light, Microsoft YaHei;
 }
 input {
   background-color: transparent;
   border: 0;
 }
 button {
   margin: 0;
   padding: 0;
   border: 1px solid transparent;
   outline: none;
   background-color: transparent;
 }

 button:active {
   opacity: 0.6;
 }
 .van-nav-bar__left:active,
 .van-nav-bar__right:active {
   opacity: 1;
 }
 [class*='van-']::after {
   border-bottom: 0;
 }
 .flex-col {
   display: flex;
   flex-direction: column;
 }
 .flex-row {
   display: flex;
   flex-direction: row;
 }
 .justify-start {
   display: flex;
   justify-content: flex-start;
 }
 .justify-center {
   display: flex;
   justify-content: center;
 }

 .justify-end {
   display: flex;
   justify-content: flex-end;
 }
 .justify-evenly {
   display: flex;
   justify-content: space-evenly;
 }
 .justify-around {
   display: flex;
   justify-content: space-around;
 }
 .justify-between {
   display: flex;
   justify-content: space-between;
 }
 .align-start {
   display: flex;
   align-items: flex-start;
 }
 .align-center {
   display: flex;
   align-items: center;
 }
 .align-end {
   display: flex;
   align-items: flex-end;
 }

 /* .group_4 {
    box-shadow: 0px 0px 9px 0px rgba(236, 236, 236, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 3px;
    height: 1055px;
    width: 1212px;
    margin: 66px 12px 0 -1224px;
  } */
  .section_1 {
    width: 113px;
    height: 26px;
    margin: 31px 0 0 15px;
  }
  .section_2 {
    background-color: rgba(71, 117, 234, 1);
    width: 4px;
    height: 26px;
  }
  .text_6 {
    width: 95px;
    height: 16px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 16px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
    margin-top: 4px;
  }
  .section_3 {
    width: 1169px;
    height: 123px;
    margin: 12px 0 0 27px;
  }
  .group_5 {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    width: 98px;
    height: 98px;
    margin-top: 25px;
  }
  .group_6 {
    width: 220px;
    height: 60px;
    margin: 44px 0 0 30px;
  }
  .box_5 {
    width: 110px;
    height: 19px;
  }
  .text_7 {
    width: 53px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(22, 22, 22, 1);
    font-size: 18px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-top: 1px;
  }
  .thumbnail_18 {
    width: 15px;
    height: 19px;
    margin-left: 18px;
  }
  .thumbnail_19 {
    width: 17px;
    height: 17px;
    margin: 1px 0 0 7px;
  }
  .text-wrapper_3 {
    width: 220px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-top: 27px;
  }
  .text_8 {
    width: 220px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_9 {
    width: 220px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_4 {
    width: 99px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin: 90px 0 0 94px;
  }
  .text_10 {
    width: 99px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_11 {
    width: 99px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_12 {
    width: 99px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_5 {
    width: 162px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin: 89px 0 0 92px;
  }
  .text_13 {
    width: 162px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(22, 22, 22, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_14 {
    width: 162px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_6 {
    background-color: rgba(0, 169, 240, 1);
    border-radius: 4px;
    height: 40px;
    margin-left: 180px;
    width: 90px;
  }
  .text_15 {
    width: 28px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 46px;
    margin: 13px 0 0 31px;
  }
  .text-wrapper_7 {
    background-color: rgba(255, 242, 242, 1);
    border-radius: 4px;
    height: 40px;
    border: 1px solid rgba(255, 105, 105, 1);
    margin-left: 14px;
    width: 90px;
  }
  .text_16 {
    width: 28px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(255, 105, 105, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    line-height: 46px;
    margin: 13px 0 0 31px;
  }
  .section_4 {
    width: 1060px;
    height: 14px;
    margin: 36px 0 0 32px;
  }
  .text-wrapper_8 {
    width: 140px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_17 {
    width: 140px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_18 {
    width: 140px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_9 {
    width: 126px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 181px;
  }
  .text_19 {
    width: 126px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_20 {
    width: 126px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_21 {
    width: 126px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_10 {
    width: 154px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 181px;
  }
  .text_22 {
    width: 154px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_23 {
    width: 154px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_11 {
    width: 153px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 125px;
  }
  .text_24 {
    width: 153px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_25 {
    width: 153px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .section_5 {
    width: 971px;
    height: 14px;
    margin: 30px 0 0 32px;
  }
  .text-wrapper_12 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_26 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_27 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_13 {
    width: 106px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 225px;
  }
  .text_28 {
    width: 106px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_29 {
    width: 106px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_30 {
    width: 106px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_14 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 200px;
  }
  .text_31 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_32 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_33 {
    width: 97px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text-wrapper_15 {
    width: 64px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-left: 182px;
  }
  .text_34 {
    width: 64px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_35 {
    width: 64px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .section_6 {
    width: 860px;
    height: 15px;
    margin: 30px 0 0 32px;
  }
  .text-wrapper_16 {
    width: 860px;
    height: 15px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_36 {
    width: 860px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_37 {
    width: 860px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .section_7 {
    width: 375px;
    height: 14px;
    margin: 30px 0 0 32px;
  }
  .text-wrapper_17 {
    width: 375px;
    height: 14px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_38 {
    width: 375px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .text_39 {
    width: 375px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
  }
  .section_8 {
    width: 1096px;
    height: 192px;
    margin: 22px 0 0 100px;
  }
  .block_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 80%;
    height: 192px;
  }
  .section_9 {
    width: 1017px;
    height: 160px;
    margin: 45px 0 0 32px;
  }
  .text_40 {
    width: 75px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-top: 4px;
  }
  .group_7 {
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 160px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-left: 10px;
  }
  .text_41 {
    width: 74px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin: 4px 0 0 142px;
  }
  .group_8 {
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 160px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-left: 10px;
  }
  .text_42 {
    width: 75px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin: 4px 0 0 141px;
  }
  .group_9 {
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 160px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-left: 10px;
  }
  .section_10 {
    width: 631px;
    height: 160px;
    margin: 45px 0 56px 32px;
  }
  .text_43 {
    width: 75px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin-top: 4px;
  }
  .group_10 {
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 160px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-left: 10px;
  }
  .text_44 {
    width: 46px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(52, 52, 52, 1);
    font-size: 14px;
    font-family: PingFang-SC-Bold;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    line-height: 24px;
    margin: 4px 0 0 142px;
  }
  .group_11 {
    background-color: rgba(255, 255, 255, 1);
    width: 160px;
    height: 160px;
    border: 1px solid rgba(204, 204, 204, 1);
    margin-left: 38px;
  }
  .demo-table-expand {
    font-size: 0;
	.ngr{
		color: #161616;
	}
  }
  .demo-table-expand label {
    width: 90px;
	text-align: right;
    color: #666;
  }
  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 25%;
  }
</style>

<style scoped lang="scss">
	// 去除百度地图的图标 根据实际情况看是否要加样式穿透(::v-deep)
	    ::v-deep .anchorBL {
	      display: none !important;
	    }

	.bgtan{
		border-left: 3px solid #4775EA;
		padding-left: 10px;
	}

	.app-container{
		background-color: #f6f6f6;
		// height: 100vh;
	}
	.bm-view {
	  width: 100%;
	  height: 300px;
	}
	.oiue{
	  height: 300px;
	}
	.pui{
	  height: 100px;
	  position: absolute;
	  top: 40px;
	  left: 0;
	  z-index: 99;
	  // overflow: hidden;
	}
	.anchorTL{
	  width: 100%;
	}
	.app-container{
	  // padding: 0 !important;
	}
	.BMap_mask{
	  // background-color: #fff !important;
	}
	.bm-view {
	  width: 100%;
	  height: 300px;
	}
</style>
