From b350757df151c04f22d040eac001cb479d4a4776 Mon Sep 17 00:00:00 2001
From: long <515897141@qq.com>
Date: 星期一, 28 二月 2022 15:30:54 +0800
Subject: [PATCH] 添加form_rules_validators 使用例子注释
---
src/pages/system/admin.vue | 40 ++++++++++++++++++++++------------------
1 files changed, 22 insertions(+), 18 deletions(-)
diff --git a/src/pages/system/admin.vue b/src/pages/system/admin.vue
index 1c98754..14a8c68 100644
--- a/src/pages/system/admin.vue
+++ b/src/pages/system/admin.vue
@@ -5,10 +5,11 @@
<el-form-item label="绠＄悊鍛樻悳绱�">
<el-input
v-model="keyWord"
- placeholder="璇疯緭鍏ョ鐞嗗憳鍚嶇О/璐﹀彿"
+ placeholder="鎼滅储绠＄悊鍛樺悕绉�/璐﹀彿"
clearable
size="small"
style="width: 240px"
+ maxlength="50"
@keyup.enter.native="reGetList"
/>
</el-form-item>
@@ -40,7 +41,7 @@
<el-table-column label="璐﹀彿" prop="account" align="center" min-width="120" />
<el-table-column label="璐﹀彿绫诲瀷" prop="account" align="center" min-width="120">
<template slot-scope="scope">
- <span v-if="scope.row.type">{{ accountTypeOptions[scope.row.type].name }}</span>
+ {{ accountTypeOptions.find(item=>item.id == scope.row.type) ? accountTypeOptions.find(item=>item.id == scope.row.type).name : '' }}
</template>
</el-table-column>
<el-table-column label="瑙掕壊" prop="roleName" align="center" min-width="120" />
@@ -48,6 +49,7 @@
<el-table-column label="鐘舵��" align="center" min-width="100">
<template slot-scope="scope">
<el-switch
+ v-if="scope.row.type!=0"
v-model="scope.row.isUse"
:active-value="1"
:inactive-value="0"
@@ -66,7 +68,7 @@
@click="showEditAdminDialog(scope.row)"
>缂栬緫</el-button>
<el-button
- v-if="getAuthValueFN('sys_admin_del')"
+ v-if="getAuthValueFN('sys_admin_del') && scope.row.type!=0"
size="mini"
type="text warn"
icon="el-icon-delete"
@@ -85,19 +87,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 :close-on-click-modal="false">
<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'||adminDialogData.password||adminDialogData.passwordSure?'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'||adminDialogData.password||adminDialogData.passwordSure?'passwordSure':'none'">
+ <el-input v-model="adminDialogData.passwordSure" type="password" placeholder="璇疯緭鍏ョ‘璁ゅ瘑鐮�" maxlength="20" />
</el-form-item>
<!-- 璐﹀彿绫诲瀷 -->
<el-form-item label="璐﹀彿绫诲瀷" prop="accountType">
@@ -140,7 +142,6 @@
</template>
<script>
-
export default {
name: 'Admin',
data() {
@@ -183,7 +184,8 @@
{ required: true, message: '璐﹀彿涓嶈兘涓虹┖', trigger: 'change' }
],
password: [
- { required: true, message: '瀵嗙爜涓嶈兘涓虹┖', trigger: 'change' }
+ { required: true, message: '瀵嗙爜涓嶈兘涓虹┖', trigger: 'change' },
+ { min: 5, max: 20, message: '瀵嗙爜鍦�5~20涓瓧涔嬮棿' }
],
passwordSure: [
{ required: true, message: '纭瀵嗙爜涓嶈兘涓虹┖', trigger: 'change' },
@@ -222,13 +224,15 @@
mockData: {
code: 100,
msg: '',
- data: [{
- id: 'xxx',
- name: '閲庨┈鍙�'
- }]
+ data: {
+ list: [{
+ id: 'xxx',
+ name: '閲庨┈鍙�'
+ }]
+ }
}
}, (inf) => {
- this.roleArr = inf.list || []
+ this.roleArr = inf.list && inf.list.filter(item => item.isUse === 1) || []
})
},
@@ -395,7 +399,7 @@
}, () => {
this.$messageSuc('淇濆瓨鎴愬姛')
this.hideAdminDialog()
- this.getList()
+ isAdd ? this.reGetList() : this.getList()
})
}
})
--
Gitblit v1.8.0