Răsfoiți Sursa

资源目录添加图层数量显隐

maxiaoxiao 9 luni în urmă
părinte
comite
3c950be4e3

+ 18 - 2
src/components/Combinations/LayerManage/LayerManageSplit.vue

@@ -7,14 +7,21 @@
     <Tabs value="">
       <TabPane :label="Resource.Resource" name="zyml">
         <div class="zyml" :class="$props.splitId >= 0 ? `zymlsplit` : ''">
-          <el-input :placeholder="Resource.InputPlaceholder" prefix-icon="el-icon-search" v-model="treeSearchText"
+          <div class="searchDiv">
+            <el-input :placeholder="Resource.InputPlaceholder" prefix-icon="el-icon-search" v-model="treeSearchText"
             size="small">
           </el-input>
+          <div
+            class="eicon"
+            :class="isshowNum ? 'eyes' : 'close_eyes'"
+            @click="isshowNum = !isshowNum"
+          ></div>
+          </div>
           <div class="treeDiv">
             <el-tree @check="handleCheckChange" class="filter-tree" :data="TreeDatas" show-checkbox :props="defaultProps"
               :filter-node-method="filterNode" :default-checked-keys="checkedKeys" node-key="id" ref="tree">
               <span class="custom-tree-node" slot-scope="{ node, data }">
-                <span>{{ node.label }}</span>
+                <span>{{ !isshowNum && !data.url && node.label ? node.label.replace(/\[.*$/, '') : node.label }}</span>
                 <span>
                   <Icon :type="!data.favorite ? 'ios-star-outline' : 'ios-star'" color="green" size="18" class="opBtn"
                     :title="data.favorite ? Resource.DelCollect : Resource.AddCollect
@@ -117,6 +124,7 @@ export default {
           type: "ROOT",
         },
       ],
+      isshowNum: false,
     };
   },
   computed: {
@@ -281,6 +289,14 @@ export default {
 
 <style lang="scss" scoped>
 @import "./LayerManage.scss";
+.searchDiv {
+  display: flex;
+  justify-content: space-between;
+  margin-right: 10px;
+  .el-input {
+    width: calc(100% - 30px);
+  }
+}
 
 
 </style>