GLB模型添加.修改，删除

surprise

2024-01-02 b2fdf4f25251229adbe9a6963cb35fb7fc868172

 src/components/right/right-top.vue

@@ -1,50 +1,27 @@
<template>
  <div class="trigger" style="margin-top: 140px; margin-right: 10px">
    <div class="user">
      <el-avatar
        class="user_btn"
        :size="70.6"
        icon="el-icon-user-solid"
        alt="个人中心"
      ></el-avatar>
    <!-- <div class="user">
      <el-avatar class="user_btn" :size="70.6" icon="el-icon-user-solid" alt="个人中心"></el-avatar>
      <div class="transition-box">
        <ul>
          <li @click="showLayer()">标绘数据</li>
          <!-- <li @click="dialogFormVisible = true">修改密码</li> -->
          <li @click="dialogFormVisible = true">修改密码</li>
        </ul>
      </div>
    </div>
    <el-dialog
      append-to-body
      title="修改密码"
      :visible.sync="dialogFormVisible"
      width="30%"
      :close-on-click-modal="false"
      custom-class="psdDialog"
    >
    </div> -->
    <el-dialog append-to-body title="修改密码" :visible.sync="dialogFormVisible" width="30%" :close-on-click-modal="false"
      custom-class="psdDialog">
      <el-form :model="form" ref="pwdForm" :rules="rules">
        <el-form-item label="原密码">
          <el-input
            show-password
            v-model="form.oldPassword"
            autocomplete="off"
          ></el-input>
          <el-input show-password v-model="form.oldPassword" autocomplete="off"></el-input>
        </el-form-item>

        <el-form-item label="新密码" prop="newPassword">
          <el-input
            show-password
            v-model="form.newPassword"
            autocomplete="off"
          ></el-input>
          <el-input show-password v-model="form.newPassword" autocomplete="off"></el-input>
        </el-form-item>

        <el-form-item label="确认密码" prop="checkPassword">
          <el-input
            show-password
            v-model="form.checkPassword"
            autocomplete="off"
          ></el-input>
          <el-input show-password v-model="form.checkPassword" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
@@ -69,7 +46,11 @@

 
    </div> -->
    <div class="user_menu" v-show="isShowLayer"><Layer ref="Layer" /></div>
    <div class="user_menu" v-show="$store.state.isShowLayer">
      <Layer ref="Layer" />
    </div>
    <model-layer v-show="$store.state.showModelFlag"></model-layer>
    <model-edit v-if="$store.state.isShowEditLayer"></model-edit>
    <querydata ref="drawer" />

    <div class="resByMouseBox" v-if="showRangeBox">
@@ -146,12 +127,7 @@
      <div class="right-close" v-show="isShow" @click="simulationHoverOff">
        ×
      </div>
      <el-tabs
        type="border-card"
        :tab-position="tabPosition"
        v-model="activeName"
        @tab-click="tabclick"
      >
      <el-tabs type="border-card" :tab-position="tabPosition" v-model="activeName" @tab-click="tabclick">
        <div v-show="isShowLocation" class="rightcontent">
          <transition name="el-fade-in-linear">
            <location v-show="isShowLocation" ref="location" />
@@ -159,12 +135,7 @@
        </div>
        <el-tab-pane label="标绘" name="标绘">
          <span slot="label" @click="simulationHoverOn('标绘')">
            <img
              class="bhImg"
              title="标绘"
              v-if="!isShowPlotting"
              src="@/assets/img/right/bh1.png"
            />
            <img class="bhImg" title="标绘" v-if="!isShowPlotting" src="@/assets/img/right/bh1.png" />
            <img v-else title="标绘" src="@/assets/img/right/bh-l.png" />
          </span>
          <div v-show="isShowPlotting" class="rightcontent">
@@ -175,12 +146,7 @@
        </el-tab-pane>
        <el-tab-pane label="量算" name="量算">
          <span slot="label" @click="simulationHoverOn('量算')">
            <img
              class="lsImg"
              title="量算"
              v-if="!isShowMeasure"
              src="@/assets/img/right/ls-s.png"
            />
            <img class="lsImg" title="量算" v-if="!isShowMeasure" src="@/assets/img/right/ls-s.png" />
            <img v-else title="量算" src="@/assets/img/right/ls-l.png" />
          </span>
          <div v-show="isShowMeasure" class="rightcontent">
