看板
Showing
2 changed files
with
12 additions
and
10 deletions
| 1 | <template> | 1 | <template> |
| 2 | <div class="pd20"> | 2 | <div class="pd20"> |
| 3 | <div class="chartCard"> | 3 | <div class="chartCard"> |
| 4 | <div class="title">应收款余额</div> | 4 | <div class="title">应收账款余额</div> |
| 5 | <div ref="zhuRef" style="width: 100%; height: 24vh;"></div> | 5 | <div ref="zhuRef" style="width: 100%; height: 24vh;"></div> |
| 6 | </div> | 6 | </div> |
| 7 | 7 | ||
| ... | @@ -401,7 +401,7 @@ const setA = (arr, arr2, arr3) => { | ... | @@ -401,7 +401,7 @@ const setA = (arr, arr2, arr3) => { |
| 401 | ] | 401 | ] |
| 402 | }, | 402 | }, |
| 403 | { | 403 | { |
| 404 | name: '应收款余额', | 404 | name: '应收账款余额', |
| 405 | type: 'pie', | 405 | type: 'pie', |
| 406 | center: ['25%', '50%'], | 406 | center: ['25%', '50%'], |
| 407 | radius: ['30%', '70%'], | 407 | radius: ['30%', '70%'], | ... | ... |
| ... | @@ -12,7 +12,7 @@ | ... | @@ -12,7 +12,7 @@ |
| 12 | placeholder="全部基地(可多选)" | 12 | placeholder="全部基地(可多选)" |
| 13 | size="small" | 13 | size="small" |
| 14 | @change="handelSelect7"> | 14 | @change="handelSelect7"> |
| 15 | <el-option v-for="val in list7" :key="val.BASE" :label="val.BASE" :value="val.BASE"/> | 15 | <el-option v-for="val in list7" :key="val.BASE" :label="val.BASEJC" :value="val.BASEJC"/> |
| 16 | </el-select> | 16 | </el-select> |
| 17 | </div> | 17 | </div> |
| 18 | </div> | 18 | </div> |
| ... | @@ -45,7 +45,7 @@ | ... | @@ -45,7 +45,7 @@ |
| 45 | @change="handelSelect8"> | 45 | @change="handelSelect8"> |
| 46 | <el-option | 46 | <el-option |
| 47 | v-for="(val,i) in list8" | 47 | v-for="(val,i) in list8" |
| 48 | :key="i" :label="val.BASE" :value="val.BASE"/> | 48 | :key="i" :label="val.BASEJC" :value="val.BASEJC"/> |
| 49 | </el-select> | 49 | </el-select> |
| 50 | </div> | 50 | </div> |
| 51 | 51 | ||
| ... | @@ -236,14 +236,16 @@ const init = () => { | ... | @@ -236,14 +236,16 @@ const init = () => { |
| 236 | async function handelGetYS007() { | 236 | async function handelGetYS007() { |
| 237 | const res = await getYS007() | 237 | const res = await getYS007() |
| 238 | list7.value = res.data.list | 238 | list7.value = res.data.list |
| 239 | console.log(list7.value) | ||
| 239 | list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO); | 240 | list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO); |
| 240 | list7Y.value = [] | 241 | list7Y.value = [] |
| 241 | let arr1 = [] | 242 | let arr1 = [] |
| 242 | let arr2 = [] | 243 | let arr2 = [] |
| 243 | let arr3 = [] | 244 | let arr3 = [] |
| 244 | let num = 0 | 245 | let num = 0 |
| 246 | |||
| 245 | for (const val of list7.value) { | 247 | for (const val of list7.value) { |
| 246 | list7Y.value.push(val.BASE) | 248 | list7Y.value.push(val.BASEJC) |
| 247 | arr1.push( | 249 | arr1.push( |
| 248 | { | 250 | { |
| 249 | value: Math.round(val.PLANCOST / 10000), | 251 | value: Math.round(val.PLANCOST / 10000), |
| ... | @@ -263,13 +265,13 @@ async function handelGetYS007() { | ... | @@ -263,13 +265,13 @@ async function handelGetYS007() { |
| 263 | } | 265 | } |
| 264 | 266 | ||
| 265 | function handelSelect7() { | 267 | function handelSelect7() { |
| 266 | let arr = list7Y.value.map(val => list7.value.find(item => item.BASE === val)) | 268 | let arr = list7Y.value.map(val => list7.value.find(item => item.BASEJC === val)) |
| 267 | let arr1 = [] | 269 | let arr1 = [] |
| 268 | let arr2 = [] | 270 | let arr2 = [] |
| 269 | let arr3 = [] | 271 | let arr3 = [] |
| 270 | list7Y.value = [] | 272 | list7Y.value = [] |
| 271 | for (const val of arr) { | 273 | for (const val of arr) { |
| 272 | list7Y.value.push(val.BASE) | 274 | list7Y.value.push(val.BASEJC) |
| 273 | arr1.push(Math.round(val.PLANCOST / 10000)) | 275 | arr1.push(Math.round(val.PLANCOST / 10000)) |
| 274 | arr2.push(Math.round(val.EXECOST / 10000)) | 276 | arr2.push(Math.round(val.EXECOST / 10000)) |
| 275 | arr3.push(val.EXERATIO) | 277 | arr3.push(val.EXERATIO) |
| ... | @@ -285,7 +287,7 @@ async function handelGetYS008() { | ... | @@ -285,7 +287,7 @@ async function handelGetYS008() { |
| 285 | year8.value = [] | 287 | year8.value = [] |
| 286 | for (let i = 0; i < list8.value.length; i++) { | 288 | for (let i = 0; i < list8.value.length; i++) { |
| 287 | list8.value[i].itemStyle = itemStyleList.value[i % itemStyleList.value.length] | 289 | list8.value[i].itemStyle = itemStyleList.value[i % itemStyleList.value.length] |
| 288 | list8Y.value.push(list8.value[i].BASE) | 290 | list8Y.value.push(list8.value[i].BASEJC) |
| 289 | month8.value.push({ | 291 | month8.value.push({ |
| 290 | value: list8.value[i].HKQKTOTAL / 10000, | 292 | value: list8.value[i].HKQKTOTAL / 10000, |
| 291 | itemStyle: list8.value[i].itemStyle, | 293 | itemStyle: list8.value[i].itemStyle, |
| ... | @@ -302,7 +304,7 @@ async function handelGetYS008() { | ... | @@ -302,7 +304,7 @@ async function handelGetYS008() { |
| 302 | function handelSelect8() { | 304 | function handelSelect8() { |
| 303 | month8.value = [] | 305 | month8.value = [] |
| 304 | year8.value = [] | 306 | year8.value = [] |
| 305 | let arr = list8Y.value.map(val => list8.value.find(item => item.BASE === val)); | 307 | let arr = list8Y.value.map(val => list8.value.find(item => item.BASEJC === val)); |
| 306 | for (let i = 0; i < arr.length; i++) { | 308 | for (let i = 0; i < arr.length; i++) { |
| 307 | month8.value.push({ | 309 | month8.value.push({ |
| 308 | value: list8.value[i].HKQKTOTAL / 10000, | 310 | value: list8.value[i].HKQKTOTAL / 10000, |
| ... | @@ -973,7 +975,7 @@ onUnmounted(() => { | ... | @@ -973,7 +975,7 @@ onUnmounted(() => { |
| 973 | } | 975 | } |
| 974 | 976 | ||
| 975 | .itemBox { | 977 | .itemBox { |
| 976 | width: 70%; | 978 | width: 60%; |
| 977 | background: #0B2239; | 979 | background: #0B2239; |
| 978 | box-shadow: 0 0 24px 0 rgba(130, 220, 255, 0.5), 0 0 16px 0 rgba(130, 220, 255, 0.27); | 980 | box-shadow: 0 0 24px 0 rgba(130, 220, 255, 0.5), 0 0 16px 0 rgba(130, 220, 255, 0.27); |
| 979 | border-radius: 5px; | 981 | border-radius: 5px; | ... | ... |
-
Please register or sign in to post a comment