diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue index 0b3506b..4d46e4a 100644 --- a/src/layouts/components/Tools/index.vue +++ b/src/layouts/components/Tools/index.vue @@ -163,13 +163,13 @@ --> - +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
- +
+ {{ userStore.name }} - - +
+
' + + params.data.name + + '
数量：' + + params.data.value[2] + ); + } else if (params.seriesType == 'lines') { + return ( + '
' + + params.data.fromName + + ' ---> ' + + params.data.toName + + '
数量：' + + params.data.value + ); + } else { + return params.name; + } + }, + }, + visualMap: { + min: 0, + max: 100, + calculable: true, + color: color, + // textStyle: { + // color: '#fff', + // }, + show: false, + }, + geo: { + map: 'china', + zoom: 0.98, + zlevel: 2, + label: { + emphasis: { + show: false, + }, + }, + roam: false, //是否允许缩放 + itemStyle: { + normal: { + areaColor: '#214278', + borderColor: '#195BB9', //省市边界线00fcff 516a89 + }, + emphasis: { + color: '#112246', //悬浮背景 + }, + }, + }, + series: series, + }; + /** 初始化图表 */ + EchartContainerRef.value.initData(option); + }); + return { + dataContainer, + EchartContainerRef, + }; + }, +}); + + + + + diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue index 0b3506b..4d46e4a 100644 --- a/src/layouts/components/Tools/index.vue +++ b/src/layouts/components/Tools/index.vue @@ -163,13 +163,13 @@ -->
- +
+ {{ userStore.name }} - - +
+
' + + params.data.name + + '
数量：' + + params.data.value[2] + ); + } else if (params.seriesType == 'lines') { + return ( + '
' + + params.data.fromName + + ' ---> ' + + params.data.toName + + '
数量：' + + params.data.value + ); + } else { + return params.name; + } + }, + }, + visualMap: { + min: 0, + max: 100, + calculable: true, + color: color, + // textStyle: { + // color: '#fff', + // }, + show: false, + }, + geo: { + map: 'china', + zoom: 0.98, + zlevel: 2, + label: { + emphasis: { + show: false, + }, + }, + roam: false, //是否允许缩放 + itemStyle: { + normal: { + areaColor: '#214278', + borderColor: '#195BB9', //省市边界线00fcff 516a89 + }, + emphasis: { + color: '#112246', //悬浮背景 + }, + }, + }, + series: series, + }; + /** 初始化图表 */ + EchartContainerRef.value.initData(option); + }); + return { + dataContainer, + EchartContainerRef, + }; + }, +}); + + + + + diff --git a/src/views/bigScreen/components/deptDangerTable.vue b/src/views/bigScreen/components/deptDangerTable.vue new file mode 100644 index 0000000..87aad20 --- /dev/null +++ b/src/views/bigScreen/components/deptDangerTable.vue @@ -0,0 +1,89 @@ + + + + + + + + + diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue index 0b3506b..4d46e4a 100644 --- a/src/layouts/components/Tools/index.vue +++ b/src/layouts/components/Tools/index.vue @@ -163,13 +163,13 @@ -->
- +
+ {{ userStore.name }} - - +
+
' + + params.data.name + + '
数量：' + + params.data.value[2] + ); + } else if (params.seriesType == 'lines') { + return ( + '
' + + params.data.fromName + + ' ---> ' + + params.data.toName + + '
数量：' + + params.data.value + ); + } else { + return params.name; + } + }, + }, + visualMap: { + min: 0, + max: 100, + calculable: true, + color: color, + // textStyle: { + // color: '#fff', + // }, + show: false, + }, + geo: { + map: 'china', + zoom: 0.98, + zlevel: 2, + label: { + emphasis: { + show: false, + }, + }, + roam: false, //是否允许缩放 + itemStyle: { + normal: { + areaColor: '#214278', + borderColor: '#195BB9', //省市边界线00fcff 516a89 + }, + emphasis: { + color: '#112246', //悬浮背景 + }, + }, + }, + series: series, + }; + /** 初始化图表 */ + EchartContainerRef.value.initData(option); + }); + return { + dataContainer, + EchartContainerRef, + }; + }, +}); + + + + + diff --git a/src/views/bigScreen/components/deptDangerTable.vue b/src/views/bigScreen/components/deptDangerTable.vue new file mode 100644 index 0000000..87aad20 --- /dev/null +++ b/src/views/bigScreen/components/deptDangerTable.vue @@ -0,0 +1,89 @@ + + + + + + + + + diff --git a/src/views/bigScreen/components/echartContainer.vue b/src/views/bigScreen/components/echartContainer.vue new file mode 100644 index 0000000..1ec17d8 --- /dev/null +++ b/src/views/bigScreen/components/echartContainer.vue @@ -0,0 +1,92 @@ + + + + + diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue index 0b3506b..4d46e4a 100644 --- a/src/layouts/components/Tools/index.vue +++ b/src/layouts/components/Tools/index.vue @@ -163,13 +163,13 @@ -->
- +
+ {{ userStore.name }} - - +
+
' + + params.data.name + + '
数量：' + + params.data.value[2] + ); + } else if (params.seriesType == 'lines') { + return ( + '
' + + params.data.fromName + + ' ---> ' + + params.data.toName + + '
数量：' + + params.data.value + ); + } else { + return params.name; + } + }, + }, + visualMap: { + min: 0, + max: 100, + calculable: true, + color: color, + // textStyle: { + // color: '#fff', + // }, + show: false, + }, + geo: { + map: 'china', + zoom: 0.98, + zlevel: 2, + label: { + emphasis: { + show: false, + }, + }, + roam: false, //是否允许缩放 + itemStyle: { + normal: { + areaColor: '#214278', + borderColor: '#195BB9', //省市边界线00fcff 516a89 + }, + emphasis: { + color: '#112246', //悬浮背景 + }, + }, + }, + series: series, + }; + /** 初始化图表 */ + EchartContainerRef.value.initData(option); + }); + return { + dataContainer, + EchartContainerRef, + }; + }, +}); + + + + + diff --git a/src/views/bigScreen/components/deptDangerTable.vue b/src/views/bigScreen/components/deptDangerTable.vue new file mode 100644 index 0000000..87aad20 --- /dev/null +++ b/src/views/bigScreen/components/deptDangerTable.vue @@ -0,0 +1,89 @@ + + + + + + + + + diff --git a/src/views/bigScreen/components/echartContainer.vue b/src/views/bigScreen/components/echartContainer.vue new file mode 100644 index 0000000..1ec17d8 --- /dev/null +++ b/src/views/bigScreen/components/echartContainer.vue @@ -0,0 +1,92 @@ + + + + + diff --git a/src/views/bigScreen/components/viewHead.vue b/src/views/bigScreen/components/viewHead.vue new file mode 100644 index 0000000..1d09cb3 --- /dev/null +++ b/src/views/bigScreen/components/viewHead.vue @@ -0,0 +1,94 @@ + + + + + diff --git a/src/layouts/components/Tools/index.vue b/src/layouts/components/Tools/index.vue index 0b3506b..4d46e4a 100644 --- a/src/layouts/components/Tools/index.vue +++ b/src/layouts/components/Tools/index.vue @@ -163,13 +163,13 @@ -->
- +
+ {{ userStore.name }} - - +
+
' + + params.data.name + + '
数量：' + + params.data.value[2] + ); + } else if (params.seriesType == 'lines') { + return ( + '
' + + params.data.fromName + + ' ---> ' + + params.data.toName + + '
数量：' + + params.data.value + ); + } else { + return params.name; + } + }, + }, + visualMap: { + min: 0, + max: 100, + calculable: true, + color: color, + // textStyle: { + // color: '#fff', + // }, + show: false, + }, + geo: { + map: 'china', + zoom: 0.98, + zlevel: 2, + label: { + emphasis: { + show: false, + }, + }, + roam: false, //是否允许缩放 + itemStyle: { + normal: { + areaColor: '#214278', + borderColor: '#195BB9', //省市边界线00fcff 516a89 + }, + emphasis: { + color: '#112246', //悬浮背景 + }, + }, + }, + series: series, + }; + /** 初始化图表 */ + EchartContainerRef.value.initData(option); + }); + return { + dataContainer, + EchartContainerRef, + }; + }, +}); + + + + + diff --git a/src/views/bigScreen/components/deptDangerTable.vue b/src/views/bigScreen/components/deptDangerTable.vue new file mode 100644 index 0000000..87aad20 --- /dev/null +++ b/src/views/bigScreen/components/deptDangerTable.vue @@ -0,0 +1,89 @@ + + + + + + + + + diff --git a/src/views/bigScreen/components/echartContainer.vue b/src/views/bigScreen/components/echartContainer.vue new file mode 100644 index 0000000..1ec17d8 --- /dev/null +++ b/src/views/bigScreen/components/echartContainer.vue @@ -0,0 +1,92 @@ + + + + + diff --git a/src/views/bigScreen/components/viewHead.vue b/src/views/bigScreen/components/viewHead.vue new file mode 100644 index 0000000..1d09cb3 --- /dev/null +++ b/src/views/bigScreen/components/viewHead.vue @@ -0,0 +1,94 @@ + + + + + diff --git a/src/views/bigScreen/index.vue b/src/views/bigScreen/index.vue new file mode 100644 index 0000000..b128fff --- /dev/null +++ b/src/views/bigScreen/index.vue @@ -0,0 +1,168 @@ + + + + +