分屏按钮问题修改

src/components/Combinations/LayerManage/LayerManageSplit.vue

@@ -6,7 +6,7 @@
     </div>
     <Tabs value="">
       <TabPane :label="Resource.Resource" name="zyml">
-        <div class="zyml" :class="$props.splitId ? `zymlsplit` : ''">
+        <div class="zyml" :class="$props.splitId >=0 ? `zymlsplit` : ''">
           <el-input
             :placeholder="Resource.InputPlaceholder"
             prefix-icon="el-icon-search"
@@ -49,7 +49,7 @@
       <TabPane
         :label="Resource.LayerOptions"
         name="tckz"
-        v-if="!$props.splitId"
+        v-if="$props.splitId == -1"
       >
         <div class="tckz">
           <List split size="large">
@@ -111,7 +111,7 @@
         </div>
       </TabPane>
       <TabPane :label="Resource.Favorite" name="collect">
-        <div class="collect" :class="$props.splitId ? `collectsplit` : ''">
+        <div class="collect" :class="$props.splitId >= 0 ? `collectsplit` : ''">
           <List split>
             <ListItem
               v-for="(item, index) in favoriteLayerList"
@@ -149,7 +149,7 @@ export default {
     },
     splitId: {
       type: Number,
-      default: false,
+      default: -1,
     },
     isshow: {
       type: Boolean,
@@ -185,7 +185,7 @@ export default {
   },
   computed: {
     LayerManageShow: function () {
-      return this.$props.splitId
+      return this.$props.splitId != -1
         ? this.$props.isshow
         : this.sharedState.toolBar[0];
     },
@@ -193,7 +193,7 @@ export default {
 
   methods: {
     toggleVisibility() {
-      this.$props.splitId ? this.$emit("close") : store.setToolBarAction(0);
+      this.$props.splitId != -1 ? this.$emit("close") : store.setToolBarAction(0);
     },
     setCheckedKeys(keys) {
       this.$refs.tree.setCheckedKeys(keys);
@@ -206,7 +206,7 @@ export default {
         addjudge = data.type == "IMG" || data.type == "Vector";
       }
       if (!value) return addjudge;
-      return data.label.indexOf(value) !== -1 && addjudge;
+      return data.label.indexOf(value) >= 0 && addjudge;
     },
     favoriteHandle(data) {
       // this.$emit("favoriteHandle", data);

src/components/sceneAtttribute/splitScreen/splitScreen.vue

@@ -157,9 +157,11 @@ export default {
   .sm-btn {
     position: absolute;
     top: 60px;
+    left: 10px;
     background-color: transparent;
     // font-size: 30px;
-    z-index: 100;
+    z-index: 110 !important;
+    cursor: pointer;
   }
   .sm-panel {
     max-width: 300px;