monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 769a41abbf4114fa60e66a9b3859673194736ee8 1 parent eb97fee8

大屏及电子税务局页面样式修改，云平台，申报

Inline Side-by-side
Showing 10 changed files with 137 additions and 92 deletions
@@ -86,15 +86,13 @@ @@ -86,15 +86,13 @@
86 justify-content: space-around; 86 justify-content: space-around;
87 } 87 }
88 .width-86{ 88 .width-86{
89 - width:86%; 89 + width:96%;
90 margin-bottom: 10px; 90 margin-bottom: 10px;
91 align-items: flex-end; 91 align-items: flex-end;
92 } 92 }
93 .middle-right{ 93 .middle-right{
94 width: 20%; 94 width: 20%;
95 - /*flex: 1;*/  
96 position: relative; 95 position: relative;
97 - left: -5%;  
98 display: flex; 96 display: flex;
99 flex-flow: column; 97 flex-flow: column;
100 justify-content: center; 98 justify-content: center;
@@ -118,7 +116,7 @@ @@ -118,7 +116,7 @@
118 } 116 }
119 .middle-left-declare-rate{ 117 .middle-left-declare-rate{
120 height: 36%; 118 height: 36%;
121 - width:86%; 119 + width:96%;
122 120
123 } 121 }
124 .screen-middle #middle-bottom { 122 .screen-middle #middle-bottom {
@@ -210,4 +208,8 @@ @@ -210,4 +208,8 @@
210 display: inline-block; 208 display: inline-block;
211 background-repeat: no-repeat; 209 background-repeat: no-repeat;
212 background-position: center; 210 background-position: center;
  211 +}
  212 +.width-13{
  213 + flex: 0 0 14%;
  214 + max-width: 14%;
213 } 215 }
@@ -145,29 +145,29 @@ @@ -145,29 +145,29 @@
145 transform: scale(1.0); 145 transform: scale(1.0);
146 } 146 }
147 .ypt__info div.ball_base:nth-child(1) { 147 .ypt__info div.ball_base:nth-child(1) {
148 - top: 17px;  
149 - left: 133px; 148 + top: 0;
  149 + left: 129px;
150 } 150 }
151 151
152 .ypt__info div.ball_base:nth-child(2) { 152 .ypt__info div.ball_base:nth-child(2) {
153 - top: 68px;  
154 - left: 50px; 153 + top: 51px;
  154 + left:30px;
155 } 155 }
156 .ypt__info div.ball_base:nth-child(3) { 156 .ypt__info div.ball_base:nth-child(3) {
157 - top: 68px;  
158 - left: 214px; 157 + top: 51px;
  158 + left: 224px;
159 } 159 }
160 .ypt__info div.ball_base:nth-child(4) { 160 .ypt__info div.ball_base:nth-child(4) {
161 top: 150px; 161 top: 150px;
162 - left: 50px; 162 + left: 30px;
163 } 163 }
164 .ypt__info div.ball_base:nth-child(5) { 164 .ypt__info div.ball_base:nth-child(5) {
165 top: 150px; 165 top: 150px;
166 - left: 210px; 166 + left: 230px;
167 } 167 }
168 .ypt__info div.ball_base:nth-child(6) { 168 .ypt__info div.ball_base:nth-child(6) {
169 - top: 190px;  
170 - left: 133px; 169 + top: 205px;
  170 + left: 129px;
171 } 171 }
172 .ypt__info .ball_base .ball.active{ 172 .ypt__info .ball_base .ball.active{
173 -moz-transition: top 0.3s; 173 -moz-transition: top 0.3s;
@@ -12,7 +12,8 @@ export default { @@ -12,7 +12,8 @@ export default {
12 domainName:sessionStorage.getItem('domainName'), 12 domainName:sessionStorage.getItem('domainName'),
13 apiUrl:'/api-web/sxview/getBusinessAvailability', 13 apiUrl:'/api-web/sxview/getBusinessAvailability',
14 kpiIds:'KPI97B835A4,KPIFE85BE59,KPI7A29BAC3,KPIE7A7E3E4', 14 kpiIds:'KPI97B835A4,KPIFE85BE59,KPI7A29BAC3,KPIE7A7E3E4',
15 - busId:'247c0c978f574285bf642f55611ea75d', 15 + // busId:'247c0c978f574285bf642f55611ea75d',
  16 + busId: '',
16 performanceData:'', 17 performanceData:'',
17 xAxisData:'', 18 xAxisData:'',
18 yAxisData:'', 19 yAxisData:'',
@@ -27,68 +27,68 @@ @@ -27,68 +27,68 @@
27 </span> 27 </span>
28 </div> 28 </div>
29 </el-col>--> 29 </el-col>-->
30 - <el-col :span="3"> 30 + <el-col :span="3" class="width-13">
31 <div class="grid-content bg-purple-light com-box"> 31 <div class="grid-content bg-purple-light com-box">
32 <span> 32 <span>
33 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 33 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
34 - <span class="com-box-value" :style="combitnumberStyle" style="left: 3%;color: #FEFEFE;" v-if="millionBitFalg > 0">{{millionBit}}</span>  
35 - <span class="com-box-value" :style="combitnumberStyle" style="left: 3%;color: #97969B;" v-if="millionBitFalg == 0">{{millionBit}}</span>  
36 - <span :style="comcommaStyle" style=" left: 11.5%;" v-if="isOneCommaShow">,</span> 34 + <span class="com-box-value" :style="combitnumberStyle" style="left: 4%;color: #FEFEFE;" v-if="millionBitFalg > 0">{{millionBit}}</span>
  35 + <span class="com-box-value" :style="combitnumberStyle" style="left: 4%;color: #97969B;" v-if="millionBitFalg == 0">{{millionBit}}</span>
  36 + <span :style="comcommaStyle" style=" left: 13%;" v-if="isOneCommaShow">,</span>
37 </span> 37 </span>
38 </div> 38 </div>
39 </el-col> 39 </el-col>
40 - <el-col :span="3"> 40 + <el-col :span="3" class="width-13">
41 <div class="grid-content bg-purple com-box"> 41 <div class="grid-content bg-purple com-box">
42 <span> 42 <span>
43 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 43 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
44 - <span class="com-box-value" :style="combitnumberStyle" style="left: 15.5%;color: #FEFEFE;" v-if="hundredThousandBitFalg > 0">{{hundredThousandBit}}</span>  
45 - <span class="com-box-value" :style="combitnumberStyle" style="left: 15.5%;color: #97969B;" v-if="hundredThousandBitFalg == 0">{{hundredThousandBit}}</span> 44 + <span class="com-box-value" :style="combitnumberStyle" style="left: 18%;color: #FEFEFE;" v-if="hundredThousandBitFalg > 0">{{hundredThousandBit}}</span>
  45 + <span class="com-box-value" :style="combitnumberStyle" style="left: 18%;color: #97969B;" v-if="hundredThousandBitFalg == 0">{{hundredThousandBit}}</span>
46 </span> 46 </span>
47 </div> 47 </div>
48 </el-col> 48 </el-col>
49 - <el-col :span="3"> 49 + <el-col :span="3" class="width-13">
50 <div class="grid-content bg-purple-light com-box"> 50 <div class="grid-content bg-purple-light com-box">
51 <span> 51 <span>
52 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 52 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
53 - <span class="com-box-value" :style="combitnumberStyle" style="left: 28%;color: #FEFEFE;" v-if="tenThousandBitFalg > 0">{{tenThousandBit}}</span>  
54 - <span class="com-box-value" :style="combitnumberStyle" style="left: 28%;color: #97969B;" v-if="tenThousandBitFalg == 0">{{tenThousandBit}}</span> 53 + <span class="com-box-value" :style="combitnumberStyle" style="left: 31%;color: #FEFEFE;" v-if="tenThousandBitFalg > 0">{{tenThousandBit}}</span>
  54 + <span class="com-box-value" :style="combitnumberStyle" style="left: 31%;color: #97969B;" v-if="tenThousandBitFalg == 0">{{tenThousandBit}}</span>
55 </span> 55 </span>
56 </div> 56 </div>
57 </el-col> 57 </el-col>
58 - <el-col :span="3"> 58 + <el-col :span="3" class="width-13">
59 <div class="grid-content bg-purple com-box"> 59 <div class="grid-content bg-purple com-box">
60 <span> 60 <span>
61 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 61 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
62 - <span class="com-box-value" :style="combitnumberStyle" style="left: 40.5%;color: #FEFEFE;" v-if="thousandBitFalg > 0">{{thousandBit}}</span>  
63 - <span class="com-box-value" :style="combitnumberStyle" style="left: 40.5%;color: #97969B;" v-if="thousandBitFalg == 0">{{thousandBit}}</span>  
64 - <span :style="comcommaStyle" style="left: 49%;" v-if="isTwoCommaShow">,</span> 62 + <span class="com-box-value" :style="combitnumberStyle" style="left: 46%;color: #FEFEFE;" v-if="thousandBitFalg > 0">{{thousandBit}}</span>
  63 + <span class="com-box-value" :style="combitnumberStyle" style="left: 46%;color: #97969B;" v-if="thousandBitFalg == 0">{{thousandBit}}</span>
  64 + <span :style="comcommaStyle" style="left: 55%;" v-if="isTwoCommaShow">,</span>
65 </span> 65 </span>
66 </div> 66 </div>
67 </el-col> 67 </el-col>
68 - <el-col :span="3"> 68 + <el-col :span="3" class="width-13">
69 <div class="grid-content bg-purple-light com-box"> 69 <div class="grid-content bg-purple-light com-box">
70 <span> 70 <span>
71 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 71 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
72 - <span class="com-box-value" :style="combitnumberStyle" style="left: 53%;color: #FEFEFE;" v-if="hundredBitFalg > 0">{{hundredBit}}</span>  
73 - <span class="com-box-value" :style="combitnumberStyle" style="left: 53%;color: #97969B;" v-if="hundredBitFalg == 0">{{hundredBit}}</span> 72 + <span class="com-box-value" :style="combitnumberStyle" style="left: 60%;color: #FEFEFE;" v-if="hundredBitFalg > 0">{{hundredBit}}</span>
  73 + <span class="com-box-value" :style="combitnumberStyle" style="left: 60%;color: #97969B;" v-if="hundredBitFalg == 0">{{hundredBit}}</span>
74 </span> 74 </span>
75 </div> 75 </div>
76 </el-col> 76 </el-col>
77 - <el-col :span="3"> 77 + <el-col :span="3" class="width-13">
78 <div class="grid-content bg-purple com-box"> 78 <div class="grid-content bg-purple com-box">
79 <span> 79 <span>
80 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 80 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
81 - <span class="com-box-value" :style="combitnumberStyle" style="left: 66.5%;color: #FEFEFE;" v-if="tenBitFalg > 0">{{tenBit}}</span>  
82 - <span class="com-box-value" :style="combitnumberStyle" style="left: 66.5%;color: #97969B;" v-if="tenBitFalg == 0">{{tenBit}}</span> 81 + <span class="com-box-value" :style="combitnumberStyle" style="left: 74.5%;color: #FEFEFE;" v-if="tenBitFalg > 0">{{tenBit}}</span>
  82 + <span class="com-box-value" :style="combitnumberStyle" style="left: 74.5%;color: #97969B;" v-if="tenBitFalg == 0">{{tenBit}}</span>
83 </span> 83 </span>
84 </div> 84 </div>
85 </el-col> 85 </el-col>
86 - <el-col :span="3"> 86 + <el-col :span="3" class="width-13">
87 <div class="grid-content bg-purple-light com-box"> 87 <div class="grid-content bg-purple-light com-box">
88 <span> 88 <span>
89 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 89 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
90 - <span class="com-box-value" :style="combitnumberStyle" style="left: 78%;color: #FEFEFE;" v-if="bitBitFalg > 0">{{bitBit}}</span>  
91 - <span class="com-box-value" :style="combitnumberStyle" style="left: 78%;color: #97969B;" v-if="bitBitFalg == 0">{{bitBit}}</span> 90 + <span class="com-box-value" :style="combitnumberStyle" style="left: 88%;color: #FEFEFE;" v-if="bitBitFalg > 0">{{bitBit}}</span>
  91 + <span class="com-box-value" :style="combitnumberStyle" style="left: 88%;color: #97969B;" v-if="bitBitFalg == 0">{{bitBit}}</span>
92 </span> 92 </span>
93 </div> 93 </div>
94 </el-col> 94 </el-col>
@@ -27,68 +27,68 @@ @@ -27,68 +27,68 @@
27 </span> 27 </span>
28 </div> 28 </div>
29 </el-col>--> 29 </el-col>-->
30 - <el-col :span="3"> 30 + <el-col :span="3" class="width-13">
31 <div class="grid-content bg-purple-light com-box"> 31 <div class="grid-content bg-purple-light com-box">
32 <span> 32 <span>
33 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 33 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
34 - <span class="com-box-value" :style="combitnumberStyle" style="left: 3%;color: #FEFEFE;" v-if="millionBitFalg > 0">{{millionBit}}</span>  
35 - <span class="com-box-value" :style="combitnumberStyle" style="left: 3%;color: #97969B;" v-if="millionBitFalg == 0">{{millionBit}}</span>  
36 - <span :style="comcommaStyle" style=" left: 11.5%;" v-if="isOneCommaShow">,</span> 34 + <span class="com-box-value" :style="combitnumberStyle" style="left: 4%;color: #FEFEFE;" v-if="millionBitFalg > 0">{{millionBit}}</span>
  35 + <span class="com-box-value" :style="combitnumberStyle" style="left: 4%;color: #97969B;" v-if="millionBitFalg == 0">{{millionBit}}</span>
  36 + <span :style="comcommaStyle" style=" left: 13%;" v-if="isOneCommaShow">,</span>
37 </span> 37 </span>
38 </div> 38 </div>
39 </el-col> 39 </el-col>
40 - <el-col :span="3"> 40 + <el-col :span="3" class="width-13">
41 <div class="grid-content bg-purple com-box"> 41 <div class="grid-content bg-purple com-box">
42 <span> 42 <span>
43 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 43 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
44 - <span class="com-box-value" :style="combitnumberStyle" style="left: 15.5%;color: #FEFEFE;" v-if="hundredThousandBitFalg > 0">{{hundredThousandBit}}</span>  
45 - <span class="com-box-value" :style="combitnumberStyle" style="left: 15.5%;color: #97969B;" v-if="hundredThousandBitFalg == 0">{{hundredThousandBit}}</span> 44 + <span class="com-box-value" :style="combitnumberStyle" style="left: 18%;color: #FEFEFE;" v-if="hundredThousandBitFalg > 0">{{hundredThousandBit}}</span>
  45 + <span class="com-box-value" :style="combitnumberStyle" style="left: 18%;color: #97969B;" v-if="hundredThousandBitFalg == 0">{{hundredThousandBit}}</span>
46 </span> 46 </span>
47 </div> 47 </div>
48 </el-col> 48 </el-col>
49 - <el-col :span="3"> 49 + <el-col :span="3" class="width-13">
50 <div class="grid-content bg-purple-light com-box"> 50 <div class="grid-content bg-purple-light com-box">
51 <span> 51 <span>
52 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 52 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
53 - <span class="com-box-value" :style="combitnumberStyle" style="left: 28%;color: #FEFEFE;" v-if="tenThousandBitFalg > 0">{{tenThousandBit}}</span>  
54 - <span class="com-box-value" :style="combitnumberStyle" style="left: 28%;color: #97969B;" v-if="tenThousandBitFalg == 0">{{tenThousandBit}}</span> 53 + <span class="com-box-value" :style="combitnumberStyle" style="left: 31%;color: #FEFEFE;" v-if="tenThousandBitFalg > 0">{{tenThousandBit}}</span>
  54 + <span class="com-box-value" :style="combitnumberStyle" style="left: 31%;color: #97969B;" v-if="tenThousandBitFalg == 0">{{tenThousandBit}}</span>
55 </span> 55 </span>
56 </div> 56 </div>
57 </el-col> 57 </el-col>
58 - <el-col :span="3"> 58 + <el-col :span="3" class="width-13">
59 <div class="grid-content bg-purple com-box"> 59 <div class="grid-content bg-purple com-box">
60 <span> 60 <span>
61 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 61 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
62 - <span class="com-box-value" :style="combitnumberStyle" style="left: 40.5%;color: #FEFEFE;" v-if="thousandBitFalg > 0">{{thousandBit}}</span>  
63 - <span class="com-box-value" :style="combitnumberStyle" style="left: 40.5%;color: #97969B;" v-if="thousandBitFalg == 0">{{thousandBit}}</span>  
64 - <span :style="comcommaStyle" style="left: 49%;" v-if="isTwoCommaShow">,</span> 62 + <span class="com-box-value" :style="combitnumberStyle" style="left: 46%;color: #FEFEFE;" v-if="thousandBitFalg > 0">{{thousandBit}}</span>
  63 + <span class="com-box-value" :style="combitnumberStyle" style="left: 46%;color: #97969B;" v-if="thousandBitFalg == 0">{{thousandBit}}</span>
  64 + <span :style="comcommaStyle" style="left: 55%;" v-if="isTwoCommaShow">,</span>
65 </span> 65 </span>
66 </div> 66 </div>
67 </el-col> 67 </el-col>
68 - <el-col :span="3"> 68 + <el-col :span="3" class="width-13">
69 <div class="grid-content bg-purple-light com-box"> 69 <div class="grid-content bg-purple-light com-box">
70 <span> 70 <span>
71 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 71 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
72 - <span class="com-box-value" :style="combitnumberStyle" style="left: 53%;color: #FEFEFE;" v-if="hundredBitFalg > 0">{{hundredBit}}</span>  
73 - <span class="com-box-value" :style="combitnumberStyle" style="left: 53%;color: #97969B;" v-if="hundredBitFalg == 0">{{hundredBit}}</span> 72 + <span class="com-box-value" :style="combitnumberStyle" style="left: 60%;color: #FEFEFE;" v-if="hundredBitFalg > 0">{{hundredBit}}</span>
  73 + <span class="com-box-value" :style="combitnumberStyle" style="left: 60%;color: #97969B;" v-if="hundredBitFalg == 0">{{hundredBit}}</span>
74 </span> 74 </span>
75 </div> 75 </div>
76 </el-col> 76 </el-col>
77 - <el-col :span="3"> 77 + <el-col :span="3" class="width-13">
78 <div class="grid-content bg-purple com-box"> 78 <div class="grid-content bg-purple com-box">
79 <span> 79 <span>
80 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 80 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
81 - <span class="com-box-value" :style="combitnumberStyle" style="left: 66.5%;color: #FEFEFE;" v-if="tenBitFalg > 0">{{tenBit}}</span>  
82 - <span class="com-box-value" :style="combitnumberStyle" style="left: 66.5%;color: #97969B;" v-if="tenBitFalg == 0">{{tenBit}}</span> 81 + <span class="com-box-value" :style="combitnumberStyle" style="left: 74.5%;color: #FEFEFE;" v-if="tenBitFalg > 0">{{tenBit}}</span>
  82 + <span class="com-box-value" :style="combitnumberStyle" style="left: 74.5%;color: #97969B;" v-if="tenBitFalg == 0">{{tenBit}}</span>
83 </span> 83 </span>
84 </div> 84 </div>
85 </el-col> 85 </el-col>
86 - <el-col :span="3"> 86 + <el-col :span="3" class="width-13">
87 <div class="grid-content bg-purple-light com-box"> 87 <div class="grid-content bg-purple-light com-box">
88 <span> 88 <span>
89 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png"> 89 <img :style="comboximgStyle" src="./src/assets/images/digitalDp/bit_box_2.png">
90 - <span class="com-box-value" :style="combitnumberStyle" style="left: 78%;color: #FEFEFE;" v-if="bitBitFalg > 0">{{bitBit}}</span>  
91 - <span class="com-box-value" :style="combitnumberStyle" style="left: 78%;color: #97969B;" v-if="bitBitFalg == 0">{{bitBit}}</span> 90 + <span class="com-box-value" :style="combitnumberStyle" style="left: 88%;color: #FEFEFE;" v-if="bitBitFalg > 0">{{bitBit}}</span>
  91 + <span class="com-box-value" :style="combitnumberStyle" style="left: 88%;color: #97969B;" v-if="bitBitFalg == 0">{{bitBit}}</span>
92 </span> 92 </span>
93 </div> 93 </div>
94 </el-col> 94 </el-col>
@@ -79,28 +79,28 @@ export default { @@ -79,28 +79,28 @@ export default {
79 function run() { 79 function run() {
80 const yptpostion = [ 80 const yptpostion = [
81 { 81 {
82 - top: '17px',//1  
83 - left: '133px' 82 + top: '0',//1
  83 + left: '129px'
84 }, 84 },
85 { 85 {
86 - top: '68px', // 2  
87 - left: '50px' 86 + top: '51px', // 2
  87 + left: '30px'
88 }, 88 },
89 { 89 {
90 - top: '68px', // 3  
91 - left: '214px' 90 + top: '51px', // 3
  91 + left: '224px'
92 }, 92 },
93 { 93 {
94 top: '150px', // 4 94 top: '150px', // 4
95 - left: '50px' 95 + left: '30px'
96 }, 96 },
97 { 97 {
98 top: '150px', // 5 98 top: '150px', // 5
99 - left: '210px' 99 + left: '230px'
100 }, 100 },
101 { 101 {
102 - top: '190px', // 6  
103 - left: '133px' 102 + top: '205px', // 6
  103 + left: '129px'
104 } 104 }
105 ]; 105 ];
106 // const runpostions = [[1, 2, 3, 4, 5, 0], [2, 3, 4, 5, 0, 1], [3, 4, 5, 0, 1, 2], [4, 5, 0, 1, 2, 3], [5, 0, 1, 2, 3, 4], [0, 1, 2, 3, 4, 5]]; 106 // const runpostions = [[1, 2, 3, 4, 5, 0], [2, 3, 4, 5, 0, 1], [3, 4, 5, 0, 1, 2], [4, 5, 0, 1, 2, 3], [5, 0, 1, 2, 3, 4], [0, 1, 2, 3, 4, 5]];
@@ -11,6 +11,7 @@ export default { @@ -11,6 +11,7 @@ export default {
11 domainName:sessionStorage.getItem('domainName'), 11 domainName:sessionStorage.getItem('domainName'),
12 apiUrl:'/api-web/bigScreen/digitalBoardData',//本月已申报/未申报 12 apiUrl:'/api-web/bigScreen/digitalBoardData',//本月已申报/未申报
13 apiUrl1:'/api-web/bigScreen/findPortfolio',//今日业务量 13 apiUrl1:'/api-web/bigScreen/findPortfolio',//今日业务量
  14 + allData:'',
14 volumeData:'',//业务量数据 15 volumeData:'',//业务量数据
15 declareData:'', 16 declareData:'',
16 reportable:0,//本月应申报 17 reportable:0,//本月应申报
@@ -27,24 +28,33 @@ export default { @@ -27,24 +28,33 @@ export default {
27 styleVolumeNet:'', 28 styleVolumeNet:'',
28 opactiyNum:0, //不透明显示的个数 29 opactiyNum:0, //不透明显示的个数
29 opactiyNumMath:0, //不透明显示的个数中间量 30 opactiyNumMath:0, //不透明显示的个数中间量
30 - opactiyNumTotal:20//总透明数 31 + opactiyNumTotal:20,//总透明数
  32 + curve: 'KPIDA0ACBBP',
  33 + rateTitle: 'KPIDA0ACBBK',
  34 + numerTitle: 'KPIDA0ACBBG'
31 } 35 }
32 }, 36 },
33 setup(props, {attrs, slots, emit}) { 37 setup(props, {attrs, slots, emit}) {
34 const {proxy} = Vue.getCurrentInstance(); 38 const {proxy} = Vue.getCurrentInstance();
35 // 挂载完 39 // 挂载完
36 Vue.onMounted(() => { 40 Vue.onMounted(() => {
37 - $.get(proxy.domainName +proxy.apiUrl+'?kipValue1=KPIDA0ACBBF&kipValue2=KPIDA0ACBBD'+'&access_token='+localStorage.getItem('access_token'),function (res) {  
38 - const data = res;  
39 - if(data && data.map){  
40 - let reportableMonth=data.map.rightNumber;  
41 - proxy.declaredMonth=data.map.leftNumber;  
42 - proxy.reportableMonth=proxy.numberFilter(reportableMonth,-1); 41 + //本月应申报及申报率
  42 + let params = {
  43 + curve: proxy.curve,
  44 + rateTitle: proxy.rateTitle,
  45 + numerTitle: proxy.numerTitle
  46 + };
  47 + proxy.$http.get("/api-web/bigScreen/declarePolyline", params, function (res) {
  48 + if(res.success){
  49 + proxy.allData = res.obj;
  50 + const declareRate = proxy.allData.polyline.declareRate
43 51
44 - let reportable=parseInt(data.map.rightNumber)+parseInt(data.map.leftNumber);  
45 - proxy.reportable=proxy.numberFilter(reportable,-1);  
46 - let declarationRate=(parseInt(proxy.declaredMonth) /reportable).toFixed(2);  
47 - proxy.opactiyNumMath=declarationRate*proxy.opactiyNumTotal 52 + proxy.reportable = proxy.allData.polyline.declareNumer
  53 + let declareRateNum=0;
  54 + if(declareRate.indexOf('%') > 0){
  55 + declareRateNum = parseInt(declareRate.split('%')[0] )
  56 + }
  57 + proxy.opactiyNumMath=(declareRateNum/100)*proxy.opactiyNumTotal
48 58
49 if(proxy.opactiyNumMath>proxy.opactiyNumTotal-1){ 59 if(proxy.opactiyNumMath>proxy.opactiyNumTotal-1){
50 proxy.opactiyNum=Math.floor(proxy.opactiyNumMath); 60 proxy.opactiyNum=Math.floor(proxy.opactiyNumMath);
@@ -53,7 +63,21 @@ export default { @@ -53,7 +63,21 @@ export default {
53 proxy.opactiyNum=Math.ceil(proxy.opactiyNumMath); 63 proxy.opactiyNum=Math.ceil(proxy.opactiyNumMath);
54 64
55 } 65 }
56 - proxy.declarationRate=declarationRate*100+'%'; 66 + proxy.declarationRate=declareRate;
  67 +
  68 +
  69 + }
  70 + });
  71 + $.get(proxy.domainName +proxy.apiUrl+'?kipValue1=KPIDA0ACBBF&kipValue2=KPIDA0ACBBD'+'&access_token='+localStorage.getItem('access_token'),function (res) {
  72 + const data = res;
  73 + if(data && data.map){
  74 + let reportableMonth=data.map.rightNumber;
  75 + proxy.declaredMonth=data.map.leftNumber;
  76 + proxy.reportableMonth=proxy.numberFilter(reportableMonth,-1);
  77 +
  78 + // let reportable=parseInt(data.map.rightNumber)+parseInt(data.map.leftNumber);
  79 + // proxy.reportable=proxy.numberFilter(reportable,-1);
  80 +
57 81
58 } 82 }
59 83
@@ -52,7 +52,7 @@ export default { @@ -52,7 +52,7 @@ export default {
52 title: { 52 title: {
53 text: '近30天访问量', 53 text: '近30天访问量',
54 x:'center', 54 x:'center',
55 - y:'7px', 55 + y:'9px',
56 textStyle:{ 56 textStyle:{
57 color:"#ffffff", 57 color:"#ffffff",
58 fontSize:14 58 fontSize:14
@@ -72,6 +72,11 @@ export default { @@ -72,6 +72,11 @@ export default {
72 } 72 }
73 73
74 }, 74 },
  75 + grid: {
  76 + left: '10%',
  77 + right: '4%',
  78 + bottom: '10%',
  79 + },
75 xAxis: { 80 xAxis: {
76 type: 'category', 81 type: 'category',
77 data: proxy.legendData, 82 data: proxy.legendData,
  1 +// 获取状态
  2 +const indirectManage = () => {
  3 + const store = Vuex.useStore()
  4 +
  5 + // 用toRef获取 busId，有相应性，可以直接修改state
  6 + const busId = Vue.toRef(store.state, 'busId')
  7 +
  8 + return {
  9 + busId
  10 + }
  11 +}
1 export default { 12 export default {
2 name: 'performance', 13 name: 'performance',
3 template: '', 14 template: '',
@@ -11,7 +22,8 @@ export default { @@ -11,7 +22,8 @@ export default {
11 domainName:sessionStorage.getItem('domainName'), 22 domainName:sessionStorage.getItem('domainName'),
12 apiUrl:'/api-web/sxview/getBusinessAvailability', 23 apiUrl:'/api-web/sxview/getBusinessAvailability',
13 kpiIds:'KPI97B835A4,KPIFE85BE59,KPI7A29BAC3,KPIE7A7E3E4', 24 kpiIds:'KPI97B835A4,KPIFE85BE59,KPI7A29BAC3,KPIE7A7E3E4',
14 - busId:'247c0c978f574285bf642f55611ea75d', 25 + // busId:'247c0c978f574285bf642f55611ea75d',
  26 + busId:'',
15 performanceData:'', 27 performanceData:'',
16 xAxisData:'', 28 xAxisData:'',
17 yAxisData:'', 29 yAxisData:'',
@@ -24,6 +36,14 @@ export default { @@ -24,6 +36,14 @@ export default {
24 const xAxisData=Vue.ref(); 36 const xAxisData=Vue.ref();
25 const yAxisData=Vue.ref([]); 37 const yAxisData=Vue.ref([]);
26 const legendData=Vue.ref([]); 38 const legendData=Vue.ref([]);
  39 + // 获取状态
  40 + const { busId} = indirectManage()
  41 + // 监听编辑状态
  42 + Vue.watch(() =>busId.value, (newVal, oldVlaue) => {
  43 + // console.log("333",busId.value)
  44 + proxy.busId=busId.value
  45 + proxy.getData();
  46 + });
27 // 半透明的颜色值 47 // 半透明的颜色值
28 const colorArr1 = [ 48 const colorArr1 = [
29 'rgba(151,213,244, 0.8)', 49 'rgba(151,213,244, 0.8)',
@@ -46,7 +46,6 @@ export default { @@ -46,7 +46,6 @@ export default {
46 if(data && data.data){ 46 if(data && data.data){
47 // proxy.resourceStatisticsData=data.data; 47 // proxy.resourceStatisticsData=data.data;
48 let resData=data.data; 48 let resData=data.data;
49 - console.log("$",resData.length,4-resData.length)  
50 let length=resData.length; 49 let length=resData.length;
51 if(length<4){ 50 if(length<4){
52 for(let i=0;i<4-length;i++){ 51 for(let i=0;i<4-length;i++){
@@ -63,14 +62,8 @@ export default { @@ -63,14 +62,8 @@ export default {
63 "goodPercent": 0 62 "goodPercent": 0
64 }) 63 })
65 } 64 }
66 - console.log("***",resData)  
67 -  
68 } 65 }
69 -  
70 proxy.resourceStatisticsData=resData; 66 proxy.resourceStatisticsData=resData;
71 -  
72 -  
73 -  
74 } 67 }
75 68
76 }) 69 })