869 lines
23 KiB
JavaScript
869 lines
23 KiB
JavaScript
/**
|
|
* 大屏设计资产库,模板设置中心
|
|
*
|
|
*/
|
|
export const chartTpl = [{
|
|
label: '柱状图', type: 'bar', list: [{
|
|
code: 'widget-linechart',
|
|
type: 'barChart1',
|
|
label: '柱状图1',
|
|
title: '柱状图',
|
|
border: 'border6',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar1.png',
|
|
width: 500,
|
|
sourceDataId: '',
|
|
height: 300,
|
|
dataX: '',
|
|
zIndex: 1,
|
|
dataY: [],
|
|
top: 0,
|
|
left: 0,
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart1',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart2',
|
|
label: '柱状图2',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
title: '柱状图2',
|
|
width: 500,
|
|
border: 'border6',
|
|
sourceDataId: '',
|
|
height: 300,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar2.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
top: 0,
|
|
zIndex: 1,
|
|
left: 0,
|
|
dataType: 'staticData',
|
|
api: '',
|
|
apiData: [],
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart2',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart3',
|
|
label: '柱状图3',
|
|
title: '柱状图3',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
sourceDataId: '',
|
|
height: 300,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar3.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
border: 'border6',
|
|
top: 0,
|
|
left: 0,
|
|
zIndex: 1,
|
|
dataType: 'staticData',
|
|
api: '',
|
|
apiData: [],
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart3',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart5',
|
|
label: '柱状图4',
|
|
title: '柱状图4',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
sourceDataId: '',
|
|
height: 300,
|
|
dataX: '',
|
|
dataY: [],
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar5.png',
|
|
top: 0,
|
|
left: 0,
|
|
border: 'border6',
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart5',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart7',
|
|
label: '柱状图5',
|
|
title: '柱状图5',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
sourceDataId: '',
|
|
height: 300,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar7.png',
|
|
dataX: '',
|
|
zIndex: 1,
|
|
dataY: [],
|
|
top: 0,
|
|
left: 0,
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart7',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart8',
|
|
label: '柱状图6',
|
|
title: '柱状图6',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
sourceDataId: '',
|
|
border: 'border6',
|
|
height: 300,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar8.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart8',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'barChart9',
|
|
label: '柱状图7',
|
|
title: '柱状图7',
|
|
border: 'border6',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar9.png',
|
|
sourceDataId: '',
|
|
height: 300,
|
|
dataX: '',
|
|
dataY: [],
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart9',
|
|
dynamicData: []
|
|
}, {
|
|
type: 'barChart10',
|
|
label: '柱状图8',
|
|
title: '柱状图8',
|
|
border: 'border13',
|
|
width: 500,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/bar10.png',
|
|
height: 300,
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23}, {name: '水电费', v1: 12}, {name: '凡哥', v1: 67}, {name: '党费', v1: 98}],
|
|
config: 'barChart10'
|
|
},
|
|
]
|
|
}, {
|
|
label: '折线图', type: 'line', list: [{
|
|
code: 'widget-linechart',
|
|
type: 'lineChart1',
|
|
label: '折线图1',
|
|
title: '折线图1',
|
|
border: 'border6',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
height: 300,
|
|
top: 0,
|
|
left: 0,
|
|
zIndex: 1,
|
|
api: '',
|
|
apiData: [],
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/line1.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'lineChart1',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'lineChart2',
|
|
label: '折线图2',
|
|
title: '折线图2',
|
|
border: 'border6',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
width: 500,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/line2.png',
|
|
height: 300,
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
dataY: [],
|
|
zIndex: 1,
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'lineChart2',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'lineChart3',
|
|
label: '折线图3',
|
|
title: '折线图3',
|
|
icon: 'icontext_box',
|
|
border: 'border6',
|
|
value: '',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/line3.png',
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'lineChart3',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'lineChart4',
|
|
label: '折线图4',
|
|
title: '折线图4',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
border: 'border6',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/line4.png',
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'lineChart4',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'lineChart5',
|
|
label: '折线图5',
|
|
title: '折线图5',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
border: 'border6',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/line5.png',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'lineChart5',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}]
|
|
}, {
|
|
label: '饼图', type: 'pie', list: [{
|
|
code: 'widget-linechart',
|
|
type: 'pieChart2',
|
|
config: 'pieChart2',
|
|
label: '饼图',
|
|
title: '饼图',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
border: 'border6',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'pieChart1',
|
|
label: '饼图',
|
|
title: '饼图',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
border: 'border6',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'pieChart1',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
code: 'widget-linechart',
|
|
type: 'pieChart3',
|
|
label: '饼图',
|
|
title: '饼图',
|
|
icon: 'icontext_box',
|
|
value: '',
|
|
border: 'border6',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
staticData: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}],
|
|
config: 'pieChart3',
|
|
sourceDataId: '',
|
|
dynamicData: []
|
|
}, {
|
|
type: 'summary',
|
|
label: '进度饼图',
|
|
title: '进度饼图',
|
|
border: 'border15',
|
|
display: 'processPie',
|
|
width: 500,
|
|
height: 300,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/processPieChart.png',
|
|
dataType: 'staticData',
|
|
staticData: {name: '综合调处率', label: "累计调解成功", v1: 23, totalLabel: "累计排查受理", total: 33},
|
|
},]
|
|
}]
|
|
|
|
const customHtml = {
|
|
label: "HTML块", type: "html", list: [{
|
|
type: 'html',
|
|
label: '自定义HTML',
|
|
title: '自定义HTML',
|
|
border: 'border0',
|
|
width: 500,
|
|
height: 300,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
|
html: `<div style="width: 100%;height: 100%;background: #fff;text-align: center;line-height: 300px;font-size: 20px;color: #000;">自定义HTML</div>`
|
|
}]
|
|
}
|
|
const components = [{
|
|
type: 'chart', label: '图表', list: [...chartTpl, {
|
|
label: "多维图", type: "plot", list: [{
|
|
type: 'plot',
|
|
label: '多维图表',
|
|
title: '多维图表',
|
|
border: 'border0',
|
|
width: 500,
|
|
height: 300,
|
|
top: 0,
|
|
left: 0,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png',
|
|
charts: [{
|
|
title: "饼状图统计",
|
|
chart: "pieChart2",
|
|
dataType: 'staticData',
|
|
data: [{name: '阿斯达', v1: 23, v2: 33}, {name: '水电费', v1: 12, v2: 34}, {
|
|
name: '凡哥',
|
|
v1: 67,
|
|
v2: 25
|
|
}, {name: '党费', v1: 98, v2: 85}]
|
|
}],
|
|
|
|
}]
|
|
}]
|
|
}, {
|
|
label: '表格', list: [
|
|
{
|
|
label: '单表格', list: [{
|
|
type: 'table',
|
|
label: '表格',
|
|
title: '表格',
|
|
border: 'border6',
|
|
width: 650,
|
|
height: 400,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/table.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
rowNum: 7,
|
|
isShowIndex: '1',
|
|
sourceDataId: '',
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
dynamicData: [],
|
|
staticData: [{name: '列1', v: 23, v2: 3}, {name: '列2', v: 12, v2: 4}, {name: '列2', v: 12, v2: 4}]
|
|
}, {
|
|
type: 'AiDvTable',
|
|
label: '新版表格',
|
|
title: '新版表格',
|
|
border: 'border6',
|
|
width: 650,
|
|
height: 400,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/table.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
rowNum: 7,
|
|
stripe: '1',
|
|
isShowIndex: '1',
|
|
sourceDataId: '',
|
|
api: '',
|
|
config: [{
|
|
width: '', color: '', align: ''
|
|
}, {
|
|
width: '', color: '', align: ''
|
|
}, {
|
|
width: '', color: '', align: ''
|
|
}],
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
dynamicData: [],
|
|
staticData: [{name: '列1', v: 23, v2: 3}, {name: '列2', v: 12, v2: 4}, {name: '列2', v: 12, v2: 4}]
|
|
}, {
|
|
type: 'AiRanking',
|
|
label: '排行榜',
|
|
title: '排行榜',
|
|
border: 'border6',
|
|
width: 523,
|
|
height: 400,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/table.png',
|
|
dataX: '',
|
|
dataY: [],
|
|
rowNum: 7,
|
|
subType: 'Ranking1',
|
|
stripe: '1',
|
|
isShowIndex: '1',
|
|
sourceDataId: '',
|
|
api: '',
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
dynamicData: [],
|
|
staticData: [{name: '列1', value: 23}, {name: '列2', value: 12}, {name: '列2', value: 12}]
|
|
}]
|
|
},
|
|
]
|
|
}, {
|
|
type: 'ai3d', label: "3D", list: [{
|
|
label: "3D楼栋", type: 'building', list: [{
|
|
type: 'building1',
|
|
label: "楼栋模型1",
|
|
width: 840,
|
|
height: 800,
|
|
zIndex: 1,
|
|
title: "楼栋模型1",
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/total.png'
|
|
}]
|
|
}]
|
|
},
|
|
{
|
|
label: "AI", list: [
|
|
{
|
|
label: "AI助手",
|
|
list: [{
|
|
type: "aiAssist",
|
|
label: "AI助手",
|
|
width: 134,
|
|
height: 140,
|
|
zIndex: 1,
|
|
title: "AI助手",
|
|
thumb: "https://cdn.cunwuyun.cn/dvcp/dv/aiIcon.png"
|
|
}]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
label: '其他', list: [
|
|
{
|
|
label: "图片", list: [
|
|
{
|
|
label: "普通图片",
|
|
type: "img",
|
|
width: 500,
|
|
height: 400,
|
|
thumb: "https://cdn.cunwuyun.cn/dvcp/dv/img/display0-bg.png"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
label: '地图', type: 'map', list: [{
|
|
type: 'map',
|
|
label: '地图',
|
|
display: 'map',
|
|
width: 840,
|
|
height: 534,
|
|
left: 0,
|
|
top: 0,
|
|
mask: '2',
|
|
pulseLines: '1',
|
|
mapStyle: "e51987628aee5206d4c9ca8c6e98b4f7",
|
|
areaId: '',
|
|
zIndex: 1,
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
dynamicData: [],
|
|
staticData: [{
|
|
label: '中卫慧通', lng: 117.1339399, lat: 36.7190487,
|
|
}],
|
|
api: '',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/map.png',
|
|
is3dAround: '0',
|
|
limitArea: '0',
|
|
layers: 'vector'
|
|
}, {
|
|
type: 'AiDvMap',
|
|
label: '地图',
|
|
display: 'map',
|
|
width: 840,
|
|
height: 534,
|
|
left: 0,
|
|
top: 0,
|
|
mask: '2',
|
|
pulseLines: '1',
|
|
mapStyle: "e51987628aee5206d4c9ca8c6e98b4f7",
|
|
areaId: '',
|
|
zIndex: 1,
|
|
apiData: [],
|
|
dataType: 'staticData',
|
|
dynamicData: [],
|
|
staticData: [{
|
|
label: '中卫慧通', lng: 117.1339399, lat: 36.7190487,
|
|
}],
|
|
api: '',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/map.png',
|
|
is3dAround: '0',
|
|
limitArea: '0',
|
|
}]
|
|
}, {
|
|
label: '党组织', type: 'partyOrg', list: [{
|
|
type: 'partyOrg',
|
|
label: '党组织',
|
|
width: 840,
|
|
height: 800,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
dataY: [],
|
|
title: '党组织',
|
|
border: 'border3',
|
|
sourceDataId: '',
|
|
dataType: 'staticData',
|
|
staticData: [{
|
|
key: '个人服务办理', value: 247
|
|
}, {
|
|
key: '同比上月', value: 247
|
|
}],
|
|
dynamicData: [],
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/total.png'
|
|
}]
|
|
}, {
|
|
label: '边框', type: 'panel', list: [{
|
|
type: 'panel',
|
|
label: '边框',
|
|
title: '边框',
|
|
border: 'border0',
|
|
width: 400,
|
|
height: 400,
|
|
isZoom: false,
|
|
zIndex: 1,
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/border.png'
|
|
}]
|
|
}, {
|
|
label: '装饰', type: 'display', list: [{
|
|
type: 'display',
|
|
label: '装饰',
|
|
display: 'display0',
|
|
width: 840,
|
|
height: 540,
|
|
isZoom: false,
|
|
zIndex: 1,
|
|
title: '标题',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/display.png',
|
|
sourceDataId: '',
|
|
dataType: 'staticData',
|
|
staticData: [{
|
|
label: '个人服务办理', value: 247
|
|
}, {
|
|
label: '同比上月', value: 247
|
|
}]
|
|
}]
|
|
}, {
|
|
label: '轮播图', list: [{
|
|
type: 'swiper',
|
|
label: '轮播图',
|
|
width: 400,
|
|
height: 300,
|
|
zIndex: 1,
|
|
border: 'border2',
|
|
dataType: 'staticData',
|
|
staticData: [{
|
|
img: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/pie.png', title: '湖羊', content: `歙县众城湖羊养殖专业合作社
|
|
徐晓红 - 18273645627
|
|
歙县郑村镇唐跃村碉墅`
|
|
}],
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/swiper.png'
|
|
}, {
|
|
type: 'swiper',
|
|
label: '轮播图(点指示器)',
|
|
width: 800,
|
|
height: 358,
|
|
zIndex: 1,
|
|
border: 'border14',
|
|
dataType: 'staticData',
|
|
staticData: [{
|
|
content: `歙县众城湖羊养殖专业合作社
|
|
徐晓红 - 18273645627
|
|
歙县郑村镇唐跃村碉墅`
|
|
}, {
|
|
content: `歙县众城湖羊养殖专业合作社
|
|
徐晓红 - 18273645627
|
|
歙县郑村镇唐跃村碉墅`
|
|
},],
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/swiper.png',
|
|
dotIndicator: true
|
|
}]
|
|
}, {
|
|
label: '视频播放器', type: 'video', list: [{
|
|
type: 'video',
|
|
label: '视频播放器',
|
|
width: 400,
|
|
height: 300,
|
|
zIndex: 1,
|
|
src: '',
|
|
border: 'border2',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/swiper.png'
|
|
}]
|
|
}, {
|
|
label: '数据统计', type: 'summary', list: [{
|
|
type: 'summary',
|
|
label: '数据统计',
|
|
display: 'summary0',
|
|
width: 480,
|
|
height: 240,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
dataX: '',
|
|
dataY: [],
|
|
summaryTitle: '',
|
|
border: 'border3',
|
|
sourceDataId: '',
|
|
title: '数据统计',
|
|
dataType: 'staticData',
|
|
staticData: [{
|
|
key: '个人服务办理', value: 247
|
|
}, {
|
|
key: '同比上月', value: 247
|
|
}],
|
|
dynamicData: [],
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/total.png'
|
|
}]
|
|
}, {
|
|
label: '视频监控', list: [
|
|
{
|
|
type: 'monitor',
|
|
label: '视频监控',
|
|
src: '',
|
|
width: 480,
|
|
height: 240,
|
|
zIndex: 1,
|
|
top: 0,
|
|
left: 0,
|
|
title: '',
|
|
moniterId: '',
|
|
monitorType: 'cmcc',
|
|
api: '/app/appzyvideoequipment/list2',
|
|
border: 'border2',
|
|
sourceDataId: '',
|
|
dataType: 'staticData',
|
|
staticData: '',
|
|
dynamicData: '',
|
|
thumb: 'https://cdn.cunwuyun.cn/dvcp/dv/tpl/video.png'
|
|
},
|
|
{
|
|
type: "monitorCarousel",
|
|
label: "视频轮播",
|
|
width: 480,
|
|
height: 480,
|
|
zIndex: 1,
|
|
title: "视频轮播",
|
|
thumb: "https://cdn.cunwuyun.cn/dvcp/dv/tpl/video.png"
|
|
}
|
|
]
|
|
}, customHtml]
|
|
}]
|
|
|
|
export {components}
|
|
|
|
/**
|
|
* 大屏组件数据类
|
|
*/
|
|
export class DvCompData {
|
|
static types = {
|
|
staticData: "静态数据", dynamicData: "动态数据", apiData: "接口数据", htmlData: "HTML数据"
|
|
}
|
|
|
|
constructor(type, dataConfig = {}, instance) {
|
|
this.instance = instance
|
|
this.type = type
|
|
this.params = dataConfig
|
|
}
|
|
|
|
getData() {
|
|
return this.type == 'staticData' ? this.getStaticData() :
|
|
this.type == 'htmlData' ? this.getStaticData() :
|
|
this.type == 'dynamicData' ? this.getDynamicData() :
|
|
this.type == 'apiData' ? this.getApiData() : []
|
|
}
|
|
|
|
getDynamicData() {
|
|
const {sourceDataId: id} = this.params
|
|
return id ? this.getAsyncData(`/app/appdiylargescreen/statisticsByLsid?id=${id}`) : Promise.reject("未获取到数据源id")
|
|
}
|
|
|
|
getStaticData() {
|
|
const {staticData} = this.params
|
|
return new Promise((resolve, reject) => {
|
|
staticData ? resolve(staticData) : reject("未获取到静态数据")
|
|
})
|
|
}
|
|
|
|
getApiData() {
|
|
const {api} = this.params
|
|
return api ? this.getAsyncData(api) : Promise.reject("未获取到api")
|
|
}
|
|
|
|
getAsyncData(api) {
|
|
return this.instance.post(api).then(res => {
|
|
if (res?.data) {
|
|
const list = res.data,
|
|
firstRecord = list?.[0] || {},
|
|
keys = Object.keys(firstRecord)
|
|
let meta = []
|
|
if (['AiDvTable', 'table'].includes(this.params.type)) {
|
|
meta = keys.map(v => {
|
|
let obj = {}
|
|
list.forEach((item, index) => {
|
|
obj[`v${index}`] = item[v]
|
|
})
|
|
return {row: v, ...obj}
|
|
})
|
|
} else if (this.params.type === 'summary') {
|
|
if (this.params.display === 'summary9') {
|
|
meta = res.data
|
|
} else {
|
|
meta = keys.map(key => ({key, value: firstRecord[key]}))
|
|
}
|
|
} else if (this.type === 'dynamicData' && !this.params.dataX && this.params.dataY?.length <= 0) {
|
|
meta = keys.map(key => ({key, value: firstRecord[key]}))
|
|
} else {
|
|
if (this.params.dataX && this.params.dataY.length) {
|
|
list.forEach(i => {
|
|
let obj = {}
|
|
this.params.dataY.forEach(v => obj[v] = i[v])
|
|
meta.push({
|
|
[this.params.dataX]: i[this.params.dataX], ...obj
|
|
})
|
|
})
|
|
} else {
|
|
meta = res.data
|
|
}
|
|
}
|
|
return meta
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 监控类型
|
|
*/
|
|
export const monitorTypes = [
|
|
{dictName: "中国移动", dictValue: "cmcc"},
|
|
{dictName: "海康威视", dictValue: "hik"},
|
|
{dictName: "大华", dictValue: "dahua"},
|
|
{dictName: "视联网", dictValue: "slw"},
|
|
]
|