Merge branch 'dev'
Showing
16 changed files
with
200 additions
and
111 deletions
| 1 | ### | 1 | ### |
| 2 | # @Description: | 2 | # @Description: |
| 3 | # @Autor: renchao | 3 | # @Autor: renchao |
| 4 | # @LastEditTime: 2023-05-15 10:37:45 | 4 | # @LastEditTime: 2023-05-29 10:26:00 |
| 5 | ENV = 'development' | 5 | ENV = 'development' |
| 6 | NODE_ENV=development | 6 | NODE_ENV=development |
| 7 | # base api | 7 | # base api |
| 8 | VUE_APP_BASE_API = '/api' | 8 | VUE_APP_BASE_API = '/api' |
| 9 | 9 | ||
| 10 | # 开发环境 | 10 | # 开发环境 |
| 11 | VUE_APP_API_BASE_URL = 'http://192.168.2.38:8026' | 11 | VUE_APP_API_BASE_URL = 'http://192.168.2.38:8027' | ... | ... |
| ... | @@ -61,6 +61,18 @@ class work { | ... | @@ -61,6 +61,18 @@ class work { |
| 61 | } | 61 | } |
| 62 | }) | 62 | }) |
| 63 | } | 63 | } |
| 64 | // 新建国有房屋信息 | ||
| 65 | // /bdcsjsb/rest/reg/work/qxmrjrsb | ||
| 66 | async qxmrjrsb (code) { | ||
| 67 | return request({ | ||
| 68 | url: SERVER.SERVERAPI + '/rest/reg/work/qxmrjrsb', | ||
| 69 | method: 'get', | ||
| 70 | params: { | ||
| 71 | code: code | ||
| 72 | } | ||
| 73 | }) | ||
| 74 | } | ||
| 75 | |||
| 64 | // 地图区县成功失败统计,code区县编码,汉中为:A20 | 76 | // 地图区县成功失败统计,code区县编码,汉中为:A20 |
| 65 | async submitViews (code) { | 77 | async submitViews (code) { |
| 66 | return request({ | 78 | return request({ | ... | ... |
| 1 | /* | 1 | /* |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-03-27 09:53:16 | 4 | * @LastEditTime: 2023-05-29 09:36:27 |
| 5 | */ | 5 | */ |
| 6 | import dialogBox from '@/components/DialogBox' | 6 | import dialogBox from '@/components/DialogBox' |
| 7 | import LbTable from '@/components/LbTable' | 7 | import LbTable from '@/components/LbTable' |
| 8 | import Breadcrumb from "@/components/Breadcrumb.vue"; | 8 | import Breadcrumb from "@/components/Breadcrumb.vue"; |
| 9 | // 引入按钮 | 9 | // 引入按钮 |
| 10 | import btn from '@/components/Button.vue' | 10 | import btn from '@/components/Button.vue' |
| 11 | import Popup from '@/components/Popup/index' | ||
| 12 | import MessageBox from '@/components/MessageBox/index.js' | 11 | import MessageBox from '@/components/MessageBox/index.js' |
| 13 | export default { | 12 | export default { |
| 14 | install: (Vue) => { | 13 | install: (Vue) => { | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :自然幢表单组件 | 2 | * @Description :自然幢表单组件 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-17 17:09:45 | 4 | * @LastEditTime: 2023-05-29 10:30:46 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="naturalBuilding itemForm"> | 7 | <div class="naturalBuilding itemForm"> | ... | ... |
| ... | @@ -3,12 +3,13 @@ | ... | @@ -3,12 +3,13 @@ |
| 3 | </template> | 3 | </template> |
| 4 | 4 | ||
| 5 | <script> | 5 | <script> |
| 6 | import Chart from './Chart' | 6 | import Chart from './Chart' |
| 7 | import work from "@/api/work"; | 7 | import work from "@/api/work"; |
| 8 | export default { | 8 | export default { |
| 9 | data () { | 9 | data () { |
| 10 | return { | 10 | return { |
| 11 | cdata: { | 11 | cdata: { |
| 12 | timer: null, | ||
| 12 | legendItem: ['接入', '上报', '登簿'], | 13 | legendItem: ['接入', '上报', '登簿'], |
| 13 | color: [ | 14 | color: [ |
| 14 | "#02D9FD", | 15 | "#02D9FD", |
| ... | @@ -22,24 +23,31 @@ export default { | ... | @@ -22,24 +23,31 @@ export default { |
| 22 | components: { | 23 | components: { |
| 23 | Chart | 24 | Chart |
| 24 | }, | 25 | }, |
| 25 | mounted() { | 26 | created () { |
| 26 | 27 | this.dataTrend() | |
| 28 | this.timer = setInterval(() => { | ||
| 29 | this.dataTrend() | ||
| 30 | }, 10000) // 10s | ||
| 31 | }, | ||
| 32 | mounted () { | ||
| 27 | window.addEventListener("resize", () => { | 33 | window.addEventListener("resize", () => { |
| 28 | this.dataTrend() | 34 | this.dataTrend() |
| 29 | }); | 35 | }); |
| 30 | this.dataTrend() | ||
| 31 | }, | 36 | }, |
| 32 | methods: { | 37 | methods: { |
| 33 | async dataTrend() { | 38 | async dataTrend () { |
| 34 | try { | 39 | try { |
| 35 | let { result: res } = await work.dataTrend(); | 40 | let { result: res } = await work.dataTrend(); |
| 36 | this.cdata.echartData = []; | 41 | this.cdata.echartData = []; |
| 37 | this.cdata.echartData=res, | 42 | this.cdata.echartData = res, |
| 38 | this.cdata.echartData.reverse() | 43 | this.cdata.echartData.reverse() |
| 39 | } catch (error) { | 44 | } catch (error) { |
| 40 | console.log(error); | 45 | console.log(error); |
| 41 | } | 46 | } |
| 42 | }, | 47 | }, |
| 43 | }, | 48 | }, |
| 44 | } | 49 | destroyed () { |
| 50 | clearInterval(this.timer) | ||
| 51 | } | ||
| 52 | } | ||
| 45 | </script> | 53 | </script> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-04 13:54:34 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <!-- 登记类型总量 --> | 7 | <!-- 登记类型总量 --> |
| 3 | <Chart :cdata="cdata" /> | 8 | <Chart :cdata="cdata" /> |
| 4 | </template> | 9 | </template> |
| 5 | |||
| 6 | <script> | 10 | <script> |
| 7 | import Chart from "./Chart"; | 11 | import Chart from "./Chart"; |
| 8 | import work from "@/api/work"; | 12 | import work from "@/api/work"; |
| 9 | export default { | 13 | export default { |
| 10 | data () { | 14 | data () { |
| 11 | return { | 15 | return { |
| 12 | cdata: { | 16 | cdata: { |
| 17 | timer: null, | ||
| 13 | category: [], | 18 | category: [], |
| 14 | lineData: [], | 19 | lineData: [] |
| 15 | }, | 20 | } |
| 16 | }; | 21 | } |
| 17 | }, | 22 | }, |
| 18 | components: { | 23 | components: { |
| 19 | Chart, | 24 | Chart |
| 20 | }, | 25 | }, |
| 21 | mounted () { | 26 | mounted () { |
| 22 | this.getDjlxtotal(); | 27 | this.getDjlxtotal() |
| 28 | this.timer = setInterval(() => { | ||
| 29 | this.getDjlxtotal() | ||
| 30 | }, 10000) // 10s | ||
| 23 | }, | 31 | }, |
| 24 | methods: { | 32 | methods: { |
| 25 | getDjlxtotal () { | 33 | getDjlxtotal () { |
| ... | @@ -30,20 +38,17 @@ export default { | ... | @@ -30,20 +38,17 @@ export default { |
| 30 | QLLX: "", | 38 | QLLX: "", |
| 31 | XZQDM: "", | 39 | XZQDM: "", |
| 32 | }; | 40 | }; |
| 33 | let res = await work.getDjlxtotal(p); | 41 | let res = await work.getDjlxtotal(p) |
| 34 | res.result.map((item) => { | 42 | this.cdata.category = res.result.map(item => item.AREACODE) |
| 35 | return ( | 43 | this.cdata.lineData = res.result.map(item => item.ywtotal) |
| 36 | this.cdata.category.push(item.AREACODE), | ||
| 37 | this.cdata.lineData.push(item.ywtotal) | ||
| 38 | ); | ||
| 39 | }); | ||
| 40 | } catch (error) { | 44 | } catch (error) { |
| 41 | this.$refs.msg.messageShow(); | 45 | this.$refs.msg.messageShow() |
| 42 | } | 46 | } |
| 43 | }); | 47 | }) |
| 44 | } | 48 | } |
| 49 | }, | ||
| 50 | destroyed () { | ||
| 51 | clearInterval(this.timer) | ||
| 45 | } | 52 | } |
| 46 | }; | 53 | }; |
| 47 | </script> | 54 | </script> |
| 48 | <style lang="scss" scoped> | ||
| 49 | </style> | ... | ... |
| ... | @@ -5,9 +5,9 @@ | ... | @@ -5,9 +5,9 @@ |
| 5 | </template> | 5 | </template> |
| 6 | 6 | ||
| 7 | <script> | 7 | <script> |
| 8 | import Echart from "@/common/echart"; | 8 | import Echart from "@/common/echart"; |
| 9 | import { mapGetters } from "vuex"; | 9 | import { mapGetters } from "vuex"; |
| 10 | export default { | 10 | export default { |
| 11 | data () { | 11 | data () { |
| 12 | return { | 12 | return { |
| 13 | options: {}, | 13 | options: {}, |
| ... | @@ -38,6 +38,7 @@ export default { | ... | @@ -38,6 +38,7 @@ export default { |
| 38 | cdata: { | 38 | cdata: { |
| 39 | handler (newData) { | 39 | handler (newData) { |
| 40 | let _this = this; | 40 | let _this = this; |
| 41 | if (newData.length == 0) return | ||
| 41 | // 设置点的位置(经纬度) | 42 | // 设置点的位置(经纬度) |
| 42 | this.options = { | 43 | this.options = { |
| 43 | showLegendSymbol: false, | 44 | showLegendSymbol: false, |
| ... | @@ -53,9 +54,14 @@ export default { | ... | @@ -53,9 +54,14 @@ export default { |
| 53 | }, | 54 | }, |
| 54 | // 如果需要自定义 tooltip样式,需要使用formatter | 55 | // 如果需要自定义 tooltip样式,需要使用formatter |
| 55 | formatter: (params) => { | 56 | formatter: (params) => { |
| 56 | return `<div style="">${params.name}:${params.value + "个" | 57 | return `<div style="color: #000;font-size: 14px;line-height: 24px background-color: #000000"> |
| 57 | }</div>`; | 58 | 接入量:<span style="color: #7df7ce; font-size: 16px; font-weight: 600;"> ${params.value} </span>个 |
| 59 | <br> | ||
| 60 | 上报量:<span style="color: #f32c51; font-size: 16px; font-weight: 600;"> ${params.data.successcount} </span>个 | ||
| 61 | </div>`; | ||
| 58 | }, | 62 | }, |
| 63 | extraCssText: | ||
| 64 | "background: #85a2eb; border-radius: 2;box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #333;", | ||
| 59 | }, | 65 | }, |
| 60 | visualMap: { | 66 | visualMap: { |
| 61 | min: 0, | 67 | min: 0, |
| ... | @@ -169,6 +175,8 @@ export default { | ... | @@ -169,6 +175,8 @@ export default { |
| 169 | }, | 175 | }, |
| 170 | ], | 176 | ], |
| 171 | }; | 177 | }; |
| 178 | // 重新选择区域 | ||
| 179 | this.handleMapRandomSelect(); | ||
| 172 | }, | 180 | }, |
| 173 | immediate: true, | 181 | immediate: true, |
| 174 | deep: true, | 182 | deep: true, |
| ... | @@ -253,6 +261,6 @@ export default { | ... | @@ -253,6 +261,6 @@ export default { |
| 253 | }); | 261 | }); |
| 254 | }, | 262 | }, |
| 255 | }, | 263 | }, |
| 256 | }; | 264 | }; |
| 257 | </script> | 265 | </script> |
| 258 | <style></style> | 266 | <style></style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description: | 2 | * @Description: |
| 3 | * @Autor: renchao | 3 | * @Autor: renchao |
| 4 | * @LastEditTime: 2023-04-03 13:40:18 | 4 | * @LastEditTime: 2023-07-04 13:44:17 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <Chart :cdata="cdata" /> | 7 | <Chart :cdata="cdata" /> |
| 8 | </template> | 8 | </template> |
| 9 | 9 | ||
| 10 | <script> | 10 | <script> |
| 11 | import Chart from "./Chart"; | 11 | import Chart from "./Chart"; |
| 12 | import work from "@/api/work"; | 12 | import work from "@/api/work"; |
| 13 | export default { | 13 | export default { |
| 14 | data () { | 14 | data () { |
| 15 | return { | 15 | return { |
| 16 | timer: null, // 定时器 | ||
| 16 | cdata: [] | 17 | cdata: [] |
| 17 | } | 18 | } |
| 18 | }, | 19 | }, |
| ... | @@ -20,16 +21,18 @@ export default { | ... | @@ -20,16 +21,18 @@ export default { |
| 20 | Chart | 21 | Chart |
| 21 | }, | 22 | }, |
| 22 | mounted () { | 23 | mounted () { |
| 24 | this.mapViews() | ||
| 25 | this.timer = setInterval(() => { | ||
| 23 | this.mapViews(); | 26 | this.mapViews(); |
| 27 | }, 10000) // 10s | ||
| 24 | }, | 28 | }, |
| 25 | methods: { | 29 | methods: { |
| 26 | async mapViews () { | 30 | async mapViews () { |
| 27 | try { | 31 | try { |
| 28 | let { result: res } = await work.mapViews("A20"); | 32 | let { result: res } = await work.mapViews("A20"); |
| 29 | res.map((item) => { | 33 | res.map((item) => { |
| 30 | |||
| 31 | return ( | 34 | return ( |
| 32 | this.cdata.push({ "name": item.areaName, "value": item.ywtotal }) | 35 | this.cdata.push({ "name": item.areaName, "value": item.ywtotal, "successcount": item.successcount }) |
| 33 | ) | 36 | ) |
| 34 | 37 | ||
| 35 | }); | 38 | }); |
| ... | @@ -37,6 +40,9 @@ export default { | ... | @@ -37,6 +40,9 @@ export default { |
| 37 | this.$refs.msg.messageShow(); | 40 | this.$refs.msg.messageShow(); |
| 38 | } | 41 | } |
| 39 | } | 42 | } |
| 43 | }, | ||
| 44 | destroyed () { | ||
| 45 | clearInterval(this.timer) | ||
| 46 | } | ||
| 40 | } | 47 | } |
| 41 | } | ||
| 42 | </script> | 48 | </script> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Author: xiaomiao 1158771342@qq.com | 2 | * @Author: xiaomiao 1158771342@qq.com |
| 3 | * @Date: 2023-03-09 15:24:53 | 3 | * @Date: 2023-03-09 15:24:53 |
| 4 | * @LastEditors: xiaomiao 1158771342@qq.com | 4 | * @LastEditors: Please set LastEditors |
| 5 | * @LastEditTime: 2023-03-16 15:58:03 | 5 | * @LastEditTime: 2023-07-04 15:28:36 |
| 6 | * @FilePath: \上报\bdcjg-web\src\components\Echart\Rose\index.vue | 6 | * @FilePath: \上报\bdcjg-web\src\components\Echart\Rose\index.vue |
| 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE | 7 | * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE |
| 8 | --> | 8 | --> |
| ... | @@ -18,6 +18,7 @@ | ... | @@ -18,6 +18,7 @@ |
| 18 | export default { | 18 | export default { |
| 19 | data () { | 19 | data () { |
| 20 | return { | 20 | return { |
| 21 | timer: null, | ||
| 21 | cdata: [], | 22 | cdata: [], |
| 22 | getdata: [], | 23 | getdata: [], |
| 23 | }; | 24 | }; |
| ... | @@ -25,40 +26,42 @@ | ... | @@ -25,40 +26,42 @@ |
| 25 | components: { | 26 | components: { |
| 26 | Chart, | 27 | Chart, |
| 27 | }, | 28 | }, |
| 29 | created () { | ||
| 30 | this.addhousetotal() | ||
| 31 | this.timer = setInterval(() => { | ||
| 32 | this.addhousetotal() | ||
| 33 | }, 10000) // 10s | ||
| 34 | }, | ||
| 28 | mounted () { | 35 | mounted () { |
| 29 | this.addhousetotal(); | ||
| 30 | window.addEventListener("resize", () => { | 36 | window.addEventListener("resize", () => { |
| 31 | this.cdata = []; | 37 | this.cdata = []; |
| 32 | this.addhousetotal(); | 38 | this.addhousetotal(); |
| 33 | }); | 39 | }); |
| 34 | |||
| 35 | }, | 40 | }, |
| 36 | methods: { | 41 | methods: { |
| 37 | async addhousetotal () { | 42 | async addhousetotal () { |
| 38 | if (this.cdata == 0) { | 43 | if (this.cdata == 0) { |
| 39 | this.cdata = []; | 44 | this.cdata = []; |
| 40 | try { | 45 | try { |
| 41 | let { result: res } = await work.addhousetotal(); | 46 | let { result: res } = await work.qxmrjrsb(); |
| 47 | console.log(res, 'resres'); | ||
| 42 | res.map((item) => { | 48 | res.map((item) => { |
| 43 | return this.cdata.push({ | 49 | return this.cdata.push({ |
| 44 | name: `${item.fwyt + '(' + item.fwxz})`, | 50 | name: item.areaName, |
| 45 | value: item.mj, | 51 | value: item.jrl, |
| 46 | }); | 52 | }); |
| 47 | 53 | ||
| 48 | }); | 54 | }); |
| 49 | let delarr = this.cdata.sort(this.up) | 55 | // let delarr = this.cdata.sort(this.up) |
| 50 | this.setadat(delarr) | 56 | // this.setadat(delarr) |
| 51 | 57 | ||
| 52 | } catch (error) { | 58 | } catch (error) { |
| 53 | console.log("error", error); | 59 | console.log("error", error); |
| 54 | } | 60 | } |
| 55 | } | 61 | } |
| 56 | |||
| 57 | |||
| 58 | }, | 62 | }, |
| 59 | // 处理数据方法 | 63 | // 处理数据方法 |
| 60 | setadat (delarr) { | 64 | setadat (delarr) { |
| 61 | |||
| 62 | this.cdata = delarr.splice(0, 6); | 65 | this.cdata = delarr.splice(0, 6); |
| 63 | let sum = 0 | 66 | let sum = 0 |
| 64 | for (var i = 0; i < delarr.length; i++) { | 67 | for (var i = 0; i < delarr.length; i++) { |
| ... | @@ -73,9 +76,10 @@ | ... | @@ -73,9 +76,10 @@ |
| 73 | }, | 76 | }, |
| 74 | // 排序方法 | 77 | // 排序方法 |
| 75 | up (x, y) { return y.value - x.value } | 78 | up (x, y) { return y.value - x.value } |
| 76 | 79 | }, | |
| 80 | destroyed () { | ||
| 81 | clearInterval(this.timer) | ||
| 82 | } | ||
| 77 | } | 83 | } |
| 78 | }; | ||
| 79 | </script> | 84 | </script> |
| 80 | 85 | ||
| 81 | <style lang="scss" scoped></style> | ... | ... |
| 1 | <!-- | ||
| 2 | * @Description: | ||
| 3 | * @Autor: renchao | ||
| 4 | * @LastEditTime: 2023-07-03 16:45:40 | ||
| 5 | --> | ||
| 1 | <template> | 6 | <template> |
| 2 | <div class="centercard"> | 7 | <div class="centercard"> |
| 3 | <div class="card1"> | 8 | <div class="card1"> |
| ... | @@ -11,21 +16,18 @@ | ... | @@ -11,21 +16,18 @@ |
| 11 | </template> | 16 | </template> |
| 12 | 17 | ||
| 13 | <script> | 18 | <script> |
| 14 | import maps from "@/components/Echart/Map"; | 19 | import maps from "@/components/Echart/Map"; |
| 15 | import brokenline from "@/components/Echart/Brokenline"; | 20 | import brokenline from "@/components/Echart/Brokenline"; |
| 16 | export default { | 21 | export default { |
| 17 | data () { | 22 | data () { |
| 18 | return {}; | 23 | return {}; |
| 19 | }, | 24 | }, |
| 20 | components: { maps, brokenline }, | 25 | components: { maps, brokenline }, |
| 21 | mounted () { }, | 26 | }; |
| 22 | beforeDestroy () { }, | ||
| 23 | methods: {}, | ||
| 24 | }; | ||
| 25 | </script> | 27 | </script> |
| 26 | 28 | ||
| 27 | <style lang="scss" scoped> | 29 | <style lang="scss" scoped> |
| 28 | .centercard { | 30 | .centercard { |
| 29 | width: 40%; | 31 | width: 40%; |
| 30 | height: calc(100vh - 114px); | 32 | height: calc(100vh - 114px); |
| 31 | box-sizing: border-box; | 33 | box-sizing: border-box; |
| ... | @@ -81,5 +83,5 @@ export default { | ... | @@ -81,5 +83,5 @@ export default { |
| 81 | width: 100%; | 83 | width: 100%; |
| 82 | } | 84 | } |
| 83 | } | 85 | } |
| 84 | } | 86 | } |
| 85 | </style> | 87 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :工作台左侧表 | 2 | * @Description :工作台左侧表 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-18 11:27:22 | 4 | * @LastEditTime: 2023-07-04 15:19:26 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="leftcard"> | 7 | <div class="leftcard"> |
| ... | @@ -18,7 +18,7 @@ | ... | @@ -18,7 +18,7 @@ |
| 18 | </ul> | 18 | </ul> |
| 19 | <div class="cardcontent-right d-center"> | 19 | <div class="cardcontent-right d-center"> |
| 20 | <p> | 20 | <p> |
| 21 | <span>失败</span> | 21 | <span>校验失败</span> |
| 22 | <span class="bad">{{ qxerrer }}</span> | 22 | <span class="bad">{{ qxerrer }}</span> |
| 23 | </p> | 23 | </p> |
| 24 | <p> | 24 | <p> |
| ... | @@ -42,7 +42,7 @@ | ... | @@ -42,7 +42,7 @@ |
| 42 | <div class="cardcontent-right d-center"> | 42 | <div class="cardcontent-right d-center"> |
| 43 | <p> | 43 | <p> |
| 44 | <span>失败</span> | 44 | <span>失败</span> |
| 45 | <span class="bad">{{ sterrer }}</span> | 45 | <span class="bad pointer" @click="handleSthj">{{ sterrer }}</span> |
| 46 | </p> | 46 | </p> |
| 47 | <p> | 47 | <p> |
| 48 | <span>成功率</span> | 48 | <span>成功率</span> |
| ... | @@ -57,14 +57,13 @@ | ... | @@ -57,14 +57,13 @@ |
| 57 | </div> | 57 | </div> |
| 58 | </div> | 58 | </div> |
| 59 | </template> | 59 | </template> |
| 60 | |||
| 61 | <script> | 60 | <script> |
| 62 | |||
| 63 | import columnar from "@/components/Echart/Columnar"; | 61 | import columnar from "@/components/Echart/Columnar"; |
| 64 | import work from "@/api/work"; | 62 | import work from "@/api/work"; |
| 65 | export default { | 63 | export default { |
| 66 | data () { | 64 | data () { |
| 67 | return { | 65 | return { |
| 66 | timer: null, // 定时器 | ||
| 68 | // 日均接入量 | 67 | // 日均接入量 |
| 69 | qxerrer: "", | 68 | qxerrer: "", |
| 70 | qxsuccess: "", | 69 | qxsuccess: "", |
| ... | @@ -76,8 +75,11 @@ | ... | @@ -76,8 +75,11 @@ |
| 76 | stcgl: "" | 75 | stcgl: "" |
| 77 | }; | 76 | }; |
| 78 | }, | 77 | }, |
| 79 | mounted () { | 78 | created () { |
| 80 | this.getsthjqxjrtotal(); | 79 | this.getsthjqxjrtotal(); |
| 80 | this.timer = setInterval(() => { | ||
| 81 | this.getsthjqxjrtotal() | ||
| 82 | }, 10000) // 10s | ||
| 81 | }, | 83 | }, |
| 82 | components: { columnar }, | 84 | components: { columnar }, |
| 83 | computed: { | 85 | computed: { |
| ... | @@ -117,10 +119,20 @@ | ... | @@ -117,10 +119,20 @@ |
| 117 | } | 119 | } |
| 118 | }); | 120 | }); |
| 119 | }, | 121 | }, |
| 122 | handleSthj () { | ||
| 123 | this.$router.push({ | ||
| 124 | path: '/sthj/sbbwcx', | ||
| 125 | query: { | ||
| 126 | status: 2 | ||
| 127 | } | ||
| 128 | }) | ||
| 129 | } | ||
| 120 | }, | 130 | }, |
| 121 | }; | 131 | destroyed () { |
| 132 | clearInterval(this.timer) | ||
| 133 | } | ||
| 134 | } | ||
| 122 | </script> | 135 | </script> |
| 123 | |||
| 124 | <style lang="scss" scoped> | 136 | <style lang="scss" scoped> |
| 125 | .leftcard { | 137 | .leftcard { |
| 126 | width: 30%; | 138 | width: 30%; | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :工作台右侧表 | 2 | * @Description :工作台右侧表 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-18 11:26:52 | 4 | * @LastEditTime: 2023-07-04 13:42:46 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="rightcard"> | 7 | <div class="rightcard"> |
| ... | @@ -30,20 +30,26 @@ | ... | @@ -30,20 +30,26 @@ |
| 30 | export default { | 30 | export default { |
| 31 | data () { | 31 | data () { |
| 32 | return { | 32 | return { |
| 33 | timer: null, | ||
| 33 | config: { | 34 | config: { |
| 34 | headerBGC: '#016AC5', | 35 | headerBGC: '#016AC5', |
| 35 | oddRowBGC: '#154295', | 36 | oddRowBGC: '#154295', |
| 36 | evenRowBGC: '#154295', | 37 | evenRowBGC: '#154295', |
| 37 | header: ['序号', '业务名称', '登记业务量'], | 38 | header: ['序号', '业务名称', '登记业务量'], |
| 38 | columnWidth: [120, 270, 140], | 39 | columnWidth: [60, 330, 100], |
| 39 | data: [], | 40 | data: [], |
| 40 | key: 0 | 41 | key: 0 |
| 41 | } | 42 | } |
| 42 | } | 43 | } |
| 43 | }, | 44 | }, |
| 44 | components: { columnarsmat, Rose }, | 45 | components: { columnarsmat, Rose }, |
| 46 | created () { | ||
| 47 | this.getdjywltotal() | ||
| 48 | this.timer = setInterval(() => { | ||
| 49 | this.getdjywltotal() | ||
| 50 | }, 10000) // 10s | ||
| 51 | }, | ||
| 45 | mounted () { | 52 | mounted () { |
| 46 | this.getdjywltotal(); | ||
| 47 | window.addEventListener("resize", () => { | 53 | window.addEventListener("resize", () => { |
| 48 | this.config.data = []; | 54 | this.config.data = []; |
| 49 | this.getdjywltotal(); | 55 | this.getdjywltotal(); |
| ... | @@ -65,19 +71,21 @@ | ... | @@ -65,19 +71,21 @@ |
| 65 | this.config.data.push([index + 1, item.AREACODE, item.ywtotal]) | 71 | this.config.data.push([index + 1, item.AREACODE, item.ywtotal]) |
| 66 | 72 | ||
| 67 | }); | 73 | }); |
| 68 | |||
| 69 | // 遍历修改数组键,作为echars图表的参数 | 74 | // 遍历修改数组键,作为echars图表的参数 |
| 70 | |||
| 71 | |||
| 72 | } catch (error) { | 75 | } catch (error) { |
| 73 | console.log(error); | 76 | console.log(error); |
| 74 | } | 77 | } |
| 75 | 78 | } | |
| 76 | }, | ||
| 77 | }, | 79 | }, |
| 80 | destroyed () { | ||
| 81 | clearInterval(this.timer) | ||
| 82 | } | ||
| 78 | } | 83 | } |
| 79 | </script> | 84 | </script> |
| 80 | <style lang="scss" scoped> | 85 | <style lang="scss" scoped> |
| 86 | /deep/.dv-scroll-board .rows { | ||
| 87 | overflow-y: auto; | ||
| 88 | } | ||
| 81 | /deep/.row-item:not(:last-child) { | 89 | /deep/.row-item:not(:last-child) { |
| 82 | margin-bottom: 0.026rem; | 90 | margin-bottom: 0.026rem; |
| 83 | } | 91 | } | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :工作台表内容 | 2 | * @Description :工作台表内容 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-18 13:09:47 | 4 | * @LastEditTime: 2023-07-03 16:39:09 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <div class="content" id="box"> | 7 | <div class="content" id="box"> |
| ... | @@ -11,12 +11,12 @@ | ... | @@ -11,12 +11,12 @@ |
| 11 | </div> | 11 | </div> |
| 12 | </template> | 12 | </template> |
| 13 | <script> | 13 | <script> |
| 14 | import "@/utils/flexible.js"; | 14 | import "@/utils/flexible.js"; |
| 15 | import drawMixin from "@/utils/drawMixin"; | 15 | import drawMixin from "@/utils/drawMixin"; |
| 16 | import leftcard from "./leftcard"; | 16 | import leftcard from "./leftcard"; |
| 17 | import centercard from "./centercard"; | 17 | import centercard from "./centercard"; |
| 18 | import rightcard from "./rightcard"; | 18 | import rightcard from "./rightcard"; |
| 19 | export default { | 19 | export default { |
| 20 | mixins: [drawMixin], | 20 | mixins: [drawMixin], |
| 21 | data () { | 21 | data () { |
| 22 | return { | 22 | return { |
| ... | @@ -42,24 +42,16 @@ export default { | ... | @@ -42,24 +42,16 @@ export default { |
| 42 | }, 500); | 42 | }, 500); |
| 43 | }, | 43 | }, |
| 44 | }, | 44 | }, |
| 45 | }; | 45 | }; |
| 46 | </script> | 46 | </script> |
| 47 | 47 | ||
| 48 | <style scoped lang="scss"> | 48 | <style scoped lang="scss"> |
| 49 | .content { | 49 | .content { |
| 50 | width: 100%; | 50 | width: 100%; |
| 51 | height: calc(100% -94px); | 51 | height: calc(100% -94px); |
| 52 | margin: auto; | 52 | margin: auto; |
| 53 | display: flex; | 53 | display: flex; |
| 54 | justify-content: space-between; | 54 | justify-content: space-between; |
| 55 | margin-top: 15px; | 55 | margin-top: 15px; |
| 56 | 56 | } | |
| 57 | } | ||
| 58 | // #box{ | ||
| 59 | // width: 1620px; | ||
| 60 | // height: 680px; | ||
| 61 | // position: absolute; | ||
| 62 | // transform-origin: left top; | ||
| 63 | // overflow: hidden; | ||
| 64 | // } | ||
| 65 | </style> | 57 | </style> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :接收报文查询 | 2 | * @Description :接收报文查询 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-18 13:11:18 | 4 | * @LastEditTime: 2023-05-29 09:57:39 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 接收报文查询 --> | 7 | <!-- 接收报文查询 --> |
| 8 | <div class="reportLog from-clues"> | 8 | <div class="reportLog from-clues"> |
| 9 | <!-- 头部搜索 --> | 9 | <!-- 头部搜索 --> |
| 10 | <div class="from-clues-header"> | 10 | <div class="from-clues-header"> |
| 11 | <el-form ref="ruleForm" :model="form" label-width="100px"> | 11 | <el-form ref="ruleForm" :model="form" label-width="90px"> |
| 12 | <Breadcrumb /> | 12 | <Breadcrumb /> |
| 13 | <el-row class="mb-5"> | 13 | <el-row class="mb-5"> |
| 14 | <el-col :span="6"> | 14 | <el-col :span="6"> |
| ... | @@ -22,7 +22,7 @@ | ... | @@ -22,7 +22,7 @@ |
| 22 | </el-form-item> | 22 | </el-form-item> |
| 23 | </el-col> | 23 | </el-col> |
| 24 | <el-col :span="6"> | 24 | <el-col :span="6"> |
| 25 | <el-form-item label="查询证件名称" prop="zjmc"> | 25 | <el-form-item label="查询证件名称" prop="zjmc" label-width="110px"> |
| 26 | <el-input v-model.trim="form.zjmc" clearable class="width100" placeholder="业务流水号"></el-input> | 26 | <el-input v-model.trim="form.zjmc" clearable class="width100" placeholder="业务流水号"></el-input> |
| 27 | </el-form-item> | 27 | </el-form-item> |
| 28 | </el-col> | 28 | </el-col> | ... | ... |
| 1 | <!-- | 1 | <!-- |
| 2 | * @Description :修改登簿日志弹窗 | 2 | * @Description :修改登簿日志弹窗 |
| 3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
| 4 | * @LastEditTime : 2023-05-18 13:16:22 | 4 | * @LastEditTime: 2023-07-04 13:08:21 |
| 5 | --> | 5 | --> |
| 6 | <template> | 6 | <template> |
| 7 | <!-- 修改登簿日志弹窗 --> | 7 | <!-- 修改登簿日志弹窗 --> |
| ... | @@ -15,6 +15,7 @@ | ... | @@ -15,6 +15,7 @@ |
| 15 | <el-tabs v-model="titleName" type="card"> | 15 | <el-tabs v-model="titleName" type="card"> |
| 16 | <el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane> | 16 | <el-tab-pane label="登薄详情" name="sjmx"></el-tab-pane> |
| 17 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> | 17 | <el-tab-pane label="xml报文" name="xml"></el-tab-pane> |
| 18 | <el-tab-pane label="返回结果" name="fhjg"></el-tab-pane> | ||
| 18 | </el-tabs> | 19 | </el-tabs> |
| 19 | <div class="dialog-from" v-if="titleName == 'sjmx'"> | 20 | <div class="dialog-from" v-if="titleName == 'sjmx'"> |
| 20 | <el-row class="dialog-from_header item-content-input"> | 21 | <el-row class="dialog-from_header item-content-input"> |
| ... | @@ -186,6 +187,9 @@ | ... | @@ -186,6 +187,9 @@ |
| 186 | <div class="JsonEditor" v-if="titleName == 'xml'"> | 187 | <div class="JsonEditor" v-if="titleName == 'xml'"> |
| 187 | <JsonEditor class="editXML" :resultInfo="resultInfo" :key="key" /> | 188 | <JsonEditor class="editXML" :resultInfo="resultInfo" :key="key" /> |
| 188 | </div> | 189 | </div> |
| 190 | <div class="JsonEditor" v-if="titleName == 'fhjg'"> | ||
| 191 | <JsonEditor class="editXML" :resultInfo="fhjg" :key="key" /> | ||
| 192 | </div> | ||
| 189 | </div> | 193 | </div> |
| 190 | </div> | 194 | </div> |
| 191 | <div class="d-center" v-if="titleName == 'sjmx'"> | 195 | <div class="d-center" v-if="titleName == 'sjmx'"> |
| ... | @@ -211,6 +215,8 @@ | ... | @@ -211,6 +215,8 @@ |
| 211 | return { | 215 | return { |
| 212 | key: 0, | 216 | key: 0, |
| 213 | title: '', | 217 | title: '', |
| 218 | // 省厅汇交 | ||
| 219 | fhjg: '', | ||
| 214 | dialogVisible: false, | 220 | dialogVisible: false, |
| 215 | titleName: 'sjmx', | 221 | titleName: 'sjmx', |
| 216 | titleName2: 'drdbxd', | 222 | titleName2: 'drdbxd', |
| ... | @@ -307,9 +313,34 @@ | ... | @@ -307,9 +313,34 @@ |
| 307 | * @author: renchao | 313 | * @author: renchao |
| 308 | */ | 314 | */ |
| 309 | _getDetails (data) { | 315 | _getDetails (data) { |
| 316 | function showPattern (level) { | ||
| 317 | const resultMap = { | ||
| 318 | '0200': '上报成功', | ||
| 319 | '04001': 'xml格式错误', | ||
| 320 | '04002': 'AreaCode 节点缺失', | ||
| 321 | '04003': 'AreaCode 节点值为空', | ||
| 322 | '04004': 'xzTotallnfo 节点缺失', | ||
| 323 | '04005': 'Registerlnfo 节点缺失', | ||
| 324 | '04006': 'AccessInfo 节点缺失', | ||
| 325 | '04007': 'RegisterList 节点缺失', | ||
| 326 | '04008': 'Register 节点缺失', | ||
| 327 | '04009': 'AccessList 节点缺失', | ||
| 328 | '04010': 'Access 节点缺失', | ||
| 329 | '04011': '上报数与上报清单数量不一致' | ||
| 330 | }; | ||
| 331 | for (let key in resultMap) { | ||
| 332 | if (level.includes(key)) { | ||
| 333 | return resultMap[key]; | ||
| 334 | } else { | ||
| 335 | return level; | ||
| 336 | } | ||
| 337 | } | ||
| 338 | } | ||
| 339 | |||
| 310 | getDetail(data).then(res => { | 340 | getDetail(data).then(res => { |
| 311 | let { accessLog, registerInfo, accessInfo, accessList, registerList | 341 | let { accessLog, registerInfo, accessInfo, accessList, registerList |
| 312 | } = res.result | 342 | } = res.result |
| 343 | this.fhjg = showPattern(accessLog.RESPONSE) | ||
| 313 | this.accessLog = accessLog | 344 | this.accessLog = accessLog |
| 314 | this.resultInfo = accessLog.LOGSXML | 345 | this.resultInfo = accessLog.LOGSXML |
| 315 | this.registerInfo = registerInfo | 346 | this.registerInfo = registerInfo | ... | ... |
-
Please register or sign in to post a comment