@@ -191,12 +157,7 @@
        </el-tab-pane>
        <el-tab-pane label="空间查询" name="空间查询">
          <span slot="label" @click="simulationHoverOn('空间查询')">
            <img
              class="cxImg"
              title="空间查询"
              v-if="!isShowQuery"
              src="@/assets/img/right/cx-s.png"
            />
            <img class="cxImg" title="空间查询" v-if="!isShowQuery" src="@/assets/img/right/cx-s.png" />
            <img v-else title="空间查询" src="@/assets/img/right/cx-ll.png" />
          </span>
          <div v-show="isShowQuery" class="rightcontent">
@@ -207,12 +168,7 @@
        </el-tab-pane>
        <el-tab-pane label="漫游" name="漫游">
          <span slot="label" @click="simulationHoverOn('漫游')">
            <img
              class="myImg"
              title="漫游"
              v-if="!isShowRoam"
              src="@/assets/img/right/my11.png"
            />
            <img class="myImg" title="漫游" v-if="!isShowRoam" src="@/assets/img/right/my11.png" />
            <img v-else title="漫游" src="@/assets/img/right/my-l.png" />
          </span>
          <div v-show="isShowRoam" class="rightcontent">
@@ -227,16 +183,8 @@
        </el-tab-pane> -->
        <el-tab-pane label="专题分析" name="专题分析">
          <span slot="label" @click="simulationHoverOn('专题分析')">
            <img
              class="specialImg"
              v-if="!isShowSpeAnalyseImg"
              src="@/assets/img/left/specialanalyse4.png"
            />
            <img
              class="specialImg"
              v-else
              src="@/assets/img/left/specialanalyse4-s.png"
            />
            <img class="specialImg" v-if="!isShowSpeAnalyseImg" src="@/assets/img/left/specialanalyse4.png" />
            <img class="specialImg" v-else src="@/assets/img/left/specialanalyse4-s.png" />
          </span>
          <div v-show="isShowSpeAnalyse" class="leftContent">
            <leftztfx ref="ZTFX" />
@@ -244,25 +192,16 @@
        </el-tab-pane>
        <el-tab-pane label="特效" name="特效">
          <span slot="label" @click="simulationHoverOn('特效')">
            <img
              class="speEffectImg"
              v-if="!isShowSpeEffectImg"
              src="@/assets/img/left/specialeffect4.png"
            />
            <img
              class="speEffectImg"
              v-else
              src="@/assets/img/left/specialeffect4-s.png"
            />
            <img class="speEffectImg" v-if="!isShowSpeEffectImg" src="@/assets/img/left/specialeffect4.png" />
            <img class="speEffectImg" v-else src="@/assets/img/left/specialeffect4-s.png" />
          </span>
          <div v-show="isShowSpeEffect" class="leftContent">
            <lefttx ref="TX" />
          </div>
        </el-tab-pane>
        <el-tab-pane label="清除" name="清除">
          <span slot="label" @click="simulationHoverOn('清除')"
            ><img title="清除" class="qcImg" src="@/assets/img/right/qc-s.png"
          /></span>
          <span slot="label" @click="simulationHoverOn('清除')"><img title="清除" class="qcImg"
              src="@/assets/img/right/qc-s.png" /></span>
        </el-tab-pane>
      </el-tabs>
    </div>
@@ -304,6 +243,7 @@
  z-index: 1000;
  box-sizing: border-box;
}

.resByMouseBox .closeBtn {
  color: #fff;
  position: absolute;
@@ -311,9 +251,11 @@
  top: 3px;
  font-size: 24px;
}

.el-link.el-link--default {
  color: #409eff;
}

.detailBox {
  width: 200px;
  /* height: 300px; */
@@ -327,6 +269,7 @@
  padding: 20px 10px 10px;
  position: relative;
}

.detailcCloseBtn {
  font-size: 24px;
  position: absolute;
@@ -334,6 +277,7 @@
  top: 5px;
  /* float: right; */
}

