样式修改

src/views/system/auth/sysUser/SysCustomerInfoAdd.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">

src/views/system/auth/sysUser/SysCustomerInfoList.vue

@@ -212,16 +212,15 @@
         </div>
       </ListLayout>
 
-      <!-- 修改密码弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
-        destroy-on-close
+      <!-- 修改密码抽屉 -->
+      <el-drawer
         title="修改密码"
+        class="table-detail-drawer"
         :visible.sync="updatePwdDialog"
-        @closeDialog="closeDialog"
-        width="55%"
-        :before-close="handleClose"
+        direction="ltr"
+        size="50%"
       >
+      <div style="padding: 20px;">
         <el-form
           ref="form"
           :model="updatePwd"
@@ -236,18 +235,20 @@
           <el-button @click="handleClose">取消</el-button>
           <el-button type="primary" @click="updatePwdSubmit">提交</el-button>
         </div>
-      </el-dialog>
-
-      <!-- 添加弹窗 -->
-      <el-dialog
-        v-el-drag-dialog
-        destroy-on-close
+      </div>
+      
+      </el-drawer>
+     
+      <!-- 添加抽屉 -->
+      <el-drawer
         title="添加"
+        class="table-detail-drawer"
         :visible.sync="addDialog"
-        width="55%"
+        direction="ltr"
+        size="50%"
       >
-        <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
-      </el-dialog>
+      <SysCustomerInfoAdd @getByPage="getByPage" @closeDialog="closeDialog" />
+      </el-drawer>
 
       <!-- 登录授权弹窗 -->
       <el-dialog
@@ -290,20 +291,22 @@
         />
       </el-dialog>
 
-      <!-- 修改弹窗 -->
-      <el-dialog
-        destroy-on-close
+      <!-- 修改抽屉 -->
+      <el-drawer
         title="修改"
+        class="table-detail-drawer"
         :visible.sync="updateDialog"
-        width="55%"
+        direction="ltr"
+        size="50%"
       >
-        <SysCustomerInfoUpdate
+      <SysCustomerInfoUpdate
           v-if="updateDialog"
           :sys-customer-info="sysCustomerInfo"
           @getByPage="getByPage"
           @closeDialog="closeDialog"
         />
-      </el-dialog>
+      </el-drawer>
+    
 
       <!-- 详情抽屉 -->
       <el-drawer

src/views/system/auth/sysUser/SysCustomerInfoUpdate.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding: 20px;">
     <el-row>
       <el-form ref="form" :rules="rules" :model="sysCustomerInfo" label-width="100px" :size="$store.getters.size">
         <el-row :gutter="gridNum.row.gutter">