Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
6ee62e76 by zhangmeng
Options

看板

1 parent 78c0c8e3
Inline Side-by-side
Showing 5 changed files with 121 additions and 71 deletions
src/api/server.js.js
1 import request from '@/utils/request' 1 import request from '@/utils/request'
2 2
3 /** 3 /**
4 * 用户信息
5 * @returns {*}
6 */
7 export function getYS000() {
8 return request({
9 method: 'post',
10 data: {
11 'INTERFACEID': 'YS000',
12 'USERCONTEXT': '5342b777-d86a-4967-a18b-7329a3fca56b'
13 }
14 })
15 }
16
17
18 /**
4 * 营业收入 19 * 营业收入
5 * @returns {*} 20 * @returns {*}
6 */ 21 */
......
src/viewsPc/home.vue
...@@ -19,6 +19,16 @@ ...@@ -19,6 +19,16 @@
19 import LeftPage from "@/viewsPc/vip/leftPage" 19 import LeftPage from "@/viewsPc/vip/leftPage"
20 import CenterPage from "@/viewsPc/vip/centerPage" 20 import CenterPage from "@/viewsPc/vip/centerPage"
21 import RightPage from "@/viewsPc/vip/rightPage" 21 import RightPage from "@/viewsPc/vip/rightPage"
22 import {getYS000} from '@/api/server.js'
23
24
25 handelGetYS000()
26
27 async function handelGetYS000() {
28 const res = await getYS000()
29 console.log(res)
30 }
31
22 32
23 </script> 33 </script>
24 34
......
src/viewsPc/vip/centerPage.vue
...@@ -189,50 +189,50 @@ async function handelGetYS003() { ...@@ -189,50 +189,50 @@ async function handelGetYS003() {
189 189
190 async function handelGetYS004() { 190 async function handelGetYS004() {
191 const res = await getYS004() 191 const res = await getYS004()
192 // console.log(res) 192 console.log(res)
193 // let arrList = res.data.blockgroup 193 let arrList = res.data.blockgroup
194 let arrList = [ 194 // let arrList = [
195 { 195 // {
196 BLOCK: '海上', 196 // BLOCK: '海上',
197 list: [ 197 // list: [
198 { 198 // {
199 BASE: '上海', 199 // BASE: '上海',
200 DAYS: '6', 200 // DAYS: '6',
201 DSO: '20' 201 // DSO: '20'
202 }, 202 // },
203 { 203 // {
204 BASE: '浙江', 204 // BASE: '浙江',
205 DAYS: '3', 205 // DAYS: '3',
206 DSO: '202' 206 // DSO: '202'
207 }, 207 // },
208 { 208 // {
209 BASE: '青岛', 209 // BASE: '青岛',
210 DAYS: '61', 210 // DAYS: '61',
211 DSO: '230' 211 // DSO: '230'
212 } 212 // }
213 ] 213 // ]
214 }, 214 // },
215 { 215 // {
216 BLOCK: '陆地', 216 // BLOCK: '陆地',
217 list: [ 217 // list: [
218 { 218 // {
219 BASE: '合肥', 219 // BASE: '合肥',
220 DAYS: '61', 220 // DAYS: '61',
221 DSO: '20' 221 // DSO: '20'
222 }, 222 // },
223 { 223 // {
224 BASE: '北京', 224 // BASE: '北京',
225 DAYS: '33', 225 // DAYS: '33',
226 DSO: '202' 226 // DSO: '202'
227 }, 227 // },
228 { 228 // {
229 BASE: '河南', 229 // BASE: '河南',
230 DAYS: '61', 230 // DAYS: '61',
231 DSO: '230' 231 // DSO: '230'
232 } 232 // }
233 ] 233 // ]
234 } 234 // }
235 ] 235 // ]
236 let haishang 236 let haishang
237 let dalu 237 let dalu
238 for (const v of arrList) { 238 for (const v of arrList) {
...@@ -295,8 +295,6 @@ async function handelGetYS004() { ...@@ -295,8 +295,6 @@ async function handelGetYS004() {
295 async function handelGetYS005() { 295 async function handelGetYS005() {
296 const res = await getYS005() 296 const res = await getYS005()
297 form.value = res.data 297 form.value = res.data
298 console.log(form.value.leaderinfo)
299
300 } 298 }
301 299
302 300
...@@ -737,7 +735,6 @@ const handelBing3 = (row1, row2) => { ...@@ -737,7 +735,6 @@ const handelBing3 = (row1, row2) => {
737 } 735 }
738 736
739 const handelZhu1 = (row1, row2) => { 737 const handelZhu1 = (row1, row2) => {
740 console.log(row1, row2)
741 chart11 = echarts.init(zhuRef1.value) 738 chart11 = echarts.init(zhuRef1.value)
742 const option = { 739 const option = {
743 tooltip: { 740 tooltip: {
...@@ -1124,7 +1121,6 @@ const handelZhu3 = (row1, row2) => { ...@@ -1124,7 +1121,6 @@ const handelZhu3 = (row1, row2) => {
1124 const handelZhu4 = (listX, dataList) => { 1121 const handelZhu4 = (listX, dataList) => {
1125 // let name1 = row1.BLOCK 1122 // let name1 = row1.BLOCK
1126 // let name2 = row2.BLOCK 1123 // let name2 = row2.BLOCK
1127 // console.log(name1, name2)
1128 // let x1 = row1.list.forEach(val => val.type = 1) || [] 1124 // let x1 = row1.list.forEach(val => val.type = 1) || []
1129 // let x2 = row2.list.forEach(val => val.type = 2) || [] 1125 // let x2 = row2.list.forEach(val => val.type = 2) || []
1130 // let list = [...x1, ...x2].map(val => val.BASE) 1126 // let list = [...x1, ...x2].map(val => val.BASE)
......
src/viewsPc/vip/leftPage.vue
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
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: 24.6vh;"></div>
6 </div> 6 </div>
7 7
8 <div class="chartCard mt30"> 8 <div class="chartCard mt30">
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
36 </div> 36 </div>
37 </div> 37 </div>
38 38
39 <div ref="lineRef" style="width: 100%; height: 24vh;"></div> 39 <div ref="lineRef" style="width: 100%; height: 24.6vh;"></div>
40 </div> 40 </div>
41 <div class="chartCard mt30"> 41 <div class="chartCard mt30">
42 <div> 42 <div>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 </div> 55 </div>
56 </div> 56 </div>
57 </div> 57 </div>
58 <div ref="payeeRef" style="width: 100%; height: 24vh;"></div> 58 <div ref="payeeRef" style="width: 100%; height: 24.6vh;"></div>
59 </div> 59 </div>
60 </div> 60 </div>
61 </template> 61 </template>
......
src/viewsPc/vip/rightPage.vue
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
5 <div class="po_right" style="justify-content: end"> 5 <div class="po_right" style="justify-content: end">
6 <div class="itemBox"> 6 <div class="itemBox">
7 <el-select 7 <el-select
8 v-model="list7Y" 8 v-model="select7"
9 class="select" 9 class="select"
10 collapse-tags 10 collapse-tags
11 multiple 11 multiple
...@@ -17,7 +17,7 @@ ...@@ -17,7 +17,7 @@
17 </div> 17 </div>
18 </div> 18 </div>
19 19
20 <div ref="zhuRef" style="width: 100%; height: 24vh;"></div> 20 <div ref="zhuRef" style="width: 100%; height: 24.6vh;"></div>
21 </div> 21 </div>
22 22
23 <div class="chartCard mt30"> 23 <div class="chartCard mt30">
...@@ -48,14 +48,13 @@ ...@@ -48,14 +48,13 @@
48 :key="i" :label="val.BASEJC" :value="val.BASEJC"/> 48 :key="i" :label="val.BASEJC" :value="val.BASEJC"/>
49 </el-select> 49 </el-select>
50 </div> 50 </div>
51
52 </div> 51 </div>
53 52 <div ref="lineRef" style="width: 100%; height: 24.6vh;"></div>
54 <div ref="lineRef" style="width: 100%; height: 24vh;"></div>
55 </div> 53 </div>
54
56 <div class="chartCard mt30"> 55 <div class="chartCard mt30">
57 <div class="title">逾期360天以上未开票</div> 56 <div class="title">逾期360天以上未开票</div>
58 <div ref="overdueRef" style="width: 100%; height: 24vh;"></div> 57 <div ref="overdueRef" style="width: 100%; height: 24.6vh;"></div>
59 </div> 58 </div>
60 </div> 59 </div>
61 </template> 60 </template>
...@@ -207,6 +206,7 @@ const list8 = ref([ ...@@ -207,6 +206,7 @@ const list8 = ref([
207 206
208 const list7 = ref([]) 207 const list7 = ref([])
209 const list7Y = ref([]) 208 const list7Y = ref([])
209 const select7 = ref([])
210 210
211 211
212 let chartA 212 let chartA
...@@ -232,27 +232,27 @@ const init = () => { ...@@ -232,27 +232,27 @@ const init = () => {
232 intervalA = setInterval(getdata, 1000 * 60 * 60); 232 intervalA = setInterval(getdata, 1000 * 60 * 60);
233 } 233 }
234 234
235
236 async function handelGetYS007() { 235 async function handelGetYS007() {
237 const res = await getYS007() 236 const res = await getYS007()
238 list7.value = res.data.list 237 list7.value = res.data.list
239 console.log(list7.value)
240 list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO); 238 list7.value.sort((a, b) => a.EXERATIO - b.EXERATIO);
241 list7Y.value = [] 239 list7Y.value = []
240 select7.value = []
242 let arr1 = [] 241 let arr1 = []
243 let arr2 = [] 242 let arr2 = []
244 let arr3 = [] 243 let arr3 = []
245 let num = 0
246 244
247 for (const val of list7.value) { 245 for (const val of list7.value) {
248 list7Y.value.push(val.BASEJC) 246 select7.value.push(val.BASEJC)
249 arr1.push( 247 list7Y.value.push({
250 { 248 value: val.BASEJC,
249 name: (val.EXERATIO * 100).toFixed(),
250 })
251 arr1.push({
251 value: Math.round(val.PLANCOST / 10000), 252 value: Math.round(val.PLANCOST / 10000),
252 value2: Math.round(val.EXECOST / 10000), 253 value2: Math.round(val.EXECOST / 10000),
253 name: (val.EXERATIO * 100).toFixed() + '%', 254 name: (val.EXERATIO * 100).toFixed() + '%',
254 } 255 })
255 )
256 arr2.push({ 256 arr2.push({
257 value: Math.round(val.EXECOST / 10000), 257 value: Math.round(val.EXECOST / 10000),
258 name: (val.EXERATIO * 100).toFixed() + '%', 258 name: (val.EXERATIO * 100).toFixed() + '%',
...@@ -264,13 +264,18 @@ async function handelGetYS007() { ...@@ -264,13 +264,18 @@ async function handelGetYS007() {
264 } 264 }
265 265
266 function handelSelect7() { 266 function handelSelect7() {
267 let arr = list7Y.value.map(val => list7.value.find(item => item.BASEJC === val)).sort((a, b) => a.EXERATIO - b.EXERATIO) 267 let arr = select7.value.map(val => list7.value.find(item => item.BASEJC === val)).sort((a, b) => a.EXERATIO - b.EXERATIO)
268 let arr1 = [] 268 let arr1 = []
269 let arr2 = [] 269 let arr2 = []
270 let arr3 = [] 270 let arr3 = []
271 list7Y.value = [] 271 list7Y.value = []
272 select7.value = []
272 for (const val of arr) { 273 for (const val of arr) {
273 list7Y.value.push(val.BASEJC) 274 select7.value.push(val.BASEJC)
275 list7Y.value.push({
276 name: (val.EXERATIO * 100).toFixed(),
277 value: val.BASEJC
278 })
274 arr1.push({ 279 arr1.push({
275 value: Math.round(val.PLANCOST / 10000), 280 value: Math.round(val.PLANCOST / 10000),
276 value2: Math.round(val.EXECOST / 10000), 281 value2: Math.round(val.EXECOST / 10000),
...@@ -334,6 +339,7 @@ function handelType8() { ...@@ -334,6 +339,7 @@ function handelType8() {
334 async function handelGetYS009() { 339 async function handelGetYS009() {
335 const res = await getYS009() 340 const res = await getYS009()
336 console.log(res) 341 console.log(res)
342 console.log(res)
337 list9.value = res.data.list 343 list9.value = res.data.list
338 let arrY = [] 344 let arrY = []
339 let arr1 = [] 345 let arr1 = []
...@@ -369,8 +375,8 @@ const getA = () => { ...@@ -369,8 +375,8 @@ const getA = () => {
369 375
370 376
371 const setA = (arrY, arr1, arr2, arr3) => { 377 const setA = (arrY, arr1, arr2, arr3) => {
372 console.log(arr1) 378 console.log(arrY)
373 // console.log(arr1, arr2) 379
374 chartA = echarts.init(zhuRef.value) 380 chartA = echarts.init(zhuRef.value)
375 const option = { 381 const option = {
376 tooltip: { 382 tooltip: {
...@@ -436,10 +442,11 @@ const setA = (arrY, arr1, arr2, arr3) => { ...@@ -436,10 +442,11 @@ const setA = (arrY, arr1, arr2, arr3) => {
436 // end: 6, //初始值10条数据 442 // end: 6, //初始值10条数据
437 // } 443 // }
438 // ], 444 // ],
439 yAxis: { 445 yAxis: [
446 {
440 type: 'category', 447 type: 'category',
441 // data: ['塘沽', '深圳', '漳江', '上海', '海南', '山西', '陕西', '新疆', '伊拉克'],
442 data: arrY, 448 data: arrY,
449 offset: 10,
443 axisLine: { 450 axisLine: {
444 show: true, 451 show: true,
445 lineStyle: { 452 lineStyle: {
...@@ -448,7 +455,9 @@ const setA = (arrY, arr1, arr2, arr3) => { ...@@ -448,7 +455,9 @@ const setA = (arrY, arr1, arr2, arr3) => {
448 type: 'solid' 455 type: 'solid'
449 } 456 }
450 }, 457 },
458
451 }, 459 },
460 ],
452 series: [ 461 series: [
453 { 462 {
454 name: '计划金额', 463 name: '计划金额',
...@@ -489,6 +498,9 @@ const setA = (arrY, arr1, arr2, arr3) => { ...@@ -489,6 +498,9 @@ const setA = (arrY, arr1, arr2, arr3) => {
489 label: { 498 label: {
490 show: true, 499 show: true,
491 position: 'right', 500 position: 'right',
501 textStyle: {
502 color: 'rgba(255, 255, 255, 1)',
503 },
492 formatter: function (v1) { 504 formatter: function (v1) {
493 return v1.data.name 505 return v1.data.name
494 // 计算总数 506 // 计算总数
...@@ -515,9 +527,26 @@ const setA = (arrY, arr1, arr2, arr3) => { ...@@ -515,9 +527,26 @@ const setA = (arrY, arr1, arr2, arr3) => {
515 // borderColor: 'rgba(0, 246, 255, 1)', 527 // borderColor: 'rgba(0, 246, 255, 1)',
516 // borderWidth: 1 528 // borderWidth: 1
517 }, 529 },
530 markLine: {
531 symbol: 'none',
532 data: [
533 {
534 name: '',
535 yAxis: 4, // 在Y轴150的位置画垂直线
536 lineStyle: {
537 color: 'rgba(255, 252, 40, 1)',
538 type: 'dashed'
539 },
540 label: {
541 formatter: ''
542 }
518 } 543 }
519 ] 544 ]
520 } 545 }
546 },
547
548 ],
549 }
521 chartA.setOption(option) 550 chartA.setOption(option)
522 autoHover(chartA, option, 0, 2000) 551 autoHover(chartA, option, 0, 2000)
523 } 552 }
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!