From e8ea1610f33ec7e51b4800adc6687dcc49971f48 Mon Sep 17 00:00:00 2001
From: zhangyouji <zhangyouji@sdxkhlw.cn>
Date: Thu, 27 Apr 2023 19:03:05 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8A=BD=E5=B1=89=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/driver/user/SysCustomerInfoAdd.vue  | 30 +++++++++++++----
 src/views/driver/user/SysCustomerInfoInfo.vue | 26 +++++++++++++--
 src/views/driver/user/SysCustomerInfoList.vue | 19 +++++++++--
 .../driver/user/SysCustomerInfoUpdate.vue     | 33 +++++++++++++++----
 .../driver/vehicle/OilVehicleOwnerAdd.vue     | 29 ++++++++++++----
 .../driver/vehicle/OilVehicleOwnerList.vue    |  1 +
 .../driver/vehicle/OilVehicleOwnerOutput.vue  | 30 +++++++++++++----
 .../driver/vehicle/OilVehicleOwnerUpdate.vue  | 30 +++++++++++++----
 .../oilCompanyMatch/OilCompanyMatchAdd.vue    | 31 +++++++++++++----
 .../oilCompanyMatch/OilCompanyMatchUpdate.vue | 30 +++++++++++++----
 src/views/finance/order/OrderTfAdd.vue        | 25 ++++++++++----
 .../auth/sysUser/SysCustomerInfoAdd.vue       | 30 +++++++++++++----
 .../auth/sysUser/SysCustomerInfoInfo.vue      | 26 +++++++++++++--
 .../auth/sysUser/SysCustomerInfoList.vue      | 19 +++++++++--
 .../auth/sysUser/SysCustomerInfoUpdate.vue    | 30 +++++++++++++----
 15 files changed, 321 insertions(+), 68 deletions(-)

diff --git a/src/views/driver/user/SysCustomerInfoAdd.vue b/src/views/driver/user/SysCustomerInfoAdd.vue
index 4f39a94..4e438cd 100644
--- a/src/views/driver/user/SysCustomerInfoAdd.vue
+++ b/src/views/driver/user/SysCustomerInfoAdd.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form
         ref="form"
         :rules="rules"
@@ -72,12 +76,12 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
-          <el-button @click="close">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </el-col>
       </el-form>
     </el-row>
+    <div class="_footer">
+          <el-button @click="close">取消</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -203,3 +207,17 @@ export default {
   },
 };
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/driver/user/SysCustomerInfoInfo.vue b/src/views/driver/user/SysCustomerInfoInfo.vue
index 9c0d0b7..9744544 100644
--- a/src/views/driver/user/SysCustomerInfoInfo.vue
+++ b/src/views/driver/user/SysCustomerInfoInfo.vue
@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <section style="padding: 20px">
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <section style="padding: 20px;flex: 1;">
       <el-card shadow="never" class="box-card no-wrap">
         <div slot="header">
           <span class="card-header-icon"
@@ -365,6 +369,12 @@
         </el-tabs>
       </el-card> -->
     </section>
+    <div class="generalDetails_footer">
+      <slot name="footer">
+        <el-button @click="close" type="primary">关闭</el-button>
+      </slot>
+    </div>
+    
     <el-dialog
       v-el-drag-dialog
       title="添加系统角色"
@@ -947,4 +957,16 @@ export default {
   padding-top: 5px;
   font-size: 14px;
 }
+.generalDetails_footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
 </style>
diff --git a/src/views/driver/user/SysCustomerInfoList.vue b/src/views/driver/user/SysCustomerInfoList.vue
index c8105e0..475b90f 100644
--- a/src/views/driver/user/SysCustomerInfoList.vue
+++ b/src/views/driver/user/SysCustomerInfoList.vue
@@ -179,18 +179,31 @@
         direction="ltr"
         size="55%"
       >
-      <div style="padding: 20px;">
+      <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
         <el-form
           ref="form"
           :model="updatePwd"
           :rules="rules"
           label-width="100px"
+          style="flex:1;padding: 20px;"
         >
           <el-form-item label="新密码" prop="encryptPsw">
             <el-input v-model="updatePwd.encryptPsw" style="width: 50%" />
           </el-form-item>
         </el-form>
