|
|
@@ -0,0 +1,2699 @@
|
|
|
+//http://192.168.16.55
|
|
|
+//http://172.17.0.1
|
|
|
+var erp="/erp" //:8200
|
|
|
+var base="/base" //:8061
|
|
|
+var linux="/linux" //:8061
|
|
|
+var rcm="/rcm" //:8200
|
|
|
+var log="/log" //:8200
|
|
|
+var finance="/finance" //:9200
|
|
|
+var mes="/mes" //:8061
|
|
|
+var quality="/quality" //:8405
|
|
|
+window.$website = {
|
|
|
+ isDemo: true,
|
|
|
+ isDemoTip: '演示环境不允许操作',
|
|
|
+ title: 'avue-data数据大屏',
|
|
|
+ name: 'WELCOME TO AVUE-DATA',
|
|
|
+ subName: '可视化数据大屏（演示环境-请勿放生产数据）',
|
|
|
+ url: 'https://data.avuejs.com/api/blade-visual',
|
|
|
+ autoSave: false,
|
|
|
+ autoSaveTime: 60000,
|
|
|
+ tabsList: [0, 1, 2, 3, 4, 5],
|
|
|
+ componentsList: [{
|
|
|
+ name: 'test',
|
|
|
+ component: 'testComponents',
|
|
|
+ option: 'testOption',
|
|
|
+ data: true
|
|
|
+ }],
|
|
|
+ baseList: [{
|
|
|
+ "label": '图表',
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "children": [{
|
|
|
+ "label": '通用型',
|
|
|
+ "option": {
|
|
|
+ "name": "通用型",
|
|
|
+ "title": "通用型",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/text5.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ "categories": [
|
|
|
+ "苹果",
|
|
|
+ "三星",
|
|
|
+ "小米",
|
|
|
+ "oppo",
|
|
|
+ "vivo"
|
|
|
+ ],
|
|
|
+ "series": [{
|
|
|
+ "name": "手机品牌",
|
|
|
+ "data": [
|
|
|
+ 1000879,
|
|
|
+ 3400879,
|
|
|
+ 2300879,
|
|
|
+ 5400879,
|
|
|
+ 3400879
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ "echartFormatter": "(data)=>{\nconsole.log(data);\nreturn {\n title: {\n\t\t\t\t textStyle: {\n\t\t\t\t\tfontWeight: 'normal', \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n text: 'ECharts 入门示例'\n },\n tooltip: {},\n legend: {\n data:['销量'],\n\t\t\t\ttextStyle: {\n\t\t\t\t\tfontWeight: 'normal', \n\t\t\t\t\tcolor: '#fff'\n\t\t\t\t},\n },\n xAxis: {\n data: [\'衬衫\',\'羊毛衫\',\'雪纺衫\',\'裤子\',\'高跟鞋\',\'袜子\']\n },\n yAxis: {},\n series: [{\n name: '销量',\n type: 'bar',\n data: [5, 20, 36, 10, 10, 20]\n }]\n };\n}",
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "url": "/bar",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "common",
|
|
|
+ "prop": "common",
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": 'datav',
|
|
|
+ "option": {
|
|
|
+ "name": "datav",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/text6.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ value: 66
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n console.log(data);\n return {\n config:{\n\t data: [66] \n\t }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 150,
|
|
|
+ "height": 200,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-water-level-pond'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '柱形图',
|
|
|
+ "option": {
|
|
|
+ "name": "柱状图",
|
|
|
+ "title": "柱状图",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/bar.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ "categories": [
|
|
|
+ "苹果",
|
|
|
+ "三星",
|
|
|
+ "小米",
|
|
|
+ "oppo",
|
|
|
+ "vivo"
|
|
|
+ ],
|
|
|
+ "series": [{
|
|
|
+ "name": "手机品牌",
|
|
|
+ "data": [
|
|
|
+ 1000879,
|
|
|
+ 3400879,
|
|
|
+ 2300879,
|
|
|
+ 5400879,
|
|
|
+ 3400879
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "url": "/bar",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "bar",
|
|
|
+ "prop": "bar",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "gridX": 90,
|
|
|
+ "gridY": 0,
|
|
|
+ "gridX2": 0,
|
|
|
+ "gridY2": 0,
|
|
|
+ "legend": true,
|
|
|
+ "nameColor": "#eee",
|
|
|
+ "lineColor": "#eee",
|
|
|
+ "xNameFontSize": 16,
|
|
|
+ "yNameFontSize": 16,
|
|
|
+ "labelShow": true,
|
|
|
+ "labelShowColor": '#fff',
|
|
|
+ "labelShowFontSize": 14,
|
|
|
+ "labelShowFontWeight": 300,
|
|
|
+ "yAxisInverse": false,
|
|
|
+ "xAxisInverse": false,
|
|
|
+ "xAxisShow": true,
|
|
|
+ "yAxisShow": true,
|
|
|
+ "xAxisSplitLineShow": false,
|
|
|
+ "yAxisSplitLineShow": false,
|
|
|
+ "barWidth": 30,
|
|
|
+ "barRadius": 8,
|
|
|
+ "barColor": [{
|
|
|
+ "color1": "#83bff6",
|
|
|
+ "color2": "#188df0",
|
|
|
+ "postion": 90,
|
|
|
+ "$index": 0,
|
|
|
+ "_show": true
|
|
|
+ }, {
|
|
|
+ "color1": "#23B7E5",
|
|
|
+ "color2": "#564AA3",
|
|
|
+ "postion": 50,
|
|
|
+ "$index": 1,
|
|
|
+ "_show": true
|
|
|
+ }],
|
|
|
+ "barMinHeight": 2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '折线图',
|
|
|
+ "option": {
|
|
|
+ "name": "折线图",
|
|
|
+ "title": "折线图",
|
|
|
+ "icon": 'icon-line',
|
|
|
+ "img": '/img/assets/line.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ "categories": [
|
|
|
+ "苹果",
|
|
|
+ "三星",
|
|
|
+ "小米",
|
|
|
+ "oppo",
|
|
|
+ "vivo"
|
|
|
+ ],
|
|
|
+ "series": [{
|
|
|
+ "name": "手机品牌",
|
|
|
+ "data": [
|
|
|
+ 1000879,
|
|
|
+ 3400879,
|
|
|
+ 2300879,
|
|
|
+ 5400879,
|
|
|
+ 3400879
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "url": "/bar",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "line",
|
|
|
+ "prop": "line",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "gridX": 90,
|
|
|
+ "gridY": 0,
|
|
|
+ "gridX2": 0,
|
|
|
+ "gridY2": 0,
|
|
|
+ "nameColor": "#eee",
|
|
|
+ "lineColor": "#eee",
|
|
|
+ "lineWidth": 5,
|
|
|
+ "xNameFontSize": 16,
|
|
|
+ "yNameFontSize": 16,
|
|
|
+ "labelShow": false,
|
|
|
+ "labelShowFontSize": 14,
|
|
|
+ "labelShowFontWeight": 300,
|
|
|
+ "yAxisInverse": false,
|
|
|
+ "xAxisInverse": false,
|
|
|
+ "xAxisShow": true,
|
|
|
+ "yAxisShow": true,
|
|
|
+ "xAxisSplitLineShow": false,
|
|
|
+ "yAxisSplitLineShow": false,
|
|
|
+ "barWidth": 30,
|
|
|
+ "barRadius": 8,
|
|
|
+ "barColor": [{
|
|
|
+ "color1": "#83bff6",
|
|
|
+ "color2": "#188df0",
|
|
|
+ "postion": 90,
|
|
|
+ "$index": 0,
|
|
|
+ "_show": true
|
|
|
+ }, {
|
|
|
+ "color1": "#23B7E5",
|
|
|
+ "color2": "#564AA3",
|
|
|
+ "postion": 50,
|
|
|
+ "$index": 1,
|
|
|
+ "_show": true
|
|
|
+ }],
|
|
|
+ "symbolSize": 6,
|
|
|
+ "smooth": true,
|
|
|
+ "barMinHeight": 2
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '饼图',
|
|
|
+ option: {
|
|
|
+ "name": "饼图",
|
|
|
+ "title": "饼图",
|
|
|
+ "icon": 'icon-pie',
|
|
|
+ "img": '/img/assets/pie.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/pie",
|
|
|
+ "data": [{
|
|
|
+ "name": "苹果",
|
|
|
+ "value": 1000879,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }, {
|
|
|
+ "name": "三星",
|
|
|
+ "value": 3400879,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }, {
|
|
|
+ "name": "小米",
|
|
|
+ "value": 2300879,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }, {
|
|
|
+ "name": "oppo",
|
|
|
+ "value": 5400879,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }, {
|
|
|
+ "name": "大疆",
|
|
|
+ "value": 3000,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }, {
|
|
|
+ "name": "抖音",
|
|
|
+ "value": 2000,
|
|
|
+ "url": "http://www.baidu.com"
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "resize": false,
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "pie",
|
|
|
+ "prop": "pie",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "legend": true,
|
|
|
+ "labelShow": true,
|
|
|
+ "barColor": [
|
|
|
+ {
|
|
|
+ "color1": "#83bff6"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#23B7E5"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "rgba(154, 168, 212, 1)"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#188df0"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#564AA3"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '象形图',
|
|
|
+ option: {
|
|
|
+ "title": "象形图",
|
|
|
+ "name": "象形图",
|
|
|
+ "icon": "icon-pictorialBar",
|
|
|
+ "img": '/img/assets/bar2.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/pie",
|
|
|
+ "data": [{
|
|
|
+ "name": "苹果",
|
|
|
+ "value": 1000879,
|
|
|
+ }, {
|
|
|
+ "name": "三星",
|
|
|
+ "value": 3400879,
|
|
|
+ }, {
|
|
|
+ "name": "小米",
|
|
|
+ "value": 2300879,
|
|
|
+ }, {
|
|
|
+ "name": "oppo",
|
|
|
+ "value": 5400879,
|
|
|
+ }, {
|
|
|
+ "name": "大疆",
|
|
|
+ "value": 3000,
|
|
|
+ }, {
|
|
|
+ "name": "抖音",
|
|
|
+ "value": 2000,
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "pictorialbar",
|
|
|
+ "prop": "pictorialbar",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ symbolSize: 30,
|
|
|
+ split: 30,
|
|
|
+ symbol: '/img/source/source256.png',
|
|
|
+ fontSize: '24',
|
|
|
+ xAxisShow: false,
|
|
|
+ yAxisShow: true,
|
|
|
+ color: '#4dffff',
|
|
|
+ nameColor: '#564AA3',
|
|
|
+ xNameFontSize: '24',
|
|
|
+ yNameFontSize: '24',
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '雷达图',
|
|
|
+ option: {
|
|
|
+ "title": "雷达图",
|
|
|
+ "name": "雷达图",
|
|
|
+ "icon": "icon-radar",
|
|
|
+ "img": '/img/assets/radar.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/radar",
|
|
|
+ "data": {
|
|
|
+ indicator: [{
|
|
|
+ name: '销售',
|
|
|
+ max: 6500
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '管理',
|
|
|
+ max: 16000
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '信息技术',
|
|
|
+ max: 30000
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '客服',
|
|
|
+ max: 38000
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '研发',
|
|
|
+ max: 52000
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '市场',
|
|
|
+ max: 25000
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ series: [{
|
|
|
+ data: [{
|
|
|
+ value: [4300, 10000, 28000, 35000, 50000, 19000],
|
|
|
+ name: '预算分配（Allocated Budget）'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: [5000, 14000, 28000, 31000, 42000, 21000],
|
|
|
+ name: '实际开销（Actual Spending）'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }]
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 970,
|
|
|
+ "height": 400,
|
|
|
+ "name": "radar",
|
|
|
+ "prop": "radar",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ width: '100%',
|
|
|
+ height: 600,
|
|
|
+ titleShow: true,
|
|
|
+ title: '各部门开销',
|
|
|
+ subtext: '最近一个月',
|
|
|
+ titleColor: '#666',
|
|
|
+ tipBackgroundColor: 'rgba(50,50,50,0.7)',
|
|
|
+ tipColor: "#fff",
|
|
|
+ shape: 'polygon',
|
|
|
+ radius: "75%",
|
|
|
+ splitNumber: 4,
|
|
|
+ radarNameColor: '#fff',
|
|
|
+ radarNameSize: 18,
|
|
|
+ titleFontSize: 18,
|
|
|
+ areaOpacity: 0.3,
|
|
|
+ legend: true,
|
|
|
+ // labelShow: true,
|
|
|
+ "barColor": [{
|
|
|
+ "color1": "#564AA3",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#188df0",
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '散点图',
|
|
|
+ option: {
|
|
|
+ "title": "散点图",
|
|
|
+ "name": "散点图",
|
|
|
+ "icon": "icon-scatter",
|
|
|
+ "img": '/img/assets/scatter.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/scatter",
|
|
|
+ "data": [{
|
|
|
+ "data": [
|
|
|
+ [1, 8.04],
|
|
|
+ [2, 6.95]
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "data": [
|
|
|
+ [1, 4.04],
|
|
|
+ [2, 3.95]
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ "name": "scatter",
|
|
|
+ "prop": "scatter",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ lineSize: 25,
|
|
|
+ barColor: [{
|
|
|
+ postion: 0.2,
|
|
|
+ color1: '#91c7ae'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ postion: 0.8,
|
|
|
+ color1: '#63869e'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ postion: 1,
|
|
|
+ color1: '#c23531'
|
|
|
+ }]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '漏斗图',
|
|
|
+ option: {
|
|
|
+ "title": "漏斗图",
|
|
|
+ "name": "漏斗图",
|
|
|
+ "icon": "icon-funnel",
|
|
|
+ "img": '/img/assets/funnel.png',
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/funnel",
|
|
|
+ "data": [{
|
|
|
+ value: 335,
|
|
|
+ name: '直接访问'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 310,
|
|
|
+ name: '邮件营销'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: 234,
|
|
|
+ name: '联盟广告'
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 400,
|
|
|
+ "height": 300,
|
|
|
+ "name": "funnel",
|
|
|
+ "prop": "funnel",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ radius: true,
|
|
|
+ "barColor": [{
|
|
|
+ "color1": "#83bff6",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#23B7E5",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "rgba(154, 168, 212, 1)",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#188df0",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#564AA3",
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '地图',
|
|
|
+ option: {
|
|
|
+ "name": "地图",
|
|
|
+ "title": "地图",
|
|
|
+ "icon": "icon-map",
|
|
|
+ "img": '/img/assets/map.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "name": "测试坐标1",
|
|
|
+ "value": 1,
|
|
|
+ "lng": 118.30078125,
|
|
|
+ "lat": 36.91915611148194,
|
|
|
+ "zoom": 1
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "测试坐标2",
|
|
|
+ "value": 1,
|
|
|
+ "lng": 112.21435546875,
|
|
|
+ "lat": 37.965854128749434,
|
|
|
+ "zoom": 1
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "formatter": "function(name,data){\n console.log(name,data)\n return '名称:'+name.data.name+name.data.value\n}",
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 800,
|
|
|
+ "height": 607,
|
|
|
+ "name": "map",
|
|
|
+ "prop": "map",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "tipBackgroundColor": "rgba(13, 255, 255, .5)",
|
|
|
+ "tipColor": "rgba(217, 38, 10, 1)",
|
|
|
+ "tipFontSize": "30",
|
|
|
+ "borderWidth": 1,
|
|
|
+ "scale": 87,
|
|
|
+ "type": 0,
|
|
|
+ "borderColor": "#0dffff",
|
|
|
+ "areaColor": "rgba(6, 29, 51, 0.59)",
|
|
|
+ "banner": true,
|
|
|
+ "bannerTime": 3000,
|
|
|
+ "fontSize": 14,
|
|
|
+ "zoom": 0.5,
|
|
|
+ "empAreaColor": "rgba(35, 183, 229, 0.42)",
|
|
|
+ "empColor": "rgba(217, 38, 10, 1)",
|
|
|
+ "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
|
|
|
+ "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1235103352843448322",
|
|
|
+ "color": "rgba(13, 255, 255, 1)",
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '矩形图',
|
|
|
+ option: {
|
|
|
+ "name": "矩形图",
|
|
|
+ "title": "矩形图",
|
|
|
+ "icon": 'icon-juxing',
|
|
|
+ "img": '/img/assets/rectangle.png',
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "name": "分类 1",
|
|
|
+ "value": 560
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 2",
|
|
|
+ "value": 500
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 3",
|
|
|
+ "value": 150
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 4",
|
|
|
+ "value": 140
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 5",
|
|
|
+ "value": 115
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 6",
|
|
|
+ "value": 95
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 7",
|
|
|
+ "value": 90
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 8",
|
|
|
+ "value": 75
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 9",
|
|
|
+ "value": 98
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 10",
|
|
|
+ "value": 60
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 11",
|
|
|
+ "value": 45
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 12",
|
|
|
+ "value": 40
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 13",
|
|
|
+ "value": 40
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 14",
|
|
|
+ "value": 35
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 15",
|
|
|
+ "value": 40
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 16",
|
|
|
+ "value": 40
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 17",
|
|
|
+ "value": 40
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 18",
|
|
|
+ "value": 30
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 19",
|
|
|
+ "value": 28
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "分类 20",
|
|
|
+ "value": 16
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataType": 0,
|
|
|
+ "echartFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 754,
|
|
|
+ "height": 377,
|
|
|
+ "name": "rectangle",
|
|
|
+ "prop": "rectangle",
|
|
|
+ },
|
|
|
+ option: {
|
|
|
+ fontSize: 14,
|
|
|
+ color: '#fff',
|
|
|
+ tipFontSize: 40,
|
|
|
+ tipColor: '#fff'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '定时器',
|
|
|
+ option: {
|
|
|
+ "name": "定时器",
|
|
|
+ "title": "定时器",
|
|
|
+ "icon": 'icon-datetime',
|
|
|
+ "img": '/img/assets/time.png',
|
|
|
+ "echartFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 100,
|
|
|
+ "height": 100,
|
|
|
+ "name": "time",
|
|
|
+ "prop": "time",
|
|
|
+ },
|
|
|
+ option: {
|
|
|
+ time: 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '自定义Vue组件',
|
|
|
+ option: {
|
|
|
+ "name": "自定义Vue组件",
|
|
|
+ "title": "自定义Vue组件",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/text4.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ "name": "avue"
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 800,
|
|
|
+ "height": 500,
|
|
|
+ "name": "vue",
|
|
|
+ "prop": "vue",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "content": "<template>\n <div class=\"test\">\n <h1 @click=\"handleClick\">{{dataChart}}<h1>\n </div>\n</template>\n<script>\nexport default{\n data(){\n return{\n \n }\n },\n created(){\n console.log(this);\n },\n methods:{\n handleClick(){\n this.$message.success(this.dataChart.name)\n }\n }\n}\n</script>\n<style>\n .test{\n text-align:center;\n color:red;\n font-size:40px;\n }\n</style>"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": '文字',
|
|
|
+ "icon": 'icon-text',
|
|
|
+ "children": [{
|
|
|
+ "label": '文本框',
|
|
|
+ "option": {
|
|
|
+ "title": "文本框",
|
|
|
+ "name": "文本框",
|
|
|
+ "icon": 'icon-text',
|
|
|
+ "img": '/img/assets/text.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "child": {
|
|
|
+ "index": [],
|
|
|
+ "paramName": ""
|
|
|
+ },
|
|
|
+ "data": {
|
|
|
+ value: '文本框'
|
|
|
+ },
|
|
|
+ "component": {
|
|
|
+ "width": 100,
|
|
|
+ "height": 40,
|
|
|
+ "name": "text",
|
|
|
+ "prop": "text"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "textAlign": "center",
|
|
|
+ "fontSize": 26,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "color": "#fff"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ "label": '跑马灯',
|
|
|
+ "option": {
|
|
|
+ "title": "跑马灯",
|
|
|
+ "name": "跑马灯",
|
|
|
+ "icon": 'icon-scroll',
|
|
|
+ "img": '/img/assets/text2.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ value: "跑马灯"
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 100,
|
|
|
+ "height": 50,
|
|
|
+ "name": "text",
|
|
|
+ "prop": "text"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ scroll: true,
|
|
|
+ speed: 70,
|
|
|
+ "textAlign": "center",
|
|
|
+ "fontSize": 26,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "color": "#fff"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ "label": '超链接',
|
|
|
+ "option": {
|
|
|
+ "title": "超链接",
|
|
|
+ "name": "超链接",
|
|
|
+ "icon": 'icon-link',
|
|
|
+ "img": '/img/assets/text3.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {
|
|
|
+ "value": "超链接"
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 100,
|
|
|
+ "height": 50,
|
|
|
+ "name": "text",
|
|
|
+ "prop": "text"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ link: true,
|
|
|
+ linkHref: 'http://avue.top',
|
|
|
+ linkTarget: '_self',
|
|
|
+ "textAlign": "center",
|
|
|
+ "fontSize": 26,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "color": "#fff"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ "label": '实时时间',
|
|
|
+ "option": {
|
|
|
+ "name": "实时时间",
|
|
|
+ "title": "实时时间",
|
|
|
+ "icon": 'icon-datetime',
|
|
|
+ "img": '/img/assets/datetime.png',
|
|
|
+ "top": 78,
|
|
|
+ "left": 1604,
|
|
|
+ "component": {
|
|
|
+ "width": 250,
|
|
|
+ "height": 50,
|
|
|
+ "name": "datetime",
|
|
|
+ "prop": "datetime",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "format": 'yyyy-MM-dd hh:mm:ss',
|
|
|
+ "color": "#fff",
|
|
|
+ 'textAlign': 'left',
|
|
|
+ "fontSize": 24,
|
|
|
+ "fontWeight": "normal"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": '媒体',
|
|
|
+ "icon": 'icon-img',
|
|
|
+ "children": [{
|
|
|
+ "label": '图片',
|
|
|
+ "option": {
|
|
|
+ "title": "图片",
|
|
|
+ "name": "图片",
|
|
|
+ "icon": 'icon-img',
|
|
|
+ "img": '/img/assets/img.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ value: '/img/img-default.png'
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 180,
|
|
|
+ "height": 120,
|
|
|
+ "name": "img",
|
|
|
+ "prop": "img",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ duration: '1000',
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '图片框',
|
|
|
+ "option": {
|
|
|
+ "title": "图片框",
|
|
|
+ "name": "图片框",
|
|
|
+ "icon": 'icon-img',
|
|
|
+ "img": '/img/assets/imgborder.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": "/img/border/border1.png",
|
|
|
+ "component": {
|
|
|
+ "width": 140,
|
|
|
+ "height": 140,
|
|
|
+ "name": "imgborder",
|
|
|
+ "prop": "imgborder",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ backgroundColor: 'rgba(180, 181, 198, 0.1)',
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '轮播图',
|
|
|
+ option: {
|
|
|
+ "title": "轮播图",
|
|
|
+ "name": "轮播图",
|
|
|
+ "icon": 'icon-banner',
|
|
|
+ "img": '/img/assets/swiper.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/swiper",
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ value: 'https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg',
|
|
|
+ }, {
|
|
|
+ value: 'https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg',
|
|
|
+ }, {
|
|
|
+ value: 'http://www.w3school.com.cn/i/movie.ogg'
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "swiper",
|
|
|
+ "prop": "swiper"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: '',
|
|
|
+ interval: 5000,
|
|
|
+ opacity: 100,
|
|
|
+ indicator: 'none',
|
|
|
+ autoplay: true,
|
|
|
+ controls: true,
|
|
|
+ loop: true
|
|
|
+
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: 'iframe',
|
|
|
+ option: {
|
|
|
+ "title": "iframe",
|
|
|
+ "name": "iframe",
|
|
|
+ "icon": 'icon-iframe',
|
|
|
+ "img": '/img/assets/iframe.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "option": {},
|
|
|
+ "name": "iframe",
|
|
|
+ "prop": "iframe"
|
|
|
+ },
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ value: 'https://avuejs.com'
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "option": {},
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: 'video播放器',
|
|
|
+ option: {
|
|
|
+ "title": "video",
|
|
|
+ "name": "video",
|
|
|
+ "icon": 'icon-video',
|
|
|
+ "img": '/img/assets/video.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ value: 'http://www.w3school.com.cn/i/movie.ogg'
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ autoplay: true,
|
|
|
+ controls: true,
|
|
|
+ loop: true
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "option": {},
|
|
|
+ "name": "video",
|
|
|
+ "prop": "video"
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: 'hls播放器',
|
|
|
+ option: {
|
|
|
+ "title": "hls",
|
|
|
+ "name": "hls",
|
|
|
+ "icon": 'icon-video',
|
|
|
+ "img": '/img/assets/video.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ value: 'https://open.ys7.com/v3/openlive/E10668433_1_1.m3u8?expire=1664027961&id=363444666731335680&t=346b970f0d5cb5d5b5e4734d966275a61fb9efd5038c7a75b7435423c5716908&ev=100'
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ autoplay: true
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "option": {},
|
|
|
+ "name": "clapper",
|
|
|
+ "prop": "clapper"
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": '指标',
|
|
|
+ "icon": 'icon-flop',
|
|
|
+ "children": [{
|
|
|
+ "label": '翻牌器',
|
|
|
+ "option": {
|
|
|
+ "title": "翻牌器",
|
|
|
+ "name": "翻牌器",
|
|
|
+ "icon": 'icon-flop',
|
|
|
+ "img": '/img/assets/flop.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "child": {
|
|
|
+ "index": [],
|
|
|
+ "paramName": ""
|
|
|
+ },
|
|
|
+ "data": {
|
|
|
+ value: '12345'
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 100,
|
|
|
+ "name": "flop",
|
|
|
+ "prop": "flop",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "type": "img",
|
|
|
+ "suffixText": "",
|
|
|
+ "suffixTextAlign": "",
|
|
|
+ "suffixSplit": '',
|
|
|
+ "suffixColor": "",
|
|
|
+ "suffixFontSize": '',
|
|
|
+ "borderColor": "#fff",
|
|
|
+ "borderWidth": 3,
|
|
|
+ "backgroundBorder": "/img/border/border1.png",
|
|
|
+ "fontSize": 32,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "splitx": 0,
|
|
|
+ "splity": 0,
|
|
|
+ "backgroundColor": "",
|
|
|
+ "color": "#fff"
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '颜色块',
|
|
|
+ "option": {
|
|
|
+ "title": "颜色块",
|
|
|
+ "name": "颜色块",
|
|
|
+ "icon": 'icon-flop',
|
|
|
+ "img": '/img/assets/flop2.png',
|
|
|
+ "child": {
|
|
|
+ "index": [],
|
|
|
+ "paramName": ""
|
|
|
+ },
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [{
|
|
|
+ "backgroundColor": '#67C23A',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }, {
|
|
|
+ "backgroundColor": '#409EFF',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }, {
|
|
|
+ "backgroundColor": '#E6A23C',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }, {
|
|
|
+ "backgroundColor": '#F56C6C',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }, {
|
|
|
+ "backgroundColor": '#7232dd',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }, {
|
|
|
+ "backgroundColor": 'blue',
|
|
|
+ "prefixText": "某某某总人数",
|
|
|
+ "value": '12345',
|
|
|
+ "suffixText": '人',
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 888,
|
|
|
+ "height": 203,
|
|
|
+ "name": "flop",
|
|
|
+ "prop": "flop",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "span": 3,
|
|
|
+ "decimals": 2,
|
|
|
+ "whole": true,
|
|
|
+ "padding": 12,
|
|
|
+ "textAlign": 'left',
|
|
|
+ "splity": 23,
|
|
|
+ "splitx": 17,
|
|
|
+ "fontSize": 28,
|
|
|
+ "prefixSplity": 4,
|
|
|
+ "prefixFontSize": 13,
|
|
|
+ "backgroundColor": "#F56C6C",
|
|
|
+ "suffixText": '人',
|
|
|
+ "suffixInline": true,
|
|
|
+ "suffixSplitx": 10,
|
|
|
+ "suffixFontSize": 18,
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '环形图',
|
|
|
+ "option": {
|
|
|
+ "title": "环形图",
|
|
|
+ "name": "环形图",
|
|
|
+ "icon": 'icon-circle',
|
|
|
+ "img": '/img/assets/progress.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": {
|
|
|
+ "label": "人数增涨",
|
|
|
+ "value": 40,
|
|
|
+ "data": 80
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 300,
|
|
|
+ "name": "progress",
|
|
|
+ "prop": "progress"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "type": "circle",
|
|
|
+ "strokeWidth": 25,
|
|
|
+ "color": "rgba(154, 168, 212, 1)",
|
|
|
+ "fontSize": 40,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "suffixColor": "rgba(154, 168, 212, 1)",
|
|
|
+ "suffixFontSize": 40,
|
|
|
+ "suffixFontWeight": "normal",
|
|
|
+ "borderColor": "#564AA3",
|
|
|
+ "split": 20,
|
|
|
+ "width": 400,
|
|
|
+ "height": 80
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ "label": '进度条',
|
|
|
+ "option": {
|
|
|
+ "title": "进度条",
|
|
|
+ "name": "进度条",
|
|
|
+ "icon": 'icon-progress',
|
|
|
+ "img": '/img/assets/progress2.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {
|
|
|
+ "label": "人数增涨",
|
|
|
+ "value": 40,
|
|
|
+ "data": 80
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 400,
|
|
|
+ "height": 100,
|
|
|
+ "name": "progress",
|
|
|
+ "prop": "progress"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "type": "line",
|
|
|
+ "color": "#fff",
|
|
|
+ "fontSize": 24,
|
|
|
+ "suffixColor": "#fff",
|
|
|
+ "strokeWidth": 13,
|
|
|
+ "fontWeight": "normal",
|
|
|
+ "borderColor": "#564AA3"
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '仪表盘',
|
|
|
+ option: {
|
|
|
+ "title": "仪表盘",
|
|
|
+ "icon": 'icon-gauge',
|
|
|
+ "img": '/img/assets/gauge.png',
|
|
|
+ "name": "仪表盘",
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "time": 5000,
|
|
|
+ "url": "/gauge",
|
|
|
+ "data": {
|
|
|
+ min: 1,
|
|
|
+ max: 10,
|
|
|
+ label: '名称',
|
|
|
+ value: 4,
|
|
|
+ unit: '%'
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 390,
|
|
|
+ "height": 314,
|
|
|
+ "name": "gauge",
|
|
|
+ "prop": "gauge"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "lineSize": 15,
|
|
|
+ "axisLabelShow": false,
|
|
|
+ "axisLabelFontSize": 25,
|
|
|
+ "nameFontSize": 20,
|
|
|
+ "valueFontSize": 30,
|
|
|
+ "nameColor": "",
|
|
|
+ "lineColor": "#eee",
|
|
|
+ "barColor": [
|
|
|
+ {
|
|
|
+ "color1": "rgba(154, 168, 212, 1)",
|
|
|
+ "postion": "0.2",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#23B7E5",
|
|
|
+ "postion": "0.8",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "color1": "#564AA3",
|
|
|
+ "postion": "1",
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ },
|
|
|
+ }, {
|
|
|
+ label: '字符云',
|
|
|
+ option: {
|
|
|
+ "title": "字符云",
|
|
|
+ "name": "字符云",
|
|
|
+ "icon": "icon-wordCloud",
|
|
|
+ "img": '/img/assets/wordcloud.png',
|
|
|
+ "top": 725,
|
|
|
+ "left": 3780,
|
|
|
+ "dataType": 1,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": [{
|
|
|
+ name: '三星',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '小米',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '华为',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: 'oppo',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '抖音',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '快手',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '淘宝',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '百度',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '京东',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '天猫',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '字符1',
|
|
|
+ value: '1234'
|
|
|
+ }, {
|
|
|
+ name: '字符1',
|
|
|
+ value: '1234'
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "url": "/wordCloud",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "name": "wordcloud",
|
|
|
+ "prop": "wordcloud",
|
|
|
+ "width": 600,
|
|
|
+ "height": 300,
|
|
|
+ },
|
|
|
+ option: {
|
|
|
+ minFontSize: 30,
|
|
|
+ maxFontSize: 80,
|
|
|
+ split: 30,
|
|
|
+ rotate: true,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": '表格',
|
|
|
+ "icon": 'icon-table',
|
|
|
+ "children": [{
|
|
|
+ "label": '表格',
|
|
|
+ "option": {
|
|
|
+ "title": "表格",
|
|
|
+ "name": "表格",
|
|
|
+ "icon": 'icon-table',
|
|
|
+ "img": '/img/assets/table.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [{
|
|
|
+ "type1": '数据1',
|
|
|
+ "type2": '数据1'
|
|
|
+ }, {
|
|
|
+ "type1": '数据2',
|
|
|
+ "type2": '数据2'
|
|
|
+ }, {
|
|
|
+ "type1": '数据3',
|
|
|
+ "type2": '数据3'
|
|
|
+ }, {
|
|
|
+ "type1": '数据4',
|
|
|
+ "type2": '数据4'
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 700,
|
|
|
+ "height": 350,
|
|
|
+ "name": "table",
|
|
|
+ "prop": "table",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "showHeader": true,
|
|
|
+ "columnShow": true,
|
|
|
+ "columnViews": true,
|
|
|
+ "headerBackground": "rgba(8, 90, 111, 0.8)",
|
|
|
+ "headerColor": "rgba(154, 168, 212, 1)",
|
|
|
+ "headerTextAlign": "center",
|
|
|
+ "nthColor": "rgba(14, 86, 241, 0.08)",
|
|
|
+ "bodyBackground": "rgba(0, 0, 0, 0.01)",
|
|
|
+ "bodyColor": "rgba(154, 168, 212, 1)",
|
|
|
+ "bodyTextAlign": "center",
|
|
|
+ "align": "center",
|
|
|
+ "headerAlign": "center",
|
|
|
+ "header": false,
|
|
|
+ "scrollSpeed": 1,
|
|
|
+ "fontSize": 15,
|
|
|
+ "count": 4,
|
|
|
+ "index": true,
|
|
|
+ "column": [{
|
|
|
+ "label": "车牌号",
|
|
|
+ "prop": "type1"
|
|
|
+ }, {
|
|
|
+ "label": "驾驶员",
|
|
|
+ "prop": "type2"
|
|
|
+ }, {
|
|
|
+ "label": "里程",
|
|
|
+ "prop": "type3"
|
|
|
+ }, {
|
|
|
+ "label": "油耗",
|
|
|
+ "prop": "type4"
|
|
|
+ }],
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '选项卡',
|
|
|
+ option: {
|
|
|
+ "title": "选项卡",
|
|
|
+ "name": "选项卡",
|
|
|
+ "icon": "icon-tabs",
|
|
|
+ "img": '/img/assets/tabs.png',
|
|
|
+ "child": {
|
|
|
+ "index": [],
|
|
|
+ "paramName": ""
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "label": "选项卡1",
|
|
|
+ "value": "1"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "label": "选项卡2",
|
|
|
+ "value": "2"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "component": {
|
|
|
+ "width": 356,
|
|
|
+ "height": 46,
|
|
|
+ "name": "tabs",
|
|
|
+ "prop": "tabs"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "type": 'tabs',
|
|
|
+ "color": "#eee",
|
|
|
+ "empColor": "#4dffff",
|
|
|
+ "fontSize": 20,
|
|
|
+ "split": 8,
|
|
|
+ "empBackgroundImage": "/img/banner/banner5.png",
|
|
|
+ "backgroundImage": "/img/banner/banner4.png"
|
|
|
+ },
|
|
|
+ },
|
|
|
+ },]
|
|
|
+ }, {
|
|
|
+ "label": '边框',
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "children": [{
|
|
|
+ label: '边框1',
|
|
|
+ option: {
|
|
|
+ "title": "边框1",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_01.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 1,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框2',
|
|
|
+ option: {
|
|
|
+ "title": "边框2",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_02.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 2,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框3',
|
|
|
+ option: {
|
|
|
+ "title": "边框3",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_03.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 3,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框4',
|
|
|
+ option: {
|
|
|
+ "title": "边框4",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_04.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 4,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框5',
|
|
|
+ option: {
|
|
|
+ "title": "边框5",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_05.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 5,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框6',
|
|
|
+ option: {
|
|
|
+ "title": "边框6",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_06.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 6,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框7',
|
|
|
+ option: {
|
|
|
+ "title": "边框7",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_07.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 7,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框8',
|
|
|
+ option: {
|
|
|
+ "title": "边框8",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_08.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 8,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框9',
|
|
|
+ option: {
|
|
|
+ "title": "边框9",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_09.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 9,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框10',
|
|
|
+ option: {
|
|
|
+ "title": "边框10",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_10.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 10,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框11',
|
|
|
+ option: {
|
|
|
+ "title": "边框11",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_11.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 11,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '边框12',
|
|
|
+ option: {
|
|
|
+ "title": "边框12",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-biankuang',
|
|
|
+ "img": '/img/assets/borderBox/borderBox_12.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 300,
|
|
|
+ "height": 150,
|
|
|
+ "name": "borderBox",
|
|
|
+ "prop": "borderBox"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 12,
|
|
|
+ color1: '#83bff6',
|
|
|
+ color2: '#00CED1',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": 'datav例子',
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "children": [
|
|
|
+ {
|
|
|
+ "label": '滚动排名',
|
|
|
+ "option": {
|
|
|
+ "name": "滚动排名",
|
|
|
+ "title": "滚动排名",
|
|
|
+ "icon": "icon-datav",
|
|
|
+ "img": '/img/assets/table1.gif',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": "get",
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "name": "周口",
|
|
|
+ "value": 55
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "南阳",
|
|
|
+ "value": 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "西峡",
|
|
|
+ "value": 78
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "驻马店",
|
|
|
+ "value": 66
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "新乡",
|
|
|
+ "value": 80
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "信阳",
|
|
|
+ "value": 45
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "漯河",
|
|
|
+ "value": 29
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n\t data: data,\n //carousel: 'page',\n valueFormatter ({ value }) {\n return value+'单位'\n }\n\t }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 652.35,
|
|
|
+ "height": 248.45,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": "dv-scroll-ranking-board"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "label": '胶囊排名',
|
|
|
+ "option": {
|
|
|
+ "name": "胶囊排名",
|
|
|
+ "title": "胶囊排名",
|
|
|
+ "icon": "icon-datav",
|
|
|
+ "img": '/img/assets/table3.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": "get",
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "name": "周口",
|
|
|
+ "value": 55
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "南阳",
|
|
|
+ "value": 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "西峡",
|
|
|
+ "value": 78
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "驻马店",
|
|
|
+ "value": 66
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "新乡",
|
|
|
+ "value": 80
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "信阳",
|
|
|
+ "value": 45
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "漯河",
|
|
|
+ "value": 29
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n\t data: data,\n colors: ['#e062ae', '#fb7293', '#e690d1', '#32c5e9', '#96bfff'],\n unit: '单位',\n showValue: true\n\t }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 652.35,
|
|
|
+ "height": 248.45,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": "dv-capsule-chart"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '水位图',
|
|
|
+ option: {
|
|
|
+ "name": "水位图",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/datav/datav1.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ value: 66
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n\t data: [data.value],\n shape: 'roundRect'\n\t }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 150,
|
|
|
+ "height": 200,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-water-level-pond'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '进度池',
|
|
|
+ option: {
|
|
|
+ "name": "进度池",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/datav/datav2.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ value: 66
|
|
|
+ },
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n value: data.value,\n borderWidth: 5,\n borderRadius: 10,\n borderGap: 5,\n lineDash: [10, 2],\n localGradient: true\n }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 369,
|
|
|
+ "height": 153,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-percent-pond'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '锥形柱图',
|
|
|
+ option: {
|
|
|
+ "name": "锥形柱图",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/datav/datav3.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ name: '周口',
|
|
|
+ value: 55
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '南阳',
|
|
|
+ value: 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '西峡',
|
|
|
+ value: 71
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '驻马店',
|
|
|
+ value: 66
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '新乡',
|
|
|
+ value: 80
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '信阳',
|
|
|
+ value: 35
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '漯河',
|
|
|
+ value: 15
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n data:data,\n img: [\n '/img/conicalColumnChart/1st.png',\n '/img/conicalColumnChart/2st.png',\n '/img/conicalColumnChart/3st.png',\n '/img/conicalColumnChart/4st.png',\n '/img/conicalColumnChart/5st.png',\n '/img/conicalColumnChart/6st.png',\n '/img/conicalColumnChart/7st.png'\n ],\n showValue: true\n }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 549.18,
|
|
|
+ "height": 262.98,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-conical-column-chart'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '飞线图',
|
|
|
+ option: {
|
|
|
+ "name": "飞线图",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/datav/datav4.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": {
|
|
|
+ "points": [
|
|
|
+ {
|
|
|
+ "name": "郑州",
|
|
|
+ "coordinate": [
|
|
|
+ 0.48,
|
|
|
+ 0.35
|
|
|
+ ],
|
|
|
+ "halo": {
|
|
|
+ "show": true
|
|
|
+ },
|
|
|
+ "icon": {
|
|
|
+ "src": "/img/flylineChart/mapCenterPoint.png",
|
|
|
+ "width": 30,
|
|
|
+ "height": 30
|
|
|
+ },
|
|
|
+ "text": {
|
|
|
+ "show": false
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "新乡",
|
|
|
+ "coordinate": [
|
|
|
+ 0.52,
|
|
|
+ 0.23
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "焦作",
|
|
|
+ "coordinate": [
|
|
|
+ 0.43,
|
|
|
+ 0.29
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "开封",
|
|
|
+ "coordinate": [
|
|
|
+ 0.59,
|
|
|
+ 0.35
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "许昌",
|
|
|
+ "coordinate": [
|
|
|
+ 0.53,
|
|
|
+ 0.47
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "平顶山",
|
|
|
+ "coordinate": [
|
|
|
+ 0.45,
|
|
|
+ 0.54
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "洛阳",
|
|
|
+ "coordinate": [
|
|
|
+ 0.36,
|
|
|
+ 0.38
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "周口",
|
|
|
+ "coordinate": [
|
|
|
+ 0.62,
|
|
|
+ 0.55
|
|
|
+ ],
|
|
|
+ "halo": {
|
|
|
+ "show": true,
|
|
|
+ "color": "#8378ea"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "漯河",
|
|
|
+ "coordinate": [
|
|
|
+ 0.56,
|
|
|
+ 0.56
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "南阳",
|
|
|
+ "coordinate": [
|
|
|
+ 0.37,
|
|
|
+ 0.66
|
|
|
+ ],
|
|
|
+ "halo": {
|
|
|
+ "show": true,
|
|
|
+ "color": "#37a2da"
|
|
|
+ }
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "信阳",
|
|
|
+ "coordinate": [
|
|
|
+ 0.55,
|
|
|
+ 0.81
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "驻马店",
|
|
|
+ "coordinate": [
|
|
|
+ 0.55,
|
|
|
+ 0.67
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "济源",
|
|
|
+ "coordinate": [
|
|
|
+ 0.37,
|
|
|
+ 0.29
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "三门峡",
|
|
|
+ "coordinate": [
|
|
|
+ 0.2,
|
|
|
+ 0.36
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "商丘",
|
|
|
+ "coordinate": [
|
|
|
+ 0.76,
|
|
|
+ 0.41
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "鹤壁",
|
|
|
+ "coordinate": [
|
|
|
+ 0.59,
|
|
|
+ 0.18
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "濮阳",
|
|
|
+ "coordinate": [
|
|
|
+ 0.68,
|
|
|
+ 0.17
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "安阳",
|
|
|
+ "coordinate": [
|
|
|
+ 0.59,
|
|
|
+ 0.1
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "lines": [
|
|
|
+ {
|
|
|
+ "source": "新乡",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "焦作",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "开封",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "周口",
|
|
|
+ "target": "郑州",
|
|
|
+ "color": "#fb7293",
|
|
|
+ "width": 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "南阳",
|
|
|
+ "target": "郑州",
|
|
|
+ "color": "#fb7293",
|
|
|
+ "width": 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "济源",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "三门峡",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "商丘",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "鹤壁",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "濮阳",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "安阳",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "许昌",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "平顶山",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "洛阳",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "驻马店",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "信阳",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "漯河",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ },
|
|
|
+ "lines": [
|
|
|
+ {
|
|
|
+ "source": "新乡",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "焦作",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "开封",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "周口",
|
|
|
+ "target": "郑州",
|
|
|
+ "color": "#fb7293",
|
|
|
+ "width": 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "南阳",
|
|
|
+ "target": "郑州",
|
|
|
+ "color": "#fb7293",
|
|
|
+ "width": 2
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "济源",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "三门峡",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "商丘",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "鹤壁",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "濮阳",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "安阳",
|
|
|
+ "target": "郑州"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "许昌",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "平顶山",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "洛阳",
|
|
|
+ "target": "南阳",
|
|
|
+ "color": "#37a2da"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "驻马店",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "信阳",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "source": "漯河",
|
|
|
+ "target": "周口",
|
|
|
+ "color": "#8378ea"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n points:data.points,\n lines:data.lines,\n icon: {\n show: true,\n src: '/img/flylineChart/mapPoint.png'\n },\n text: {\n show: true,\n },\n k: 0.5,\n bgImgSrc: '/img/flylineChart/map.jpg'\n }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 949.32,
|
|
|
+ "height": 515.7,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-flyline-chart-enhanced'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '动态环图',
|
|
|
+ option: {
|
|
|
+ "name": "动态环图",
|
|
|
+ "title": "datav",
|
|
|
+ "icon": 'icon-datav',
|
|
|
+ "img": '/img/assets/datav/datav5.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "dataMethod": 'get',
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ name: '周口',
|
|
|
+ value: 55
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '南阳',
|
|
|
+ value: 120
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '西峡',
|
|
|
+ value: 78
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '驻马店',
|
|
|
+ value: 66
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: '新乡',
|
|
|
+ value: 80
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "echartFormatter": "(data)=>{\n return {\n config:{\n radius: '40%',\n activeRadius: '45%',\n data: data,\n digitalFlopStyle: {\n fontSize: 20\n },\n showOriginValue: true\n }\n }\n}",
|
|
|
+ "time": 5000,
|
|
|
+ "component": {
|
|
|
+ "width": 949.32,
|
|
|
+ "height": 515.7,
|
|
|
+ "name": "datav",
|
|
|
+ "prop": "datav",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "is": 'dv-active-ring-chart'
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ "label": '装饰',
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "children": [{
|
|
|
+ label: '装饰1',
|
|
|
+ option: {
|
|
|
+ "title": "装饰1",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_01.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 1,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰2',
|
|
|
+ option: {
|
|
|
+ "title": "装饰2",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_02.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 2,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰3',
|
|
|
+ option: {
|
|
|
+ "title": "装饰3",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_03.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 3,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰4',
|
|
|
+ option: {
|
|
|
+ "title": "装饰4",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_04.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 4,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰5',
|
|
|
+ option: {
|
|
|
+ "title": "装饰5",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_05.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 5,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰6',
|
|
|
+ option: {
|
|
|
+ "title": "装饰6",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_06.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 6,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰7',
|
|
|
+ option: {
|
|
|
+ "title": "装饰7",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_07.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 7,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰8',
|
|
|
+ option: {
|
|
|
+ "title": "装饰8",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_08.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 8,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰9',
|
|
|
+ option: {
|
|
|
+ "title": "装饰9",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_09.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 440.5,
|
|
|
+ "height": 377.65,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 9,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰10',
|
|
|
+ option: {
|
|
|
+ "title": "装饰10",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_10.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 10,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰11',
|
|
|
+ option: {
|
|
|
+ "title": "装饰11",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_11.png',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 670,
|
|
|
+ "height": 370,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 11,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '装饰12',
|
|
|
+ option: {
|
|
|
+ "title": "装饰12",
|
|
|
+ "name": "datav",
|
|
|
+ "icon": 'icon-jianzhuzhuangshi',
|
|
|
+ "img": '/img/assets/decorate/decorate_12.gif',
|
|
|
+ "top": 0,
|
|
|
+ "left": 0,
|
|
|
+ "data": {},
|
|
|
+ "component": {
|
|
|
+ "width": 430,
|
|
|
+ "height": 430,
|
|
|
+ "name": "decoration",
|
|
|
+ "prop": "decoration"
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ type: 12,
|
|
|
+ color1: '#00CED1',
|
|
|
+ color2: '#FAD400',
|
|
|
+ dur: undefined
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }, {
|
|
|
+ label: '二次开发',
|
|
|
+ icon: 'el-icon-info',
|
|
|
+ children: [{
|
|
|
+ label: '自定义组件',
|
|
|
+ option: {
|
|
|
+ "name": "自定义组件",
|
|
|
+ "title": "自定义组件",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/text4.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 800,
|
|
|
+ "height": 500,
|
|
|
+ "name": "test",
|
|
|
+ "prop": "test",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ "fontSize": 20,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '滚动选项卡',
|
|
|
+ option: {
|
|
|
+ "name": "滚动选项卡",
|
|
|
+ "title": "滚动选项卡",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/text4.png',
|
|
|
+ "dataType": 0,
|
|
|
+ data: [{
|
|
|
+ text: '领导调研',
|
|
|
+ list: [
|
|
|
+ "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg",
|
|
|
+ "https://img.alicdn.com/tfs/TB1uevcCrj1gK0jSZFuXXcrHpXa-1880-640.jpg"
|
|
|
+ ]
|
|
|
+ }, {
|
|
|
+ text: '先进事件',
|
|
|
+ list: [
|
|
|
+ "https://img.alicdn.com/imgextra/i1/O1CN01NAnI6W1Vf1kZScscd_!!6000000002679-0-tps-2880-1070.jpg",
|
|
|
+ "https://img.alicdn.com/imgextra/i2/O1CN011FMQT21RF8u1nHsem_!!6000000002081-0-tps-2880-1070.jpg"
|
|
|
+ ]
|
|
|
+ }],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 800,
|
|
|
+ "height": 400,
|
|
|
+ "name": "imgTabs",
|
|
|
+ "prop": "imgTabs",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ direction: 'horizontal',
|
|
|
+ interval: 3000,
|
|
|
+ time: 5000,
|
|
|
+ autoplay: true
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }, {
|
|
|
+ label: '滚动列表',
|
|
|
+ option: {
|
|
|
+ "name": "滚动列表",
|
|
|
+ "title": "滚动列表",
|
|
|
+ "icon": 'icon-bar',
|
|
|
+ "img": '/img/assets/text4.png',
|
|
|
+ "dataType": 0,
|
|
|
+ "data": [
|
|
|
+ {
|
|
|
+ "name": "smallwei",
|
|
|
+ "time": "11:26",
|
|
|
+ "color": "#7c324c",
|
|
|
+ "date": "2022-05-22",
|
|
|
+ "dept": "设计部",
|
|
|
+ "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "smallwei",
|
|
|
+ "time": "11:26",
|
|
|
+ "color": "#6b6230",
|
|
|
+ "date": "2022-05-22",
|
|
|
+ "dept": "设计部",
|
|
|
+ "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ "name": "smallwei",
|
|
|
+ "time": "11:26",
|
|
|
+ "date": "2022-05-22",
|
|
|
+ "color": "#274d86",
|
|
|
+ "dept": "设计部",
|
|
|
+ "img": "https://oss.bladex.vip/caster/upload/20220522/6f2a92d95b64efeb42c131489abaff2f.webp"
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ "dataFormatter": "",
|
|
|
+ "stylesFormatter": "",
|
|
|
+ "component": {
|
|
|
+ "width": 800,
|
|
|
+ "height": 500,
|
|
|
+ "name": "imgList",
|
|
|
+ "prop": "imgList",
|
|
|
+ },
|
|
|
+ "option": {
|
|
|
+ step: 1,
|
|
|
+ direction: 1,
|
|
|
+ hoverStop: true,
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }]
|
|
|
+ }]
|
|
|
+}
|
yusheng
