|
|
@@ -0,0 +1,288 @@
|
|
|
+<template>
|
|
|
+ <view>
|
|
|
+ <u-navbar title="团队成员" title-color="#101010" ></u-navbar>
|
|
|
+ <view class="top">
|
|
|
+ <view class="search">
|
|
|
+ <view class="searchBox">
|
|
|
+ <u-search shape="square" placeholder="搜索授权用户" maxlength="12" v-model="testName" :show-action="false"
|
|
|
+ :animation="true"></u-search>
|
|
|
+ <u-button type="primary" size="mini" @click="testBtn">搜素</u-button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ <view class="list" >
|
|
|
+ <view class="item"
|
|
|
+ v-for="(item,index) in list"
|
|
|
+
|
|
|
+ :key="index">
|
|
|
+
|
|
|
+ <view class="icon">
|
|
|
+
|
|
|
+ <image class="img" v-if="item.headImg" :src="item.headImg" mode=""></image>
|
|
|
+
|
|
|
+ <image class="img" v-else src="@/assets/img/默认头像.png" mode=""></image>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="body">
|
|
|
+ <view class="line1">
|
|
|
+ <view class="title">
|
|
|
+ {{item.realName}}
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <view class="line2">
|
|
|
+ <view class="value">
|
|
|
+ {{item.userName}}
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <u-icon name="arrow-right" size="24" color="#BBBBBB" v-if="0"></u-icon>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <u-divider :isnone="list.length==0" nonetext="没有找到相关内容" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+ <view class="floating-button">
|
|
|
+ <view class="button" @click="gotoUrl('/pages/team/teamAdd')" >
|
|
|
+
|
|
|
+ 添加人员
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import * as API from '@/apis/pagejs/pagesTeam.js'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ list:[],
|
|
|
+ listForm:{
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ recordsTotal: 1,
|
|
|
+ status:0,
|
|
|
+ roleName:"XJ,XJADMIN",
|
|
|
+
|
|
|
+ roleName:"XJ",
|
|
|
+ },
|
|
|
+ testName: "",
|
|
|
+ queryName: "",
|
|
|
+
|
|
|
+ lockId:"",
|
|
|
+ lockName:"",
|
|
|
+ current:0,
|
|
|
+ tabslist:[
|
|
|
+ {
|
|
|
+ name: '待处理'
|
|
|
+ }, {
|
|
|
+ name: '已处理'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(op) {
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ onShow(){
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ submit(){
|
|
|
+
|
|
|
+ },
|
|
|
+ testBtn() {
|
|
|
+
|
|
|
+ this.list = []
|
|
|
+ //this.listForm.pageIndex=1
|
|
|
+ this.listForm.name= this.testName
|
|
|
+ this.getList()
|
|
|
+
|
|
|
+ },
|
|
|
+ getList(bl) {
|
|
|
+ if(bl){
|
|
|
+ this.listForm.pageIndex = 1
|
|
|
+ }
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ API.userList(this.listForm).then((res) => {
|
|
|
+ this.queryName = this.testName
|
|
|
+ var list=[]
|
|
|
+
|
|
|
+ if (this.listForm.pageIndex == 1) {
|
|
|
+ list = res.data.data;
|
|
|
+ } else {
|
|
|
+ list = [
|
|
|
+ ...list,
|
|
|
+ ...res.data.data
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.list = res.data.data
|
|
|
+ uni.hideLoading();
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.hideLoading();
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss" scoped>
|
|
|
+
|
|
|
+ .list {
|
|
|
+ padding: 24rpx 32rpx;
|
|
|
+background-color: rgba(255,255,255,1);
|
|
|
+ .item {
|
|
|
+ display: flex;
|
|
|
+ border-bottom: 1px solid rgba(232, 232, 232, 1);
|
|
|
+ padding: 12rpx 0;
|
|
|
+ margin: 12rpx 0;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ width: 72rpx;
|
|
|
+ height: 72rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .body {
|
|
|
+ margin: 0 12rpx;
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .line1,
|
|
|
+ .line2 {
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ .line2 {
|
|
|
+ color: rgba(119,119,119,1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ margin-top: 8rpx;
|
|
|
+ }
|
|
|
+ .line1 {
|
|
|
+ .title {
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .status {
|
|
|
+ background-color: rgba(255, 61, 0, 1);
|
|
|
+ font-size: 24rpx;
|
|
|
+ color:#fff;
|
|
|
+ padding: 2rpx 8rpx;
|
|
|
+ //border-radius: 4px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .status0 {
|
|
|
+ background-color: rgba(255, 61, 0, 1);
|
|
|
+
|
|
|
+ }
|
|
|
+ .status1 {
|
|
|
+ background-color: #007aff;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .status2 {
|
|
|
+ background-color: #ff9900;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .status3 {
|
|
|
+ background-color: #19be6b;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .status4 {
|
|
|
+ border: 1px solid rgba(255, 61, 0, 1);
|
|
|
+ color: rgba(255, 61, 0, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .errorDesc{
|
|
|
+ margin: 8rpx 0;
|
|
|
+ width: 480rpx;
|
|
|
+ color: #777777;
|
|
|
+ font-size: 24rpx;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap; /* 禁止换行，强制单行 */
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .item:last-child {
|
|
|
+ border-bottom:0px solid rgba(232,232,232,1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .top{
|
|
|
+
|
|
|
+ border-bottom: 1px solid #e8e8e8;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .search {
|
|
|
+
|
|
|
+ padding: 16rpx 32rpx;
|
|
|
+ background: #fff;
|
|
|
+
|
|
|
+
|
|
|
+ .searchBox {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ background: #F2F2F2;
|
|
|
+ padding: 1px 16rpx;
|
|
|
+ border-radius: 8px;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ .floating-button {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0; /* 距离底部 20px */
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ height: 120rpx;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: rgba(255,255,255,1);
|
|
|
+ .button{
|
|
|
+ margin-top: 24rpx;
|
|
|
+ border-radius: 50px;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 80%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding:12rpx;
|
|
|
+
|
|
|
+ background-color: rgba(22,119,255,1);
|
|
|
+ color: rgba(255,255,255,1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
zhengkaixin