ocpview-plus 1.3.15 → 1.3.16

package/src/components/mychart/pie/pie.vue

@@ -1,96 +1,96 @@
-<template>
-  <div  :style="currentStyle" ref="mychart">
-  </div>
-</template>
-<script>
-import Base from '@/components/mychart/basechart.vue';
-// 引入饼状图组件
-require('echarts/lib/chart/pie');
-export default {
-    name: 'pie',
-    extends: Base,
-    data () {
-        return {
-            mychartconfig: {
-                tooltip: {
-                    trigger: 'item',
-                    formatter: '{a} <br/>{b} : {c} ({d}%)'
-                },
-                legend: {
-                    data: []
-                },
-                series: [ {
-                    name: '',
-                    type: 'pie',
-                    radius: '66%',
-                    center: ['50%', '50%'],
-                    data: [],
-                    itemStyle: {
-                        emphasis: {
-                            shadowBlur: 10,
-                            shadowOffsetX: 0,
-                            shadowColor: 'rgba(0, 0, 0, 0.5)'
-                        }
-                    }
-                }]
-            },
-            myConfig:{
-                cfieldname:'',  // 分类字段名
-                cdata:'',      // 分类数据
-                yfieldname:'',   //值字段名
-                mychartconfig:{}
-            }
-        };
-    },
-    methods: {
-        customInitMychartConfig () {
-            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
-            let tempData = {};
-            let legendData = [];
-            let self = this;
-            let data = [];
-            if (this.currentData && this.currentData.length > 0) {
-                this.currentData.forEach(el => {
-                    let name = el[self.myConfig.cfieldname];
-                    if (!tempData[name])  {
-                        legendData.push(name);
-                    }
-                });
-                 // 处理分类
-                if (this.myConfig.cdata && this.myConfig.cdata.length > 0) {
-                    legendData = this.$Method.copy(this.myConfig.cdata);
-                } 
-                // 处理值
-                legendData.forEach(c => {
-                    let temp = {
-                        name:c
-                    };
-                    this.currentData.some(el => {
-                        if (el[self.myConfig.cfieldname] === c) {
-                            if (el[self.myConfig.yfieldname]) {
-                                temp.value = el[self.myConfig.yfieldname];
-                            } else {
-                                temp.value =  0;
-                            }
-                            data.push(temp);
-                            return true;
-                        }
-                    })
-                });
-            }
-            // 处理分类
-            curlConfig.legend.data = legendData;
-            // 处理数据
-            curlConfig.series[0].data = data;
-            // 处理颜色
-            if (!this.mychartconfig.color) {
-                if (legendData.length > 0) {
-                    curlConfig.color  = this._getGlobalColor('pie', legendData.length);
-                } 
-            } 
-            return curlConfig;
-        }
-       
-    }
-};
+<template>
+  <div  :style="currentStyle" ref="mychart">
+  </div>
+</template>
+<script>
+import Base from '@/components/mychart/basechart.vue';
+// 引入饼状图组件
+require('echarts/lib/chart/pie');
+export default {
+    name: 'pie',
+    extends: Base,
+    data () {
+        return {
+            mychartconfig: {
+                tooltip: {
+                    trigger: 'item',
+                    formatter: '{a} <br/>{b} : {c} ({d}%)'
+                },
+                legend: {
+                    data: []
+                },
+                series: [ {
+                    name: '',
+                    type: 'pie',
+                    radius: '66%',
+                    center: ['50%', '50%'],
+                    data: [],
+                    itemStyle: {
+                        emphasis: {
+                            shadowBlur: 10,
+                            shadowOffsetX: 0,
+                            shadowColor: 'rgba(0, 0, 0, 0.5)'
+                        }
+                    }
+                }]
+            },
+            myConfig:{
+                cfieldname:'',  // 分类字段名
+                cdata:'',      // 分类数据
+                yfieldname:'',   //值字段名
+                mychartconfig:{}
+            }
+        };
+    },
+    methods: {
+        customInitMychartConfig () {
+            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
+            let tempData = {};
+            let legendData = [];
+            let self = this;
+            let data = [];
+            if (this.currentData && this.currentData.length > 0) {
+                this.currentData.forEach(el => {
+                    let name = el[self.myConfig.cfieldname];
+                    if (!tempData[name])  {
+                        legendData.push(name);
+                    }
+                });
+                 // 处理分类
+                if (this.myConfig.cdata && this.myConfig.cdata.length > 0) {
+                    legendData = this.$Method.copy(this.myConfig.cdata);
+                } 
+                // 处理值
+                legendData.forEach(c => {
+                    let temp = {
+                        name:c
+                    };
+                    this.currentData.some(el => {
+                        if (el[self.myConfig.cfieldname] === c) {
+                            if (el[self.myConfig.yfieldname]) {
+                                temp.value = el[self.myConfig.yfieldname];
+                            } else {
+                                temp.value =  0;
+                            }
+                            data.push(temp);
+                            return true;
+                        }
+                    })
+                });
+            }
+            // 处理分类
+            curlConfig.legend.data = legendData;
+            // 处理数据
+            curlConfig.series[0].data = data;
+            // 处理颜色
+            if (!this.mychartconfig.color) {
+                if (legendData.length > 0) {
+                    curlConfig.color  = this._getGlobalColor('pie', legendData.length);
+                } 
+            } 
+            return curlConfig;
+        }
+       
+    }
+};
 </script>

