Tony/god-ytr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat:重庆市工程管理有限公司数字化提升项目 大屏

Browse Source
This commit is contained in:
xuyoubin 2024-01-11 16:57:37 +08:00
parent 16ee39a774
commit 0946f8123a
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
god-ui/src/views/bigscreen10/index.vue
View File

@ -261,11 +261,11 @@ export default {
data: [ data: [
{ {
name: "已付款", name: "已付款",
value: 20, value: 70,
}, },
{ {
name: "未收款", name: "未收款",
value: 80, value: 30,
}, },
], ],
label: { label: {
@ -521,27 +521,26 @@ export default {
{ {
location: [87.2305571, 42.952565], location: [87.2305571, 42.952565],
name: "新疆维吾尔自治区", name: "新疆维吾尔自治区",
money: "10", money: "110",
project: "10", project: "10",
}, },
{ {
location: [87.6720922, 30.4421226], location: [87.6720922, 30.4421226],
name: "西藏自治区", name: "西藏自治区",
number: "115", money: "200",
money: "15",
project: "18", project: "18",
}, },
{ {
location: [100.3294324, 37.073776], location: [100.3294324, 37.073776],
name: "甘肃省", name: "甘肃省",
money: "12", money: "210",
project: "15", project: "15",
}, },
{ {
location: [115.2680375, 42.6545234], location: [115.2680375, 42.6545234],
name: "内蒙古自治区", name: "内蒙古自治区",
money: "8", money: "150",
project: "10", project: "8",
}, },
{ {
location: [117.6596861, 35.494953], location: [117.6596861, 35.494953],
@ -552,20 +551,20 @@ export default {
{ {
location: [101.6172432, 30.8557071], location: [101.6172432, 30.8557071],
name: "四川省", name: "四川省",
money: "15", money: "300",
project: "10", project: "20",
}, },
{ {
location: [109.5096669, 21.9042145], location: [109.5096669, 21.9042145],
name: "广西壮族自治区", name: "广西壮族自治区",
money: "25", money: "200",
project: "15", project: "19",
}, },
{ {
location: [115.1760343, 25.8285884], location: [115.1760343, 25.8285884],
name: "江西省", name: "江西省",
money: "20", money: "270",
project: "16", project: "23",
}, },
]; ];
this.mainMapIns.setOption( this.mainMapIns.setOption(
@ -632,7 +631,7 @@ export default {
type: "scatter", type: "scatter",
coordinateSystem: "geo", coordinateSystem: "geo",
tooltip: { tooltip: {
backgroundColor: '#000', backgroundColor: '#00000000',
formatter: (val) => { formatter: (val) => {
const { data } = val; const { data } = val;
const { INFO } = data; const { INFO } = data;
@ -641,15 +640,18 @@ export default {
display:flex; display:flex;
align-items:center; align-items:center;
flex-direction: column; flex-direction: column;
justify-content: space-around;color:#fff;width:150px;height:0px"> height:100px;
<div style="width:100%,text-align:center;">${data.name}</div> justify-content: space-around;color:#fff;width:150px;">
<div style="display:flex;justify-content: center; align-items:center;width:100%;">
<div>${data.name}</div>
</div>
<div style="display: flex; justify-content: space-around; align-items:center;width:100%;"> <div style="display: flex; justify-content: space-around; align-items:center;width:100%;">
<div>客户数量</div> <div>客户数量:</div>
<div>${data.project}</div> <div>${data.project}</div>
</div> </div>
<div style="display: flex; justify-content: space-around; align-items:center;width:100%;"> <div style="display: flex; justify-content: space-around; align-items:center;width:100%;">
<div>合同金额</div> <div>合同金额:</div>
<div>${data.money}亿</div> <div>${data.money}万</div>
</div> </div>
</div>`; </div>`;
}, },
@ -680,7 +682,7 @@ export default {
aspectScale: 1, aspectScale: 1,
itemStyle: { itemStyle: {
borderColor: "#05d6f8", borderColor: "#05d6f8",
borderWidth: 2, borderWidth: 1,
areaColor: { areaColor: {
type: "radial", type: "radial",
x: 0.5, x: 0.5,