prsx-crm/packageA/salesHourglass/index.js

const _Http = getApp().globalData.http,
    currency = require("../../utils/currency"),
    CNY = (value, symbol = "", precision = 2) => currency(value, {
        symbol,
        precision
    }).format(),
    conversion = n => {
        const integer = (n + '').split(".")[0] + '',
            length = integer.length,
            regexp = /(?:\.0*|(\.\d+?)0+)$/
        if (length <= 4) {
            const index = 4 - length;
            return { //元
                show: CNY(n, "￥", index).replace(regexp, '$1'),
                value: CNY(n, '￥')
            }
        } else if (length <= 8) {
            return { //万-千万
                show: CNY(currency(n).divide(10000)).replace(regexp, '$1') + '万元',
                value: CNY(n)
            }
        } else {
            return { //亿
                show: CNY(currency(n).divide(100000000)).replace(regexp, '$1') + '亿',
                value: CNY(n)
            }
        }
    };


import {
    createElement
} from '@antv/f2';
import Chart from './modules/chart';
import {
    jsx as _jsx
} from "@antv/f2/jsx-runtime";
Page({
    data: {
        onRenderChart: () => {},
        showFiltrate: false,
        "where": {
            "begindate": "",
            "enddate": "",
            "departmentid": ""
        },
        content: {
            nocache: true,
            dataid: wx.getStorageSync('userMsg').userid,
            type: 0,
            dateType: 0,
            where: {
                begdate: "",
                enddate: "",
                tradefield: "",
                isleave: 1,
                unfinish: 1
            }
        },
        filtratelist: [{
            label: "是否包含失败、结案项目",
            showName: "name", //显示字段
            valueKey: "unfinish", //返回Key
            selectKey: "value",
            index: 1,
            default: 1,
            list: [{
                name: "包含",
                value: 0
            }, {
                name: "不包含",
                value: 1
            }]
        }, {
            label: "时间筛选",
            showName: "name", //显示字段
            valueKey: "dateType", //返回Key
            selectKey: "id",
            value: "id", //选中值
            index: 0,
            default: 0,
            interrupt: true,
            relevance: "dateRange",
            list: [{
                name: "全部",
                id: 0,
                queryMonths: -1
            }, {
                name: "近一年",
                id: 1,
                queryMonths: 12
            }, {
                name: "近九个月",
                id: 2,
                queryMonths: 9
            }, {
                name: "近六个月",
                id: 3,
                queryMonths: 6
            }, {
                name: "近三个月",
                id: 4,
                queryMonths: 3
            }]
        }]
    },
    onLoad(options) {
        _Http.basic({
            "id": 20221223141802,
            "content": {
                "pageNumber": 1,
                "pageSize": 9999,
                "where": {
                    "condition": ""
                }
            }
        }, false).then(res => {
            console.log("获取领域", res)
            let filtratelist = this.data.filtratelist
            if (res.msg == '成功') {
                filtratelist.splice(filtratelist.length - 2, 0, {
                    label: "领域",
                    index: null,
                    showName: "tradefield", //显示字段
                    valueKey: "tradefield", //返回Key
                    selectKey: "tradefield", //传参 代表选着字段 不传参返回整个选择对象
                    value: "", //选中值
                    list: res.data
                })
                this.setData({
                    filtratelist
                })
            }
        })
    },
    onReady() {
        this.setChartData();
        this.selectComponent("#organization").setData({
            isleave:1
        })
        this.selectComponent("#organization").initDepAndUser();
        // this.selectComponent("#Yl_Filtrate1").queryMonths(12)
    },
    interrupt({
        detail
    }) {
        console.log(detail)
        if (detail.data.label == "时间筛选") this.selectComponent("#Yl_Filtrate1").queryMonths(detail.item.queryMonths)

    },
    openFiltrate() {
        this.setData({
            showFiltrate: true
        })
    },
    handleFilter({
        detail
    }) {
        if (detail.name == 'reset') {
            this.selectComponent("#organization").setData({
                isleave:1
            })
            this.selectComponent("#organization").initDepAndUser()
            this.setData({
                'content.dataid': wx.getStorageSync('userMsg').userid,
                'content.type': 0,
                'content.where.isleave': 1,
                'content.where.tradefield': "",
                'content.where.unfinish': 1,
            })
        } else {
            let active = this.selectComponent("#organization").data.result,
                isleave = this.selectComponent("#organization").data.isleave;
            let type = active.userid ? 0 : 1,
                dataid = type == 0 ? active.userid : active.departmentid
            console.log(isleave)
            this.setData({
                'content.dataid': dataid,
                'content.type': type,
                'content.where.tradefield': detail.tradefield,
                'content.where.isleave': isleave || 1,
                'content.where.unfinish': detail.unfinish || 0,
            })
        }
        this.data.content.where.begdate = detail.startdate;
        this.data.content.where.enddate = detail.enddate;
        if (detail.startdate && detail.enddate) {
            this.data.content.dateType = 0;
        } else {
            this.data.content.dateType = detail.dateType && detail.dateType != 'id' ? dateType : 0
        }
        this.setChartData();
    },
    setChartData() {
        this.setData({
            statistics: []
        })
        _Http.basic({
            "id": 20230630151504,
            "content": this.data.content
        }).then(res => {
            console.log("漏斗数据", res)
            if (res.msg != '成功') return wx.showToast({
                title: res.msg,
                icon: "none"
            })
            if (res.data.length) res.data.pop();
            let full = Math.max(...res.data.map(v => v.wide));
            let statistics = res.data.map((v, i) => {
                v.action = v.stagename
                v.zhl = i == 0 ? '' : `转换率:${(v.zhl * 100).toFixed(2)}%`
                v.percent = v.wide / full;
                v.totalinvestment = conversion(v.totalinvestment).value
                v.budgetary = conversion(v.budgetary).value
                v.signamount_due = conversion(v.signamount_due).value
                if (i == 0) {
                    v.totaldealamount = CNY(v.totaldealamount, '￥')
                    v.totalsignamount_due = CNY(v.totalsignamount_due, '￥')
                }
                return v
            })
            let cHeight = statistics.length * 74;
            if (cHeight < 200) cHeight = 200;
            this.setData({
                statistics,
                full,
                cHeight: cHeight + 'rpx',
                onRenderChart: res.data.length == 0 ? () => {} : () => {
                    return this.renderChart();
                }
            });
        })
    },
    renderChart() {
        return createElement(Chart, {
            data: this.data.statistics
        });
    }
})