gwlz/jp-ui/public/datav/config.js

window.$website = {
	isDemo: false,
	isDemoTip: "演示环境不允许操作",
	title: "数据大屏",
	name: "WELCOME TO DATAV",
	subName: "可视化数据大屏",
	url: "",
	autoSave: false,
	autoSaveTime: 60000,
	tabsList: [0, 1, 2, 3, 4, 5, 6],
	componentsList: [
		{
			name: "test",
			component: "testComponents",
			option: "testOption",
			data: true,
		},
	],
	baseList: [
		{
			label: "图表",
			icon: "icon-bar",
			children: [
				{
					label: "通用型",
					option: {
						name: "通用型",
						title: "通用型",
						icon: "icon-bar",
						img: "/datav/img/assets/text5.png",
						dataType: 1,
						dataMethod: "get",
						data: {
							categories: [
								"苹果",
								"三星",
								"小米",
								"oppo",
								"vivo",
							],
							series: [
								{
									name: "手机品牌",
									data: [
										1000879, 3400879, 2300879, 5400879,
										3400879,
									],
								},
							],
						},
						echartFormatter:
							"(data,params)=>{\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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						url: "",
						component: {
							width: 600,
							height: 300,
							name: "common",
							prop: "common",
						},
					},
				},
				{
					label: "datav",
					option: {
						name: "datav",
						title: "datav",
						icon: "icon-datav",
						img: "/datav/img/assets/text6.png",
						dataType: 0,
						dataMethod: "get",
						data: {
							value: 66,
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						echartFormatter:
							"(data,params)=>{\n  console.log(data);\n  return {\n    config:{\n\t    data: [66] \n\t  }\n  }\n}",
						component: {
							width: 150,
							height: 200,
							name: "datav",
							prop: "datav",
						},
						option: {
							is: "dv-water-level-pond",
						},
					},
				},
				{
					label: "柱形图",
					option: {
						name: "柱状图",
						title: "柱状图",
						icon: "icon-bar",
						img: "/datav/img/assets/bar.png",
						data: {
							categories: [
								"苹果",
								"三星",
								"小米",
								"oppo",
								"vivo",
							],
							series: [
								{
									name: "手机品牌",
									data: [
										1000879, 3400879, 2300879, 5400879,
										3400879,
									],
								},
							],
						},
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 600,
							height: 300,
							name: "bar",
							prop: "bar",
						},
						option: {
							gridX: 90,
							gridY: 47,
							gridX2: 43,
							gridY2: 25,
							legend: true,
							tipShow: true,
							xAxisShow: true,
							yAxisShow: true,
							barWidth: 30,
							barRadius: 8,
							barColor: [
								{
									color1: "#83bff6",
									color2: "#188df0",
									postion: 90,
								},
								{
									color1: "#23B7E5",
									color2: "#564AA3",
									postion: 50,
								},
							],
							barMinHeight: 2,
						},
					},
				},
				{
					label: "折线图",
					option: {
						name: "折线图",
						title: "折线图",
						icon: "icon-line",
						img: "/datav/img/assets/line.png",
						data: {
							categories: [
								"苹果",
								"三星",
								"小米",
								"oppo",
								"vivo",
							],
							series: [
								{
									name: "手机品牌",
									data: [
										1000879, 3400879, 2300879, 5400879,
										3400879,
									],
								},
							],
						},
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 600,
							height: 300,
							name: "line",
							prop: "line",
						},
						option: {
							gridX: 84,
							gridY: 35,
							gridX2: 26,
							gridY2: 31,
							legend: true,
							tipShow: true,
							xAxisShow: true,
							yAxisShow: true,
							barColor: [
								{
									color1: "#83bff6",
									color2: "#188df0",
									postion: 90,
								},
								{
									color1: "#23B7E5",
									color2: "#564AA3",
									postion: 50,
								},
							],
							symbolShow: true,
							symbolSize: 6,
							smooth: true,
						},
					},
				},
				{
					label: "饼图",
					option: {
						name: "饼图",
						title: "饼图",
						icon: "icon-pie",
						img: "/datav/img/assets/pie.png",
						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",
							},
						],
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						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: "/datav/img/assets/bar2.png",
						data: [
							{
								name: "苹果",
								value: 1000879,
							},
							{
								name: "三星",
								value: 3400879,
							},
							{
								name: "小米",
								value: 2300879,
							},
							{
								name: "oppo",
								value: 5400879,
							},
							{
								name: "大疆",
								value: 3000,
							},
							{
								name: "抖音",
								value: 2000,
							},
						],
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 600,
							height: 300,
							name: "pictorialbar",
							prop: "pictorialbar",
						},
						option: {
							symbolSize: 30,
							split: 30,
							symbol: "/datav/img/source/source256.png",
							labelFontSize: "24",
							labelColor: "#4dffff",
							fontSize: 20,
							color: "#fff",
							gridX: 76,
							gridY: 4,
							gridX2: 127,
							gridY2: 0,
						},
					},
				},
				{
					label: "雷达图",
					option: {
						title: "雷达图",
						name: "雷达图",
						icon: "icon-radar",
						img: "/datav/img/assets/radar.png",
						dataType: 0,
						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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 970,
							height: 400,
							name: "radar",
							prop: "radar",
						},
						option: {
							width: "100%",
							height: 600,
							color: "#fff",
							fontSize: 18,
							areaOpacity: 0.3,
							legend: true,
							tipShow: true,
							barColor: [
								{
									color1: "#564AA3",
								},
								{
									color1: "#188df0",
								},
							],
						},
					},
				},
				{
					label: "散点图",
					option: {
						title: "散点图",
						name: "散点图",
						icon: "icon-scatter",
						img: "/datav/img/assets/scatter.png",
						dataType: 0,
						data: [
							{
								data: [
									[1, 8.04],
									[2, 6.95],
								],
							},
							{
								data: [
									[1, 4.04],
									[2, 3.95],
								],
							},
						],
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 600,
							height: 300,
							name: "scatter",
							prop: "scatter",
						},
						option: {
							gridX: 26,
							gridY: 12,
							gridX2: 14,
							gridY2: 30,
							lineSize: 25,
							tipShow: true,
							labelShow: true,
							legend: true,
							xAxisSplitLineShow: true,
							yAxisSplitLineShow: true,
							barColor: [
								{
									postion: 0.2,
									color1: "#91c7ae",
								},
								{
									postion: 0.8,
									color1: "#63869e",
								},
								{
									postion: 1,
									color1: "#c23531",
								},
							],
						},
					},
				},
				{
					label: "漏斗图",
					option: {
						title: "漏斗图",
						name: "漏斗图",
						icon: "icon-funnel",
						img: "/datav/img/assets/funnel.png",
						dataType: 0,
						data: [
							{ value: 60, name: "Visit" },
							{ value: 40, name: "Inquiry" },
							{ value: 20, name: "Order" },
							{ value: 80, name: "Click" },
							{ value: 100, name: "Show" },
						],
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 450,
							height: 350,
							name: "funnel",
							prop: "funnel",
						},
						option: {
							legend: true,
							labelShow: true,
							tipShow: true,
							barColor: [
								{
									color1: "#83bff6",
								},
								{
									color1: "#23B7E5",
								},
								{
									color1: "rgba(154, 168, 212, 1)",
								},
								{
									color1: "#188df0",
								},
								{
									color1: "#564AA3",
								},
							],
						},
					},
				},
				{
					label: "地图",
					option: {
						name: "地图",
						title: "地图",
						icon: "icon-map",
						img: "/datav/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:
							"(name,data)=>{\n  return '名称:'+name.data.name+name.data.value\n}",
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						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,
							roam: true,
							empAreaColor: "rgba(35, 183, 229, 0.42)",
							empColor: "rgba(217, 38, 10, 1)",
							index: "894edc1d-d2f0-4616-962c-8e61083ada71",
							mapData:
								"",
							color: "rgba(13, 255, 255, 1)",
						},
					},
				},
				{
					label: "矩形图",
					option: {
						name: "矩形图",
						title: "矩形图",
						icon: "icon-juxing",
						img: "/datav/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,
						component: {
							width: 754,
							height: 377,
							name: "rectangle",
							prop: "rectangle",
						},
						option: {
							tipShow: true,
							labelShow: true,
							labelShowColor: "#fff",
							labelShowFontSize: 14,
						},
					},
				},
				{
					label: "自定义Vue组件",
					option: {
						name: "自定义Vue组件",
						title: "自定义Vue组件",
						icon: "icon-bar",
						img: "/datav/img/assets/text4.png",
						dataType: 0,
						data: {
							name: "avue",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 800,
							height: 500,
							name: "vue",
							prop: "vue",
						},
						option: {
							content:
								'<template>\n    <div class="test">\n        <h1 @click="handleClick">{{$parent.dataChart}}<h1>\n    </div>\n</template>\n<script>\nexport default{\n    data(){\n        return{\n            \n        }\n    },\n    created(){\n        console.log(this.$parent);\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: "定时器",
					option: {
						name: "定时器",
						title: "定时器",
						icon: "icon-datetime",
						img: "/datav/img/assets/time.png",
						echartFormatter: "(refs)=>{\n    console.log(refs)\n}",
						component: {
							width: 100,
							height: 100,
							name: "time",
							prop: "time",
						},
						option: {
							time: 0,
						},
					},
				},
				{
					label: "数据集",
					option: {
						name: "数据集",
						title: "数据集",
						icon: "icon-text",
						img: "/datav/img/assets/time.png",
						component: {
							width: 100,
							height: 100,
							name: "data",
							prop: "data",
						},
						option: {},
					},
				},
			],
		},
		{
			label: "文字",
			icon: "icon-text",
			children: [
				{
					label: "文本框",
					option: {
						title: "文本框",
						name: "文本框",
						icon: "icon-text",
						img: "/datav/img/assets/text.png",
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						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: "/datav/img/assets/text2.png",
						top: 0,
						left: 0,
						dataType: 0,
						data: {
							value: "跑马灯",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						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: "/datav/img/assets/text3.png",
						top: 0,
						left: 0,
						data: {
							value: "超链接",
						},
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						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: "/datav/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: "/datav/img/assets/img.png",
						top: 0,
						left: 0,
						dataType: 0,
						data: {
							value: "/datav/img/img-default.png",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 180,
							height: 120,
							name: "img",
							prop: "img",
						},
						option: {
							duration: "1000",
						},
					},
				},
				{
					label: "图片框",
					option: {
						title: "图片框",
						name: "图片框",
						icon: "icon-img",
						img: "/datav/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: "/datav/img/assets/swiper.png",
						top: 0,
						left: 0,
						dataType: 0,
						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: "",
						dataQuery: "",
						dataHeader: "",
						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: "/datav/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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						option: {},
					},
				},
				{
					label: "video播放器",
					option: {
						title: "video",
						name: "video",
						icon: "icon-video",
						img: "/datav/img/assets/video.png",
						top: 0,
						left: 0,
						dataType: 0,
						data: {
							value: "http://www.w3school.com.cn/i/movie.ogg",
						},
						option: {
							autoplay: false,
							controls: true,
							loop: true,
							poster: "",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 670,
							height: 370,
							name: "video",
							prop: "video",
						},
					},
				},
				{
					label: "hls播放器",
					option: {
						title: "hls",
						name: "hls",
						icon: "icon-video",
						img: "/datav/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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 670,
							height: 370,
							option: {},
							name: "clapper",
							prop: "clapper",
						},
					},
				},
			],
		},
		{
			label: "指标",
			icon: "icon-flop",
			children: [
				{
					label: "翻牌器",
					option: {
						title: "翻牌器",
						name: "翻牌器",
						icon: "icon-flop",
						img: "/datav/img/assets/flop.png",
						top: 0,
						left: 0,
						dataType: 0,
						child: {
							index: [],
							paramName: "",
						},
						data: {
							value: "12345",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 445.6,
							height: 86.56,
							name: "flop",
							prop: "flop",
						},
						option: {
							textAlign: "center",
							paddingLeft: 10,
							marginLeft: 10,
							border: true,
							borderColor: "#fff",
							borderWidth: 10,
							backgroundBorder: "/img/border/border1.png",
							fontSize: 50,
							color: "#afdef2",
							backgroundColor: "#132d4f",
						},
					},
				},
				{
					label: "颜色块",
					option: {
						title: "颜色块",
						name: "颜色块",
						icon: "icon-flop",
						img: "/datav/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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 543.04,
							height: 196.28,
							name: "flop",
							prop: "flop",
						},
						option: {
							width: 180,
							whole: true,
							fontSize: 28,
							prefixFontSize: 13,
							backgroundColor: "#F56C6C",
							suffixFontSize: 18,
							marginTop: 10,
							marginLeft: 5,
							paddingTop: 10,
							paddingLeft: 30,
							color: "#fff",
							suffixInline: true,
							fontWeight: "bolder",
						},
					},
				},
				{
					label: "环形图",
					option: {
						title: "环形图",
						name: "环形图",
						icon: "icon-circle",
						img: "/datav/img/assets/progress.png",
						top: 0,
						left: 0,
						dataType: 0,
						data: {
							label: "人数增涨",
							value: 40,
							data: 80,
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 300,
							height: 300,
							name: "progress",
							prop: "progress",
						},
						option: {
							type: "circle",
							color: "#60d3da",
							fontSize: 25,
							suffixColor: "#60d3da",
							strokeWidth: 20,
							fontWeight: "normal",
							borderColor: "#60d3da",
							suffixFontSize: 30,
							FontWeight: "normal",
						},
					},
				},
				{
					label: "进度条",
					option: {
						title: "进度条",
						name: "进度条",
						icon: "icon-progress",
						img: "/datav/img/assets/progress2.png",
						top: 0,
						left: 0,
						data: {
							label: "人数增涨",
							value: 40,
							data: 80,
						},
						dataType: 0,
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 500,
							height: 100,
							name: "progress",
							prop: "progress",
						},
						option: {
							type: "line",
							color: "#60d3da",
							fontSize: 25,
							suffixColor: "#60d3da",
							strokeWidth: 10,
							fontWeight: "normal",
							borderColor: "#60d3da",
							suffixFontSize: 30,
							FontWeight: "normal",
						},
					},
				},
				{
					label: "仪表盘",
					option: {
						title: "仪表盘",
						icon: "icon-gauge",
						img: "/datav/img/assets/gauge.png",
						name: "仪表盘",
						dataType: 0,
						data: {
							value: 4,
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 390,
							height: 314,
							name: "gauge",
							prop: "gauge",
						},
						option: {
							lineSize: 15,
							axisLabelShow: true,
							axisLabelFontSize: 15,
							nameFontSize: 40,
							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: "/datav/img/assets/wordcloud.png",
						top: 0,
						left: 0,
						dataType: 0,
						data: [
							{
								name: "三星",
								value: "1",
							},
							{
								name: "小米",
								value: "10",
							},
							{
								name: "华为",
								value: "20",
							},
							{
								name: "oppo",
								value: "30",
							},
							{
								name: "抖音",
								value: "40",
							},
							{
								name: "快手",
								value: "50",
							},
							{
								name: "淘宝",
								value: "60",
							},
							{
								name: "百度",
								value: "70",
							},
							{
								name: "京东",
								value: "80",
							},
							{
								name: "天猫",
								value: "100",
							},
							{
								name: "字符1",
								value: "110",
							},
							{
								name: "字符1",
								value: "200",
								textStyle: {
									color: "red",
								},
							},
						],
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						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: "/datav/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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 700,
							height: 350,
							name: "table",
							prop: "table",
						},
						option: {
							showHeader: true,
							columnShow: true,
							columnViews: true,
							headerBackground: "#050e18",
							headerColor: "#69bfe7",
							headerTextAlign: "center",
							nthColor: "#09192c",
							bodyBackground: "rgba(0, 0, 0, 0.01)",
							bodyColor: "#69bfe7",
							bodyTextAlign: "center",
							align: "center",
							headerAlign: "center",
							header: false,
							scrollSpeed: 1,
							fontSize: 15,
							count: 4,
							index: true,
							column: [
								{
									label: "列1",
									prop: "type1",
									$index: 0,
								},
								{
									label: "列2",
									prop: "type2",
									$index: 1,
								},
								{
									label: "列3",
									prop: "type3",
									$index: 2,
								},
								{
									label: "列4",
									prop: "type4",
									$index: 3,
								},
							],
							othColor: "#142a40",
							headerFontSize: 20,
							bodyFontSize: 18,
						},
					},
				},
				{
					label: "选项卡",
					option: {
						title: "选项卡",
						name: "选项卡",
						icon: "icon-tabs",
						img: "/datav/img/assets/tabs.png",
						child: {
							index: [],
							paramName: "",
						},
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "装饰",
			icon: "icon-jianzhuzhuangshi",
			children: [
				{
					label: "装饰1",
					option: {
						title: "装饰1",
						name: "datav",
						icon: "icon-jianzhuzhuangshi",
						img: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "/datav/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: "icon-biankuang",
			children: [
				{
					label: "自定义组件",
					option: {
						name: "自定义组件",
						title: "自定义组件",
						ico: "icon-bar",
						img: "/datav/img/assets/text4.png",
						dataType: 0,
						data: [],
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 800,
							height: 500,
							name: "test",
							prop: "test",
						},
						option: {
							fontSize: 20,
						},
					},
				},
				{
					label: "滚动选项卡",
					option: {
						name: "滚动选项卡",
						title: "滚动选项卡",
						icon: "icon-bar",
						img: "/datav/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: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 800,
							height: 400,
							name: "imgTabs",
							prop: "imgTabs",
						},
						option: {
							direction: "horizontal",
							interval: 3000,
							time: 3000,
							autoplay: true,
						},
					},
				},
				{
					label: "滚动列表",
					option: {
						name: "滚动列表",
						title: "滚动列表",
						icon: "icon-bar",
						img: "/datav/img/assets/text4.png",
						dataType: 0,
						data: [
							{
								name: "smallwei",
								time: "11:26",
								color: "#7c324c",
								date: "2022-05-22",
								dept: "设计部",
								img: "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg",
							},
							{
								name: "smallwei",
								time: "11:26",
								color: "#6b6230",
								date: "2022-05-22",
								dept: "设计部",
								img: "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg",
							},
							{
								name: "smallwei",
								time: "11:26",
								date: "2022-05-22",
								color: "#274d86",
								dept: "设计部",
								img: "https://img.alicdn.com/tfs/TB1v28TC8v0gK0jSZKbXXbK2FXa-1880-640.jpg",
							},
						],
						dataFormatter: "",
						dataQuery: "",
						dataHeader: "",
						stylesFormatter: "",
						component: {
							width: 800,
							height: 500,
							name: "imgList",
							prop: "imgList",
						},
						option: {
							step: 1,
							direction: 1,
							hoverStop: true,
						},
					},
				},
			],
		},
	],
};