看版
Showing
3 changed files
with
42 additions
and
31 deletions
| ... | @@ -27,8 +27,8 @@ const type = ref('是') | ... | @@ -27,8 +27,8 @@ const type = ref('是') |
| 27 | const url = ref() | 27 | const url = ref() |
| 28 | const obj = ref({}) | 28 | const obj = ref({}) |
| 29 | const result = ref() | 29 | const result = ref() |
| 30 | // const router = useRouter() | 30 | const router = useRouter() |
| 31 | url.value = 'http://192.168.1.152:8899/login/sid=0210d28d-3d3b-4534-bdcf-d81aef6e9325#/' | 31 | url.value = 'http://192.168.1.152:8899/login/sid=a21df7ef-6d14-4cf3-ad58-c68185f63797#/' |
| 32 | // url.value = window.location.href | 32 | // url.value = window.location.href |
| 33 | result.value = url.value?.split('=')[1]?.split('#')[0]; | 33 | result.value = url.value?.split('=')[1]?.split('#')[0]; |
| 34 | 34 | ... | ... |
| ... | @@ -212,8 +212,16 @@ async function handelGetYS002() { | ... | @@ -212,8 +212,16 @@ async function handelGetYS002() { |
| 212 | async function handelGetYS003() { | 212 | async function handelGetYS003() { |
| 213 | const res = await getYS003(url.value, obj.value) | 213 | const res = await getYS003(url.value, obj.value) |
| 214 | resYear3.value = res.data.yeargroup | 214 | resYear3.value = res.data.yeargroup |
| 215 | handelBing3(res.data.yeargroup[0], res.data.yeargroup[1]) | 215 | let obj1 = res.data.yeargroup[0] |
| 216 | handelZhu3(res.data.yeargroup[0], res.data.yeargroup[1]) | 216 | let obj2 = res.data.yeargroup[1] |
| 217 | for (let v of obj1.list) { | ||
| 218 | if (v.XJCOST == 0) v.XJCOST = null | ||
| 219 | } | ||
| 220 | |||
| 221 | handelBing3(obj1, obj2) | ||
| 222 | handelZhu3(obj1, obj2) | ||
| 223 | |||
| 224 | |||
| 217 | activeName3.value = res.data.yeargroup[1].YEAR | 225 | activeName3.value = res.data.yeargroup[1].YEAR |
| 218 | } | 226 | } |
| 219 | 227 | ||
| ... | @@ -1032,7 +1040,7 @@ const handelZhu3 = (row1, row2) => { | ... | @@ -1032,7 +1040,7 @@ const handelZhu3 = (row1, row2) => { |
| 1032 | } | 1040 | } |
| 1033 | }, | 1041 | }, |
| 1034 | legend: { | 1042 | legend: { |
| 1035 | data: [name2, name1], | 1043 | data: [name1, name2], |
| 1036 | textStyle: { | 1044 | textStyle: { |
| 1037 | color: "#00DDFF" | 1045 | color: "#00DDFF" |
| 1038 | } | 1046 | } |
| ... | @@ -1235,51 +1243,52 @@ const handelZhu4 = (listX, dataList) => { | ... | @@ -1235,51 +1243,52 @@ const handelZhu4 = (listX, dataList) => { |
| 1235 | ], | 1243 | ], |
| 1236 | series: [ | 1244 | series: [ |
| 1237 | { | 1245 | { |
| 1238 | name: '陆地', | 1246 | name: '海上', |
| 1239 | type: 'bar', | 1247 | type: 'bar', |
| 1240 | barGap: 0, | 1248 | barGap: 0, |
| 1241 | emphasis: { | 1249 | emphasis: { |
| 1242 | focus: 'series' | 1250 | focus: 'series' |
| 1243 | }, | 1251 | }, |
| 1244 | // data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390], | 1252 | // data: [30, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390], |
| 1245 | data: dataList, | 1253 | // data: listHai, |
| 1246 | itemStyle: { | 1254 | itemStyle: { |
| 1247 | color: { | 1255 | color: { |
| 1248 | type: 'linear', | 1256 | type: 'linear', |
| 1249 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 | 1257 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 |
| 1250 | colorStops: [ | 1258 | colorStops: [ |
| 1251 | {offset: 0, color: 'rgba(21, 219, 203, 1)'}, // 顶部颜色 | 1259 | {offset: 0, color: 'rgba(0, 168, 255, 1)'}, // 顶部颜色 |
| 1252 | {offset: 1, color: 'rgba(106, 235, 228, 1)'} // 底部颜色 | 1260 | {offset: 1, color: 'rgba(77, 197, 243, 1)'} // 底部颜色 |
| 1253 | ] | 1261 | ] |
| 1254 | }, | 1262 | }, |
| 1255 | // borderColor: 'rgba(0, 255, 190, .5)', | 1263 | borderColor: 'rgba(0, 168, 255, .5)', |
| 1256 | // borderWidth: 1 | 1264 | borderWidth: 1 |
| 1257 | }, | 1265 | }, |
| 1258 | barWidth: '30%', | 1266 | barWidth: '30%', |
| 1259 | }, | 1267 | }, |
| 1260 | { | 1268 | { |
| 1261 | name: '海上', | 1269 | name: '陆地', |
| 1262 | type: 'bar', | 1270 | type: 'bar', |
| 1263 | barGap: 0, | 1271 | barGap: 0, |
| 1264 | emphasis: { | 1272 | emphasis: { |
| 1265 | focus: 'series' | 1273 | focus: 'series' |
| 1266 | }, | 1274 | }, |
| 1267 | // data: [30, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390], | 1275 | // data: [320, 332, 301, 334, 390, 330, 320, 320, 332, 301, 334, 390], |
| 1268 | // data: listHai, | 1276 | data: dataList, |
| 1269 | itemStyle: { | 1277 | itemStyle: { |
| 1270 | color: { | 1278 | color: { |
| 1271 | type: 'linear', | 1279 | type: 'linear', |
| 1272 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 | 1280 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 |
| 1273 | colorStops: [ | 1281 | colorStops: [ |
| 1274 | {offset: 0, color: 'rgba(0, 168, 255, 1)'}, // 顶部颜色 | 1282 | {offset: 0, color: 'rgba(21, 219, 203, 1)'}, // 顶部颜色 |
| 1275 | {offset: 1, color: 'rgba(77, 197, 243, 1)'} // 底部颜色 | 1283 | {offset: 1, color: 'rgba(106, 235, 228, 1)'} // 底部颜色 |
| 1276 | ] | 1284 | ] |
| 1277 | }, | 1285 | }, |
| 1278 | borderColor: 'rgba(0, 168, 255, .5)', | 1286 | // borderColor: 'rgba(0, 255, 190, .5)', |
| 1279 | borderWidth: 1 | 1287 | // borderWidth: 1 |
| 1280 | }, | 1288 | }, |
| 1281 | barWidth: '30%', | 1289 | barWidth: '30%', |
| 1282 | }, | 1290 | }, |
| 1291 | |||
| 1283 | ] | 1292 | ] |
| 1284 | } | 1293 | } |
| 1285 | chart44.setOption(option) | 1294 | chart44.setOption(option) | ... | ... |
| ... | @@ -306,13 +306,15 @@ async function handelGetYS007() { | ... | @@ -306,13 +306,15 @@ async function handelGetYS007() { |
| 306 | }) | 306 | }) |
| 307 | arr1.push({ | 307 | arr1.push({ |
| 308 | value: Math.round(val.PLANCOST / 10000), | 308 | value: Math.round(val.PLANCOST / 10000), |
| 309 | itemStyle: val.EXERATIO * 100 >= BC.value ? color1 : color3, | 309 | // itemStyle: val.EXERATIO * 100 >= BC.value ? color1 : color3, |
| 310 | itemStyle: color4, | ||
| 310 | name: (val.EXERATIO * 100).toFixed() + '%', | 311 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 311 | }) | 312 | }) |
| 312 | arr2.push({ | 313 | arr2.push({ |
| 313 | value: Math.round(val.EXECOST / 10000), | 314 | value: Math.round(val.EXECOST / 10000), |
| 314 | name: (val.EXERATIO * 100).toFixed() + '%', | 315 | name: (val.EXERATIO * 100).toFixed() + '%', |
| 315 | itemStyle: val.EXERATIO * 100 >= BC.value ? color2 : color4 | 316 | // itemStyle: val.EXERATIO * 100 >= BC.value ? color2 : color4 |
| 317 | itemStyle: color2 | ||
| 316 | }) | 318 | }) |
| 317 | arr3.push(val.EXERATIO) | 319 | arr3.push(val.EXERATIO) |
| 318 | } | 320 | } |
| ... | @@ -549,16 +551,16 @@ const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => { | ... | @@ -549,16 +551,16 @@ const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => { |
| 549 | }, | 551 | }, |
| 550 | // data: [320, 302, 301, 334, 390, 330, 320, 330, 320], | 552 | // data: [320, 302, 301, 334, 390, 330, 320, 330, 320], |
| 551 | data: arr1, | 553 | data: arr1, |
| 552 | // itemStyle: { | 554 | itemStyle: { |
| 553 | // color: { | 555 | color: { |
| 554 | // type: 'linear', | 556 | type: 'linear', |
| 555 | // x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 | 557 | x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 |
| 556 | // colorStops: [ | 558 | colorStops: [ |
| 557 | // {offset: 0, color: 'rgba(0, 162, 255, .3)'}, // 顶部颜色 | 559 | {offset: 0, color: 'rgba(0, 255, 190, 1)'}, // 顶部颜色 |
| 558 | // {offset: 1, color: 'rgba(34, 117, 255, .3)'} // 底部颜色 | 560 | {offset: 1, color: 'rgba(8, 130, 160, 1)'} // 底部颜色 |
| 559 | // ], | 561 | ], |
| 560 | // }, | 562 | }, |
| 561 | // }, | 563 | }, |
| 562 | }, | 564 | }, |
| 563 | { | 565 | { |
| 564 | name: '执行金额', | 566 | name: '执行金额', | ... | ... |
-
Please register or sign in to post a comment