package/src/components/mychart/radar/radar.vue

@@ -1,122 +1,122 @@
-<template>
-  <div  :style="currentStyle" ref="mychart">
-  </div>
-</template>
-
-<script>
-import Base from '@/components/mychart/basechart.vue';
-// 引入雷达组件
-require('echarts/lib/chart/radar');
-export default {
-    name: 'radar',
-    extends: Base,
-    data () {
-        return {
-            mychartconfig: {
-                tooltip: {},
-                legend: {
-                    orient: 'vertical',
-                    left: 'left',
-                    data: []
-                },
-                radar:{
-                    // shape: 'circle',
-                    name: {
-                        textStyle: {
-                            color: '#fff',
-                            backgroundColor: '#999',
-                            borderRadius: 3,
-                            padding: [3, 5]
-                        }
-                    },
-                    center: ['50%', '53%'],
-                    indicator: []
-                },
-                series: []
-            },
-            myConfig:{
-                cfieldname: '', // 类型字段名
-                xfieldname: '', // 标题字段名
-                yfieldname: '', // 值类型字段
-                mychartconfig:{}
-            }
-        };
-    },
-    methods: {
-        customInitMychartConfig () {
-            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
-            let tempData = {};
-            let xtempData = {};
-            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);
-                    }
-                    if (self.myConfig.xfieldname && self.myConfig.yfieldname) {
-                        let name = el[self.myConfig.xfieldname];
-                        if (!xtempData[name])  {
-                            xtempData[name] = {};
-                            xtempData[name].value = Number(el[self.myConfig.yfieldname]);
-                        } else {
-                            if (Number(el[self.myConfig.yfieldname]) > xtempData[name].value) {
-                                xtempData[name].value = Number(el[self.myConfig.yfieldname]);
-                            }
-                        }
-                    }
-                });
-                for (let t in xtempData) {
-                    let xObj = {};
-                    xObj.name = t;
-                    xObj.max = xtempData[t].value;
-                    curlConfig.radar.indicator.push(xObj)
-                }
-                
-                // 处理值
-                let temp = {
-                    type: 'radar'
-                };
-                temp.data = [];
-                if (this.myConfig.cfieldname  && legendData.length > 0) {
-                    legendData.forEach(c => {
-                        let radarObj = {};
-                        radarObj.name = c;
-                        radarObj.value = [];
-                        let xflag = false;
-                        for (let t in xtempData) {
-                            xflag = false;
-                            self.currentData.some(el => {
-                                if (el[self.myConfig.cfieldname] === c && el[self.myConfig.xfieldname] === t) {
-                                    radarObj.value.push(Number(el[self.myConfig.yfieldname])); 
-                                    xflag = true;
-                                    return true;
-                                }
-                            })
-                            if (!xflag) {
-                                radarObj.value.push(0);
-                            }
-                        }
-                        temp.data.push(radarObj);
-                    });
-                }
-                series.push(temp);
-            }
-            // 处理分类
-            curlConfig.legend.data = legendData;
-           
-            // 处理数据
-            curlConfig.series = series;
-
-            return curlConfig;
-        }
-       
-    }
-};
+<template>
+  <div  :style="currentStyle" ref="mychart">
+  </div>
+</template>
+
+<script>
+import Base from '@/components/mychart/basechart.vue';
+// 引入雷达组件
+require('echarts/lib/chart/radar');
+export default {
+    name: 'radar',
+    extends: Base,
+    data () {
+        return {
+            mychartconfig: {
+                tooltip: {},
+                legend: {
+                    orient: 'vertical',
+                    left: 'left',
+                    data: []
+                },
+                radar:{
+                    // shape: 'circle',
+                    name: {
+                        textStyle: {
+                            color: '#fff',
+                            backgroundColor: '#999',
+                            borderRadius: 3,
+                            padding: [3, 5]
+                        }
+                    },
+                    center: ['50%', '53%'],
+                    indicator: []
+                },
+                series: []
+            },
+            myConfig:{
+                cfieldname: '', // 类型字段名
+                xfieldname: '', // 标题字段名
+                yfieldname: '', // 值类型字段
+                mychartconfig:{}
+            }
+        };
+    },
+    methods: {
+        customInitMychartConfig () {
+            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
+            let tempData = {};
+            let xtempData = {};
+            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);
+                    }
+                    if (self.myConfig.xfieldname && self.myConfig.yfieldname) {
+                        let name = el[self.myConfig.xfieldname];
+                        if (!xtempData[name])  {
+                            xtempData[name] = {};
+                            xtempData[name].value = Number(el[self.myConfig.yfieldname]);
+                        } else {
+                            if (Number(el[self.myConfig.yfieldname]) > xtempData[name].value) {
+                                xtempData[name].value = Number(el[self.myConfig.yfieldname]);
+                            }
+                        }
+                    }
+                });
+                for (let t in xtempData) {
+                    let xObj = {};
+                    xObj.name = t;
+                    xObj.max = xtempData[t].value;
+                    curlConfig.radar.indicator.push(xObj)
+                }
+                
+                // 处理值
+                let temp = {
+                    type: 'radar'
+                };
+                temp.data = [];
+                if (this.myConfig.cfieldname  && legendData.length > 0) {
+                    legendData.forEach(c => {
+                        let radarObj = {};
+                        radarObj.name = c;
+                        radarObj.value = [];
+                        let xflag = false;
+                        for (let t in xtempData) {
+                            xflag = false;
+                            self.currentData.some(el => {
+                                if (el[self.myConfig.cfieldname] === c && el[self.myConfig.xfieldname] === t) {
+                                    radarObj.value.push(Number(el[self.myConfig.yfieldname])); 
+                                    xflag = true;
+                                    return true;
+                                }
+                            })
+                            if (!xflag) {
+                                radarObj.value.push(0);
+                            }
+                        }
+                        temp.data.push(radarObj);
+                    });
+                }
+                series.push(temp);
+            }
+            // 处理分类
+            curlConfig.legend.data = legendData;
+           
+            // 处理数据
+            curlConfig.series = series;
+
+            return curlConfig;
+        }
+       
+    }
+};
 </script>

