ocpview-plus 1.3.15 → 1.3.16

package/src/components/mychart/line/line.vue

@@ -1,202 +1,202 @@
-<template>
-  <div  :style="currentStyle" ref="mychart">
-  </div>
-</template>
-
-<script>
-import Base from '@/components/mychart/basechart.vue';
-// 引入折线组件
-require('echarts/lib/chart/line');
-export default {
-    name: 'line',
-    extends: Base,
-    data () {
-        return {
-            mychartconfig: {
-                tooltip: {
-                    trigger: 'axis'
-                },
-                legend: {
-                    data: []
-                },
-                grid: {
-                    left: '2%',
-                    right: '2%',
-                    bottom: '2%',
-                    containLabel: true
-                },
-                xAxis: [
-                    {
-                        type: 'category',
-                        data: []
-                    }
-                ],
-                yAxis: [
-                    {
-                        type: 'value'
-                    }
-                ],
-                series: []
-            },
-            myConfig:{
-                xfieldname:'', // x轴字段名
-                xdata:'',      // x轴数据
-                cfieldname:'',  // 分类字段名
-                cdata:'',      // 分类数据
-                yfieldname:'',   //值字段名
-                ydata:'',
-                mychartconfig:{},
-                valueAxis:'y'
-               
-            }
-        };
-    },
-    methods: {
-        customInitMychartConfig () {
-            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
-            let tempData = {};
-            let xObj = {};
-            let xData = [];
-            let legendData = [];
-            let self = this;
-            let series = [];
-            if (this.currentData && this.currentData.length > 0) {
-                this.currentData.forEach(el => {
-                    if (self.myConfig.cfieldname) {
-                        let name = el[self.myConfig.cfieldname];
-                        if (!tempData[name])  {
-                            tempData[name] = [];
-                            legendData.push(name);
-                        }
-                        tempData[name].push(el);
-                    }
-                    let xname = null;
-                    if (self.myConfig.valueAxis === 'y') {
-                        xname = el[self.myConfig.xfieldname];
-                    }
-                    if (self.myConfig.valueAxis === 'x') {
-                        xname = el[self.myConfig.yfieldname];
-                    }
-                    if (xname !== null) {
-                        if (!xObj[xname]) {
-                            xObj[xname] = true;
-                            xData.push(xname);
-                        }
-                    }    
-                });
-                 // 处理分类
-                if (this.myConfig.cdata && this.myConfig.cdata.length > 0) {
-                    legendData = this.$Method.copy(this.myConfig.cdata);
-                } 
-                // 当y轴为值时处理x轴数据
-                if (this.myConfig.valueAxis === 'y') {
-                    if (this.myConfig.xdata && this.myConfig.xdata.length > 0) {
-                        xData = this.$Method.copy(this.myConfig.xdata);
-                    } 
-                }
-                // 当x轴为值时处理y轴数据
-                if (this.myConfig.valueAxis === 'x') {
-                    if (this.myConfig.ydata && this.myConfig.ydata.length > 0) {
-                        xData = this.$Method.copy(this.myConfig.ydata);
-                    } 
-                }
-               
-                // 处理值
-                if (this.myConfig.cfieldname  && legendData.length > 0) {
-                    legendData.forEach(c => {
-                        let temp = {
-                            name:c,
-                            type: 'line'
-                        };
-                        temp.data = [];
-                        let xflag = false;
-                        xData.forEach(x => {
-                            xflag = false;
-                            let valueName = '';
-                            let categoryName = '';
-                            if (this.myConfig.valueAxis === 'y') {
-                                valueName = this.myConfig.yfieldname;
-                                categoryName = this.myConfig.xfieldname;
-                            }
-                            if (this.myConfig.valueAxis === 'x') {
-                                valueName = this.myConfig.xfieldname;
-                                categoryName = this.myConfig.yfieldname;
-                            }
-                            tempData[c].some(el =>{
-                                if (el[categoryName] === x) {
-                                    temp.data.push(el[valueName]);
-                                    xflag = true;
-                                    return true;
-                                }
-                            });
-                            if (!xflag) {
-                                temp.data.push('0');
-                            }
-                        });
-                        if (this.myConfig.OnUpdataSeries) {
-                            let that = this;
-                            this.myConfig.OnUpdataSeries(temp,that);
-                        }
-                        series.push(temp);
-                    });
-                } else {
-                    let temp = {
-                        type: 'line'
-                    };
-                    temp.data = [];
-                    let xflag = false;
-                    xData.forEach(x => {
-                        let valueName = '';
-                        let categoryName = '';
-                        if (this.myConfig.valueAxis === 'y') {
-                            valueName = this.myConfig.yfieldname;
-                            categoryName = this.myConfig.xfieldname;
-                        }
-                        if (this.myConfig.valueAxis === 'x') {
-                            valueName = this.myConfig.xfieldname;
-                            categoryName = this.myConfig.yfieldname;
-                        }
-                        this.currentData.some(el => {
-                            if (el[categoryName] === x) {
-                                temp.data.push(el[valueName]);
-                                xflag = true;
-                                return true;
-                            }
-                        });
-                        if (!xflag) {
-                            temp.data.push('0');
-                        }         
-                    });
-                    if (this.myConfig.OnUpdataSeries) {
-                        let that = this;
-                        this.myConfig.OnUpdataSeries(temp,that);
-                    }
-                    series.push(temp);
-                }    
-            }
-            // 处理分类
-            curlConfig.legend.data = legendData;
-            // 当y轴为值时处理x轴数据
-            if (this.myConfig.valueAxis === 'y') {
-                curlConfig.xAxis[0].data = xData;
-            }
-            // 当x轴为值时处理y轴数据
-            if (this.myConfig.valueAxis === 'x') {
-                curlConfig.yAxis[0].data = xData;
-            }
-            // 处理数据
-            curlConfig.series = series;
-            // 处理颜色
-            if (!this.mychartconfig.color) {
-                if (legendData.length > 0) {
-                    curlConfig.color  = this._getGlobalColor('line', legendData.length);
-                }  else {
-                    curlConfig.color  = this._getGlobalColor('line', 1);
-                }
-            } 
-            return curlConfig;
-        }
-       
-    }
-};
+<template>
+  <div  :style="currentStyle" ref="mychart">
+  </div>
+</template>
+
+<script>
+import Base from '@/components/mychart/basechart.vue';
+// 引入折线组件
+require('echarts/lib/chart/line');
+export default {
+    name: 'line',
+    extends: Base,
+    data () {
+        return {
+            mychartconfig: {
+                tooltip: {
+                    trigger: 'axis'
+                },
+                legend: {
+                    data: []
+                },
+                grid: {
+                    left: '2%',
+                    right: '2%',
+                    bottom: '2%',
+                    containLabel: true
+                },
+                xAxis: [
+                    {
+                        type: 'category',
+                        data: []
+                    }
+                ],
+                yAxis: [
+                    {
+                        type: 'value'
+                    }
+                ],
+                series: []
+            },
+            myConfig:{
+                xfieldname:'', // x轴字段名
+                xdata:'',      // x轴数据
+                cfieldname:'',  // 分类字段名
+                cdata:'',      // 分类数据
+                yfieldname:'',   //值字段名
+                ydata:'',
+                mychartconfig:{},
+                valueAxis:'y'
+               
+            }
+        };
+    },
+    methods: {
+        customInitMychartConfig () {
+            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
+            let tempData = {};
+            let xObj = {};
+            let xData = [];
+            let legendData = [];
+            let self = this;
+            let series = [];
+            if (this.currentData && this.currentData.length > 0) {
+                this.currentData.forEach(el => {
+                    if (self.myConfig.cfieldname) {
+                        let name = el[self.myConfig.cfieldname];
+                        if (!tempData[name])  {
+                            tempData[name] = [];
+                            legendData.push(name);
+                        }
+                        tempData[name].push(el);
+                    }
+                    let xname = null;
+                    if (self.myConfig.valueAxis === 'y') {
+                        xname = el[self.myConfig.xfieldname];
+                    }
+                    if (self.myConfig.valueAxis === 'x') {
+                        xname = el[self.myConfig.yfieldname];
+                    }
+                    if (xname !== null) {
+                        if (!xObj[xname]) {
+                            xObj[xname] = true;
+                            xData.push(xname);
+                        }
+                    }    
+                });
+                 // 处理分类
+                if (this.myConfig.cdata && this.myConfig.cdata.length > 0) {
+                    legendData = this.$Method.copy(this.myConfig.cdata);
+                } 
+                // 当y轴为值时处理x轴数据
+                if (this.myConfig.valueAxis === 'y') {
+                    if (this.myConfig.xdata && this.myConfig.xdata.length > 0) {
+                        xData = this.$Method.copy(this.myConfig.xdata);
+                    } 
+                }
+                // 当x轴为值时处理y轴数据
+                if (this.myConfig.valueAxis === 'x') {
+                    if (this.myConfig.ydata && this.myConfig.ydata.length > 0) {
+                        xData = this.$Method.copy(this.myConfig.ydata);
+                    } 
+                }
+               
+                // 处理值
+                if (this.myConfig.cfieldname  && legendData.length > 0) {
+                    legendData.forEach(c => {
+                        let temp = {
+                            name:c,
+                            type: 'line'
+                        };
+                        temp.data = [];
+                        let xflag = false;
+                        xData.forEach(x => {
+                            xflag = false;
+                            let valueName = '';
+                            let categoryName = '';
+                            if (this.myConfig.valueAxis === 'y') {
+                                valueName = this.myConfig.yfieldname;
+                                categoryName = this.myConfig.xfieldname;
+                            }
+                            if (this.myConfig.valueAxis === 'x') {
+                                valueName = this.myConfig.xfieldname;
+                                categoryName = this.myConfig.yfieldname;
+                            }
+                            tempData[c].some(el =>{
+                                if (el[categoryName] === x) {
+                                    temp.data.push(el[valueName]);
+                                    xflag = true;
+                                    return true;
+                                }
+                            });
+                            if (!xflag) {
+                                temp.data.push('0');
+                            }
+                        });
+                        if (this.myConfig.OnUpdataSeries) {
+                            let that = this;
+                            this.myConfig.OnUpdataSeries(temp,that);
+                        }
+                        series.push(temp);
+                    });
+                } else {
+                    let temp = {
+                        type: 'line'
+                    };
+                    temp.data = [];
+                    let xflag = false;
+                    xData.forEach(x => {
+                        let valueName = '';
+                        let categoryName = '';
+                        if (this.myConfig.valueAxis === 'y') {
+                            valueName = this.myConfig.yfieldname;
+                            categoryName = this.myConfig.xfieldname;
+                        }
+                        if (this.myConfig.valueAxis === 'x') {
+                            valueName = this.myConfig.xfieldname;
+                            categoryName = this.myConfig.yfieldname;
+                        }
+                        this.currentData.some(el => {
+                            if (el[categoryName] === x) {
+                                temp.data.push(el[valueName]);
+                                xflag = true;
+                                return true;
+                            }
+                        });
+                        if (!xflag) {
+                            temp.data.push('0');
+                        }         
+                    });
+                    if (this.myConfig.OnUpdataSeries) {
+                        let that = this;
+                        this.myConfig.OnUpdataSeries(temp,that);
+                    }
+                    series.push(temp);
+                }    
+            }
+            // 处理分类
+            curlConfig.legend.data = legendData;
+            // 当y轴为值时处理x轴数据
+            if (this.myConfig.valueAxis === 'y') {
+                curlConfig.xAxis[0].data = xData;
+            }
+            // 当x轴为值时处理y轴数据
+            if (this.myConfig.valueAxis === 'x') {
+                curlConfig.yAxis[0].data = xData;
+            }
+            // 处理数据
+            curlConfig.series = series;
+            // 处理颜色
+            if (!this.mychartconfig.color) {
+                if (legendData.length > 0) {
+                    curlConfig.color  = this._getGlobalColor('line', legendData.length);
+                }  else {
+                    curlConfig.color  = this._getGlobalColor('line', 1);
+                }
+            } 
+            return curlConfig;
+        }
+       
+    }
+};
 </script>

