选择经销商

packageA/select/agency/select.js

@@ -0,0 +1,133 @@
+const _Http = getApp().globalData.http,
+    getHeight = require("../../../utils/getRheRemainingHeight");
+Page({
+    data: {
+        item: {},
+
+        result: [],
+        radio: true,
+    },
+    onLoad(options) {
+        /* 从表单组件进入进入 */
+        if (options.item) {
+            let item = JSON.parse(options.item);
+            this.setData({
+                item,
+                result: item.value.length ? item.value[1] : [],
+                params: item.params
+            })
+        };
+        if (options.params) this.setData({
+            params: JSON.parse(options.params)
+        });
+
+        this.setData({
+            radio: options.radio ? true : false
+        });
+        this.getList()
+    },
+    submit() {
+        let pages = getCurrentPages(),
+            item = this.data.item,
+            result = this.data.result,
+            list = result.map(v => this.data.list.find(value => value.sys_enterpriseid == v));
+        try {
+            if (item) {
+                let page = pages[pages.length - 2].selectComponent(item.model || "#Form");
+                item.value = this.data.radio ? [list[0].enterprisename, result] : [list.map(v => v.enterprisename), result];
+                page.handleRoute(item, list);
+            } else {
+                pages[pages.length - 2].handleSelectProject(this.data.result, list)
+            }
+        } catch (e) {
+            wx.showToast({
+                title: '操作失败',
+                icon: "none"
+            })
+        }
+    },
+    getList(init = false) {
+        //init 用于初始化分页
+        if (init.detail != undefined) init = init.detail;
+        let params = this.data.params;
+        if (init) params.content.pageNumber = 1;
+        if (params.content.pageNumber > params.content.pageTotal) return;
+        _Http.basic(params).then(res => {
+            console.log("选择经销商列表", res)
+            this.selectComponent('#ListBox').RefreshToComplete();
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            })
+            this.setData({
+                'params.content.pageNumber': res.pageNumber + 1,
+                'params.content.pageTotal': res.pageTotal,
+                'params.content.total': res.total,
+                list: res.pageNumber == 1 ? res.data : this.data.list.concat(res.data)
+            })
+            this.getTags();
+        })
+    },
+    /* 获取列表标签 */
+    getTags() {
+        let list = this.data.list,
+            ownerids = list.map(v => v.sys_enterpriseid);
+        _Http.basic({
+            "id": 20221018102001,
+            "content": {
+                "ownertable": "sys_enterprise",
+                ownerids
+            }
+        }).then(res => {
+            console.log("经销商标签", res)
+            for (let key in res.data) {
+                let index = list.findIndex(v => v.sys_enterpriseid == key);
+                if (index != -1) list[index].tags = res.data[key]
+            };
+            this.setData({
+                list
+            })
+        })
+    },
+    /* 选中 */
+    changeResult(e) {
+        const {
+            id
+        } = e.currentTarget.dataset;
+        let result = this.data.result;
+        if (this.data.radio) {
+            result = [id];
+        } else {
+            if (result.some(v => v == id)) {
+                result = result.filter(v => v != id);
+            } else {
+                result.push(id)
+            };
+        }
+        this.setData({
+            result
+        })
+    },
+    /* 开始搜索 */
+    startSearch({
+        detail
+    }) {
+        if (detail == this.data.content.where.condition) return;
+        this.setData({
+            'content.where.condition': detail
+        });
+        this.getList(true);
+    },
+    /* 取消搜索 */
+    onClear() {
+        this.setData({
+            'content.where.condition': ""
+        });
+        this.getList(true);
+    },
+    onReady() {
+        getHeight.getHeight('.total', this).then(res => this.setData({
+            listHeight: res
+        }));
+    }
+})

packageA/select/agency/select.json

@@ -0,0 +1,4 @@
+{
+    "usingComponents": {},
+    "navigationBarTitleText": "选择经销商"
+}

packageA/select/agency/select.scss

