From f26f29d84e0a68831a6af14dab3eec5500496d2e Mon Sep 17 00:00:00 2001 From: spring <2396852758@qq.com> Date: 星期三, 28 五月 2025 16:48:52 +0800 Subject: [PATCH] 初始化项目 --- pages/sys/pigxUser/index.vue | 126 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 126 insertions(+), 0 deletions(-) diff --git a/pages/sys/pigxUser/index.vue b/pages/sys/pigxUser/index.vue new file mode 100644 index 0000000..1a94c16 --- /dev/null +++ b/pages/sys/pigxUser/index.vue @@ -0,0 +1,126 @@ +<template> + <view class="wrap"> + <view class="search"> + <u-search v-model="query.username" @custom="search" @search="search"></u-search> + </view> + <scroll-view class="scroll-list" scroll-y="true" @scrolltolower="loadMore"> + <u-cell-group class="list" :border="false"> + <u-card :title="item.username" :sub-title="item.phone" v-for="(item, index) in list" :key="item.userId" + :index="item.userId" @click="cardClick(item.userId)"> + <view slot="body"> + <view class="row-list"> + <span class="span-lable">濮撳悕: </span>{{item.name}} + </view> + <view class="row-list"> + <span class="span-lable">鏄电О:</span> {{item.nickname}} + </view> + <view class="row-list"> + <span class="span-lable">閭:</span> {{item.email}} + </view> + <view class="row-list"> + <span class="span-lable">閮ㄩ棬:</span>{{item.deptName}} + </view> + <view class="row-list"> + <span class="span-lable">瑙掕壊:</span> + <u-tag :text="role.roleName" mode="plain" v-for="(role, idx) in item.roleList" :key="role.roleId" /> + </view> + </view> + <view class="card-foot" slot="foot"> + <u-button type="primary" size="medium" @click="cardClick(item.userId)">缂栬緫</u-button> + <u-button size="medium" @click="del(item.userId)">鍒犻櫎</u-button> + </view> + </u-card> + </u-cell-group> + <view class="loadmore" @click="loadMore"> + <u-loadmore :status="loadStatus"></u-loadmore> + </view> + </scroll-view> + <view class="btn-plus" @click="cardClick()"> + <u-icon name="plus-circle-fill" size="90" color="#3d87ff"></u-icon> + </view> + </view> +</template> +<script> + export default { + data() { + return { + keywords: '', + query: { + current: 1, + size: 20 + }, + list: [], + count: 0, + loadStatus: 'loadmore', + options: [{ + text: '鍒犻櫎', + style: { + background: '#dd524d' + } + }] + }; + }, + onLoad() { + this.loadList(); + }, + onShow() { + if (uni.getStorageSync('refreshList') === true) { + uni.removeStorageSync('refreshList'); + this.search(''); + } + }, + methods: { + cardClick(id) { + uni.navigateTo({ + url: '/pages/sys/pigxUser/form?id=' + id + }) + }, + loadMore() { + this.loadStatus = "loading"; + setTimeout(() => { + this.query.current += 1; + this.loadList(); + }, 100); + }, + loadList() { + this.$u.api.pigxUser.page(this.query).then(res => { + if (!res.data.records || res.data.records.length == 0) { + this.loadStatus = "nomore"; + return; + } + this.list = this.list.concat(res.data.records); + this.total = res.data.total; + this.query.current = res.data.current; + this.query.size = res.data.size; + this.loadStatus = "loadmore"; + }); + }, + del(leaveId) { + let self = this; + uni.showModal({ + title: '鎻愮ず', + content: '纭瑕佸垹闄よ鏁版嵁鍚楋紵', + showCancel: true, + success: function(res2) { + if (res2.confirm) { + self.$u.api.pigxUser.delete({ + id: row.userId + }).then(res => { + self.$u.toast('鍒犻櫎鎴愬姛'); + self.query.current = 1 + self.list = [] + self.loadList() + }); + } + } + }); + }, + search(value) { + this.list = []; + this.query.current = 1; + this.query.username = value; + this.loadList(); + } + } + }; +</script> -- Gitblit v1.9.3