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: 0,
            type: 0,
            dateType: 0,
            "where": {
                isleave: 0
            },
        },
        filtratelist: [{
            label: "时间筛选",
            showName: "name", //显示字段
            valueKey: "dateType", //返回Key
            selectKey: "id",
            value: "id", //选中值
            index: 0,
            default: 0,
            list: [{
                name: "近一年",
                id: 1
            }, {
                name: "近九个月",
                id: 2
            }, {
                name: "近六个月",
                id: 3
            }, {
                name: "近三个月",
                id: 4
            }]
        }]
    },
    onLoad(options) {

    },
    onReady() {
        this.setChartData();
        this.selectComponent("#organization").initDepAndUser();
    },
    openFiltrate() {
        this.setData({
            showFiltrate: true
        })
    },
    handleFilter({
        detail
    }) {
        if (detail.name == 'reset') {
            this.selectComponent("#organization").initDepAndUser()
            this.setData({
                'content.dataid': 0,
                'content.type': 0,
                'content.where.isleave': 0,
            })
        } else {
            let active = this.selectComponent("#organization").data.result;
            let type = active.userid ? 0 : 1,
                dataid = type == 0 ? active.userid : active.departmentid
            this.setData({
                'content.dataid': dataid,
                'content.type': type,
                'content.where.isleave': active.isleave || 0,
            })
        }
        this.data.content.dateType = detail.dateType && detail.dateType != 'id' ? detail.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
                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
        });
    }
})