团队管理

pages/teams/index.js

@@ -1,18 +1,54 @@
-// pages/teams/index.js
+const _Http = getApp().globalData.http;
+const getHeight = require("../../utils/getRheRemainingHeight");
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
+        listHeight: 0,
         butText: "账号", //按钮类型
+        content: {
+            "pageNumber": 1,
+            "pageSize": 20,
+            "pageTotal": 1,
+            "where": {
+                "condition": ""
+            }
+        }
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
-
+        this.getList();
+    },
+    /* 获取列表 */
+    getList(init = false) {
+        if (init.detail != undefined) init = init.detail;
+        if (init) this.setData({
+            ['content.pageNumber']: 1
+        })
+        if (this.data.content.pageNumber > this.data.content.pageTotal) return;
+        _Http.basic({
+            "classname": this.data.butText == '账号' ? "sale.team.team" : "sale.role.role",
+            "method": this.data.butText == '账号' ? "query_teamList" : "query_roleList",
+            "content": this.data.content
+        }).then(res => {
+            console.log(res)
+            this.selectComponent('#ListBox').RefreshToComplete();
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            })
+            this.setData({
+                list: (res.pageNumber == 1) ? res.data : this.data.list.concat(res.data),
+                ['content.pageNumber']: res.pageNumber + 1,
+                ['content.pageTotal']: res.pageTotal
+            })
+        })
     },
     /* 新建账号/角色 */
     newItem() {
@@ -29,7 +65,27 @@ Page({
     /* tab切换 */
     tabChange(e) {
         this.setData({
-            butText: e.detail.title.slice(0, 2)
+            butText: e.detail.title.slice(0, 2),
+            list: [],
+        })
+        this.getList(true);
+    },
+    /* 修改角色 */
+    changeRole(e) {
+        let {
+            item
+        } = e.currentTarget.dataset;
+        wx.navigateTo({
+            url: './addRole?item=' + JSON.stringify(item)
+        })
+    },
+    /* 修改账号 */
+    changeUser(e) {
+        let {
+            item
+        } = e.currentTarget.dataset;
+        wx.navigateTo({
+            url: './addUsers?item=' + JSON.stringify(item)
         })
     },
 
@@ -37,16 +93,16 @@ Page({
      * 生命周期函数--监听页面初次渲染完成
      */
     onReady() {
-
+        getHeight.getHeight('.tabs', this).then(res => {
+            this.setData({
+                listHeight: res
+            })
+        });
     },
-
     /**
      * 生命周期函数--监听页面显示
      */
-    onShow() {
-
-    },
-
+    onShow() {},
     /**
      * 生命周期函数--监听页面隐藏
      */

pages/teams/index.json

@@ -1,4 +1,6 @@
 {
     "navigationBarTitleText": "团队管理",
-    "usingComponents": {}
+    "usingComponents": {
+        "My_listBox": "/components/My_listBox/index"
+    }
 }

pages/teams/index.scss

@@ -1,5 +1,8 @@
 @import "../../components/My_card/index.scss";
 
+page{
+    padding: 0 !important;
+}
 
 .user-item {
     display: flex;

pages/teams/index.wxml

@@ -1,38 +1,44 @@
 <van-tabs swipeable sticky title-active-color='var(--assist)' color='var(--assist)' bind:change="tabChange">
-    <van-tab title="账号列表">
-        <navigator url="#" class="my-card user-item" wx:for="{{10}}">
+    <van-tab title="账号列表" />
+    <van-tab title="角色列表" />
+</van-tabs>
+<view class="tabs" />
+<My_listBox id="ListBox" height="{{listHeight}}" bind:getlist='getList'>
+    <block wx:if="{{butText=='账号'}}">
+        <navigator url="#" class="my-card user-item" wx:for="{{list}}" data-item="{{item}}" bindtap="changeUser">
             <view class="user-img">
                 <van-image width="96rpx" height="96rpx" fit='cover' radius='48rpx' lazy-load src="https://img.yzcdn.cn/vant/cat.jpeg" />
             </view>
             <view class="details">
                 <view class="user-name">
-                    <view class="line-1">用户名用户用户名用户用户名用户用户名用户</view>
-                    <view class="position">职位职位职位</view>
+                    <view class="line-1">{{item.name}}</view>
+                    <view class="position">{{item.position}}</view>
                     <view class="icon">
                         <text class="iconfont icon-a-wodetiaozhuan" />
                     </view>
                 </view>
-                <view class="base-msg line-1">所属门店：建陶店</view>
-                <view class="base-msg">账号ID：123456<text class="iconfont icon-a-wodemendianxinxidianhua" />18912345698</view>
+                <view class="base-msg line-1"><!-- {{item.remarks}} --></view>
+                <view class="base-msg">账号ID：{{item.userid}}<text class="iconfont icon-a-wodemendianxinxidianhua" />{{item.phonenumber}}</view>
             </view>
         </navigator>
-    </van-tab>
-    <van-tab title="角色列表">
-        <navigator url="#" class="my-card role-item" wx:for="{{10}}">
+    </block>
+    <block wx:else>
+        <navigator url="#" class="my-card role-item" wx:for="{{list}}" data-item="{{item}}" bindtap="changeRole">
             <view class="role-l">
                 <view class="first-line">
-                    <text class="label line-1">角色</text>
-                    <text class="role line-1">员工</text>
+                    <text class="label line-1">{{item.rolename}}</text>
+                    <text class="role line-1">{{item.remarks}}</text>
                 </view>
-                <view class="creator line-1">创建人：张三丰</view>
+                <view class="creator line-1">创建人：{{item.createby}}</view>
             </view>
             <view class="role-r">
                 <text class="iconfont icon-a-wodetiaozhuan" />
             </view>
         </navigator>
-    </van-tab>
-</van-tabs>
-<view style="height: 100rpx;" />
+    </block>
+    <view style="height: 150rpx;" />
+    <My_empty wx:if="{{list.length==0}}" />
+</My_listBox>
 <view class="footer">
     <van-button custom-class='add-but' color="var(--assist)" bindtap="newItem">新建{{butText}}</van-button>
 </view>