Skip to content

杨炀 / dangan_dataV

Go to a project
Toggle navigation
Toggle navigation pinning
ea14d3b4 by zhangmeng
Options

看板

1 parent 306f125d
Inline Side-by-side
Showing 3 changed files with 31 additions and 32 deletions
src/viewsPc/vip/centerPage.vue
...@@ -3,13 +3,13 @@ ...@@ -3,13 +3,13 @@
3 <div ref="textRef" class="top"> 3 <div ref="textRef" class="top">
4 <div class="left"> 4 <div class="left">
5 <div class="titleTop">董事会得分</div> 5 <div class="titleTop">董事会得分</div>
6 <div class="titleCenter">预计得分 <span class="tex1">{{ form?.YJSCORE }}</span></div> 6 <div class="titleCenter heiti">预计得分 <span class="tex1">{{ form?.YJSCORE }}</span></div>
7 <div class="titleCenter">标准得分 <span class="tex2">{{ form?.STANDARDSCORE }}</span> 7 <div class="titleCenter heiti">标准得分 <span class="tex2">{{ form?.STANDARDSCORE }}</span>
8 </div> 8 </div>
9 </div> 9 </div>
10 <div class="right"> 10 <div class="right">
11 <div class="rTop"> 11 <div class="rTop">
12 <div>领导重点关注</div> 12 <div style="font-family: SimHei, serif;">领导重点关注</div>
13 <div @click="handelView"><img alt="" class="rTop-img" src="@/assets/image/more@2x.png"></div> 13 <div @click="handelView"><img alt="" class="rTop-img" src="@/assets/image/more@2x.png"></div>
14 </div> 14 </div>
15 <div class="rBotton"> 15 <div class="rBotton">
...@@ -22,13 +22,13 @@ ...@@ -22,13 +22,13 @@
22 <div class="father dong"> 22 <div class="father dong">
23 <div style="display: flex"> 23 <div style="display: flex">
24 <div class="bing" style="width: 30%"> 24 <div class="bing" style="width: 30%">
25 <div class="bingTitle"> 25 <div class="bingTitle heiti">
26 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span> 26 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
27 营业收入 27 营业收入
28 </div> 28 </div>
29 <div ref="bing1" style="width: 100%;height:13.3vh;"> 29 <div ref="bing1" style="width: 100%;height:13.3vh;">
30 </div> 30 </div>
31 <div class="bingBottom"> 31 <div class="bingBottom heiti">
32 <div style="text-align: center">{{ `${dayjs().format('YYYY')}年` }}营业收入 <br>(万元)</div> 32 <div style="text-align: center">{{ `${dayjs().format('YYYY')}年` }}营业收入 <br>(万元)</div>
33 </div> 33 </div>
34 </div> 34 </div>
...@@ -41,7 +41,7 @@ ...@@ -41,7 +41,7 @@
41 <div style="display: flex"> 41 <div style="display: flex">
42 <div class="bing" style="width: 30%"> 42 <div class="bing" style="width: 30%">
43 <div class="bingTitle"> 43 <div class="bingTitle">
44 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span> 44 <span><img alt="" class="titleImg heiti" src="@/assets/image/title_bg.png"></span>
45 应收余额 45 应收余额
46 </div> 46 </div>
47 <div ref="bing2" style="width: 100%;height:13.3vh;"> 47 <div ref="bing2" style="width: 100%;height:13.3vh;">
...@@ -60,7 +60,7 @@ ...@@ -60,7 +60,7 @@
60 <div class="father"> 60 <div class="father">
61 <div style="display: flex"> 61 <div style="display: flex">
62 <div class="bing" style="width: 30%"> 62 <div class="bing" style="width: 30%">
63 <div class="bingTitle"> 63 <div class="bingTitle heiti">
64 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span> 64 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
65 现金余额 65 现金余额
66 </div> 66 </div>
...@@ -78,8 +78,8 @@ ...@@ -78,8 +78,8 @@
78 <div class="father"> 78 <div class="father">
79 <div class="bingTitle tex4"> 79 <div class="bingTitle tex4">
80 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span> 80 <span><img alt="" class="titleImg" src="@/assets/image/title_bg.png"></span>
81 <span class="">DSO天数</span> 81 <span class="heiti">DSO天数</span>
82 <span class="dsotext">&nbsp;{{ dso }}</span> 82 <span class="dsotext heiti">&nbsp;{{ dso }}</span>
83 </div> 83 </div>
84 <div ref="zhuRef4" style="width: 100%;height: 17.3vh"> 84 <div ref="zhuRef4" style="width: 100%;height: 17.3vh">
85 </div> 85 </div>
...@@ -870,11 +870,11 @@ const handelZhu1 = (row1, row2) => { ...@@ -870,11 +870,11 @@ const handelZhu1 = (row1, row2) => {
870 type: 'linear', 870 type: 'linear',
871 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 871 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
872 colorStops: [ 872 colorStops: [
873 {offset: 0, color: 'rgba(242, 196, 0, .5)'}, // 顶部颜色 873 {offset: 0, color: 'rgba(0, 162, 255, 1)'}, // 顶部颜色
874 {offset: 1, color: 'rgba(153, 101, 0, .5)'} // 底部颜色 874 {offset: 1, color: 'rgba(34, 117, 255, 1)'} // 底部颜色
875 ] 875 ]
876 }, 876 },
877 borderColor: 'rgba(240, 255, 0, 1)', 877 borderColor: 'rgba(0, 246, 255, 1)',
878 borderWidth: 1 878 borderWidth: 1
879 }, 879 },
880 barWidth: '35%', 880 barWidth: '35%',
...@@ -989,11 +989,11 @@ const handelZhu2 = (row1, row2) => { ...@@ -989,11 +989,11 @@ const handelZhu2 = (row1, row2) => {
989 type: 'linear', 989 type: 'linear',
990 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 990 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
991 colorStops: [ 991 colorStops: [
992 {offset: 0, color: 'rgba(32, 217, 170, .3)'}, // 顶部颜色 992 {offset: 0, color: 'rgba(44, 54, 140, 1)'}, // 顶部颜色
993 {offset: 1, color: 'rgba(8, 130, 160, .5)'} // 底部颜色 993 {offset: 1, color: 'rgba(135, 145, 253, 1)'} // 底部颜色
994 ] 994 ]
995 }, 995 },
996 borderColor: 'rgba(0, 255, 190, .8)', 996 borderColor: 'rgba(44, 54, 140, .8)',
997 borderWidth: 1 997 borderWidth: 1
998 }, 998 },
999 barWidth: '35%', 999 barWidth: '35%',
...@@ -1004,6 +1004,7 @@ const handelZhu2 = (row1, row2) => { ...@@ -1004,6 +1004,7 @@ const handelZhu2 = (row1, row2) => {
1004 autoHover(chart22, option, 0, 2000) 1004 autoHover(chart22, option, 0, 2000)
1005 } 1005 }
1006 const handelZhu3 = (row1, row2) => { 1006 const handelZhu3 = (row1, row2) => {
1007 console.log(11111, row1, row2)
1007 let name1 = row1.YEAR + '年' 1008 let name1 = row1.YEAR + '年'
1008 let name2 = row2.YEAR + '年' 1009 let name2 = row2.YEAR + '年'
1009 chart33 = echarts.init(zhuRef3.value) 1010 chart33 = echarts.init(zhuRef3.value)
...@@ -1088,7 +1089,6 @@ const handelZhu3 = (row1, row2) => { ...@@ -1088,7 +1089,6 @@ const handelZhu3 = (row1, row2) => {
1088 { 1089 {
1089 name: name1, 1090 name: name1,
1090 type: 'line', 1091 type: 'line',
1091 stack: 'Total',
1092 smooth: false, 1092 smooth: false,
1093 lineStyle: { 1093 lineStyle: {
1094 width: 2 1094 width: 2
...@@ -1396,7 +1396,7 @@ onUnmounted(() => { ...@@ -1396,7 +1396,7 @@ onUnmounted(() => {
1396 .titleCenter { 1396 .titleCenter {
1397 //text-align: center; 1397 //text-align: center;
1398 padding-left: calc(21 * 100vw / 1920); 1398 padding-left: calc(21 * 100vw / 1920);
1399 font-family: PingFang SC, serif; 1399 font-family: SimHei, serif;
1400 font-weight: 400; 1400 font-weight: 400;
1401 font-size: calc(15 * 100vw / 1920); 1401 font-size: calc(15 * 100vw / 1920);
1402 color: #FFFFFF; 1402 color: #FFFFFF;
...@@ -1481,7 +1481,7 @@ onUnmounted(() => { ...@@ -1481,7 +1481,7 @@ onUnmounted(() => {
1481 text-align: center; 1481 text-align: center;
1482 1482
1483 .bingTitle { 1483 .bingTitle {
1484 font-family: PingFang SC, serif; 1484 font-family: SimHei, serif;
1485 font-weight: 500; 1485 font-weight: 500;
1486 font-size: calc(18 * 100vw / 1920); 1486 font-size: calc(18 * 100vw / 1920);
1487 color: #D1D6DF; 1487 color: #D1D6DF;
...@@ -1533,5 +1533,9 @@ hr { ...@@ -1533,5 +1533,9 @@ hr {
1533 border-top: 1px solid #373e51; 1533 border-top: 1px solid #373e51;
1534 } 1534 }
1535 1535
1536 .heiti {
1537 font-family: SimHei, serif;
1538 }
1539
1536 1540
1537 </style> 1541 </style>
......
src/viewsPc/vip/leftPage.vue
...@@ -177,7 +177,6 @@ async function handelGetYS006() { ...@@ -177,7 +177,6 @@ async function handelGetYS006() {
177 s3.value[i] += v2.LASTYSBALANCE / 10000 || 0; 177 s3.value[i] += v2.LASTYSBALANCE / 10000 || 0;
178 s4.value[i] += v2.YSBALANCE / 10000 || 0; 178 s4.value[i] += v2.YSBALANCE / 10000 || 0;
179 } 179 }
180 console.log(11111, h3.value[1])
181 } 180 }
182 181
183 setA(set1.value, set2.value, set3.value) 182 setA(set1.value, set2.value, set3.value)
...@@ -564,12 +563,13 @@ const setB = (arr1, arr2, arr3, arr4) => { ...@@ -564,12 +563,13 @@ const setB = (arr1, arr2, arr3, arr4) => {
564 type: 'linear', 563 type: 'linear',
565 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变 564 x: 0, y: 0, x2: 1, y2: 1, // 垂直渐变
566 colorStops: [ 565 colorStops: [
567 {offset: 0, color: 'rgba(32, 217, 170, .5)'}, // 顶部颜色 566 {offset: 0, color: 'rgba(32, 217, 170, .4)'}, // 顶部颜色
568 {offset: 1, color: 'rgba(8, 130, 160, .5)'} // 底部颜色 567 {offset: 1, color: 'rgba(8, 130, 160, .4)'} // 底部颜色
569 ], 568 ],
570 borderColor: '#00FFBE', 569
571 borderWidth: 1 570 },
572 } 571 borderColor: 'rgba(0, 255 ,190, .4)',
572 borderWidth: 1
573 }, 573 },
574 barWidth: '15%' 574 barWidth: '15%'
575 }, 575 },
...@@ -612,7 +612,7 @@ const setB = (arr1, arr2, arr3, arr4) => { ...@@ -612,7 +612,7 @@ const setB = (arr1, arr2, arr3, arr4) => {
612 {offset: 1, color: 'rgba(153, 101, 0,.5 )'} // 底部颜色 612 {offset: 1, color: 'rgba(153, 101, 0,.5 )'} // 底部颜色
613 ] 613 ]
614 }, 614 },
615 borderColor: '#F0FF00', 615 borderColor: 'rgba(240,255,0, .4)',
616 borderWidth: 1 616 borderWidth: 1
617 }, 617 },
618 barWidth: '15%' 618 barWidth: '15%'
...@@ -623,8 +623,6 @@ const setB = (arr1, arr2, arr3, arr4) => { ...@@ -623,8 +623,6 @@ const setB = (arr1, arr2, arr3, arr4) => {
623 autoHover(chartB, option, 0, 2000) 623 autoHover(chartB, option, 0, 2000)
624 } 624 }
625 const setC = (h1, h2, h3) => { 625 const setC = (h1, h2, h3) => {
626 console.log(h3)
627
628 chartC = echarts.init(payeeRef.value) 626 chartC = echarts.init(payeeRef.value)
629 const option = { 627 const option = {
630 tooltip: { 628 tooltip: {
...@@ -820,7 +818,7 @@ onUnmounted(() => { ...@@ -820,7 +818,7 @@ onUnmounted(() => {
820 font-family: SimHei, serif; 818 font-family: SimHei, serif;
821 font-weight: 600; 819 font-weight: 600;
822 color: #FFFFFF; 820 color: #FFFFFF;
823 text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41); 821 //text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
824 background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%); 822 background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%);
825 -webkit-background-clip: text; 823 -webkit-background-clip: text;
826 -webkit-text-fill-color: transparent; 824 -webkit-text-fill-color: transparent;
......
src/viewsPc/vip/rightPage.vue
...@@ -80,7 +80,6 @@ const props = defineProps({ ...@@ -80,7 +80,6 @@ const props = defineProps({
80 80
81 const url = computed(() => props.url) 81 const url = computed(() => props.url)
82 const obj = computed(() => props.obj) 82 const obj = computed(() => props.obj)
83 console.log(obj.value)
84 const zhuRef = ref(null) 83 const zhuRef = ref(null)
85 const lineRef = ref(null) 84 const lineRef = ref(null)
86 const overdueRef = ref(null) 85 const overdueRef = ref(null)
...@@ -401,7 +400,6 @@ function handelType8() { ...@@ -401,7 +400,6 @@ function handelType8() {
401 async function handelGetYS009() { 400 async function handelGetYS009() {
402 const res = await getYS009(url.value, obj.value) 401 const res = await getYS009(url.value, obj.value)
403 list9.value = res.data.list 402 list9.value = res.data.list
404 console.log(list9.value)
405 let arrY = [] 403 let arrY = []
406 let arr1 = [] 404 let arr1 = []
407 let arr2 = [] 405 let arr2 = []
...@@ -439,7 +437,6 @@ const getA = () => { ...@@ -439,7 +437,6 @@ const getA = () => {
439 437
440 438
441 const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => { 439 const setA = (arrY, arr1, arr2, arr3, markLineName, BC) => {
442 console.log(arrY, arr1, arr2, markLineName, BC)
443 chartA = echarts.init(zhuRef.value) 440 chartA = echarts.init(zhuRef.value)
444 const option = { 441 const option = {
445 tooltip: { 442 tooltip: {
...@@ -1026,7 +1023,7 @@ onUnmounted(() => { ...@@ -1026,7 +1023,7 @@ onUnmounted(() => {
1026 font-family: SimHei, serif; 1023 font-family: SimHei, serif;
1027 font-weight: 600; 1024 font-weight: 600;
1028 color: #FFFFFF; 1025 color: #FFFFFF;
1029 text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41); 1026 //text-shadow: 0px 2px 3px rgba(17, 20, 22, 0.41);
1030 background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%); 1027 background: linear-gradient(0deg, #FFFFFF 0%, #41F2FF 65.2587890625%);
1031 -webkit-background-clip: text; 1028 -webkit-background-clip: text;
1032 -webkit-text-fill-color: transparent; 1029 -webkit-text-fill-color: transparent;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!