-        <div style="text-align: right">
+        <div  style="min-height: 50px;
+                    position: sticky;
+                    bottom: 0px;
+                    width: 100%;
+                    display: flex;
+                    justify-content: right;
+                    padding: 15px 20px;
+                    box-sizing: border-box;
+                    border-top: solid 1px #e5e5e5;">
           <el-button @click="updatePwdDialog = false;">取消</el-button>
           <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
         </div>
@@ -263,6 +276,7 @@
         <SysCustomerInfoInfo
           v-if="showTableDrawer"
           :sys-customer-info="sysCustomerInfo"
+          @closeDialog="closeDialog"
           @closedialogs="closeDialogs"
         />
       </el-drawer>
@@ -611,6 +625,7 @@ export default {
       this.updateDialog = false;
       this.updateInfoDialog = false;
       this.addInfoDialog = false;
+      this.showTableDrawer = false;
     },
   },
 };
diff --git a/src/views/driver/user/SysCustomerInfoUpdate.vue b/src/views/driver/user/SysCustomerInfoUpdate.vue
index caa9c57..5d69fbf 100644
--- a/src/views/driver/user/SysCustomerInfoUpdate.vue
+++ b/src/views/driver/user/SysCustomerInfoUpdate.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">>
+    <el-row style="flex:1;padding: 20px;">
       <el-form
         ref="form"
         :rules="rules"
@@ -65,12 +69,15 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
-          <el-button @click="close">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </el-col>
       </el-form>
     </el-row>
+    <div class="_footer">
+          <el-button @click="close">取消</el-button>
+          <el-button
+            type="primary"
+            @click="submit"
+          >提交</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -193,3 +200,17 @@ export default {
   },
 };
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/driver/vehicle/OilVehicleOwnerAdd.vue b/src/views/driver/vehicle/OilVehicleOwnerAdd.vue
index b647fa8..7f8fa05 100644
--- a/src/views/driver/vehicle/OilVehicleOwnerAdd.vue
+++ b/src/views/driver/vehicle/OilVehicleOwnerAdd.vue
@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <el-row>
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form
         :model="oilVehicleOwner"
         label-width="100px"
@@ -136,12 +140,13 @@
             <el-col />
           </el-row> -->
         </el-card>
-        <el-col :span="24" style="text-align: right;padding: 20px;">
-          <el-button @click="close">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </el-col>
+        
       </el-form>
     </el-row>
+    <div class="_footer">
+          <el-button @click="close">取消</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -229,4 +234,16 @@ export default {
 .clearfix:after {
   clear: both;
 }
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
 </style>
diff --git a/src/views/driver/vehicle/OilVehicleOwnerList.vue b/src/views/driver/vehicle/OilVehicleOwnerList.vue
index 36e96c7..86c18f5 100644
--- a/src/views/driver/vehicle/OilVehicleOwnerList.vue
+++ b/src/views/driver/vehicle/OilVehicleOwnerList.vue
@@ -654,6 +654,7 @@ export default {
     closeDialog() {
       this.addDialog = false;
       this.updateDialog = false;
+      this.outPutDialog = false;
     },
   },
 };
diff --git a/src/views/driver/vehicle/OilVehicleOwnerOutput.vue b/src/views/driver/vehicle/OilVehicleOwnerOutput.vue
index 8d63b7b..54bf00e 100644
--- a/src/views/driver/vehicle/OilVehicleOwnerOutput.vue
+++ b/src/views/driver/vehicle/OilVehicleOwnerOutput.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div  style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form :model="data" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">
           <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -14,7 +18,9 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
+      </el-form>
+    </el-row>
+    <div class="_footer">
           <el-button @click="close">取消</el-button>
 
           <el-button
@@ -25,9 +31,7 @@
             type="primary"
             @click="importIf"
           >根据条件导出</el-button>
-        </el-col>
-      </el-form>
-    </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -63,3 +67,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/driver/vehicle/OilVehicleOwnerUpdate.vue b/src/views/driver/vehicle/OilVehicleOwnerUpdate.vue
index 0c019c4..13a02ce 100644
--- a/src/views/driver/vehicle/OilVehicleOwnerUpdate.vue
+++ b/src/views/driver/vehicle/OilVehicleOwnerUpdate.vue
@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <el-row>
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form
         :model="oilVehicleOwner"
         label-width="100px"