.detailBox :not(:first-child) {
  margin-top: 5px;
}
@@ -394,9 +338,11 @@
  margin-top: 0px !important;
  /* border-radius: 3px !important; */
}

.user:hover .transition-box {
  display: block;
}

.transition-box {
  display: none;
  width: 130px;
@@ -411,19 +357,23 @@
  box-sizing: border-box;
  z-index: 9999;
}

.transition-box ul li {
  /* min-width: 154px; */
  height: 35px;
  text-align: center;
  line-height: 35px;
}

.transition-box ul li:hover {
  background: rgba(18, 80, 172, 0.6);
  box-shadow: 0px 0px 10px 5px rgba(0, 132, 255, 0.7) inset;
}

.psdDialog .el-form-item {
  margin-bottom: 0px;
}

/* .psdDialog,
.psdDialog /deep/ .el-pager li {
   background-color: rgba(255, 0, 0, 0.0);
@@ -489,6 +439,7 @@
.trigger {
  pointer-events: all;
}

.specialTool {
  position: absolute;
  bottom: 60px;
@@ -512,6 +463,7 @@
  cursor: pointer;
  /* box-shadow: 0px 0px 5px 5px #fff; */
}

.top-btn-active {
  background: #0987ff !important;
}
@@ -678,19 +630,23 @@
  margin: 1px;
  margin: 20px 0;
}

.searchElBg{
  background-image: url("~@/assets/img/new/leftCircle.png") !important;
  background-size: 48px 48px !important;
}

.searchBtn {
  margin-top: 3px;
  width: 40px;
  pointer-events: none;
}

.searchElBg:hover{
  background-image: url("~@/assets/img/new/leftCircle-y.png") !important;
  background-size: 48px 48px !important;
}

.searchBg {
  position: absolute;
  left: -4px;
@@ -699,6 +655,7 @@
  height: 56px;
  z-index: -10;
}

.active {
  background: #0987ff !important;
}
@@ -711,9 +668,11 @@
  height: 71px;
  background-image: url("~@/assets/img/new/rightCircle.png");
}

.user:hover {
  background-image: url("~@/assets/img/new/rightCircle-y.png");
}

.user .el-avatar {
  background-color: transparent;
  margin: 3px auto 0;
@@ -723,6 +682,7 @@
  margin-right: 0px !important;
  font-size: 28.9px;
}

.fcfhBox {
  position: relative;
  top: -50px;
@@ -731,33 +691,40 @@
  background-color: rgba(24, 87, 175, 0.7);
  border-radius: 4px;
}

.fcfhactive {
  background-color: #17a8fc !important;
}

.fcfhBox button {
  background-color: rgba(24, 64, 118, 1);
}

.closeBtn {
  font-size: 24px;
  color: #fff;
  vertical-align: top;
  margin-left: 5px;
}

.resByMouseBox /deep/ .el-collapse-item__header {
  background-color: transparent;
  color: #fff;
  height: 37px;
  padding-left: 15px;
}

.resByMouseBox /deep/ .el-collapse-item__wrap {
  background-color: transparent;
  /* color: #fff; */
  /* height: 37px; */
  /* padding-left: 15px; */
}

.bottomWrap {
  margin-top: 28px;
}

.bottomWrap /deep/ .el-collapse-item__content {
  /* max-height: 308px; */
  /* overflow: auto; */
@@ -765,6 +732,7 @@
  padding-left: 15px;
  padding-bottom: 0;
}

.listBox {
  width: 90%;
  margin: 3px 0;
@@ -788,9 +756,10 @@
import common from "@/components/common";
import { mapState, mapMutations } from "vuex";
import Bus from "../tools/Bus";
import { queryBySquare } from "@/utils/request";
// import { queryBySquare } from "@/utils/request";
import FCFH from "@/components/right/FCFH";

import modelLayer from "@/components/left/layerTree/modelLayer.vue";
import  modelEdit from '@/components/left/layerTree/modelEdit.vue';
//交通图层
let trafficLayer, panoramaLayer;
let flyPoint;
@@ -807,6 +776,8 @@
    lefttx,
    Layer,
    FCFH,
    modelLayer,
    modelEdit
  },
  name: "right-top",
  data() {