优化滚动条及删除问题

src/pages/detailstrategy.vue

@@ -27,7 +27,7 @@
             <div class="imgdiv">
               <p class="imglist">
                 <img src="../../static/bianji.png" @click="editinput(item)" title="编辑" >
-                <img src="../../static/shanchu.png" title="删除" @click="delateitem(item)" style="margin-left:20px">
+                <img src="../../static/shanchu.png" title="删除" @click="delateitem(item,index)" style="margin-left:20px">
                 <img src="../../static/dingding.png" alt="钉钉" @click="ding(item)" style="margin-left:20px">
               </p>
               <p v-show="item.showselect">
@@ -181,7 +181,12 @@ export default {
         orderNo: this.contentarr.length + 1
       })
     },
-    delateitem (item) {
+    delateitem (item, index) {
+      if (item.content === '') {
+        this.contentarr.splice(index, 1)
+        this.contentarr = [...this.contentarr]
+        return false
+      }
       this.delateUid = item.uid
       this.delatelefthostmodal = true
     },
@@ -210,7 +215,8 @@ export default {
   height: 100%;
   width: 100%;
   background: url("../../static/bg.jpg") no-repeat center 0 / cover;
-  font-family:"Microsoft Yahei"
+  font-family:"Microsoft Yahei";
+  overflow: hidden;
 }
 .detailstrategy_title{
   height: 40px;
@@ -234,6 +240,24 @@ export default {
   float: left;
   overflow-y: auto;
   }
+.detailstrategy_content_warp::-webkit-scrollbar{
+  width:3px;
+  height:3px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-track{
+  background: rgba(239, 239, 239,0.1);
+  border-radius:2px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-thumb{
+  background: rgba(136,136,136,0.4);
+  border-radius:10px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-thumb:hover{
+  background: rgba(136,136,136,0.4);
+}
+.detailstrategy_content_warp::-webkit-scrollbar-corner{
+  background: #179a16;
+}
 .detailstrategy_content_warp{
   width: 85%;
   margin: 0 11%;

src/pages/sourcematerial.vue

@@ -27,7 +27,7 @@
             <div class="imgdiv">
               <p class="imglist">
                 <img src="../../static/bianji.png" @click="editinput(item)" title="编辑" >
-                <img src="../../static/shanchu.png" title="删除" @click="delateitem(item)" style="margin-left:20px">
+                <img src="../../static/shanchu.png" title="删除" @click="delateitem(item,index)" style="margin-left:20px">
                 <img src="../../static/dingding.png" alt="钉钉" @click="ding(item)" style="margin-left:20px">
               </p>
               <p v-show="item.showselect">
@@ -141,7 +141,12 @@ export default {
         content: ''
       })
     },
-    delateitem (item) {
+    delateitem (item, index) {
+      if (item.content === '') {
+        this.contentarr.splice(index, 1)
+        this.contentarr = [...this.contentarr]
+        return false
+      }
       this.delatelefthostmodal = true
       this.delateuid = item.uid
     },
@@ -229,7 +234,8 @@ export default {
   height: 100%;
   width: 100%;
   background: url("../../static/bg.jpg") no-repeat center 0 / cover;
-  font-family:"Microsoft Yahei"
+  font-family:"Microsoft Yahei";
+  overflow: hidden;
 }
 .sourcematerial_title{
   height: 40px;
@@ -253,6 +259,24 @@ export default {
   float: left;
   overflow-y: auto;
 }
+.detailstrategy_content_warp::-webkit-scrollbar{
+  width:3px;
+  height:3px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-track{
+  background: rgba(239, 239, 239,0.1);
+  border-radius:2px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-thumb{
+  background: rgba(136,136,136,0.1);
+  border-radius:10px;
+}
+.detailstrategy_content_warp::-webkit-scrollbar-thumb:hover{
+  background: rgba(136,136,136,0.4);
+}
+.detailstrategy_content_warp::-webkit-scrollbar-corner{
+  background: #179a16;
+}
 .detailstrategy_content_warp{
   width: 86%;
   margin: 0 11%;

src/pages/strategymange.vue

@@ -11,7 +11,7 @@
               <div  v-show="item.showtitle">
                 <img src="../../static/add.png" title="添加" @click="oneaddtitle">
                 <img src="../../static/bianji.png"  title="编辑" @click="editimgtitle(item,index)">
-                <img src="../../static/shanchu.png" title="删除" @click="delateedittitle(item)">
+                <img src="../../static/shanchu.png" title="删除" @click="delateedittitle(item, index)">
               </div>
             </div>
             <div class="classtitle_title">
@@ -33,7 +33,7 @@
                             <img src="../../static/bianji.png"  title="编辑" @click="editchliidput(element,index, index1)">
                           </p>
                           <p>
-                            <img src="../../static/shanchu.png" title="删除" @click="delatechlidListleft(element)">
+                            <img src="../../static/shanchu.png" title="删除" @click="delatechlidListleft(element, index, index1)">
                           </p>
                         </div>
                       </div>
@@ -79,7 +79,7 @@
               <div v-show="item.showtitle">
                 <img src="../../static/tianjia.png" title="添加" @click="oneaddtitleright">
                 <img src="../../static/bianji.png"  title="编辑" @click="editimgtitleright(item,index3)">
-                <img src="../../static/shanchu.png" title="删除" @click="delateedittitle(item)">
+                <img src="../../static/shanchu.png" title="删除" @click="delateedittitleright(item,index3)">
               </div>
             </div>
             <div class="classtitle_title">
@@ -101,7 +101,7 @@
                           <img src="../../static/bianji.png"  title="编辑" @click="editchliidput(element)">
                         </p>
                         <p>
-                          <img src="../../static/shanchu.png" title="删除" @click="delatechlidListright(element)">
+                          <img src="../../static/shanchu.png" title="删除" @click="delatechlidListright(element, index3, index4)">
                         </p>
                       </div>
                     </div>
@@ -375,11 +375,23 @@ export default {
       // this.$refs['input'].focus()
       this.leftarr = [...this.leftarr]
     },
-    delatechlidListleft (element) {
+    delatechlidListleft (element, index, ind) {
+      if (element.title === '') {
+        console.log(this.leftarr[index].keyResultsVOList[ind])
+        this.leftarr[index].keyResultsVOList.splice(ind, 1);
+        this.leftarr = [...this.leftarr]
+        return false
+      }
       this.delateleftchildmodal = true
       this.elementuid = element.uid
     },
-    delatechlidListright (element) {
+    delatechlidListright (element, index, ind) {
+      if (element.title === '') {
+        console.log(this.rightarr[index].keyResultsVOList[ind])
+        this.rightarr[index].keyResultsVOList.splice(ind, 1);
+        this.rightarr = [...this.rightarr]
+        return false
+      }
       this.delateleftchildmodal = true
       this.elementuid = element.uid
     },
@@ -514,7 +526,21 @@ export default {
         keyResultsVOList: []
       })
     },
-    delateedittitle (item) {
+    delateedittitle (item, index) {
+      if (item.title === '') {
+        this.leftarr.splice(index, 1)
+        this.leftarr = [...this.leftarr]
+        return false
+      }
+      this.hostuid = item.uid
+      this.delatelefthostmodal = true
+    },
+    delateedittitleright (item, index) {
+      if (item.title === '') {
+        this.rightarr.splice(index, 1)
+        this.rightarr = [...this.rightarr]
+        return false
+      }
       this.hostuid = item.uid
       this.delatelefthostmodal = true
     },
@@ -591,7 +617,44 @@ export default {
   height: 100%;
   width: 100%;
   background: url("../../static/bg.jpg") no-repeat center 0 / cover;
-  font-family:"Microsoft Yahei"
+  font-family:"Microsoft Yahei";
+  overflow: hidden;
+}
+.left::-webkit-scrollbar{
+  width:3px;
+  height:3px;
+}
+.left::-webkit-scrollbar-track{
+  background: rgba(239, 239, 239,0.1);
+  border-radius:2px;
+}
+.left::-webkit-scrollbar-thumb{
+  background: rgba(136,136,136,0.1);
+  border-radius:10px;
+}
+.left::-webkit-scrollbar-thumb:hover{
+  background: rgba(136,136,136,0.4);
+}
+.left::-webkit-scrollbar-corner{
+  background: #179a16;
+}
+.right::-webkit-scrollbar{
+  width:3px;
+  height:3px;
+}
+.right::-webkit-scrollbar-track{
+  background: rgba(239, 239, 239,0.1);
+  border-radius:2px;
+}
+.right::-webkit-scrollbar-thumb{
+  background: rgba(136,136,136,0.1);
+  border-radius:10px;
+}
+.right::-webkit-scrollbar-thumb:hover{
+  background: rgba(136,136,136,0.4);
+}
+.right::-webkit-scrollbar-corner{
+  background: #179a16;
 }
 .heart{
   height: 80px;
@@ -608,9 +671,10 @@ export default {
 }
 .left{
   width: 35%;
-  height: 100%;
+  height: 98%;
   float: left;
-  overflow-y: auto
+  overflow-y: auto;
+  padding-bottom: 20px;
 }
 .leftdiv{
   width: 100%;
@@ -657,9 +721,11 @@ export default {
 }
 .right{
   width:35%;
-  height: 100%;
+  height: 98%;
   float: left;
-  overflow-y: auto
+  overflow-y: auto;
+  padding-bottom: 20px;
+  /* border: 1px solid black */
 }
 .hosttitle{
   width: 90%;