dcim-topology2d 2.2.0 → 2.2.2

package/static/echartsDefaultData.js

@@ -1,178 +1,178 @@
-// 图例默认数据
-export const echartsLegendDefaultData = {
-  icon: 'rect', // 图标类型：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
-  itemWidth: 12, // 图标宽
-  itemHeight: 12, // 图标高
-  itemGap: 8, // 图例之间的间隔
-  top: '0%', // 图例距离容器上边位置
-  right: 'auto', // 图例距离容器右边位置
-  bottom: 'auto', // 图例距离容器下边位置
-  left: '60', // 图例距离容器左边位置
-  padding: [20, 0, 0, 0], // 图例内边距 string
-  color: '#fff', // 文字颜色
-  height: 8, // 文本显示高度 number
-  fontSize: 12 // 文字大小 number
-};
-// 柱状图和折线图默认标注
-export const echartsLineBarDefaultLegendData = {
-    data: ['标注1'],
-    icon: 'rich',
-    show: true,
-    itemWidth: 14,
-    itemHeight: 14,
-    textStyle: {
-        color: '#C6D1DB',
-        fontSize: '14px',
-    },
-    top: '12%',
-    left: '10%',
-    itemGap: 8
-};
-// 曲线默认配置数据
-export const echartsLineSeriesStyleData = {
-  smooth: false,
-  symbol: 'none',
-  symbolSize: 18,
-  itemLineStyle:{
-    color: '#2F86ED', //改变折线颜色
-    type: 'solid',
-    width: 1
-  },
-  area: false, // 是否是区域图
-  linear: false, // 是否是线性渐变
-  areaColor: {
-    type: 'linear',
-    x: 0,
-    y: 0,
-    x2: 0,
-    y2: 1,
-    global: false // 缺省为 false
-  },
-  areaColorStops:[{
-    offset: 0,
-    color: 'rgba(49, 144, 255, 0.21)' // 0% 处的颜色
-  }, {
-    offset: 1,
-    color: 'rgba(49, 144, 255, 0)' // 100% 处的颜色
-  }]
-}
-// 图表X轴默认配置数据
-export const echartsXAxisDefaultStyleData = {
-  x1AxisLabel: {
-    color: '#fff',
-    fontSize:"12"
-  }
-}
-// 图表Y轴默认配置数据
-export const echartsYAxisDefaultStyleData = {
-  ySplitLineShow: true, // y轴轴线是否显示
-  //坐标轴线样式
-  ysplitLineLineStyle: {
-    type: 'solid', //solid实线;dashed虚线
-    color: 'rgba(148, 147, 197, 0.5)'
-  },
-  y1axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  // y轴刻度最大最小值和分隔值
-  y1MinMaxData: {
-    min: 0,
-    max: 60,
-    interval: 20
-  },
-  // y轴名称
-  y1NameData: {
-    name: '℃',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, 0, 0, -52],
-    },
-    nameGap: 25
-  },
-  // y轴刻度标签文字样式
-  y2axisLabelTextStyle: {
-    //坐标轴颜色
-    color: '#fff',
-    fontSize:"12",
-    padding: 5
-  },
-  y2MinMaxData: {
-    name: '%',
-    nameTextStyle: {
-      color: '#FDFDFD',
-      padding: [0, -42, 0, 0],
-    },
-    nameGap: 25
-  },
-  y2NameData: {
-    min: 0,
-    max: 90,
-    interval: 30
-  }
-}
-// 图表的数据缩放
-export const echartsDataRoom = [{ //给x轴设置滚动条
-  start: 0, //默认为0
-  end: 50, //默认为100
-  type: 'slider',
-  show: false,
-  xAxisIndex: [0],
-  handleSize: 10, //滑动条的 左右2个滑动条的大小
-  height: 0, //组件高度
-}, { //下面这个属性是里面拖到
-  type: 'inside',
-  show: true,
-  xAxisIndex: [0],
-  start: 0, //默认为1
-  end: 50 // 100 - 1500 / 31, //默认为100
-}];
-// 图表类型Map
-export const echartsTypeMap = {
-    'type_1': 'line',
-    'type_2': 'bar',
-    'type_3': 'ring',
-    'type_4': 'TOP',
-    'type_5': 'pie',
-    'type_6': 'gauge'
-};
-// 图表颜色
-export const echartsColorData = [
-    '#2648E9',
-    '#E513F7',
-    '#79E10E',
-    '#0D9BE7',
-    '#23CEE2',
-    '#E5B903',
-    '#2BDB8E',
-    '#CAD804',
-    '#117BEE',
-    '#DB8407',
-    '#E72B2B',
-    '#E96812',
-    '#7612D6',
-    '#A117B8',
-    'rgb(21, 151, 224)',
-    'rgb(36, 220, 132)',
-    'rgb(154, 77, 251)',
-    'rgb(226, 182, 56)',
-    'rgb(253, 92, 71)',
-    'rgb(175, 215, 14)',
-    'rgb(214, 154, 37)',
-    'rgb(66, 251, 251)',
-    'rgb(255, 158, 4)',
-    'rgb(19, 236, 236)',
-    'rgb(68, 237, 146)',
-    'rgb(251, 94, 45)',
-    'rgb(18, 255, 113)'];
-// TOP排行榜默认颜色
-export const rankingTopColorList = [
-    'rgba(239, 120, 66, .6)',
-    'rgba(255, 225, 65, .5)',
-    'rgba(55, 240, 151, .5)',
-    'rgba(72, 211, 255, .6)',
-    'rgba(67, 153, 255, .5)'
-];
-export const rankingTopImageName = ['orange', 'yellow', 'ching', 'lightBlue', 'blue'];
+// 图例默认数据
+export const echartsLegendDefaultData = {
+  icon: 'rect', // 图标类型：'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow', 'none'
+  itemWidth: 12, // 图标宽
+  itemHeight: 12, // 图标高
+  itemGap: 8, // 图例之间的间隔
+  top: '0%', // 图例距离容器上边位置
+  right: 'auto', // 图例距离容器右边位置
+  bottom: 'auto', // 图例距离容器下边位置
+  left: '60', // 图例距离容器左边位置
+  padding: [20, 0, 0, 0], // 图例内边距 string
+  color: '#fff', // 文字颜色
+  height: 8, // 文本显示高度 number
+  fontSize: 12 // 文字大小 number
+};
+// 柱状图和折线图默认标注
+export const echartsLineBarDefaultLegendData = {
+    data: ['标注1'],
+    icon: 'rich',
+    show: true,
+    itemWidth: 14,
+    itemHeight: 14,
+    textStyle: {
+        color: '#C6D1DB',
+        fontSize: '14px',
+    },
+    top: '12%',
+    left: '10%',
+    itemGap: 8
+};
+// 曲线默认配置数据
+export const echartsLineSeriesStyleData = {
+  smooth: false,
+  symbol: 'none',
+  symbolSize: 18,
+  itemLineStyle:{
+    color: '#2F86ED', //改变折线颜色
+    type: 'solid',
+    width: 1
+  },
+  area: false, // 是否是区域图
+  linear: false, // 是否是线性渐变
+  areaColor: {
+    type: 'linear',
+    x: 0,
+    y: 0,
+    x2: 0,
+    y2: 1,
+    global: false // 缺省为 false
+  },
+  areaColorStops:[{
+    offset: 0,
+    color: 'rgba(49, 144, 255, 0.21)' // 0% 处的颜色
+  }, {
+    offset: 1,
+    color: 'rgba(49, 144, 255, 0)' // 100% 处的颜色
+  }]
+}
+// 图表X轴默认配置数据
+export const echartsXAxisDefaultStyleData = {
+  x1AxisLabel: {
+    color: '#fff',
+    fontSize:"12"
+  }
+}
+// 图表Y轴默认配置数据
+export const echartsYAxisDefaultStyleData = {
+  ySplitLineShow: true, // y轴轴线是否显示
+  //坐标轴线样式
+  ysplitLineLineStyle: {
+    type: 'solid', //solid实线;dashed虚线
+    color: 'rgba(148, 147, 197, 0.5)'
+  },
+  y1axisLabelTextStyle: {
+    //坐标轴颜色
+    color: '#fff',
+    fontSize:"12",
+    padding: 5
+  },
+  // y轴刻度最大最小值和分隔值
+  y1MinMaxData: {
+    min: 0,
+    max: 60,
+    interval: 20
+  },
+  // y轴名称
+  y1NameData: {
+    name: '℃',
+    nameTextStyle: {
+      color: '#FDFDFD',
+      padding: [0, 0, 0, -52],
+    },
+    nameGap: 25
+  },
+  // y轴刻度标签文字样式
+  y2axisLabelTextStyle: {
+    //坐标轴颜色
+    color: '#fff',
+    fontSize:"12",
+    padding: 5
+  },
+  y2MinMaxData: {
+    name: '%',
+    nameTextStyle: {
+      color: '#FDFDFD',
+      padding: [0, -42, 0, 0],
+    },
+    nameGap: 25
+  },
+  y2NameData: {
+    min: 0,
+    max: 90,
+    interval: 30
+  }
+}
+// 图表的数据缩放
+export const echartsDataRoom = [{ //给x轴设置滚动条
+  start: 0, //默认为0
+  end: 50, //默认为100
+  type: 'slider',
+  show: false,
+  xAxisIndex: [0],
+  handleSize: 10, //滑动条的 左右2个滑动条的大小
+  height: 0, //组件高度
+}, { //下面这个属性是里面拖到
+  type: 'inside',
+  show: true,
+  xAxisIndex: [0],
+  start: 0, //默认为1
+  end: 50 // 100 - 1500 / 31, //默认为100
+}];
+// 图表类型Map
+export const echartsTypeMap = {
+    'type_1': 'line',
+    'type_2': 'bar',
+    'type_3': 'ring',
+    'type_4': 'TOP',
+    'type_5': 'pie',
+    'type_6': 'gauge'
+};
+// 图表颜色
+export const echartsColorData = [
+    '#2648E9',
+    '#E513F7',
+    '#79E10E',
+    '#0D9BE7',
+    '#23CEE2',
+    '#E5B903',
+    '#2BDB8E',
+    '#CAD804',
+    '#117BEE',
+    '#DB8407',
+    '#E72B2B',
+    '#E96812',
+    '#7612D6',
+    '#A117B8',
+    'rgb(21, 151, 224)',
+    'rgb(36, 220, 132)',
+    'rgb(154, 77, 251)',
+    'rgb(226, 182, 56)',
+    'rgb(253, 92, 71)',
+    'rgb(175, 215, 14)',
+    'rgb(214, 154, 37)',
+    'rgb(66, 251, 251)',
+    'rgb(255, 158, 4)',
+    'rgb(19, 236, 236)',
+    'rgb(68, 237, 146)',
+    'rgb(251, 94, 45)',
+    'rgb(18, 255, 113)'];
+// TOP排行榜默认颜色
+export const rankingTopColorList = [
+    'rgba(239, 120, 66, .6)',
+    'rgba(255, 225, 65, .5)',
+    'rgba(55, 240, 151, .5)',
+    'rgba(72, 211, 255, .6)',
+    'rgba(67, 153, 255, .5)'
+];
+export const rankingTopImageName = ['orange', 'yellow', 'ching', 'lightBlue', 'blue'];

package/store/actions.js

@@ -1 +1,2 @@
-export const plugsPool = {};
+export const plugsPool = {};
+export const tabsPageContentData = {};

package/store/clear.js

@@ -1,5 +1,9 @@
 import {setEventListener} from "../core";
+import {tabsPageContentData} from "./actions";
 export const removeAllElement = function (){
+    for (let key of Object.keys(tabsPageContentData)) {
+        delete tabsPageContentData[key];
+    }
     const documentDefineEle = document.querySelectorAll('.documentDefine');
     if(documentDefineEle) {
         documentDefineEle.forEach(function(element) {