@@ -136,12 +140,12 @@
             <el-col />
           </el-row> -->
         </el-card>
-        <el-col :span="24" style="text-align: right;padding: 20px;;">
-          <el-button @click="close">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </el-col>
       </el-form>
     </el-row>
+    <div class="_footer">
+          <el-button @click="close">取消</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+    </div>
   </div>
 </template>
 <script>
@@ -223,3 +227,17 @@ export default {
   },
 };
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue b/src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue
index 3d99434..ca5b8f8 100644
--- a/src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue
+++ b/src/views/finance/oilCompanyMatch/OilCompanyMatchAdd.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div  style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form :model="oilCompanyMatch" label-width="140px" :rules="ruleForm" ref="ruleForm" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">
           <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -94,15 +98,16 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
+        
+      </el-form>
+    </el-row>
+    <div class="_footer">
           <el-button @click="close">取消</el-button>
           <el-button
             type="primary"
             @click="submit"
           >提交</el-button>
-        </el-col>
-      </el-form>
-    </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -192,3 +197,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue b/src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue
index 6850b36..4f1df6c 100644
--- a/src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue
+++ b/src/views/finance/oilCompanyMatch/OilCompanyMatchUpdate.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div  style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form :model="oilCompanyMatch" :rules="ruleForm" ref="ruleForm" label-width="140px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">
           <el-col :xs="gridNum.cols.xs" :sm="gridNum.cols.sm" :md="gridNum.cols.md" :lg="gridNum.cols.lg" :xl="gridNum.cols.xl">
@@ -97,15 +101,15 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
+      </el-form>
+    </el-row>
+    <div class="_footer">
           <el-button @click="close">取消</el-button>
           <el-button
             type="primary"
             @click="submit"
           >提交</el-button>
-        </el-col>
-      </el-form>
-    </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -210,3 +214,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/finance/order/OrderTfAdd.vue b/src/views/finance/order/OrderTfAdd.vue
index 17f391b..d638ceb 100644
--- a/src/views/finance/order/OrderTfAdd.vue
+++ b/src/views/finance/order/OrderTfAdd.vue
@@ -1,6 +1,10 @@
 <template>
-  <div v-loading="loading" style="padding:20px">
-    <el-row>
+  <div v-loading="loading"  style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form ref="ruleForm" :rules="ruleForm" :model="oilTfOrder" label-width="120px" :size="$store.getters.size">
         <el-row :span="24">
           <el-col :span="13">
@@ -145,13 +149,22 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <div :span="24"
-          style="background:#fff;margin-top:20px;text-align: right;width:100%;">
+      </el-form>
+    </el-row>
+    <div
+          style="min-height: 50px;
+                position: sticky;
+                bottom: 0px;
+                width: 100%;
+                display: flex;
+                justify-content: right;
+                padding: 15px 20px;
+                box-sizing: border-box;
+                border-top: solid 1px #e5e5e5;
+                z-index: 999999;">
           <el-button @click="close">取消</el-button>
           <el-button type="primary" @click="submit" style="margin-right:10px">提交</el-button>
         </div>
-      </el-form>
-    </el-row>
   </div>
 </template>
 <script>
diff --git a/src/views/system/auth/sysUser/SysCustomerInfoAdd.vue b/src/views/system/auth/sysUser/SysCustomerInfoAdd.vue
index b6875d4..08e48a9 100644
--- a/src/views/system/auth/sysUser/SysCustomerInfoAdd.vue
+++ b/src/views/system/auth/sysUser/SysCustomerInfoAdd.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div style="width: 100%;
+              height: 100%;
+              display: flex;
+              flex-direction: column;
+              position: relative;">
+    <el-row style="flex:1;padding: 20px;">
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">
           <el-col :span="12">
@@ -63,15 +67,15 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
+      </el-form>
+    </el-row>
+    <div  class="_footer">
           <el-button @click="close">取消</el-button>
           <el-button
             type="primary"
             @click="submit"
           >提交</el-button>