@@ -0,0 +1,124 @@
+page {
+    height: 100vh;
+    overflow: hidden;
+}
+
+.total {
+    height: 60rpx;
+    line-height: 60rpx;
+    font-size: 24rpx;
+    font-family: PingFang SC-Regular, PingFang SC;
+    color: #666666;
+    padding-left: 30rpx;
+}
+
+.footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 30rpx;
+    position: fixed;
+    width: 100vw;
+    height: 130rpx;
+    background: #FFFFFF;
+    box-shadow: 0px -4rpx 16rpx 2rpx rgba(150, 157, 165, 0.16);
+    bottom: 0;
+    box-sizing: border-box;
+
+    .count {
+        font-size: 28rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        color: #333333;
+    }
+
+    .but {
+        width: 156rpx;
+        height: 90rpx;
+        background: #3874F6;
+        border-radius: 8rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+    }
+}
+
+.setclient-list-item {
+    width: 100vw;
+    padding-left: 30rpx;
+    background-color: #fff;
+    box-sizing: border-box;
+
+    .con {
+        display: flex;
+        width: 100%;
+        min-height: 136rpx;
+        border-bottom: 1px solid #EFEFEF;
+        box-sizing: border-box;
+        padding-top: 20rpx;
+
+        .portrait {
+            width: 96rpx;
+            height: 96rpx;
+            background: #E7EEFF;
+            border-radius: 16rpx;
+            font-size: 24rpx;
+            font-family: PingFang SC-Regular, PingFang SC;
+            color: #3874F6;
+            padding: 16rpx 24rpx;
+            box-sizing: border-box;
+            margin-right: 20rpx;
+            flex-shrink: 0;
+        }
+
+        .min-portrait {
+            display: flex;
+            align-items: center;
+            padding: 0 !important;
+            justify-content: center;
+        }
+
+        .mian {
+            flex: 1;
+            width: 0;
+            padding-right: 20rpx;
+            box-sizing: border-box;
+
+            .label {
+                font-size: 28rpx;
+                font-family: PingFang SC-Bold, PingFang SC;
+                font-weight: bold;
+                color: #333333;
+                height: 40rpx;
+                line-height: 40rpx;
+            }
+
+            .tag-box {
+                margin-top: 10rpx;
+
+                .tag {
+                    height: 40rpx;
+                    font-size: 20rpx;
+                    font-family: PingFang SC-Regular, PingFang SC;
+                    padding: 0 12rpx;
+                    margin-right: 10rpx;
+                }
+            }
+        }
+
+        .checkbox {
+            display: flex;
+            align-items: center;
+            margin-top: -20rpx;
+            margin-right: 10rpx;
+        }
+
+        .extend {
+            display: flex;
+            height: 116rpx;
+            width: 48rpx;
+            margin-right: 30rpx;
+            flex-shrink: 0;
+        }
+    }
+}

packageA/select/agency/select.wxml

@@ -0,0 +1,44 @@
+<van-search class="search" value="{{ params.content.where.condition }}" shape="round" placeholder="请输入搜索关键词" bind:search='startSearch' bind:clear='onClear' />
+<My_listBox id='ListBox' height="{{listHeight}}" bind:getlist='getList'>
+    <view class="total">共{{params.content.total}}个</view>
+    <navigator class="setclient-list-item" url="#" wx:for="{{list}}" wx:key="item.sys_enterpriseid" data-id="{{item.sys_enterpriseid}}" bindtap="changeResult">
+        <view class="con">
+            <view class="portrait {{item.enterprisename <=2?'min-portrait':''}}">
+                {{handle.getName(item.enterprisename)}}
+            </view>
+            <view class="mian">
+                <view class="label line-1">{{item.enterprisename}}</view>
+                <view class="tag-box">
+                    <van-tag custom-class='tag' color='#E7EEFF' wx:if="{{item.type}}" text-color='#3874F6' round>{{item.type}}</van-tag>
+                    <van-tag custom-class='tag' wx:for="{{item.tags.systemtag}}" wx:for-item='tag' wx:key="index" color='#E7EEFF' text-color='#3874F6' round>{{tag}}</van-tag>
+                    <van-tag custom-class='tag' wx:for="{{item.tags.datatag}}" wx:for-item='tag' wx:key="index" color='#FFEFD9' text-color='#FA8C16' round>{{tag}}</van-tag>
+                </view>
+            </view>
+            <view class="checkbox">
+                <van-checkbox value='{{handle.isCheck(item.sys_enterpriseid,result)}}' />
+            </view>
+        </view>
+    </navigator>
+    <view style="height: 230rpx;" />
+    <My_empty wx:if="{{!list.length}}" />
+</My_listBox>
+
+<view style="height: 130rpx;" />
+<view class="footer">
+    <view class="count">
+        已选：{{result.length}}
+    </view>
+    <van-button custom-class='but' disabled='{{result.length==0}}' bind:click="submit">确定</van-button>
+</view>
+<wxs module="handle">
+    module.exports = {
+        getName: function (name) {
+            return name.substring(0, 4)
+        },
+        isCheck: function (id, list) {
+            return list.some(function (v) {
+                return v == id
+            });
+        },
+    }
+</wxs>