管道基础大数据平台系统开发-【前端】-新系統界面
13693261870
2023-06-23 1465af7140de6e3f177bae6de5535110f7b3b7a7
修改加载pnts的参数值
已修改1个文件
124 ■■■■■ 文件已修改
src/views/Tools/LayerTree.vue 124 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
src/views/Tools/LayerTree.vue
@@ -2,83 +2,52 @@
  <div class="lalala tree-container">
    <el-form ref="form">
      <el-form-item>
        <el-select v-model="$store.state.pigCode"
                   clearable
                   filterable
                   style="width :100%"
                   @change="prjChanged"
                   placeholder="请选择项目">
          <el-option v-for="item in menus"
                     :key="item.code"
                     :label="item.name"
                     :value="item.code">
        <el-select v-model="$store.state.pigCode" clearable filterable style="width :100%" @change="prjChanged"
          placeholder="请选择项目">
          <el-option v-for="item in menus" :key="item.code" :label="item.name" :value="item.code">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-input placeholder="输入关键字进行过滤"
                  v-model="filterText"
                  class="search">
        <el-input placeholder="输入关键字进行过滤" v-model="filterText" class="search">
        </el-input>
      </el-form-item>
    </el-form>
    <el-tree ref="tree"
             :data="treeData"
             node-key="id"
             show-checkbox
             :props="defaultProps"
             @node-click="handleLeftclick"
             @node-contextmenu="rightClick"
             @check="handleCheckChange"
             :default-checked-keys="handleTreeCheck"
             :expand-on-click-node="false"
             :filter-node-method="filterNode"
             draggable>
    <el-tree ref="tree" :data="treeData" node-key="id" show-checkbox :props="defaultProps" @node-click="handleLeftclick"
      @node-contextmenu="rightClick" @check="handleCheckChange" :default-checked-keys="handleTreeCheck"
      :expand-on-click-node="false" :filter-node-method="filterNode" draggable>
      <span class="slot-t-node"
            slot-scope="{ node, data }">
        <span v-show="!data.isEdit">
          <span :class="[data.id >= 99 ? 'slot-t-node--label' : '']">{{
            node.label
          }}</span>
        </span>
        <span v-show="data.isEdit">
          <el-input class="slot-t-input"
                    size="mini"
                    autofocus
                    v-model="data.label"
                    :ref="'slotTreeInput' + data.id"
                    @blur.stop="nodeBlur(node, data)"
                    @keydown.native.enter="nodeBlur(node, data)"></el-input>
        </span>
              slot-scope="{ node, data }">
          <span v-show="!data.isEdit">
            <span :class="[data.id >= 99 ? 'slot-t-node--label' : '']">{{
              node.label
            }}</span>
      </span>
      <span v-show="data.isEdit">
            <el-input class="slot-t-input"
                      size="mini"
                      autofocus
                      v-model="data.label"
                      :ref="'slotTreeInput' + data.id"
                      @blur.stop="nodeBlur(node, data)"
                      @keydown.native.enter="nodeBlur(node, data)"></el-input>
          </span>
      </span>
    </el-tree>
    <el-card class="box-card"
             ref="card"
             :style="{ ...rightClickMenuStyle }"
             v-show="menuVisible">
      <div class="edit"
           @click="showLayerAttribute()"
           v-if="showProp && !shwoHistogram">
    <el-card class="box-card" ref="card" :style="{ ...rightClickMenuStyle }" v-show="menuVisible">
      <div class="edit" @click="showLayerAttribute()" v-if="showProp && !shwoHistogram">
        <i class="el-icon-tickets"></i>&nbsp;&nbsp;属性
      </div>
      <div class="edit"
           @click="positioning()"
           v-if="showLocal">
      <div class="edit" @click="positioning()" v-if="showLocal">
        <i class="el-icon-tickets"></i>&nbsp;&nbsp;定位
      </div>
      <div class="edit"
           @click="pellucidity()"
           v-if="showOpacity">
      <div class="edit" @click="pellucidity()" v-if="showOpacity">
        <i class="el-icon-tickets"></i>&nbsp;&nbsp;透明度
      </div>
      <div class="edit"
           @click="histogram()"
           v-show="shwoHistogram">
      <div class="edit" @click="histogram()" v-show="shwoHistogram">
        <i class="el-icon-tickets"></i>&nbsp;&nbsp;钻孔柱状图
      </div>
      <div class="edit"
           v-show="shwoTileDown"
           @click="tileDownload()">
      <div class="edit" v-show="shwoTileDown" @click="tileDownload()">
        <i class="el-icon-download"></i>&nbsp;&nbsp;瓦片下载
      </div>
    </el-card>
