Merge branch 'master' of http://yun.pashanhoo.com:9090/bdc/bdcdj-web

+import request from '@/utils/request'
+/* 
+业务办理-获取收藏业务集合
+*/
+export function Init (data) {
+    return request({
+        url: '/ywbl/tdsyqlr/Init',
+        method: 'post',
+        data
+    })
+}
\ No newline at end of file

@@ -16,26 +16,53 @@
       </ul>
       </ul>
     </div>
     </div>
     <div class="tabsList">
     <div class="tabsList">
-      <p v-show="issplitScreen" class="splitScreen tabsList-title">材料信息</p>
-      <el-tabs v-model="activeName">
-        <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
-        </el-tab-pane>
-      </el-tabs>
+      <div class="tabsList-left"  >
+        <div class="map-drawer-click" 
+              v-if='isShowdrawer'
+              @click=" () => {
+                this.isShowdrawer = !this.isShowdrawer;}">
+              </div>
+        <div class="map-drawer-expand" 
+              v-else
+              @click=" () => {
+                  this.isShowdrawer = !this.isShowdrawer;}">
+              </div>
+        <ul v-if='this.isShowdrawer'>
+          <p>受理单元列表(3)</p>
+          <li>610100102104GB00004W00000000</li>
+          <div class="xian"></div>
+          <li>610100102104GB00004W00000000</li>
+          <div class="xian"></div>
+          <li>610100102104GB00004W00000000</li>
+          <div class="xian"></div>
+        </ul>
+      </div>
+      <div class="tabsList-right" >  
+        <div class="fenpin" v-show="issplitScreen">
+          <p class="splitScreen tabsList-title">材料信息</p>
+          <div class="splitScreen" ></div>
+        </div>
+        <el-tabs v-model="activeName">
+          <el-tab-pane :label="item.name" :name="index + 1 + ''" v-for="(item, index) in tabList" :key="index">
+            <div class="splitScreen-con">
+              <component :is="editItem" :flag="flag" :key="key" />
+            </div>
+          </el-tab-pane>
+        </el-tabs></div>
+    
     </div>
     </div>
 
 
-    <div class="splitScreen-con">
-      <div class="splitScreen" v-show="issplitScreen"></div>
-      <component :is="editItem" :flag="flag" :key="key" />
-    </div>
+    
   </div>
   </div>
 </template>
 </template>
 <script>
 <script>
-
+import { Init } from "@/api/fqsq.js"
 export default {
 export default {
   /**注册组件*/
   /**注册组件*/
   components: {},
   components: {},
   data () {
   data () {
     return {
     return {
+      isShowdrawer: true,
       key: 0,
       key: 0,
       flag: false,
       flag: false,
       headerleftList: [
       headerleftList: [
@@ -118,8 +145,19 @@ export default {
   },
   },
   created () {
   created () {
     this.tabList = [...this.tabList1]
     this.tabList = [...this.tabList1]
+    this.list()
   },
   },
   methods: {
   methods: {
+    list(){
+      var formdata=new FormData();
+//可以通过append()方法来追加数据
+formdata.append("bsmSldy","bf2bbedc18dce9ff1143be9f1496da39");
+      Init(formdata).then(res => {
+        if (res.code === 200) {
+          console.log(res,1111)
+        }
+      })
+    },
     operation (index, item) {
     operation (index, item) {
       if (item.icon == 'fqsq5') {
       if (item.icon == 'fqsq5') {
         this.key++
         this.key++
@@ -165,18 +203,14 @@ export default {
 .fqsq {
 .fqsq {
   width: 100%;
   width: 100%;
   height: 100%;
   height: 100%;
-  padding: 0 3%;
+  padding: 0;
   box-sizing: border-box;
   box-sizing: border-box;
   background-color: #ffffff;
   background-color: #ffffff;
 
 
-  .splitScreen-con {
-    display: flex;
-  }
+
 
 
   .splitScreen {
   .splitScreen {
     min-width: 50%;
     min-width: 50%;
-    width: 50%;
-    border-right: 1px solid $borderColor;
   }
   }
 
 
   &-header {
   &-header {
@@ -216,7 +250,32 @@ export default {
       }
       }
     }
     }
   }
   }
-
+  .map-drawer-expand {
+                width: 20px;
+                height: 77px;
+                background: url('../../../image/right.png');
+                background-size: cover;
+                position: absolute;
+                left: 0%;
+                top: 30%;
+                z-index: 999;
+                cursor: pointer;
+            }
+            .map-drawer-click {
+                width: 20px;
+                height: 77px;
+                background: url('../../../image/left.png');
+                background-size: cover;
+                position: absolute;
+                right: -8%;
+                top: 30%;
+                z-index: 999;
+                cursor: pointer;
+            }
+            .hide {
+                display: none;
+            }
+       
   .tabsList {
   .tabsList {
     width: 100%;
     width: 100%;
     position: sticky;
     position: sticky;
@@ -224,6 +283,43 @@ export default {
     background-color: #ffffff;
     background-color: #ffffff;
     z-index: 100;
     z-index: 100;
     @include flex;
     @include flex;
+    .tabsList-left{
+      border-right: 1px solid #EBEEF5;
+      position: relative;
+
+         ul{
+           position: relative;
+    
+           .xian{
+             background: #F2F2F2;
+             padding: 2px;
+           }
+           p{
+       padding: 20px;
+    text-align: center;
+           }
+            li{
+              padding: 10px;
+              font-size: 14px;
+               color: #606266;
+
+            }
+            li:hover{
+              color: #0F93F6;
+              cursor:pointer
+            }
+         }
+    }
+    .tabsList-right{
+      .fenpin{
+        min-width: 50%;
+        border-right: 1px solid #EBEEF5;
+      }
+    width: 100%;
+    background-color: #ffffff;
+    z-index: 100;
+    @include flex;
+    }
   }
   }
 
 
   .tabsList-title {
   .tabsList-title {