修改用户弹框样式

chuanyi-admin/src/views/dashboard/onlineUsers.vue

@@ -21,8 +21,8 @@
       </el-table-column>
     </el-table>
     <span slot="footer" class="dialog-footer">
-      <el-button @click="dialogVisible = false">取 消</el-button>
       <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
     </span>
   </el-dialog>
 </template>

chuanyi-admin/src/views/system/user/index.vue

@@ -205,7 +205,6 @@
       :title="title"
       :visible.sync="open"
       width="500px"
-      style="margin-top: 15vh"
       append-to-body
       :close-on-click-modal="false"
     >
@@ -218,7 +217,7 @@
                 v-model.trim="form.userName"
                 placeholder="请输入用户名称"
                 maxlength="20"
-                style="width: 300px"
+                style="width: 360px"
                 minlength="2"
               />
               <el-input
@@ -228,7 +227,7 @@
                 maxlength="20"
                 minlength="2"
                 disabled
-                style="width: 300px"
+                style="width: 360px"
               />
             </el-form-item>
           </el-col>
@@ -247,7 +246,7 @@
                 :type="passwordType"
                 maxlength="20"
                 auto-complete="new-password"
-                style="width: 300px"
+                style="width: 360px"
               />
               <span class="show-pwd" @click="showPwd">
                 <svg-icon
@@ -289,6 +288,7 @@
                 v-model="form.roleList"
                 placeholder="请选择用户角色"
                 multiple
+                style="width: 360px"
               >
                 <el-option
                   v-for="role in allRoleList"
@@ -320,6 +320,10 @@
                 flat
                 placeholder="请选择部门"
                 :normalizer="normalizer"
+                no-options-text="暂无数据"
+                no-children-text="暂无数据"
+                no-results-text="暂无数据"
+                style="width: 360px"
               />
             </el-form-item>
           </el-col>
@@ -797,7 +801,7 @@ export default {
 <style rel="stylesheet/scss" lang="scss">
 .show-pwd {
   position: absolute;
-  right: 90px;
+  right: 30px;
   top: 1px;
   font-size: 16px;
   color: #889aa4;
@@ -809,7 +813,7 @@ export default {
   color: #909399;
   background-color: #f4f4f5;
 }
-.vue-treeselect__value-remove{
+.vue-treeselect__value-remove {
   color: #909399;
 }
 </style>