@@ -454,7 +423,7 @@
            url: url,
            skipLevelOfDetail: true, // 在遍历时候跳过详情:false
            baseScreenSpaceError: 1024,
            maximumScreenSpaceError: 64, // 最大屏幕空间错误:16,数值加大能让最终成像变模糊
            maximumScreenSpaceError: url.indexOf("/pnts/") > -1 ? 16 : 64, // 最大屏幕空间错误:16,数值加大能让最终成像变模糊
            skipScreenSpaceErrorFactor: 16,
            skipLevels: 1,
            immediatelyLoadDesiredLevelOfDetail: false,
@@ -850,7 +819,7 @@
</script>
<style scoped lang="less">
/* 点击节点时的选中颜色 */
.tree-container /deep/.el-tree-node.is-current > .el-tree-node__content {
.tree-container /deep/.el-tree-node.is-current>.el-tree-node__content {
  color: #409eff !important;
}
@@ -882,18 +851,19 @@
  padding-left: 16px;
}
.tree-container /deep/ .el-tree > .el-tree-node:before {
.tree-container /deep/ .el-tree>.el-tree-node:before {
  border-left: none;
}
.tree-container /deep/ .el-tree > .el-tree-node:after {
.tree-container /deep/ .el-tree>.el-tree-node:after {
  border-top: none;
}
.tree-container /deep/ .el-tree > .el-tree-node:before {
.tree-container /deep/ .el-tree>.el-tree-node:before {
  border-left: none;
}
.tree-container /deep/ .el-tree > .el-tree-node:after {
.tree-container /deep/ .el-tree>.el-tree-node:after {
  border-top: none;
}
@@ -935,14 +905,17 @@
.tree-container {
  margin: 10px;
}
.tree-container /deep/ .el-tree .el-tree-node {
  position: relative;
}
.tree-container /deep/ .el-tree-node .el-tree-node__content {
  height: 34px;
  padding-left: 0px !important;
  border: none;
}
.tree-container /deep/ .el-tree-node .el-tree-node__content::before {
  border-left: 1px dashed #ccc;
  height: 100%;
@@ -952,11 +925,8 @@
  margin-top: 0px;
  z-index: 8;
}
.tree-container
  /deep/
  .el-tree-node
  .el-tree-node__children
  .el-tree-node__content::before {
.tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::before {
  border-left: 0px dashed #ccc;
  height: 100%;
  top: 0;
@@ -976,7 +946,7 @@
}
.tree-container /deep/ .el-tree-node {
  .is-leaf + .el-checkbox .el-checkbox__inner {
  .is-leaf+.el-checkbox .el-checkbox__inner {
    display: inline-block;
  }
@@ -985,11 +955,7 @@
  }
}
.tree-container
  /deep/
  .el-tree-node
  .el-tree-node__children
  .el-tree-node__content::after {
.tree-container /deep/ .el-tree-node .el-tree-node__children .el-tree-node__content::after {
  border-top: 0px dashed #ccc;
}
@@ -1006,9 +972,11 @@
/deep/.el-card__body {
  padding: 10px !important;
  > div {
  >div {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    &:hover {
      color: #409eff;
    }
@@ -1026,10 +994,12 @@
.text {
  font-size: 14px;
}
.el-tree {
  width: 100%;
  margin-top: 10px;
}
.search {
  width: 100%;
}