.env.development | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-1.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-10.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-11.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-2.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-3.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-4.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-5.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-6.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-7.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-8.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/assets/newMenu/card-9.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/doublePrevent/dpIndex/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/views/newHome/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
.env.development
@@ -4,10 +4,10 @@ #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' src/assets/newMenu/card-1.pngsrc/assets/newMenu/card-10.pngsrc/assets/newMenu/card-11.pngsrc/assets/newMenu/card-2.pngsrc/assets/newMenu/card-3.pngsrc/assets/newMenu/card-4.pngsrc/assets/newMenu/card-5.pngsrc/assets/newMenu/card-6.pngsrc/assets/newMenu/card-7.pngsrc/assets/newMenu/card-8.pngsrc/assets/newMenu/card-9.pngsrc/views/doublePrevent/dpIndex/index.vue
@@ -1,12 +1,13 @@ <template> <div class="home-container"> <el-scrollbar height="100%"> <div class="main-cont"> <div class="table-item"> <div class="item-head"> <span>告警风险事件概括</span> <div @click="toRiskEve">查看更多>></div> </div> <el-table :data="eventData" style="width: 100%" :header-cell-style="{ background: '#fafafa' }"> <el-table :data="eventData" style="width: 100%;height: 90%" :header-cell-style="{ background: '#fafafa' }"> <el-table-column prop="riskEventName" label="风险事件名称" show-overflow-tooltip></el-table-column> <el-table-column prop="riskUnitName" label="风险分析单元名称" show-overflow-tooltip></el-table-column> <el-table-column prop="createByUserName" label="创建人" show-overflow-tooltip></el-table-column> @@ -18,7 +19,7 @@ <span>隐患状态详情</span> <div @click="toRiskStatus">查看更多>></div> </div> <el-table :data="riskStatusData" style="width: 100%" :header-cell-style="{ background: '#fafafa' }"> <el-table :data="riskStatusData" style="width: 100%;height: 90%" :header-cell-style="{ background: '#fafafa' }"> <el-table-column type="index" label="序号" width="60" /> <!-- <el-table-column prop="reportTime" label="上报时间" show-overflow-tooltip width="170px"></el-table-column>--> <el-table-column prop="dangerCode" label="隐患名称" show-overflow-tooltip></el-table-column> @@ -86,6 +87,7 @@ <div id="riskLevel"></div> </div> </div> </el-scrollbar> </div> </template> @@ -375,37 +377,83 @@ <style scoped lang="scss"> $homeNavLengh: 8; @media screen and (min-width: 1366px) { .item-head{ height: 25px; line-height: 25px; span{ font-size: 20px; } div{ font-size: 16px; } } .levelItem{ font-size: 16px; span{ margin-bottom: 10px; font-size: 24px; font-weight: bolder; } } } @media screen and (max-width: 1366px){ .item-head{ height: 20px; line-height: 20px; span{ font-size: 16px; } div{ font-size: 14px; } } .levelItem{ font-size: 14px; span{ margin-bottom: 10px; font-size: 20px; font-weight: bolder; } } } .home-container { height: calc(100vh - 144px); /*height: 100%;*/ height: 100%; box-sizing: border-box; overflow: hidden; .main-cont { width: 100%; height: 100%; display: grid; margin-bottom: 40px; box-sizing: border-box; grid-gap: 20px; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-auto-flow: row; justify-content: center; .table-item{ height: calc(50vh - 82px); border-radius: 8px; background: #fff; padding: 15px; display: flex; flex-direction: column; justify-content: space-between; .item-head{ display: flex; align-items: center; justify-content: space-between; height: 25px; margin-bottom: 20px; line-height: 25px; border-left: 4px solid #409eff; padding-left: 10px; span{ font-size: 20px; color: #333; font-weight: bolder; } @@ -418,52 +466,52 @@ } } #riskFix{ height: calc(50vh - 157px); height: 300px; } #riskLevel{ height: calc(50vh - 157px); height: 300px } .deviceTable{ height: calc((50vh - 167px) / 3 * 2); height: 200px; } .deviceLevel{ height: calc((50vh - 167px) / 3); display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); align-items: center; justify-content: space-between; .levelItem{ display: flex; margin-top: 20px; flex-direction: column; .deviceLevel{ width: 100%; height: 100px; display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); align-items: center; padding: 15px; box-sizing: border-box; border-radius: 8px; color: #fff; font-size: 16px; justify-content: space-between; span{ margin-bottom: 10px; font-size: 24px; font-weight: bolder; .levelItem{ display: flex; height: 100%; flex-direction: column; justify-content: flex-start; align-items: center; padding: 15px; box-sizing: border-box; border-radius: 8px; color: #fff; span{ margin-bottom: 10px; font-weight: bolder; } } .red{ background: #F56C6C; } .orange{ background: #E6A23C; } .green{ background: #67C23A; } .blue{ background: #409EFF; } } .red{ background: #F56C6C; } .orange{ background: #E6A23C; } .green{ background: #67C23A; } .blue{ background: #409EFF; } } } .table-item2{ grid-column-start: 2; src/views/newHome/index.vue
@@ -57,7 +57,7 @@ </div> </div> </div> <img class="bgImg1" src="../../assets/newMenu/card1.png" /> <img class="bgImg1" src="../../assets/newMenu/card-1.png" /> </div> <div class="grid-content cont-bg-1" v-throttle @click="render('2')"> <div class="toplayer"> @@ -67,7 +67,7 @@ <div class="enTit">Double prevention</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card4.png" /> <img class="bgImg" src="../../assets/newMenu/card-4.png" /> </div> <div class="grid-content cont-bg-1" v-throttle @click="render('4')"> <div class="toplayer"> @@ -77,7 +77,7 @@ <div class="enTit">Intelligent inspection system</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card8.png" /> <img class="bgImg" src="../../assets/newMenu/card-8.png" /> </div> <div class="grid-content cont-bg-1" v-throttle @click="render('3')"> <div class="toplayer"> @@ -87,7 +87,7 @@ <div class="enTit">special work</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card7.png" /> <img class="bgImg" src="../../assets/newMenu/card-7.png" /> </div> <div class="grid-content cont-bg-1" v-throttle @click="render('7')"> <div class="toplayer"> @@ -97,7 +97,7 @@ <div class="enTit">Target Responsibility Management</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card2.png" /> <img class="bgImg" src="../../assets/newMenu/card-2.png" /> </div> <div class="grid-content cont-bg-2" v-throttle @click="render('10')"> <div class="toplayer"> @@ -107,7 +107,7 @@ <div class="enTit">Security Knowledge Graph</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card3.png" /> <img class="bgImg" src="../../assets/newMenu/card-3.png" /> </div> <div class="grid-content cont-bg-2" v-throttle @click="render('9')"> <div class="toplayer"> @@ -117,7 +117,7 @@ <div class="enTit">Comprehensive equipment control</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card9.png" /> <img class="bgImg" src="../../assets/newMenu/card-9.png" /> </div> <div class="grid-content cont-bg-2" v-throttle @click="render('6')"> <div class="toplayer"> @@ -127,7 +127,7 @@ <div class="enTit">Emergency management</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card5.png" /> <img class="bgImg" src="../../assets/newMenu/card-5.png" /> </div> <div class="grid-content cont-bg-2" v-throttle @click="render('11')"> <div class="toplayer"> @@ -137,7 +137,7 @@ <div class="enTit">Full life cycle of hazardous chemicals</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card10.png" /> <img class="bgImg" src="../../assets/newMenu/card-10.png" /> </div> <div class="grid-content cont-bg-2" v-throttle @click="render('8')"> <div class="toplayer"> @@ -147,7 +147,7 @@ <div class="enTit">Incident Management</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card6.png" /> <img class="bgImg" src="../../assets/newMenu/card-6.png" /> </div> <div class="grid-content cont-bg-2" @click="render('1')"> <div class="toplayer"> @@ -157,7 +157,7 @@ <div class="enTit">Basic data permissions</div> </div> </div> <img class="bgImg" src="../../assets/newMenu/card11.png" /> <img class="bgImg" src="../../assets/newMenu/card-11.png" /> </div> </div> </div>