From fb98e10c76d7e6c2d01f3a9f8c1b727f905cbdca Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 05 二月 2024 15:30:50 +0800
Subject: [PATCH] 代码更新

---
 src/views/Tools/LayerTree.vue |  138 ++++++++++++---------------------------------
 1 files changed, 37 insertions(+), 101 deletions(-)

diff --git a/src/views/Tools/LayerTree.vue b/src/views/Tools/LayerTree.vue
index 3a2e50f..572e389 100644
--- a/src/views/Tools/LayerTree.vue
+++ b/src/views/Tools/LayerTree.vue
@@ -2,113 +2,49 @@
   <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"
-    >
-      <span
-        class="slot-t-node"
-        slot-scope="{ node, data }"
-      >
+    <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">
+      <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>
+            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>
+          <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>
-      <div
-        class="edit"
-        v-show="shwoAnnex"
-        @click="annexDownload()"
-      >
+      <div class="edit" v-show="shwoAnnex" @click="annexDownload()">
         <i class="el-icon-tickets"></i>&nbsp;&nbsp;闄勪欢
       </div>
     </el-card>
@@ -287,7 +223,15 @@
       this.shwoTileDown = ["TMS", "DOM"].indexOf(object.serveType) > -1 && object.pubid; // 鐡︾墖涓嬭浇
       this.menuVisible = this.showProp || this.shwoHistogram || this.showLocal || this.showOpacity || this.shwoTileDown; // 鑿滃崟
       this.shwoAnnex = ['DEM', 'TMS'].indexOf(object.serveType) > -1;//闄勪欢
-      this.$refs.card.$el.style.left = event.pageX + 20 + "px";
+
+ 
+      var left = window.innerWidth - 140;
+      var pageLeft = event.pageX + 20
+      if(pageLeft>left){
+        pageLeft = left - 25
+      } 
+
+      this.$refs.card.$el.style.left =pageLeft+ "px";
       this.$refs.card.$el.style.top = event.pageY + "px";
     },
     // 灞炴�ф樉绀�
@@ -917,7 +861,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;
 }
 
@@ -949,19 +893,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;
 }
 
@@ -1024,11 +968,7 @@
   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;
@@ -1048,7 +988,7 @@
 }
 
 .tree-container /deep/ .el-tree-node {
-  .is-leaf + .el-checkbox .el-checkbox__inner {
+  .is-leaf+.el-checkbox .el-checkbox__inner {
     display: inline-block;
   }
 
@@ -1057,11 +997,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;
 }
 
@@ -1079,7 +1015,7 @@
 /deep/.el-card__body {
   padding: 10px !important;
 
-  > div {
+  >div {
     padding-bottom: 10px;
     border-bottom: 1px solid #ccc;
 

--
Gitblit v1.9.3