| | |
| | | # 本地环境 |
| | | 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' |
| | |
| | | meta: { |
| | | title: '巡检路线' |
| | | } |
| | | }, |
| | | { |
| | | path: '/dpIndex', |
| | | name: 'dpIndex', |
| | | component: () => import('/@/views/doublePrevent/dpIndex/index.vue'), |
| | | meta: { |
| | | title: '双重预防首页' |
| | | } |
| | | } |
| | | ]; |
| | |
| | | trigger: 'item' |
| | | }, |
| | | legend: { |
| | | bottom: '10%', |
| | | bottom: '5%', |
| | | left: 'center' |
| | | }, |
| | | series: [ |
| | |
| | | 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: { |
| | |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | | data: [ |
| | | { value: 1048, name: '整改中' }, |
| | | { value: 735, name: '待验收' }, |
| | |
| | | { value: 484, name: '超期未整改' }, |
| | | { value: 300, name: '已验收' } |
| | | ], |
| | | center: ['50%','35%'] |
| | | center: ['50%','40%'] |
| | | } |
| | | ] |
| | | }; |
| | |
| | | trigger: 'item' |
| | | }, |
| | | legend: { |
| | | bottom: '10%', |
| | | bottom: '5%', |
| | | left: 'center' |
| | | }, |
| | | series: [ |
| | |
| | | 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: { |
| | |
| | | fontWeight: 'bold' |
| | | } |
| | | }, |
| | | labelLine: { |
| | | show: false |
| | | }, |
| | | data: [ |
| | | { value: 1048, name: '一般隐患' }, |
| | | { value: 235, name: '重大隐患' } |
| | | ], |
| | | center: ['50%','35%'] |
| | | center: ['50%','40%'] |
| | | } |
| | | ] |
| | | }; |
| | |
| | | <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 { |
| | |
| | | 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; |
| | |
| | | } |
| | | } |
| | | #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); |
| | |
| | | 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({ |