From 1465af7140de6e3f177bae6de5535110f7b3b7a7 Mon Sep 17 00:00:00 2001 From: 13693261870 <252740454@qq.com> Date: 星期五, 23 六月 2023 10:35:13 +0800 Subject: [PATCH] 修改加载pnts的参数值 --- src/views/Tools/LayerTree.vue | 124 +++++++++++++++------------------------- 1 files changed, 47 insertions(+), 77 deletions(-) diff --git a/src/views/Tools/LayerTree.vue b/src/views/Tools/LayerTree.vue index a42aae1..decb1b3 100644 --- a/src/views/Tools/LayerTree.vue +++ b/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> 灞炴�� </div> - <div class="edit" - @click="positioning()" - v-if="showLocal"> + <div class="edit" @click="positioning()" v-if="showLocal"> <i class="el-icon-tickets"></i> 瀹氫綅 </div> - <div class="edit" - @click="pellucidity()" - v-if="showOpacity"> + <div class="edit" @click="pellucidity()" v-if="showOpacity"> <i class="el-icon-tickets"></i> 閫忔槑搴� </div> - <div class="edit" - @click="histogram()" - v-show="shwoHistogram"> + <div class="edit" @click="histogram()" v-show="shwoHistogram"> <i class="el-icon-tickets"></i> 閽诲瓟鏌辩姸鍥� </div> - <div class="edit" - v-show="shwoTileDown" - @click="tileDownload()"> + <div class="edit" v-show="shwoTileDown" @click="tileDownload()"> <i class="el-icon-download"></i> 鐡︾墖涓嬭浇 </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%; } -- Gitblit v1.9.3