package/src/components/mychart/scatter/scatter.vue

@@ -1,76 +1,76 @@
-<template>
-  <div  :style="currentStyle" ref="mychart">
-  </div>
-</template>
-
-<script>
-import Base from '@/components/mychart/basechart.vue';
-// 引入柱状图组件
-require('echarts/lib/chart/scatter');
-export default {
-    name: 'scatter',
-    extends: Base,
-    data () {
-        return {
-            mychartconfig: {
-                legend: {
-                    data: []
-                },
-                grid: {
-                    left: '2%',
-                    right: '2%',
-                    bottom: '2%',
-                    containLabel: true
-                },
-                xAxis: {},
-                yAxis: {},
-                series: []
-            },
-            myConfig:{
-                xfieldname:'', // x轴字段
-                yfieldname:'',   //值字段名
-                mychartconfig:{},
-               
-            }
-        };
-    },
-    methods: {
-        customInitMychartConfig () {
-            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
-            let data = [];
-            let self = this;
-            let series = [];
-            if (this.currentData && this.currentData.length > 0) {
-                this.currentData.forEach(el => {
-                    let obj = [];
-                    if (el[self.myConfig.xfieldname]) {
-                        obj.push(Number(el[self.myConfig.xfieldname]));
-                    } else {
-                        obj.push(0);
-                    }
-                    if (el[self.myConfig.yfieldname]) {
-                        obj.push(Number(el[self.myConfig.yfieldname]));
-                    } else {
-                        obj.push(0);
-                    }
-                    data.push(obj);
-                });
-                let temp = {
-                    symbolSize:20,
-                    type: 'scatter',
-                    data: data
-                };
-                if (this.myConfig.OnUpdataSeries) {
-                    let that = this;
-                    this.myConfig.OnUpdataSeries(temp,that);
-                }
-                series.push(temp);
-            }
-            // 处理数据
-            curlConfig.series = series;
-            return curlConfig;
-        }
-       
-    }
-};
+<template>
+  <div  :style="currentStyle" ref="mychart">
+  </div>
+</template>
+
+<script>
+import Base from '@/components/mychart/basechart.vue';
+// 引入柱状图组件
+require('echarts/lib/chart/scatter');
+export default {
+    name: 'scatter',
+    extends: Base,
+    data () {
+        return {
+            mychartconfig: {
+                legend: {
+                    data: []
+                },
+                grid: {
+                    left: '2%',
+                    right: '2%',
+                    bottom: '2%',
+                    containLabel: true
+                },
+                xAxis: {},
+                yAxis: {},
+                series: []
+            },
+            myConfig:{
+                xfieldname:'', // x轴字段
+                yfieldname:'',   //值字段名
+                mychartconfig:{},
+               
+            }
+        };
+    },
+    methods: {
+        customInitMychartConfig () {
+            let curlConfig = Object.assign({},this.mychartconfig,this.myConfig.mychartconfig); 
+            let data = [];
+            let self = this;
+            let series = [];
+            if (this.currentData && this.currentData.length > 0) {
+                this.currentData.forEach(el => {
+                    let obj = [];
+                    if (el[self.myConfig.xfieldname]) {
+                        obj.push(Number(el[self.myConfig.xfieldname]));
+                    } else {
+                        obj.push(0);
+                    }
+                    if (el[self.myConfig.yfieldname]) {
+                        obj.push(Number(el[self.myConfig.yfieldname]));
+                    } else {
+                        obj.push(0);
+                    }
+                    data.push(obj);
+                });
+                let temp = {
+                    symbolSize:20,
+                    type: 'scatter',
+                    data: data
+                };
+                if (this.myConfig.OnUpdataSeries) {
+                    let that = this;
+                    this.myConfig.OnUpdataSeries(temp,that);
+                }
+                series.push(temp);
+            }
+            // 处理数据
+            curlConfig.series = series;
+            return curlConfig;
+        }
+       
+    }
+};
 </script>

