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