-        </el-col>
-      </el-form>
-    </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -183,3 +187,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/system/auth/sysUser/SysCustomerInfoInfo.vue b/src/views/system/auth/sysUser/SysCustomerInfoInfo.vue
index 608e900..2ef5d6e 100644
--- a/src/views/system/auth/sysUser/SysCustomerInfoInfo.vue
+++ b/src/views/system/auth/sysUser/SysCustomerInfoInfo.vue
@@ -1,6 +1,10 @@
 <template>
-  <div>
-    <section style="padding:20px;">
+  <div style="width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;">
+    <section style="padding:20px;flex: 1;">
 
       <el-card class="box-card no-wrap" style="margin-bottom:10px">
         <div class="my-cell">
@@ -322,6 +326,12 @@
       </el-card>
       <!-- 登录授权 -->
     </section>
+    <div class="generalDetails_footer">
+      <slot name="footer">
+        <el-button @click="close" type="primary">关闭</el-button>
+      </slot>
+    </div>
+    
     <el-dialog
       v-el-drag-dialog
       title="添加系统角色"
@@ -670,4 +680,16 @@ export default {
   margin-right: 20px;
   text-align: center;
 }
+.generalDetails_footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
 </style>
diff --git a/src/views/system/auth/sysUser/SysCustomerInfoList.vue b/src/views/system/auth/sysUser/SysCustomerInfoList.vue
index 7f801ae..19d26b6 100644
--- a/src/views/system/auth/sysUser/SysCustomerInfoList.vue
+++ b/src/views/system/auth/sysUser/SysCustomerInfoList.vue
@@ -220,18 +220,31 @@
         direction="ltr"
         size="55%"
       >
-      <div style="padding: 20px;">
+      <div style="width: 100%;
+                  height: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  position: relative;">
         <el-form
           ref="form"
           :model="updatePwd"
           :rules="rules"
           label-width="100px"
+          style="flex:1;padding: 20px;"
         >
           <el-form-item label="新密码" prop="encryptPsw">
             <el-input v-model="updatePwd.encryptPsw" style="width: 50%" />
           </el-form-item>
         </el-form>
-        <div style="text-align: right">
+        <div style="min-height: 50px;
+                    position: sticky;
+                    bottom: 0px;
+                    width: 100%;
+                    display: flex;
+                    justify-content: right;
+                    padding: 15px 20px;
+                    box-sizing: border-box;
+                    border-top: solid 1px #e5e5e5;">
           <el-button @click="handleClose">取消</el-button>
           <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
         </div>
@@ -318,6 +331,7 @@
       >
         <SysCustomerInfoInfo
           v-if="showTableDrawer"
+          @closeDialog="closeDialog"
           :sys-customer-info="sysCustomerInfo"
         />
       </el-drawer>
@@ -689,6 +703,7 @@ export default {
       this.addDialog = false;
       this.updateDialog = false;
       this.updatePwdDialog = false;
+      this.showTableDrawer = false;
     },
   },
 };
diff --git a/src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue b/src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue
index b244460..4c67ba5 100644
--- a/src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue
+++ b/src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue
@@ -1,6 +1,10 @@
 <template>
-  <div style="padding: 20px;">
-    <el-row>
+  <div style="width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;">
+    <el-row style="padding: 20px;flex: 1;">
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">
           <el-col :span="12">
@@ -55,15 +59,15 @@
             </el-form-item>
           </el-col>
         </el-row>
-        <el-col :span="24" style="text-align: right">
+      </el-form>
+    </el-row>
+    <div class="_footer">
           <el-button @click="close">取消</el-button>
           <el-button
             type="primary"
             @click="submit"
           >提交</el-button>
-        </el-col>
-      </el-form>
-    </el-row>
+    </div>
   </div>
 </template>
 <script>
@@ -178,3 +182,17 @@ export default {
   }
 }
 </script>
+<style scoped>
+._footer {
+  min-height: 50px;
+  position: sticky;
+  bottom: 0px;
+  width: 100%;
+  display: flex;
+  justify-content: right;
+  padding: 15px 20px;
+  box-sizing: border-box;
+  border-top: solid 1px #e5e5e5;
+  z-index: 999999;
+}
+</style>
\ No newline at end of file