From 36b71142347dc524e18fa24c5ffdffff0d02287a Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期二, 02 二月 2021 18:56:28 +0800
Subject: [PATCH] 优化列表、回到顶部组件、优化样式
---
src/pages/system/admin.vue | 35 ++++++++++++++++++++---------------
1 files changed, 20 insertions(+), 15 deletions(-)
diff --git a/src/pages/system/admin.vue b/src/pages/system/admin.vue
index 7d3f28f..478604d 100644
--- a/src/pages/system/admin.vue
+++ b/src/pages/system/admin.vue
@@ -9,6 +9,7 @@
clearable
size="small"
style="width: 240px"
+ maxlength="50"
@keyup.enter.native="reGetList"
/>
</el-form-item>
@@ -85,19 +86,19 @@
/>
<!-- 鏂板&缂栬緫 -->
- <el-dialog :title="adminDialogData.type=='add'?'鏂板绠＄悊鍛�':'缂栬緫绠＄悊鍛�'" width="500px" :visible.sync="adminDialogVisible" append-to-body :before-close="hideDialog">
+ <el-dialog v-el-drag-dialog :title="adminDialogData.type==='add'?'鏂板绠＄悊鍛�':'缂栬緫绠＄悊鍛�'" width="500px" :visible.sync="adminDialogVisible" append-to-body>
<el-form ref="adminDialog" :model="adminDialogData" label-width="80px" :rules="rules" size="small">
<el-form-item label="鍚嶇О" prop="name">
- <el-input v-model="adminDialogData.name" placeholder="璇疯緭鍏ュ悕绉�" />
+ <el-input v-model="adminDialogData.name" placeholder="璇疯緭鍏ュ悕绉�" maxlength="50" />
</el-form-item>
<el-form-item label="璐﹀彿" prop="account">
- <el-input v-model="adminDialogData.account" placeholder="璇疯緭鍏ュ笎鍙�" :disabled="adminDialogData.type!='add'" />
+ <el-input v-model="adminDialogData.account" placeholder="璇疯緭鍏ュ笎鍙�" maxlength="20" :disabled="adminDialogData.type!='add'" />
</el-form-item>
- <el-form-item label="瀵嗙爜" :prop="adminDialogData.type=='add'?'password':''">
- <el-input v-model="adminDialogData.password" type="password" placeholder="璇疯緭鍏ュ瘑鐮�" />
+ <el-form-item label="瀵嗙爜" :prop="adminDialogData.type==='add'?'password':'none'">
+ <el-input v-model="adminDialogData.password" type="password" placeholder="璇疯緭鍏ュ瘑鐮�" maxlength="20" />
</el-form-item>
- <el-form-item label="纭瀵嗙爜" :prop="adminDialogData.type=='add'?'passwordSure':''">
- <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="璇疯緭鍏ョ‘璁ゅ瘑鐮�" />
+ <el-form-item label="纭瀵嗙爜" :prop="adminDialogData.type==='add'?'passwordSure':'none'">
+ <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="璇疯緭鍏ョ‘璁ゅ瘑鐮�" maxlength="20" />
</el-form-item>
<!-- 璐﹀彿绫诲瀷 -->
<el-form-item label="璐﹀彿绫诲瀷" prop="accountType">
@@ -122,7 +123,7 @@
</el-select>
</el-form-item>
- <el-form-item label="鏄惁鍚敤" prop="sysRoleId">
+ <el-form-item label="鏄惁鍚敤" prop="isUse">
<el-switch
v-model="adminDialogData.isUse"
:active-value="1"
@@ -140,7 +141,6 @@
</template>
<script>
-
export default {
name: 'Admin',
data() {
@@ -194,6 +194,9 @@
],
accountType: [
{ required: true, message: '璐﹀彿绫诲瀷涓嶈兘涓虹┖', trigger: 'change' }
+ ],
+ isUse: [
+ { required: true, message: '鏄惁鍚敤涓嶈兘涓虹┖', trigger: 'change' }
]
}
}
@@ -219,10 +222,12 @@
mockData: {
code: 100,
msg: '',
- data: [{
- id: 'xxx',
- name: '閲庨┈鍙�'
- }]
+ data: {
+ list: [{
+ id: 'xxx',
+ name: '閲庨┈鍙�'
+ }]
+ }
}
}, (inf) => {
this.roleArr = inf.list || []
@@ -349,9 +354,9 @@
passwordSure: '',
sysRoleId: item.roId,
id: item.id,
- isUse: item.isUse
+ isUse: item.isUse,
+ accountType: item.type
}
- if (!item.type + '') adminDialogData.accountType = item.type
this.adminDialogVisible = true
this.$nextTick(() => {
this.adminDialogData = adminDialogData
--
Gitblit v1.8.0