{"version":3,"sources":["webpack:///./src/methods/figureMethods.js","webpack:///./src/custom-component/basic/BigNumber/BigNumber.vue","webpack:///src/custom-component/basic/BigNumber/BigNumber.vue","webpack:///./src/custom-component/basic/BigNumber/BigNumber.vue?528e","webpack:///./src/custom-component/basic/BigNumber/BigNumber.vue?0d50","webpack:///./src/custom-component/basic/BigNumber/BigNumber.vue?935d","webpack:///./src/custom-component/basic/BigNumber/BigNumber.vue?6b2a"],"names":["getDimensions","reflection","result","forEach","item","push","name","reflectionField","displayName","sourceField","getHistogramDimensions","getEncode","value","itemName","ifStatic","this","element","component","propValue","chartOption","dataset","source","dimensions","FStaticSource","series","encode","data","myChart","setOption","ifBillForm","_this","FBillFormSource","FDETAILID","Data","length","slice","ifSql","_this2","FSqlSource","ifApi","_this3","FDATASOURCE4","getData","dataSource","ifPublic","afterGetData","render","_vm","_c","_self","style","divStyle","key","pageKey","staticClass","_l","orderNum","index","isNaN","_e","class","textStyle","symbolStyle","_v","_s","ref","refInFor","symbolWidthSwitch","spacingStyle","staticRenderFns","props","type","Object","require","showDiv","valueShow","symbolStyleList","textStyleList","divStyleList","spacingStyleList","computed","_objectSpread","mapState","state","$store","getText","styleSheet","symbolSwitch","symbolCondition","children","watch","handler","immediate","deep","created","methods","split","setTimeout","setNumberTransform","handleNumber","_this4","FPublicSource","str","temp","String","len","numberLength","ifConsoleLength","substring","replace","numberItems","$refs","numberItem","numberArr","filter","elem","transform","$nextTick","concat","typeList","styleArray","Array","isArray","subItem","includes","unit"],"mappings":"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","file":"js/chunk-57d9a704.ff58b7c5.js","sourcesContent":["/**\r\n * 由 FBillFormSource.reflection 返回 dimensions 数据结构 ['产品名称', '数量', '派工数量']\r\n * {\r\n *      sourceField: '数量',\r\n *      reflectionField: 'FQTY',\r\n * }\r\n * 变为\r\n * {\r\n *      name: 'FQTY',  // 数据中的字段\r\n *      displayName: '数量', // 要显示的字段\r\n * }\r\n * @param reflection\r\n * @returns {string[]}\r\n */\r\nexport function getDimensions(reflection) {\r\n    let result = [];\r\n    reflection.forEach(item => {\r\n        result.push({\r\n            name: item.reflectionField,\r\n            displayName: item.sourceField,\r\n        });\r\n    });\r\n\r\n    return result;\r\n}\r\n\r\n/**\r\n * @description 由 FBillFormSource.reflection 返回 dimensions 数据结构 ['x', 'y', 'series']\r\n * @param {any} reflection\r\n * @returns {string[]} result\r\n */\r\nexport function getHistogramDimensions(reflection) {\r\n    let result = ['x', 'y', 'series'];\r\n    reflection.forEach(item => {\r\n        if (item.sourceField === 'x') {\r\n            result[0] = item.reflectionField;\r\n        }\r\n\r\n        if (item.sourceField === 'y') {\r\n            result[1] = item.reflectionField;\r\n        }\r\n\r\n        if (item.sourceField === 'series') {\r\n            result[2] = item.reflectionField;\r\n        }\r\n    });\r\n\r\n    return result;\r\n}\r\n\r\nexport function getEncode(reflection) {\r\n    return {\r\n        value: reflection[1].reflectionField,\r\n        itemName: reflection[0].reflectionField,\r\n    };\r\n}\r\n\r\nexport function ifStatic() {\r\n    if (this.element.component === 'Histogram') {\r\n        this.propValue.chartOption.dataset[0].source = {};\r\n    } else {\r\n        this.propValue.chartOption.dataset = {};\r\n    }\r\n\r\n    // 饼图 不需要 dimensions 需要在series 里增加 encode\r\n    if (this.element.component !== 'PieGram') {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].dimensions = getHistogramDimensions(this.element.FStaticSource.reflection);\r\n        } else {\r\n            this.propValue.chartOption.dataset.dimensions = getDimensions(this.element.FStaticSource.reflection); // 映射关系\r\n        }\r\n    } else {\r\n        this.propValue.chartOption.series[0].encode = getEncode(this.element.FStaticSource.reflection);\r\n    }\r\n\r\n    if (this.element.component === 'Histogram') {\r\n        this.propValue.chartOption.dataset[0].source = this.element.FStaticSource.data;\r\n    } else {\r\n        this.propValue.chartOption.dataset.source = this.element.FStaticSource.data;\r\n    }\r\n    this.myChart.setOption(this.propValue.chartOption, true);\r\n}\r\n\r\nexport function ifBillForm() {\r\n    if (!this.propValue.chartOption.dataset) {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].source = {};\r\n        } else {\r\n            this.propValue.chartOption.dataset = {};\r\n        }\r\n    }\r\n\r\n    if (this.element.component !== 'PieGram') {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].dimensions = getHistogramDimensions(this.element.FBillFormSource.reflection);\r\n        } else {\r\n            this.propValue.chartOption.dataset.dimensions = getDimensions(this.element.FBillFormSource.reflection); // 映射关系\r\n        }\r\n    } else {\r\n        this.propValue.chartOption.series[0].encode = getEncode(this.element.FBillFormSource.reflection);\r\n        // console.log(this.propValue.chartOption.series[0].encode);\r\n        // console.log(this.propValue.chartOption);\r\n    }\r\n\r\n    // 由 FDETAILID 找到 RefreshKanBanData 中的对应组件的数据\r\n    if (this.dataset) {\r\n        this.dataset.forEach(item => {\r\n            if (item.FDETAILID === this.element.FDETAILID) {\r\n                let dataset = null;\r\n                if (this.element.component === 'Histogram') {\r\n                    dataset = this.propValue.chartOption.dataset[0].source;\r\n                } else {\r\n                    dataset = this.propValue.chartOption.dataset.source;\r\n                }\r\n                if (item.Data.length > 20) {\r\n                    dataset.source = item.Data.slice(0, 25);\r\n                } else {\r\n                    dataset.source = item.Data;\r\n                }\r\n            }\r\n        });\r\n    } else {\r\n        this.propValue.chartOption.dataset.source = this.element.FBillFormSource.data;\r\n        // console.log('图表数据空');\r\n    }\r\n\r\n    this.myChart.setOption(this.propValue.chartOption, true);\r\n}\r\n\r\nexport function ifSql() {\r\n    if (!this.propValue.chartOption.dataset) {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].source = {};\r\n        } else {\r\n            this.propValue.chartOption.dataset = {};\r\n        }\r\n    }\r\n\r\n    if (this.element.component !== 'PieGram') {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].dimensions = getHistogramDimensions(this.element.FSqlSource.reflection);\r\n        } else {\r\n            this.propValue.chartOption.dataset.dimensions = getDimensions(this.element.FSqlSource.reflection); // 映射关系\r\n        }\r\n    } else {\r\n        this.propValue.chartOption.series[0].encode = getEncode(this.element.FSqlSource.reflection);\r\n        // console.log(this.propValue.chartOption.series[0].encode);\r\n        // console.log(this.propValue.chartOption);\r\n    }\r\n\r\n    // 由 FDETAILID 找到 RefreshKanBanData 中的对应组件的数据\r\n    if (this.dataset) {\r\n        this.dataset.forEach(item => {\r\n            if (item.FDETAILID === this.element.FDETAILID) {\r\n                let dataset = null;\r\n                if (this.element.component === 'Histogram') {\r\n                    dataset = this.propValue.chartOption.dataset[0].source;\r\n                } else {\r\n                    dataset = this.propValue.chartOption.dataset.source;\r\n                }\r\n                if (item.Data.length > 20) {\r\n                    dataset.source = item.Data.slice(0, 25);\r\n                } else {\r\n                    dataset.source = item.Data;\r\n                }\r\n            }\r\n        });\r\n    } else {\r\n        this.propValue.chartOption.dataset.source = this.element.FSqlSource.data;\r\n    }\r\n\r\n    this.myChart.setOption(this.propValue.chartOption, true);\r\n}\r\n\r\nexport function ifApi() {\r\n    if (!this.propValue.chartOption.dataset) {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].source = {};\r\n        } else {\r\n            this.propValue.chartOption.dataset = {};\r\n        }\r\n    }\r\n\r\n    if (this.element.component !== 'PieGram') {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].dimensions = getHistogramDimensions(this.element.FDATASOURCE4.reflection);\r\n        } else {\r\n            this.propValue.chartOption.dataset.dimensions = getDimensions(this.element.FDATASOURCE4.reflection); // 映射关系\r\n        }\r\n    } else {\r\n        this.propValue.chartOption.series[0].encode = getEncode(this.element.FDATASOURCE4.reflection);\r\n        // console.log(this.propValue.chartOption.series[0].encode);\r\n        // console.log(this.propValue.chartOption);\r\n    }\r\n\r\n    // 由 FDETAILID 找到 RefreshKanBanData 中的对应组件的数据\r\n    if (this.dataset) {\r\n        this.dataset.forEach(item => {\r\n            if (item.FDETAILID === this.element.FDETAILID) {\r\n                let dataset = null;\r\n                if (this.element.component === 'Histogram') {\r\n                    dataset = this.propValue.chartOption.dataset[0].source;\r\n                } else {\r\n                    dataset = this.propValue.chartOption.dataset.source;\r\n                }\r\n                if (item.Data.length > 20) {\r\n                    dataset.source = item.Data.slice(0, 25);\r\n                } else {\r\n                    dataset.source = item.Data;\r\n                }\r\n            }\r\n        });\r\n    } else {\r\n        this.propValue.chartOption.dataset.source = this.element.FDATASOURCE4.data;\r\n    }\r\n\r\n    this.myChart.setOption(this.propValue.chartOption, true);\r\n}\r\n\r\nexport function ifPublic() {\r\n    if (!this.propValue.chartOption.dataset) {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].source = {};\r\n        } else {\r\n            this.propValue.chartOption.dataset = {};\r\n        }\r\n    }\r\n\r\n    if (this.element.component !== 'PieGram') {\r\n        if (this.element.component === 'Histogram') {\r\n            this.propValue.chartOption.dataset[0].dimensions = getHistogramDimensions(this.element.FPublicSource.reflection);\r\n        } else {\r\n            this.propValue.chartOption.dataset.dimensions = getDimensions(this.element.FPublicSource.reflection); // 映射关系\r\n        }\r\n    } else {\r\n        this.propValue.chartOption.series[0].encode = getEncode(this.element.FPublicSource.reflection);\r\n    }\r\n\r\n    // 由 FDETAILID 找到 RefreshKanBanData 中的对应组件的数据\r\n    if (this.dataset) {\r\n        this.dataset.forEach(item => {\r\n            if (item.FDETAILID === this.element.FDETAILID) {\r\n                let dataset = null;\r\n                if (this.element.component === 'Histogram') {\r\n                    dataset = this.propValue.chartOption.dataset[0].source;\r\n                } else {\r\n                    dataset = this.propValue.chartOption.dataset.source;\r\n                }\r\n                if (item.Data.length > 20) {\r\n                    dataset.source = item.Data.slice(0, 25);\r\n                } else {\r\n                    dataset.source = item.Data;\r\n                }\r\n            }\r\n        });\r\n    } else {\r\n        this.propValue.chartOption.dataset.source = this.element.FPublicSource.data;\r\n    }\r\n\r\n    this.myChart.setOption(this.propValue.chartOption, true);\r\n}\r\n\r\nexport function getData() {\r\n    if (this.element.dataSource === 'billform') {\r\n        this.ifBillForm();\r\n    } else if (this.element.dataSource === 'static') {\r\n        this.ifStatic();\r\n    } else if (this.element.dataSource === 'sql') {\r\n        this.ifSql();\r\n    } else if (this.element.dataSource === 'api') {\r\n        this.ifApi();\r\n    } else if (this.element.dataSource === 'public') {\r\n        this.ifPublic();\r\n    }\r\n\r\n    this.afterGetData();\r\n}\r\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{style:(_vm.divStyle)},[_c('div',{key:_vm.pageKey,staticClass:\"box-item\"},_vm._l((_vm.orderNum),function(item,index){return _c('div',{key:index},[(!isNaN(item))?_c('li',{key:index,class:{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) },style:(_vm.textStyle)},[(!isNaN(item))?_c('span',[_c('i',{ref:\"numberItem\",refInFor:true},[_vm._v(\"0123456789\")])]):_c('div',{staticClass:\"comma\",style:(_vm.symbolStyle)},[_vm._v(_vm._s(item))])]):_vm._e(),(isNaN(item))?_c('li',{key:index,class:{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) },style:(_vm.symbolStyle)},[(!isNaN(item))?_c('span',[_c('i',{ref:\"numberItem\",refInFor:true},[_vm._v(\"0123456789\")])]):_c('div',{staticClass:\"comma\",style:(_vm.symbolStyle)},[_vm._v(_vm._s(item))])]):_vm._e(),(_vm.symbolWidthSwitch(index))?_c('div',{key:10000+index,staticClass:\"asdfasdf\",style:(_vm.spacingStyle)}):_vm._e()])}),0)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div :style=\"divStyle\">\r\n        <div class=\"box-item\" :key=\"pageKey\">\r\n            <div v-for=\"(item, index) in orderNum\" :key=\"index\">\r\n                <!--                显示符号    -->\r\n                <li :style=\"textStyle\" v-if=\"!isNaN(item)\" :class=\"{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) }\"\r\n                    :key=\"index\">\r\n                        <span v-if=\"!isNaN(item)\">\r\n                            <i ref=\"numberItem\">0123456789</i>\r\n                        </span>\r\n                    <div class=\"comma\" :style=\"symbolStyle\" v-else>{{ item }}</div>\r\n                </li>\r\n                <!--                显示数字    -->\r\n                <li :style=\"symbolStyle\" v-if=\"isNaN(item)\" :class=\"{ 'number-item': !isNaN(item), 'mark-item': isNaN(item) }\"\r\n                    :key=\"index\">\r\n                        <span v-if=\"!isNaN(item)\">\r\n                            <i ref=\"numberItem\">0123456789</i>\r\n                        </span>\r\n                    <div class=\"comma\" :style=\"symbolStyle\" v-else>{{ item }}</div>\r\n                </li>\r\n                <div class=\"asdfasdf\" :key=\"10000+index\" v-if=\"symbolWidthSwitch(index)\" :style=\"spacingStyle\" />\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getData } from '@/methods/figureMethods';\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n    name: 'BigNumber',\r\n    props: {\r\n        propValue: {\r\n            type: Object,\r\n            require: true,\r\n        },\r\n        element: {\r\n            type: Object,\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            showDiv: true,\r\n            // orderNum: ['0','0'],\r\n            valueShow: '123',\r\n            symbolStyleList: ['align', 'symbol-background', 'symbol-size', 'symbol-border'],\r\n            textStyleList: ['align', 'text-border', 'text-background', 'text-size'],\r\n            divStyleList: ['background', 'border', 'font'],\r\n            spacingStyleList: ['spacing'],\r\n            orderNum: [],\r\n            pageKey: 20,\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapState({ dataset: state => state.dataset }),\r\n        dataset() {\r\n            // dataset 总数据\r\n            return this.$store.state.dataset;\r\n        },\r\n        symbolStyle() {\r\n            if (this.element.style) {\r\n                return this.getText(this.element.style.styleSheet, this.symbolStyleList);\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        textStyle() {\r\n            if (this.element.style) {\r\n                return this.getText(this.element.style.styleSheet, this.textStyleList);\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        divStyle() {\r\n            if (this.element.style) {\r\n                let style = this.getText(this.element.style.styleSheet, this.divStyleList);\r\n                return style;\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        spacingStyle() {\r\n            if (this.element.style) {\r\n                let style = this.getText(this.element.style.styleSheet, this.spacingStyleList);\r\n                return style;\r\n            } else {\r\n                return '';\r\n            }\r\n        },\r\n        symbolWidthSwitch() {\r\n            return function(index) {\r\n                let symbolSwitch = true;\r\n\r\n                let length = this.valueShow.length;\r\n                if (index === length - 1) {\r\n                    symbolSwitch = false;\r\n                    return symbolSwitch;\r\n                }\r\n\r\n                let symbolCondition = false;\r\n                if (this.valueShow[index] === '.' || this.valueShow[index] === ',') {\r\n                    symbolCondition = true;\r\n                }\r\n\r\n                if (index + 1 < length && (this.valueShow[index + 1] === '.' || this.valueShow[index + 1] === ',')) {\r\n                    symbolCondition = true;\r\n                }\r\n\r\n                if (symbolCondition &&\r\n                    this.element.style.styleSheet &&\r\n                    this.element.style.styleSheet.length &&\r\n                    this.element.style.styleSheet[this.element.style.styleSheet.length - 1] &&\r\n                    this.element.style.styleSheet[this.element.style.styleSheet.length - 1].children &&\r\n                    this.element.style.styleSheet[this.element.style.styleSheet.length - 1].children[1] &&\r\n                    this.element.style.styleSheet[this.element.style.styleSheet.length - 1].children[1].value) {\r\n                    symbolSwitch = false;\r\n                }\r\n\r\n                return symbolSwitch;\r\n            };\r\n        },\r\n    },\r\n    watch: {\r\n        // 静态数据发生变化, 实时刷新数据\r\n        'element.FStaticSource': {\r\n            handler() {\r\n                // console.log('element 变化了');\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        'element.FBillFormSource': {\r\n            handler() {\r\n                // console.log('dataset 变化了');\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        'element.FSqlSource': {\r\n            handler() {\r\n                // console.log('dataset 变化了');\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        'element.FDATASOURCE4': {\r\n            handler() {\r\n                // console.log('dataset 变化了');\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        'propValue.chartOption.numberLength': {\r\n            handler() {\r\n                // console.log('numberLength 变化了');\r\n                this.pageKey += 1;\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        '$store.state.dataset': {\r\n            handler() {\r\n                // console.log('dataset 变化了');\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n        dataset: {\r\n            handler() {\r\n                // console.log('dataset 变化了');\r\n                // this.drawLine()\r\n                this.getData();\r\n            },\r\n            immediate: false,\r\n            deep: true,\r\n        },\r\n    },\r\n    created() {\r\n        this.getData();\r\n    },\r\n    methods: {\r\n        getData,\r\n        afterGetData() {\r\n            if (this.valueShow || this.valueShow === 0) {\r\n                this.orderNum = this.valueShow.split('');\r\n            } else {\r\n                this.orderNum = [];\r\n            }\r\n            setTimeout(this.setNumberTransform, 0);\r\n        },\r\n        ifStatic() {\r\n            if (this.element.FStaticSource.data\r\n                && this.element.FStaticSource.data[0]\r\n                && this.element.FStaticSource.data[0].value) {\r\n                this.valueShow = this.handleNumber(this.element.FStaticSource.data[0].value);\r\n            }\r\n\r\n        },\r\n        ifBillForm() {\r\n            if ( this.dataset && this.element.FDETAILID ) {\r\n                this.dataset.forEach(item => {\r\n                    if (item.FDETAILID === this.element.FDETAILID) {\r\n                        this.element.FBillFormSource.data = item.Data;\r\n                    }\r\n                });\r\n            }\r\n\r\n            let reflectionField = null;\r\n            if (this.element.FBillFormSource.reflection && this.element.FBillFormSource.reflection[0]) {\r\n                reflectionField = this.element.FBillFormSource.reflection[0].reflectionField;\r\n            }\r\n            if (reflectionField && this.element.FBillFormSource.data\r\n                && this.element.FBillFormSource.data[0]\r\n                && this.element.FBillFormSource.data[0][reflectionField]) {\r\n                this.valueShow = this.handleNumber((this.element.FBillFormSource.data[0])[reflectionField]);\r\n            }\r\n        },\r\n        ifSql() {\r\n            if ( this.dataset && this.element.FDETAILID) {\r\n                this.dataset.forEach(item => {\r\n                    if (item.FDETAILID === this.element.FDETAILID) {\r\n                        this.element.FSqlSource.data = item.Data;\r\n                    }\r\n                });\r\n            }\r\n\r\n            let reflectionField = null;\r\n            if (this.element.FSqlSource.reflection && this.element.FSqlSource.reflection[0]) {\r\n                reflectionField = this.element.FSqlSource.reflection[0].reflectionField;\r\n            }\r\n            if (reflectionField && this.element.FSqlSource.data\r\n                && this.element.FSqlSource.data[0]\r\n                && this.element.FSqlSource.data[0][reflectionField]) {\r\n                this.valueShow = this.handleNumber((this.element.FSqlSource.data[0])[reflectionField]);\r\n            }\r\n        },\r\n        ifApi() {\r\n            if ( this.dataset && this.element.FDETAILID ) {\r\n                this.dataset.forEach(item => {\r\n                    if (item.FDETAILID === this.element.FDETAILID) {\r\n                        this.element.FDATASOURCE4.data = item.Data;\r\n                    }\r\n                });\r\n            }\r\n\r\n            let reflectionField = null;\r\n            if (this.element.FDATASOURCE4.reflection && this.element.FDATASOURCE4.reflection[0]) {\r\n                reflectionField = this.element.FDATASOURCE4.reflection[0].reflectionField;\r\n            }\r\n            if (reflectionField && this.element.FDATASOURCE4.data\r\n                && this.element.FDATASOURCE4.data[0]\r\n                && this.element.FDATASOURCE4.data[0][reflectionField]) {\r\n                this.valueShow = this.handleNumber((this.element.FDATASOURCE4.data[0])[reflectionField]);\r\n            }\r\n        },\r\n        ifPublic() {\r\n            if ( this.dataset && this.element.FDETAILID ) {\r\n                this.dataset.forEach(item => {\r\n                    if (item.FDETAILID === this.element.FDETAILID) {\r\n                        this.element.FPublicSource.data = item.Data;\r\n                    }\r\n                });\r\n            }\r\n\r\n            let reflectionField = null;\r\n            if (this.element.FPublicSource.reflection && this.element.FPublicSource.reflection[0]) {\r\n                reflectionField = this.element.FPublicSource.reflection[0].reflectionField;\r\n            }\r\n            if (reflectionField && this.element.FPublicSource.data\r\n                && this.element.FPublicSource.data[0]\r\n                && this.element.FPublicSource.data[0][reflectionField]) {\r\n                this.valueShow = this.handleNumber((this.element.FPublicSource.data[0])[reflectionField]);\r\n            }\r\n        },\r\n        /**\r\n         * 根据长度, 给字符串加0\r\n         * @param str 要修改的字符串\r\n         * @returns {string|*}\r\n         */\r\n        handleNumber(str) {\r\n            let temp = String(str);\r\n            let len = this.propValue.chartOption.numberLength;\r\n            if (!len) {\r\n                len = 6;\r\n            }\r\n            // 启用长度控制后, 需要用0占位\r\n            if (this.propValue.chartOption.ifConsoleLength) {\r\n                if (temp.length < len) {\r\n                    return this.handleNumber('0' + temp);\r\n                } else if (temp.length > len) {\r\n                    return (temp.substring(temp.length - len)).replace(/(\\d{1,3})(?=(\\d{3})+(?:$|\\.))/g, '$1,');\r\n                } else if (temp.length === len) {\r\n                    return temp.replace(/(\\d{1,3})(?=(\\d{3})+(?:$|\\.))/g, '$1,');\r\n                }\r\n            } else {\r\n                return temp.replace(/(\\d{1,3})(?=(\\d{3})+(?:$|\\.))/g, '$1,');\r\n            }\r\n        },\r\n        // 设置文字的滚动效果\r\n        setNumberTransform() {\r\n            const numberItems = this.$refs.numberItem; // 拿到数字的ref，计算元素数量\r\n\r\n            if (numberItems) {\r\n                const numberArr = this.orderNum.filter(item => !isNaN(item));\r\n                // 结合CSS 对数字字符进行滚动,显示订单数量\r\n                for (let index = 0; index < numberItems.length; index++) {\r\n                    const elem = numberItems[index];\r\n                    elem.style.transform = '';\r\n                }\r\n\r\n                this.$nextTick(() => {\r\n                    for (let index = 0; index < numberItems.length; index++) {\r\n                        const elem = numberItems[index];\r\n                        elem.style.transform = `translate(-50%, -${numberArr[index] * 10}%)`;\r\n                    }\r\n                });\r\n            }\r\n        },\r\n        // 样式\r\n        getText(item, typeList) {\r\n            let _self = this;\r\n            let textStyle = '';\r\n            let styleArray = null;\r\n            if (Array.isArray(item)) {\r\n                styleArray = item;\r\n            } else {\r\n                if (item.type == 'group' || item.type == 'line-group' || item.type == 'tab') {\r\n                    if (item.children && Array.isArray(item.children)) {\r\n                        styleArray = item.children;\r\n                    }\r\n                }\r\n            }\r\n\r\n            if (styleArray) {\r\n                styleArray.forEach(function(subItem) {\r\n                    if (Array.isArray(item) && typeList && Array.isArray(typeList) && typeList.includes(subItem.key) && subItem) {\r\n                        textStyle = textStyle + _self.getText(subItem, typeList);\r\n                    }\r\n\r\n                    if ((!Array.isArray(item) || !typeList) && subItem) {\r\n                        textStyle = textStyle + _self.getText(subItem, typeList);\r\n                    }\r\n                });\r\n                return textStyle;\r\n            }\r\n\r\n            if (item.key && (item.value || item.value == 0)) {\r\n                if (item.key == 'background-image') {\r\n                    textStyle = item.key + ':url(' + item.value + ');background-size: 100% 100%;';\r\n                    return textStyle;\r\n                }\r\n\r\n                if (item.unit) {\r\n                    if (item.key == 'font-size' || item.key == 'border-width' || item.key == 'border-radius'\r\n                        || item.key == 'width' || item.key == 'height') {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    } else {\r\n                        textStyle = item.key + ':' + item.value + item.unit + ';';\r\n                    }\r\n                } else {\r\n                    textStyle = item.key + ':' + item.value + ';';\r\n                }\r\n            }\r\n\r\n            return textStyle;\r\n        },\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.big-number {\r\n    display: flex;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    outline: none;\r\n    overflow: hidden;\r\n    white-space: normal;\r\n    text-overflow: clip;\r\n    word-break: break-all;\r\n    align-content: flex-start;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    div {\r\n        display: flex;\r\n        flex-shrink: 0;\r\n        flex-grow: 0;\r\n        outline: none;\r\n        overflow: hidden;\r\n        white-space: normal;\r\n        text-overflow: clip;\r\n        word-break: break-all;\r\n    }\r\n}\r\n</style>\r\n\r\n<style scoped lang=\"scss\">\r\n/*订单总量滚动数字设置*/\r\n.box-item {\r\n    position: relative;\r\n    height: 100px;\r\n    //font-size: 54px;\r\n    line-height: 41px;\r\n    text-align: center;\r\n    list-style: none;\r\n    //color: #2d7cff;\r\n    writing-mode: vertical-lr;\r\n    text-orientation: upright;\r\n    /*文字禁止编辑*/\r\n    -moz-user-select: none; /*火狐*/\r\n    -webkit-user-select: none; /*webkit浏览器*/\r\n    -ms-user-select: none; /*IE10*/\r\n    -khtml-user-select: none; /*早期浏览器*/\r\n    user-select: none;\r\n    /* overflow: hidden; */\r\n}\r\n\r\n/* 默认逗号设置 */\r\n.mark-item {\r\n    //width: 10px;\r\n    //height: 100px;\r\n    //margin-right: 5px;\r\n    //margin-left: 10px;\r\n    //line-height: 10px;\r\n    //font-size: 48px;\r\n    //position: relative;\r\n    //& > span {\r\n    //    position: absolute;\r\n    //    width: 100%;\r\n    //    bottom: 0;\r\n    //    writing-mode: vertical-rl;\r\n    //    text-orientation: upright;\r\n    //}\r\n}\r\n\r\n/*滚动数字设置*/\r\n.number-item {\r\n    display: flex;\r\n    width: 41px;\r\n    height: 75px;\r\n    //background: #ccc;\r\n    list-style: none;\r\n    //margin-right: 5px;\r\n    //background: rgba(250, 250, 250, 1);\r\n    border-radius: 4px;\r\n    border: 1px solid rgba(221, 221, 221, 1);\r\n\r\n    & > span {\r\n        position: relative;\r\n        display: inline-block;\r\n        //margin-right: 10px;\r\n        width: 100%;\r\n        height: 100%;\r\n        writing-mode: vertical-rl;\r\n        text-orientation: upright;\r\n        overflow: hidden;\r\n\r\n        & > i {\r\n            font-style: normal;\r\n            position: absolute;\r\n            top: 11px;\r\n            left: 50%;\r\n            transform: translate(-50%, 0);\r\n            transition: transform 1s ease-in-out;\r\n            letter-spacing: 10px;\r\n        }\r\n    }\r\n}\r\n\r\n.number-item:last-child {\r\n    margin-right: 0;\r\n}\r\n\r\n.comma {\r\n    display: flex;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BigNumber.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BigNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BigNumber.vue?vue&type=template&id=72cb2684&scoped=true&\"\nimport script from \"./BigNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./BigNumber.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BigNumber.vue?vue&type=style&index=0&id=72cb2684&prod&lang=scss&scoped=true&\"\nimport style1 from \"./BigNumber.vue?vue&type=style&index=1&id=72cb2684&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"72cb2684\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BigNumber.vue?vue&type=style&index=0&id=72cb2684&prod&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BigNumber.vue?vue&type=style&index=1&id=72cb2684&prod&scoped=true&lang=scss&\""],"sourceRoot":""}