prsx-crm/packageA/select/product/select.js

const _Http = getApp().globalData.http,
    file = require("../../../utils/matchingFeilType"),
    currency = require("../../../utils/currency"),
    CNY = value => currency(value, {
        symbol: "￥",
        precision: 2
    }).format();

Page({
    data: {
        params: {}, //请求体
        result: [], //返回结果
        radio: false, //是否为单选
        idname: "itemid", //idkey
        showName: "itemname", //表单用 显示名称
        filtrate: false,
        filtratelist: [{
            label: "领域",
            index: null,
            showName: "tradefield", //显示字段
            valueKey: "tradefield", //返回Key
            selectKey: "tradefield", //传参 代表选着字段 不传参返回整个选择对象
            value: "", //选中值
            list: null
        }, {
            label: "标准",
            index: null,
            showName: "value", //显示字段
            valueKey: "standards", //返回Key
            selectKey: "value", //传参 代表选着字段 不传参返回整个选择对象
            value: "", //选中值
            list: null
        }, {
            label: "材质",
            index: null,
            showName: "value", //显示字段
            valueKey: "material", //返回Key
            selectKey: "value", //传参 代表选着字段 不传参返回整个选择对象
            value: "", //选中值
            list: null
        }, {
            label: "品牌",
            index: null,
            showName: "brandname", //显示字段
            valueKey: "sa_brandid", //返回Key
            selectKey: "sa_brandid", //传参 代表选着字段 不传参返回整个选择对象
            value: "", //选中值
            interrupt: true,
            list: null
        }, ]
    },
    onLoad(options) {
        if (options.params) {
            let params = JSON.parse(options.params);
            if (!params.content.pageNumber || !params.content.pageTotal) {
                params.content.pageNumber = 1;
                params.content.pageTotal = 1;
            }
            this.setData({
                params
            });
        }
        this.setData({
            radio: options.radio ? true : false,
            idname: options.idname || this.data.idname,
            showName: options.showName || this.data.showName,
            siteid: wx.getStorageSync('userMsg').siteid
        });
        this.getList()
        getApp().globalData.Language.getLanguagePackage(this, options.title || '选择产品');
    },
    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;
        //init 用于初始化分页
        _Http.basic(params).then(res => {
            console.log("选择产品列表", res)
            this.selectComponent('#ListBox').RefreshToComplete();
            if (res.code != '1') return wx.showToast({
                title: res.data,
                icon: "none"
            })
            res.data = res.data.map(value => {
                if (value.attinfos.length == 0) return value;
                value.attinfos = file.fileList(value.attinfos)
                let image = value.attinfos.find(v => v.fileType == "image");
                value.cover = image ? image.cover : "";
                value.showMarketprice = CNY(value.marketprice);
                value.className = value.itemclass.length == 0 ? "暂无类目" : value.itemclass.map(v => v.itemclassname);
                value.brandName = value.brand.length == 0 ? "暂无品牌" : value.brand.map(v => v.brandname);
                return value;
            })
            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)
            })
        })
    },
    /* 选中 */
    changeResult(e) {
        let {
            id
        } = e.currentTarget.dataset, result = this.data.result;
        if (this.data.radio) {
            result = [id];
        } else {
            result.some(v => v == id) ? result = result.filter(v => v != id) : result.push(id)
        }
        this.setData({
            result
        });
        if (this.data.radio) this.submit();
    },
    /* 提交 */
    submit() {
        let result = this.data.result,
            obj = this.data.radio ? {
                id: result,
                item: this.data.list.find(value => value[this.data.idname] == result),
                value: [this.data.list.find(value => value[this.data.idname] == result)[this.data.showName], result]
            } : {
                result,
                list: result.map(v => this.data.list.find(value => value[this.data.idname] == v)),
                value: [result.map(v => {
                    let data = this.data.list.find(value => value[this.data.idname] == v);
                    return data ? data[this.data.showName] : ""
                }), result]
            }
        getApp().globalData.handleSelect && getApp().globalData.handleSelect(obj)
    },
    /* 开始搜索 */
    startSearch({
        detail
    }) {
        let condition = this.data.content ? this.data.content.where.condition : this.data.params.content.where.condition;
        if (detail == condition) return;
        this.setData({
            'content.where.condition': detail,
            'params.content.where.condition': detail
        });
        this.getList(true);
    },
    /* 取消搜索 */
    onClear() {
        this.setData({
            'content.where.condition': "",
            'params.content.where.condition': ""
        });
        this.getList(true);
    },
    /* 预览图片 */
    viewImage(e) {
        const {
            file
        } = e.currentTarget.dataset;
        if (file.length) wx.previewMedia({
            sources: file.filter(value => ['image', 'vadio'].includes(value.fileType)).map(v => {
                return {
                    url: v.url,
                    type: v.fileType
                }
            }),
            current: 0,
            showmenu: true
        })
    },
    onUnload() {
        //回收数据
        getApp().globalData.handleSelect = null;
    },
    async openFiltrate() {
        if (this.data.filtratelist[0].list == null) {
            let res = await Promise.all([this.gettradefields(), this.getitemstandards(), this.getitemmaterial(), this.getBrand()]);
            console.log(res)
            res.forEach((v, i) => this.data.filtratelist[i].list = v.data);
            this.setData({
                filtratelist: this.data.filtratelist,
                filtrate: true
            })
        } else {
            this.setData({
                filtrate: true
            })
        }
    },
    /* 处理筛选 */
    handleFilter(e) {
        this.data.params.content.where.itemclassid = e.detail.itemclassid || "";
        this.data.params.content.where.sa_brandid = e.detail.sa_brandid || "";
        this.data.params.content.where.tradefield = e.detail.tradefield || "";
        this.data.params.content.where.standards = e.detail.standards || "";
        this.data.params.content.where.material = e.detail.material || "";
        this.getList(true)
    },
    /* 获取品牌列表 */
    getBrand() {
        return _Http.basic({
            "id": "20220922085103",
            "version": 1,
            "content": {
                "where": {
                    "condition": ""
                }
            }
        })
    },
    /* 获取领域列表 */
    gettradefields() {
        return _Http.basic({
            "id": 20221223141802,
            "content": {
                "pageNumber": 1,
                "pageSize": 99999,
                "where": {
                    "condition": ""
                }
            }
        })
    },
    /* 标准 */
    getitemstandards() {
        return _Http.basic({
            "classname": "sysmanage.develop.optiontype.optiontype",
            "method": "optiontypeselect",
            "content": {
                "pageNumber": 1,
                "pageSize": 1000,
                "typename": "itemstandards",
                "parameter": {}
            },
        })
    },
    /* 材质 */
    getitemmaterial() {
        return _Http.basic({
            "classname": "sysmanage.develop.optiontype.optiontype",
            "method": "optiontypeselect",
            "content": {
                "pageNumber": 1,
                "pageSize": 1000,
                "typename": "itemmaterial",
                "parameter": {}
            },
        })
    },
    /* 打断 */
    interrupt(e) {
        let {
            name,
            index,
            item,
            list
        } = e.detail;
        if (name == "sa_brandid") _Http.basic({
            "id": "20220922110403",
            "content": {
                nocache: true,
                "sa_brandid": item.sa_brandid,
            }
        }).then(res => {
            console.log("分类列表", res)
            if (res.code != '1') return wx.showToast({
                title: res.msg,
                icon: "none"
            })
            if (!res.data[0].ttemclass) return;
            list[4] = {
                label: "分类",
                index: null,
                type: "multilevelClass",
                showName: "itemclassname", //显示字段
                valueKey: "itemclassid", //返回Key
                selectKey: "itemclassid", //传参 代表选着字段 不传参返回整个选择对象
                value: "", //选中值
                list: res.data[0].ttemclass
            }
            this.setData({
                filtratelist: list
            })
        })
    },
})