2ee51b13 by zhangmeng

看板

1 parent 528071db
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;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!