From 014eeba8088979cb70175c0635992414c7f7373e Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期二, 16 八月 2022 10:13:30 +0800 Subject: [PATCH] Default Changelist --- .env.development | 6 +- src/router/route.ts | 8 ++++ src/views/doublePrevent/dpIndex/index.vue | 69 +++++++++++++++++++++++----------- src/views/intellectInspect/intelligentLine/index.vue | 1 4 files changed, 57 insertions(+), 27 deletions(-) diff --git a/.env.development b/.env.development index 0214cc8..ed1f5e3 100644 --- a/.env.development +++ b/.env.development @@ -1,13 +1,13 @@ # 本地环境 ENV = 'development' -VITE_API_URL = 'http://192.168.0.35:8008' +#VITE_API_URL = 'http://192.168.0.35:8008' #李宇飞接口地址 -VITE_API_URL = 'http://192.168.0.50:8008' +#VITE_API_URL = 'http://192.168.0.50:8008' #张凤接口地址 -#VITE_API_URL = 'http://192.168.0.29:8008' +VITE_API_URL = 'http://192.168.0.29:8008' #黄振接口地址 #VITE_API_URL = 'http://192.168.0.179:8008' diff --git a/src/router/route.ts b/src/router/route.ts index c206f97..cbfd47e 100644 --- a/src/router/route.ts +++ b/src/router/route.ts @@ -95,5 +95,13 @@ meta: { title: '巡检路线' } + }, + { + path: '/dpIndex', + name: 'dpIndex', + component: () => import('/@/views/doublePrevent/dpIndex/index.vue'), + meta: { + title: '双重预防首页' + } } ]; diff --git a/src/views/doublePrevent/dpIndex/index.vue b/src/views/doublePrevent/dpIndex/index.vue index c25b2c8..c06a0e3 100644 --- a/src/views/doublePrevent/dpIndex/index.vue +++ b/src/views/doublePrevent/dpIndex/index.vue @@ -212,7 +212,7 @@ trigger: 'item' }, legend: { - bottom: '10%', + bottom: '5%', left: 'center' }, series: [ @@ -227,8 +227,21 @@ borderWidth: 2 }, label: { - show: false, - position: 'center' + alignTo: 'labelLine', + formatter: '{name|{b}}\n{value|{c}}', + minMargin: 5, + edgeDistance: 5, + lineHeight: 15, + rich: { + name: { + fontSize: 14, + color: '#666' + } + } + }, + labelLine: { + length: 15, + maxSurfaceAngle: 80 }, emphasis: { label: { @@ -237,9 +250,6 @@ fontWeight: 'bold' } }, - labelLine: { - show: false - }, data: [ { value: 1048, name: '整改中' }, { value: 735, name: '待验收' }, @@ -247,7 +257,7 @@ { value: 484, name: '超期未整改' }, { value: 300, name: '已验收' } ], - center: ['50%','35%'] + center: ['50%','40%'] } ] }; @@ -275,7 +285,7 @@ trigger: 'item' }, legend: { - bottom: '10%', + bottom: '5%', left: 'center' }, series: [ @@ -290,8 +300,21 @@ borderWidth: 2 }, label: { - show: false, - position: 'center' + alignTo: 'labelLine', + formatter: '{name|{b}}\n{value|{c}}', + minMargin: 5, + edgeDistance: 5, + lineHeight: 15, + rich: { + name: { + fontSize: 14, + color: '#666' + } + } + }, + labelLine: { + length: 15, + maxSurfaceAngle: 80 }, emphasis: { label: { @@ -300,14 +323,11 @@ fontWeight: 'bold' } }, - labelLine: { - show: false - }, data: [ { value: 1048, name: '一般隐患' }, { value: 235, name: '重大隐患' } ], - center: ['50%','35%'] + center: ['50%','40%'] } ] }; @@ -356,9 +376,8 @@ <style scoped lang="scss"> $homeNavLengh: 8; .home-container { - /*height: calc(100vh - 144px);*/ - height: 100%; - padding: 20px; + height: calc(100vh - 144px); + /*height: 100%;*/ box-sizing: border-box; overflow: hidden; .main-cont { @@ -371,16 +390,20 @@ grid-auto-flow: row; justify-content: center; .table-item{ + height: calc(50vh - 82px); border-radius: 8px; background: #fff; - padding: 20px; + padding: 15px; .item-head{ display: flex; align-items: center; justify-content: space-between; - height: 30px; + height: 25px; margin-bottom: 20px; + line-height: 25px; + border-left: 4px solid #409eff; + padding-left: 10px; span{ font-size: 20px; color: #333; @@ -395,16 +418,16 @@ } } #riskFix{ - height: calc(50vh - 80px); + height: calc(50vh - 157px); } #riskLevel{ - height: calc(50vh - 80px); + height: calc(50vh - 157px); } .deviceTable{ - height: calc((50vh - 100px) / 3 * 2); + height: calc((50vh - 167px) / 3 * 2); } .deviceLevel{ - height: calc((50vh - 100px) / 3); + height: calc((50vh - 167px) / 3); display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); diff --git a/src/views/intellectInspect/intelligentLine/index.vue b/src/views/intellectInspect/intelligentLine/index.vue index 542b1d6..15d473e 100644 --- a/src/views/intellectInspect/intelligentLine/index.vue +++ b/src/views/intellectInspect/intelligentLine/index.vue @@ -184,7 +184,6 @@ const getLine = async (id:string) => { let res = await lineApi().getLine({ id: id }); if (res.data.code === '200') { - console.log(res.data.data, '获取巡检点'); userInfos.value.dataList = res.data.data; } else { ElMessage({ -- Gitblit v1.9.2