移除el-container

代码简化

vue/src/layout/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <section class="el-container app-wrapper">
+    <section class="app-wrapper">
         <v-sidebar/>
 
         <section :class="containerClass">
@@ -39,7 +39,6 @@ export default {
 
         containerClass() {
             return {
-                'el-container': true,
                 'main-container': true,
                 'has-nav': this.hasNav,
                 'has-tags-view': this.useTagsView
@@ -61,10 +60,10 @@ export default {
 
 <style lang="scss">
 .app-wrapper {
+    display: flex;
     position: relative;
     height: 100%;
     width: 100%;
-    flex-direction: row;
 
     .drawer-bg {
         background: rgba(0, 0, 0, .5);
@@ -77,6 +76,8 @@ export default {
     }
 
     .main-container {
+        display: flex;
+        flex: 1;
         overflow: hidden;
         position: relative;
         flex-direction: column;

vue/src/view/purchase/order/detailPage.vue

@@ -70,8 +70,8 @@
                     </el-table-column>
                     <el-table-column v-if="canSave" align="center" label="操作" width="140">
                         <template v-if="canSave" v-slot="{row,$index}">
-                            <el-button v-if="!row._editable" type="text" @click="()=>row._editable=true">编辑</el-button>
-                            <el-button v-else type="text" @click="()=>row._editable=false">保存</el-button>
+                            <el-button v-if="!row._editable" type="text" @click="row._editable=true">编辑</el-button>
+                            <el-button v-else type="text" @click="row._editable=false">保存</el-button>
                             <el-button type="text" @click="() => delSub(row,$index)">删除</el-button>
                         </template>
                     </el-table-column>