package/src/components/mychart/liquidfill/liquidfill.vue

@@ -1,109 +1,109 @@
-<template>
-  <div  :style="currentStyle" ref="mychart">
-  </div>
-</template>
-<script>
-import Base from '@/components/mychart/basechart.vue';
-// 引入水球组件
-import 'echarts-liquidfill';
-export default {
-    name: 'liquidfill',
-    extends: Base,
-    data () {
-        return {
-            mychartconfig: {
-                series: [ {
-                    type: 'liquidFill',
-                    radius: '80%',
-                    data: [],
-                    outline: {
-                        show: false
-                    },
-                    shape: 'circle',
-                    label: {
-                        normal: {
-                            formatter: function (param) {
-                                return (Number(param.value) * 100).toFixed(2) + '%';
-                            },
-                            textStyle: {
-                                color: '#43a3fb',
-                                insideColor: '#eaeef2',
-                                fontSize: 28
-                            }
-                        }
-                    },
-                    backgroundStyle: {
-                        borderWidth: 3,
-                        borderColor: '#156ACF',
-                        color: '#E3F7FF'
-                    }
-                }]
-            },
-            myConfig:{
-                cfieldname:'',  // 总量字段名
-                yfieldname:'',   //分量字段名
-                mychartconfig:{}
-            }
-        };
-    },
-    methods: {
-        customInitMychartConfig () {
-            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
-            if (this.myConfig.colorlist && this.myConfig.colorlist.length > 0) {
-                curlConfig.series[0].color = this.myConfig.colorlist;
-            }
-            if (this.myConfig.outline) {
-                curlConfig.series[0].outline.show = true;
-            }
-            if (this.myConfig.shape) {
-                if (this.myConfig.shape === '1') {
-                    curlConfig.series[0].shape = 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z';
-                } else {
-                    curlConfig.series[0].shape = this.myConfig.shape;   
-                }
-            }
-            if (this.myConfig.color) {
-                curlConfig.series[0].backgroundStyle.color = this.myConfig.color;
-            }
-            if (this.myConfig.direction) {
-                curlConfig.series[0].direction = this.myConfig.direction;
-            }
-            if (this.myConfig.borderColor) {
-                curlConfig.series[0].backgroundStyle.borderColor = this.myConfig.borderColor;
-            }
-            if (this.myConfig.textcolor) {
-                curlConfig.series[0].label.normal.textStyle.color = this.myConfig.textcolor;
-            }
-            if (this.myConfig.insideColor) {
-                curlConfig.series[0].label.normal.textStyle.insideColor = this.myConfig.insideColor;
-            }
-
-            if (this.currentData && this.currentData.length > 0) {
-                let value = Number(this.currentData[0][this.myConfig.yfieldname]);
-                let total = Number(this.currentData[0][this.myConfig.cfieldname]);
-                let wavenum = 1;
-                if (this.myConfig.wavenum) {
-                    wavenum = this.myConfig.wavenum;
-                }
-                let temp = value / total;
-                let wavetemp = temp / wavenum;
-                for (let i = 0; i < wavenum; i++) {
-                    let tempnum = temp - i * wavetemp;
-                    tempnum = Number(tempnum.toFixed(4));
-                    let result = {};
-                    result.value = tempnum;
-                    curlConfig.series[0].data.push(result);
-                }
-            }
-            if (this.myConfig.text) {
-                curlConfig.title = {};
-                curlConfig.title.left = 'center';
-                curlConfig.title.top = '92%';
-                curlConfig.title.text = this.myConfig.text;
-            }
-            return curlConfig;
-        }
-       
-    }
-};
+<template>
+  <div  :style="currentStyle" ref="mychart">
+  </div>
+</template>
+<script>
+import Base from '@/components/mychart/basechart.vue';
+// 引入水球组件
+import 'echarts-liquidfill';
+export default {
+    name: 'liquidfill',
+    extends: Base,
+    data () {
+        return {
+            mychartconfig: {
+                series: [ {
+                    type: 'liquidFill',
+                    radius: '80%',
+                    data: [],
+                    outline: {
+                        show: false
+                    },
+                    shape: 'circle',
+                    label: {
+                        normal: {
+                            formatter: function (param) {
+                                return (Number(param.value) * 100).toFixed(2) + '%';
+                            },
+                            textStyle: {
+                                color: '#43a3fb',
+                                insideColor: '#eaeef2',
+                                fontSize: 28
+                            }
+                        }
+                    },
+                    backgroundStyle: {
+                        borderWidth: 3,
+                        borderColor: '#156ACF',
+                        color: '#E3F7FF'
+                    }
+                }]
+            },
+            myConfig:{
+                cfieldname:'',  // 总量字段名
+                yfieldname:'',   //分量字段名
+                mychartconfig:{}
+            }
+        };
+    },
+    methods: {
+        customInitMychartConfig () {
+            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
+            if (this.myConfig.colorlist && this.myConfig.colorlist.length > 0) {
+                curlConfig.series[0].color = this.myConfig.colorlist;
+            }
+            if (this.myConfig.outline) {
+                curlConfig.series[0].outline.show = true;
+            }
+            if (this.myConfig.shape) {
+                if (this.myConfig.shape === '1') {
+                    curlConfig.series[0].shape = 'path://M367.855,428.202c-3.674-1.385-7.452-1.966-11.146-1.794c0.659-2.922,0.844-5.85,0.58-8.719 c-0.937-10.407-7.663-19.864-18.063-23.834c-10.697-4.043-22.298-1.168-29.902,6.403c3.015,0.026,6.074,0.594,9.035,1.728 c13.626,5.151,20.465,20.379,15.32,34.004c-1.905,5.02-5.177,9.115-9.22,12.05c-6.951,4.992-16.19,6.536-24.777,3.271 c-13.625-5.137-20.471-20.371-15.32-34.004c0.673-1.768,1.523-3.423,2.526-4.992h-0.014c0,0,0,0,0,0.014 c4.386-6.853,8.145-14.279,11.146-22.187c23.294-61.505-7.689-130.278-69.215-153.579c-61.532-23.293-130.279,7.69-153.579,69.202 c-6.371,16.785-8.679,34.097-7.426,50.901c0.026,0.554,0.079,1.121,0.132,1.688c4.973,57.107,41.767,109.148,98.945,130.793 c58.162,22.008,121.303,6.529,162.839-34.465c7.103-6.893,17.826-9.444,27.679-5.719c11.858,4.491,18.565,16.6,16.719,28.643 c4.438-3.126,8.033-7.564,10.117-13.045C389.751,449.992,382.411,433.709,367.855,428.202z';
+                } else {
+                    curlConfig.series[0].shape = this.myConfig.shape;   
+                }
+            }
+            if (this.myConfig.color) {
+                curlConfig.series[0].backgroundStyle.color = this.myConfig.color;
+            }
+            if (this.myConfig.direction) {
+                curlConfig.series[0].direction = this.myConfig.direction;
+            }
+            if (this.myConfig.borderColor) {
+                curlConfig.series[0].backgroundStyle.borderColor = this.myConfig.borderColor;
+            }
+            if (this.myConfig.textcolor) {
+                curlConfig.series[0].label.normal.textStyle.color = this.myConfig.textcolor;
+            }
+            if (this.myConfig.insideColor) {
+                curlConfig.series[0].label.normal.textStyle.insideColor = this.myConfig.insideColor;
+            }
+
+            if (this.currentData && this.currentData.length > 0) {
+                let value = Number(this.currentData[0][this.myConfig.yfieldname]);
+                let total = Number(this.currentData[0][this.myConfig.cfieldname]);
+                let wavenum = 1;
+                if (this.myConfig.wavenum) {
+                    wavenum = this.myConfig.wavenum;
+                }
+                let temp = value / total;
+                let wavetemp = temp / wavenum;
+                for (let i = 0; i < wavenum; i++) {
+                    let tempnum = temp - i * wavetemp;
+                    tempnum = Number(tempnum.toFixed(4));
+                    let result = {};
+                    result.value = tempnum;
+                    curlConfig.series[0].data.push(result);
+                }
+            }
+            if (this.myConfig.text) {
+                curlConfig.title = {};
+                curlConfig.title.left = 'center';
+                curlConfig.title.top = '92%';
+                curlConfig.title.text = this.myConfig.text;
+            }
+            return curlConfig;
+        }
+       
+    }
+};
 </script>