From c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 31 十月 2023 17:09:29 +0800 Subject: [PATCH] 添加手机校验 --- src/views/Admin/userManage.vue | 116 +++++++++++++++++++++++++++++++--------------------------- 1 files changed, 62 insertions(+), 54 deletions(-) diff --git a/src/views/Admin/userManage.vue b/src/views/Admin/userManage.vue index d07f68f..87f8b2b 100644 --- a/src/views/Admin/userManage.vue +++ b/src/views/Admin/userManage.vue @@ -7,7 +7,7 @@ <a-col :span="20"> <a-row type="flex" justify="end" :gutter="12"> <a-col :span="4"> - <a-cascader :options="areaData" v-model="areaVal" placeholder="行政规划" expandTrigger="hover" changeOnSelect @change="onChange" style="width: 100%"/> + <a-cascader :options="areaData" v-model="areaVal" placeholder="行政规划" expandTrigger="hover" :fieldNames="fieldNames" changeOnSelect @change="onChange" style="width: 100%"/> </a-col> <a-col :span="4"> <a-select v-model="search.searchParams.unittype" placeholder="监管层级" style="width: 100%"> @@ -28,7 +28,7 @@ <a-col :span="4"> <a-input v-model="search.searchParams.realName" placeholder="姓名" style="width: 100%"/> </a-col> - <a-col :span="4"> + <a-col :span="6"> <a-button type="primary" @click="getUserList">查询</a-button> <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button> </a-col> @@ -44,7 +44,7 @@ <a-tag :color="unittype === 1 ? 'purple' : unittype === 2 ? 'blue' : unittype === 3 ? 'cyan' : 'green'" > - {{ unittype==1?'省级':unittype==2?'地(市、州)级':unittype==3?'区县级':'村(乡、镇)级' }} + {{ unittype==1?'省级':unittype==2?'地(市、州)级':unittype==3?'区县级':unittype==4?'村(乡、镇)级':'管理员' }} </a-tag> </template> <template #area="text,row"> @@ -62,8 +62,14 @@ <a-button type="link" @click="editPwd(row)">重置密码</a-button> </template> </a-table> +<!-- <a-pagination--> +<!-- :total="85"--> +<!-- :show-total="total => `Total ${total} items`"--> +<!-- :page-size="20"--> +<!-- :default-current="1"--> +<!-- />--> </div> - <user-mod ref="userMod" @refresh="getUserList"></user-mod> + <user-mod ref="userMod" :unitType="unittype" @refresh="getUserList"></user-mod> <pwd-mod ref="pwdMod" @refresh="getUserList"></pwd-mod> </div> </template> @@ -72,8 +78,9 @@ import {getUser,delUser} from '@/api/user' import userMod from "@/views/Admin/components/userMod" import pwdMod from "@/views/Admin/components/pwdMod"; -import {loginOut} from "@/api/login"; -import {Session} from "@/util/storage"; +import {getDistrictInfo, loginOut} from "@/api/login"; +import {getUserInfo, Session} from "@/util/storage"; +import Cookies from "js-cookie"; export default { name: 'user', components: { @@ -83,6 +90,7 @@ data () { return { areaVal: [], + unittype: null, search:{ pageIndex: 1, pageSize: 10, @@ -140,6 +148,7 @@ { title: '操作', key: 'action', + width: '18%', scopedSlots: { customRender: 'action' }, }, ], @@ -149,57 +158,53 @@ defaultCurrent: 1, defaultPageSize: 10, total: 0, - onChange: ( page, pageSize ) => this.onPageChange(page,pageSize) + onChange: ( page, pageSize ) => this.onPageChange(page,pageSize), + showTotal: total => `共 ${total} 条` }, - areaData: [ - { - value: 1, - label: '江苏省', - children: [ - { - value: 11, - label: '苏州市', - children: [ - { - value: 111, - label: '工业园区', - }, - ], - }, - ], - }, - { - value: 2, - label: '新疆维吾尔自治区', - children: [ - { - value: 21, - label: '乌鲁木齐市', - children: [ - { - value: 211, - label: '国泰新华', - }, - ], - }, - ], - }, - ] + areaData: [], + fieldNames:{ + label: 'name', + value: 'id', + children: 'children' + } } }, created() { const t = this + t.unittype = getUserInfo().unittype + console.log(t.unittype,'unit') t.getUserList() + t.getDistrictInfo() }, methods:{ async getUserList(){ const t = this - const res = await getUser(t.search) - if(res.data.code == 100){ - t.tableData = res.data.data - t.pagination.total = res.data.total + if(t.search.searchParams.realName == '' && t.search.searchParams.districtId == null && t.search.searchParams.unittype == null){ + const {searchParams,...data} = t.search + const res = await getUser(data) + if(res.data.code == 100){ + t.tableData = res.data.data + t.pagination.total = res.data.total + }else{ + t.$message.warning(res.data.msg); + } }else{ - t.$message.warning(res.data.msg); + const res = await getUser(t.search) + if(res.data.code == 100){ + t.tableData = res.data.data + t.pagination.total = res.data.total + }else{ + t.$message.warning(res.data.msg); + } + } + }, + + async getDistrictInfo(){ + let res = await getDistrictInfo() + if(res.data.code == 100){ + this.areaData = res.data.data + } else { + this.$message.warning(res.data.msg); } }, @@ -211,14 +216,15 @@ cancelText: '取消', okText: '确认', centered: true, - async onOk() { - let res = await delUser(row.id) - if(res.data.code == 100){ - t.$message.success('删除用户信息成功'); - t.getUserList() - }else{ - t.$message.warning(res.data.msg); - } + onOk() { + delUser(row.id).then(res=>{ + if(res.data.code == 100){ + t.$message.success('删除用户信息成功'); + t.getUserList() + }else{ + t.$message.warning(res.data.msg); + } + }) }, onCancel() { console.log('Cancel'); @@ -257,6 +263,8 @@ onPageChange(page, pageSize) { const t= this t.pagination.current = page + t.search.pageIndex = page + t.getUserList() }, onChange(value) { const t = this -- Gitblit v1.9.2