bug修改
Showing
4 changed files
with
174 additions
and
164 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-03-17 15:18:47 | 4 | * @LastEditTime: 2023-03-31 13:53:41 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | class data extends filter { | 7 | class data extends filter { |
... | @@ -35,7 +35,7 @@ class data extends filter { | ... | @@ -35,7 +35,7 @@ class data extends filter { |
35 | { | 35 | { |
36 | label: "业务号", | 36 | label: "业务号", |
37 | prop: "ywh", | 37 | prop: "ywh", |
38 | minWidth: 150, | 38 | minWidth: 120, |
39 | }, | 39 | }, |
40 | { | 40 | { |
41 | label: "不动产单元号", | 41 | label: "不动产单元号", | ... | ... |
... | @@ -55,201 +55,211 @@ | ... | @@ -55,201 +55,211 @@ |
55 | 55 | ||
56 | <script> | 56 | <script> |
57 | 57 | ||
58 | import columnar from "@/components/Echart/Columnar"; | 58 | import columnar from "@/components/Echart/Columnar"; |
59 | import work from "@/api/work"; | 59 | import work from "@/api/work"; |
60 | export default { | 60 | export default { |
61 | data () { | 61 | data () { |
62 | return { | 62 | return { |
63 | // 日均接入量 | 63 | // 日均接入量 |
64 | qxerrer: "", | 64 | qxerrer: "", |
65 | qxsuccess: "", | 65 | qxsuccess: "", |
66 | sterrer: "", | 66 | sterrer: "", |
67 | stsuccess: "", | 67 | stsuccess: "", |
68 | qxjrl: "", | 68 | qxjrl: "", |
69 | stjrl: "", | 69 | stjrl: "", |
70 | qxcgl: "", | 70 | qxcgl: "", |
71 | stcgl: "" | 71 | stcgl: "" |
72 | }; | 72 | }; |
73 | }, | ||
74 | mounted () { | ||
75 | this.getsthjqxjrtotal(); | ||
76 | }, | ||
77 | components: { columnar }, | ||
78 | computed: { | ||
79 | qxjrlList: function () { | ||
80 | return this.qxjrl && this.qxjrl.toString().split(""); | ||
81 | }, | 73 | }, |
82 | stjrlList: function () { | 74 | mounted () { |
83 | return this.stjrl && this.stjrl.toString().split(""); | 75 | this.getsthjqxjrtotal(); |
84 | }, | 76 | }, |
85 | }, | 77 | components: { columnar }, |
86 | methods: { | 78 | computed: { |
87 | getsthjqxjrtotal () { | 79 | qxjrlList: function () { |
88 | return new Promise(async (resolve) => { | 80 | return this.qxjrl && this.qxjrl.toString().split(""); |
89 | try { | 81 | }, |
90 | let p = { | 82 | stjrlList: function () { |
91 | DJLX: "", | 83 | return this.stjrl && this.stjrl.toString().split(""); |
92 | QLLX: "", | 84 | }, |
93 | XZQDM: "", | 85 | }, |
94 | }; | 86 | methods: { |
95 | let res = await work.getsthjqxjrtotal(p); | 87 | getsthjqxjrtotal () { |
96 | this.stjrl = res.result.stsum | 88 | return new Promise(async (resolve) => { |
97 | this.qxjrl = res.result.qxsum | 89 | try { |
98 | this.qxerrer = Number(res.result.qxjrerrer) | 90 | let p = { |
99 | this.sterrer = Number(res.result.sthjerrer) | 91 | DJLX: "", |
100 | if (res.result.sum == "0") { | 92 | QLLX: "", |
101 | this.qxcgl = "100%" | 93 | XZQDM: "", |
102 | this.stcgl = "100%" | 94 | }; |
103 | } else { | 95 | let res = await work.getsthjqxjrtotal(p); |
104 | let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100 | 96 | this.stjrl = res.result.stsum |
105 | let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100 | 97 | this.qxjrl = res.result.qxsum |
106 | this.qxcgl = qxcglnum.toFixed(2) + "%"; | 98 | this.qxerrer = Number(res.result.qxjrerrer) |
107 | this.stcgl = stcgl.toFixed(2) + "%"; | 99 | this.sterrer = Number(res.result.sthjerrer) |
100 | if (res.result.sum == "0") { | ||
101 | this.qxcgl = "100%" | ||
102 | this.stcgl = "100%" | ||
103 | } else { | ||
104 | let qxcglnum = Number(res.result.qxjrsuccess) / this.qxjrl * 100 | ||
105 | let stcgl = Number(res.result.sthjsuccess) / this.qxjrl * 100 | ||
106 | this.qxcgl = qxcglnum.toFixed(2) + "%"; | ||
107 | this.stcgl = stcgl.toFixed(2) + "%"; | ||
108 | 108 | ||
109 | } | ||
110 | } catch (error) { | ||
111 | this.$refs.msg.messageShow(); | ||
109 | } | 112 | } |
110 | } catch (error) { | 113 | }); |
111 | this.$refs.msg.messageShow(); | 114 | }, |
112 | } | ||
113 | }); | ||
114 | }, | 115 | }, |
115 | }, | 116 | }; |
116 | }; | ||
117 | </script> | 117 | </script> |
118 | 118 | ||
119 | <style lang="scss" scoped> | 119 | <style lang="scss" scoped> |
120 | .leftcard { | 120 | .leftcard { |
121 | width: 30%; | 121 | width: 30%; |
122 | display: flex; | ||
123 | height: calc(100vh - 114px); | ||
124 | flex-direction: column; | ||
125 | |||
126 | .card { | ||
127 | height: 22%; | ||
128 | background: url("~@/image/qxjr.png") no-repeat; | ||
129 | background-size: 100% 100%; | ||
130 | position: relative; | ||
131 | text-align: center; | ||
132 | width: 100%; | ||
133 | } | ||
134 | |||
135 | .carda { | ||
136 | height: 22%; | ||
137 | background: url("~@/image/sthj.png") no-repeat; | ||
138 | background-size: 100% 100%; | ||
139 | position: relative; | ||
140 | text-align: center; | ||
141 | width: 100%; | ||
142 | } | ||
143 | |||
144 | .card1 { | ||
145 | background: url("~@/image/sbtj.png") no-repeat; | ||
146 | background-size: 100% 100%; | ||
147 | position: relative; | ||
148 | box-sizing: border-box; | ||
149 | flex: 1; | ||
150 | } | ||
151 | |||
152 | .cardhead { | ||
153 | color: #02d9fd; | ||
154 | line-height: 0.125rem; | ||
155 | letter-spacing: 0.0104rem; | ||
156 | position: absolute; | ||
157 | font-size: 0.1042rem; | ||
158 | left: 0; | ||
159 | right: 0; | ||
160 | margin: auto; | ||
161 | text-align: center; | ||
162 | top: 8px; | ||
163 | font-weight: 700; | ||
164 | } | ||
165 | |||
166 | .rjjrlList { | ||
167 | display: flex; | 122 | display: flex; |
168 | margin-top: 0.01781rem; | 123 | height: calc(100vh - 114px); |
124 | flex-direction: column; | ||
169 | 125 | ||
170 | .qxjr { | 126 | .card { |
171 | background: url("~@/image/jrl3.png"); | 127 | height: 22%; |
128 | background: url("~@/image/qxjr.png") no-repeat; | ||
172 | background-size: 100% 100%; | 129 | background-size: 100% 100%; |
173 | width: 29px; | 130 | position: relative; |
174 | height: 46px; | 131 | text-align: center; |
132 | width: 100%; | ||
175 | } | 133 | } |
176 | 134 | ||
177 | .sthj { | 135 | .carda { |
178 | background: url("~@/image/jh.png"); | 136 | height: 22%; |
137 | background: url("~@/image/sthj.png") no-repeat; | ||
179 | background-size: 100% 100%; | 138 | background-size: 100% 100%; |
180 | width: 29px; | 139 | position: relative; |
181 | height: 46px; | 140 | text-align: center; |
182 | } | 141 | width: 100%; |
183 | |||
184 | p { | ||
185 | margin: 0 0.0156rem 0.0521rem 0.0156rem; | ||
186 | font-weight: 700; | ||
187 | font-size: 30px; | ||
188 | } | 142 | } |
189 | } | ||
190 | 143 | ||
191 | .cardcontent { | 144 | .card1 { |
192 | width: 100%; | 145 | background: url("~@/image/sbtj.png") no-repeat; |
193 | height: 100%; | 146 | background-size: 100% 100%; |
194 | display: flex; | ||
195 | // padding: 35px 20px 20px 20px; | ||
196 | box-sizing: border-box; | ||
197 | color: #e3f1ff; | ||
198 | margin-top: 0.1263rem; | ||
199 | |||
200 | .cardcontent-left { | ||
201 | width: 60%; | ||
202 | flex-direction: column; | ||
203 | position: relative; | 147 | position: relative; |
148 | box-sizing: border-box; | ||
204 | flex: 1; | 149 | flex: 1; |
205 | height: 100%; | ||
206 | |||
207 | li { | ||
208 | font-size: 0.1042rem; | ||
209 | } | ||
210 | } | 150 | } |
211 | 151 | ||
212 | .cardcontent-left::before { | 152 | .cardhead { |
153 | color: #02d9fd; | ||
154 | line-height: 0.125rem; | ||
155 | letter-spacing: 0.0104rem; | ||
213 | position: absolute; | 156 | position: absolute; |
157 | font-size: 0.1042rem; | ||
158 | left: 0; | ||
214 | right: 0; | 159 | right: 0; |
215 | top: 0.24rem; | 160 | margin: auto; |
216 | content: ""; | 161 | text-align: center; |
217 | width: 0.0052rem; | 162 | top: 8px; |
218 | height: 0.4688rem; | 163 | font-weight: 700; |
219 | background: linear-gradient(180deg, | ||
220 | #091b4c 0%, | ||
221 | #47b5e0 56%, | ||
222 | #091b4c 100%); | ||
223 | } | 164 | } |
224 | 165 | ||
225 | .cardcontent-right { | 166 | .rjjrlList { |
226 | flex: 1; | 167 | display: flex; |
168 | margin-top: 0.01781rem; | ||
169 | |||
170 | .qxjr { | ||
171 | background: url("~@/image/jrl3.png"); | ||
172 | background-size: 100% 100%; | ||
173 | width: 29px; | ||
174 | height: 46px; | ||
175 | } | ||
176 | |||
177 | .sthj { | ||
178 | background: url("~@/image/jh.png"); | ||
179 | background-size: 100% 100%; | ||
180 | width: 29px; | ||
181 | height: 46px; | ||
182 | } | ||
183 | |||
184 | p { | ||
185 | margin: 0 0.0156rem 0.0521rem 0.0156rem; | ||
186 | font-weight: 700; | ||
187 | font-size: 30px; | ||
188 | } | ||
189 | } | ||
190 | |||
191 | .cardcontent { | ||
227 | width: 100%; | 192 | width: 100%; |
228 | height: 100%; | 193 | height: 100%; |
229 | flex-direction: column; | 194 | display: flex; |
230 | font-size: 0.09977rem; | 195 | // padding: 35px 20px 20px 20px; |
196 | box-sizing: border-box; | ||
197 | color: #e3f1ff; | ||
198 | margin-top: 0.1263rem; | ||
231 | 199 | ||
232 | .bad { | 200 | .cardcontent-left { |
233 | color: #c97168; | 201 | width: 60%; |
202 | flex-direction: column; | ||
203 | position: relative; | ||
204 | flex: 1; | ||
205 | height: 100%; | ||
206 | |||
207 | li { | ||
208 | font-size: 0.1042rem; | ||
209 | } | ||
234 | } | 210 | } |
235 | 211 | ||
236 | .cg { | 212 | .cardcontent-left::before { |
237 | color: #5fba7d; | 213 | position: absolute; |
214 | right: 0; | ||
215 | top: 0.24rem; | ||
216 | content: ""; | ||
217 | width: 0.0052rem; | ||
218 | height: 0.4688rem; | ||
219 | background: linear-gradient( | ||
220 | 180deg, | ||
221 | #091b4c 0%, | ||
222 | #47b5e0 56%, | ||
223 | #091b4c 100% | ||
224 | ); | ||
238 | } | 225 | } |
239 | 226 | ||
240 | p { | 227 | .cardcontent-right { |
241 | margin-bottom: 0.0417rem; | 228 | flex: 1; |
229 | width: 100%; | ||
230 | height: 100%; | ||
231 | flex-direction: column; | ||
232 | font-size: 0.09977rem; | ||
233 | |||
234 | .bad { | ||
235 | color: #c97168; | ||
236 | } | ||
242 | 237 | ||
243 | span:nth-child(1) { | 238 | .cg { |
244 | margin-right: 0.0781rem; | 239 | color: #5fba7d; |
245 | } | 240 | } |
246 | 241 | ||
247 | span:nth-child(2) { | 242 | p { |
248 | font-size: 20px; | 243 | width: 1.25rem; |
249 | font-weight: 900; | 244 | margin-bottom: 0.0417rem; |
245 | |||
246 | span:nth-child(1) { | ||
247 | text-align: right; | ||
248 | display: inline-block; | ||
249 | |||
250 | width: 45%; | ||
251 | margin-right: 0.0781rem; | ||
252 | } | ||
253 | |||
254 | span:nth-child(2) { | ||
255 | text-align: left; | ||
256 | display: inline-block; | ||
257 | width: 45%; | ||
258 | font-size: 20px; | ||
259 | font-weight: 900; | ||
260 | } | ||
250 | } | 261 | } |
251 | } | 262 | } |
252 | } | 263 | } |
253 | } | 264 | } |
254 | } | ||
255 | </style> | 265 | </style> | ... | ... |
... | @@ -57,7 +57,7 @@ | ... | @@ -57,7 +57,7 @@ |
57 | 57 | ||
58 | let res = await work.getdjywltotal(p); | 58 | let res = await work.getdjywltotal(p); |
59 | res.result.map((item, index) => { | 59 | res.result.map((item, index) => { |
60 | this.config.data.push([index, item.AREACODE, item.ywtotal]) | 60 | this.config.data.push([index + 1, item.AREACODE, item.ywtotal]) |
61 | 61 | ||
62 | }); | 62 | }); |
63 | 63 | ... | ... |
... | @@ -7,7 +7,7 @@ | ... | @@ -7,7 +7,7 @@ |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-row class="mb-5"> | 8 | <el-row class="mb-5"> |
9 | <el-col :span="4"> | 9 | <el-col :span="4"> |
10 | <el-form-item label="菜单名称" prop="rolesName"> | 10 | <el-form-item label="角色名称" prop="rolesName"> |
11 | <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> | 11 | <el-input v-model.trim="form.rolesName" class="width100" clearable placeholder="角色名称"></el-input> |
12 | </el-form-item> | 12 | </el-form-item> |
13 | </el-col> | 13 | </el-col> | ... | ... |
-
Please register or sign in to post a comment