package/src/components/numberbox/NumberBoxV1.vue

@@ -1,39 +1,39 @@
-<script>
-import numberbox from "./numberbox.vue";
-export default {
-    name: "NumberBoxV1",
-    extends: numberbox,
-    methods: {
-        init() {
-            // 获取默认属性
-            this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
-
-            // 获取动态属性
-            if (this.config) {
-                this.myConfig = Object.assign({}, this.myConfig, this.config);
-            }
-
-            this.myConfig.place = "unset";
-
-            if (this.customInit) {
-                this.customInit();
-            }
-        },
-        parser(event) {
-            this.label = this.getValueNumber(this.value);
-            if (event) {
-                const currentTarget = event.currentTarget;
-                setTimeout(() => {
-                    currentTarget.select();
-                }, 0);
-            }
-        },
-    },
-    // mounted() {
-    //     // console.log("我继承覆写了");
-    // },
-    // beforeUnmount() {
-    //     // console.log("我销毁了");
-    // },
-};
-</script>
+<script>
+import numberbox from "./numberbox.vue";
+export default {
+    name: "NumberBoxV1",
+    extends: numberbox,
+    methods: {
+        init() {
+            // 获取默认属性
+            this.myConfig = Object.assign({}, this.globalConfig, this.myConfig);
+
+            // 获取动态属性
+            if (this.config) {
+                this.myConfig = Object.assign({}, this.myConfig, this.config);
+            }
+
+            this.myConfig.place = "unset";
+
+            if (this.customInit) {
+                this.customInit();
+            }
+        },
+        parser(event) {
+            this.label = this.getValueNumber(this.value);
+            if (event) {
+                const currentTarget = event.currentTarget;
+                setTimeout(() => {
+                    currentTarget.select();
+                }, 0);
+            }
+        },
+    },
+    // mounted() {
+    //     // console.log("我继承覆写了");
+    // },
+    // beforeUnmount() {
+    //     // console.log("我销毁了");
+    // },
+};
+</script>