bug-1289 首页下沉页左侧收缩功能异常

src/views/platform/office/bpmInitiatedProcess/myDraft.vue

@@ -10,10 +10,10 @@
                 @expand-collapse="handleExpandCollapse"
             />
         </div>
-        <!-- :style="{ marginLeft: width+'px' }" -->
         <ibps-crud
             ref="crud"
             :height="height"
+            :style="{ marginLeft: width + 'px' }"
             :data="listData"
             :toolbars="listConfig.toolbars"
             :search-form="listConfig.searchForm"
@@ -188,16 +188,3 @@ export default {
     }
 }
 </script>
-<style lang="scss" scoped>
-    .ibps-layout .container-component {
-        position: absolute;
-        top: 0px;
-        right: 0;
-        bottom: 0px;
-        left: 220px!important;
-    }
-    .ibps-card-list-container .ibps-card-list--picture-card {
-        display: block;
-    }
-</style>
-

src/views/platform/office/bpmInitiatedProcess/myRequest.vue

@@ -13,6 +13,7 @@
         <ibps-crud
             ref="crud"
             :height="height"
+            :style="{ marginLeft: width + 'px' }"
             :data="listData"
             :toolbars="listConfig.toolbars"
             :search-form="listConfig.searchForm"
@@ -255,15 +256,3 @@ export default {
     }
 }
 </script>
-<style lang="scss" scoped>
-    .ibps-layout .container-component {
-        position: absolute;
-        top: 0px;
-        right: 0;
-        bottom: 0px;
-        left: 220px!important;
-    }
-    .ibps-card-list-container .ibps-card-list--picture-card {
-        display: block;
-    }
-</style>

src/views/platform/office/bpmReceivedProcess/completed.vue

@@ -13,6 +13,7 @@
         <ibps-crud
             ref="crud"
             :height="height"
+            :style="{ marginLeft: width + 'px' }"
             :data="listData"
             :toolbars="listConfig.toolbars"
             :search-form="listConfig.searchForm"
@@ -218,15 +219,3 @@ export default {
     }
 }
 </script>
-<style lang="scss" scoped>
-    .ibps-layout .container-component {
-        position: absolute;
-        top: 0px;
-        right: 0;
-        bottom: 0px;
-        left: 220px!important;
-    }
-    .ibps-card-list-container .ibps-card-list--picture-card {
-        display: block;
-    }
-</style>

src/views/platform/office/bpmReceivedProcess/handled.vue

@@ -10,10 +10,10 @@
                 @expand-collapse="handleExpandCollapse"
             />
         </div>
-        <!-- :style="{ marginLeft: width+'px' }" -->
         <ibps-crud
             ref="crud"
             :height="height"
+            :style="{ marginLeft: width + 'px' }"
             :data="listData"
             :toolbars="listConfig.toolbars"
             :search-form="listConfig.searchForm"
@@ -138,14 +138,14 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-    .ibps-layout .container-component {
-        position: absolute;
-        top: 0px;
-        right: 0;
-        bottom: 0px;
-        left: 220px!important;
-    }
-    .ibps-card-list-container .ibps-card-list--picture-card {
-        display: block;
-    }
+    // .ibps-layout .container-component {
+    //     position: absolute;
+    //     top: 0px;
+    //     right: 0;
+    //     bottom: 0px;
+    //     left: 220px!important;
+    // }
+    // .ibps-card-list-container .ibps-card-list--picture-card {
+    //     display: block;
+    // }
 </style>

src/views/platform/office/bpmReceivedProcess/pendingManage/pending.vue

@@ -15,6 +15,7 @@
             <ibps-crud
                 ref="crud"
                 :height="height"
+                :style="{ marginLeft: width + 'px' }"
                 :data="listData"
                 :toolbars="listConfig.toolbars"
                 :search-form="listConfig.searchForm"
@@ -343,16 +344,6 @@ export default {
     .page .ibps-container-full__body {
         padding: 0 0 10px 0!important;
     }
-    .ibps-layout .container-component {
-        position: absolute;
-        top: 0px;
-        right: 0;
-        bottom: 0px;
-        left: 220px!important;
-    }
-    .ibps-card-list-containe .ibps-card-list--picture-card {
-        display: block;
-    }
     .ibps-card-list-containe .ibps-card-list {
         padding-top: 10px!important;
     }

src/views/platform/office/mixin/utils.js

@@ -10,10 +10,12 @@ export default {
     },
     data () {
         const { userList = [], deptList = [] } = this.$store.getters
+        const defaultWidth = 225
         return {
             userList,
             deptList,
-            width: 220,
+            defaultWidth,
+            width: defaultWidth,
             height: document.clientHeight,
             createText: '创建表单',
             query: '',
@@ -84,7 +86,7 @@ export default {
             this.loadData()
         },
         handleExpandCollapse (isExpand) {
-            this.width = isExpand ? 230 : 30
+            this.width = isExpand ? this.defaultWidth : 30
         },
         getTaskDesc (v) {
             if (!v.includes('#')) {

src/views/system/dashboard/templates/pendingMatters.vue

@@ -32,7 +32,7 @@
                         v-for="(item, index) in data"
                         :key="index"
                         style="padding: 6px 0;"
-                        @click.native="handleFlowClick({ taskId: item.taskId,flowName:item.name })"
+                        @click.native="handleFlowClick({ taskId: item.taskId, flowName: item.name })"
                     >
                         <ibps-list-item-meta>
                             <template slot="avatar">

src/views/system/homepage/index.vue

@@ -166,6 +166,7 @@ export default {
             margin: [15, 15],
             useCssTransforms: true,
             taskId: '',
+            flowName: '',
             ibpsNewsDialogVisible: false,
             newsEditId: '',
             newsTitle: '公告明细',
@@ -198,8 +199,7 @@ export default {
             scheduledTask: false,
             calendarDialogVisible: false,
             calendarDialogForm: {},
-            addComponentDatas: {},
-            flowName:''
+            addComponentDatas: {}
         }
     },
     computed: {