diff --git a/src/api/site.js b/src/api/site.js new file mode 100644 index 0000000..4c5844e --- /dev/null +++ b/src/api/site.js @@ -0,0 +1,35 @@ +import request from '@/utils/request.js' + +export const getSiteList = (params) => { + return request({ + url: '/tunnel/site/screenlist', + method: 'get', + params + }) +} +export const getSiteDetail = (siteId) => { + return request({ + url: `/tunnel/site/${siteId}`, + method: 'get' + }) +} +export const editSite = (data) => { + return request({ + url: '/tunnel/site', + method: 'put', + data + }) +} +export const addSite = (data) => { + return request({ + url: '/tunnel/site', + method: 'post', + data + }) +} +export const deleteSite = (siteIdList) => { + return request({ + url: `/tunnel/site/${siteIdList}`, + method: 'delete' + }) +} diff --git a/src/assets/images/site/sdgl_bjtq.png b/src/assets/images/site/sdgl_bjtq.png new file mode 100644 index 0000000..c5879a6 Binary files /dev/null and b/src/assets/images/site/sdgl_bjtq.png differ diff --git a/src/assets/images/tunnel/device.png b/src/assets/images/tunnel/device.png new file mode 100644 index 0000000..317689f Binary files /dev/null and b/src/assets/images/tunnel/device.png differ diff --git a/src/assets/images/tunnel/sd_bj.png b/src/assets/images/tunnel/sd_bj.png new file mode 100644 index 0000000..7ad3210 Binary files /dev/null and b/src/assets/images/tunnel/sd_bj.png differ diff --git a/src/assets/images/tunnel/sdgl_sdt.png b/src/assets/images/tunnel/sdgl_sdt.png new file mode 100644 index 0000000..daf630a Binary files /dev/null and b/src/assets/images/tunnel/sdgl_sdt.png differ diff --git a/src/assets/images/tunnel/sp_icon_yc.png b/src/assets/images/tunnel/sp_icon_yc.png new file mode 100644 index 0000000..cf00b6c Binary files /dev/null and b/src/assets/images/tunnel/sp_icon_yc.png differ diff --git a/src/assets/images/tunnel/white-state-icon.png b/src/assets/images/tunnel/white-state-icon.png new file mode 100644 index 0000000..0bf15cd Binary files /dev/null and b/src/assets/images/tunnel/white-state-icon.png differ diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 79d08ee..d574bf0 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -377,4 +377,45 @@ html, body, #app, .el-container, .el-aside, .el-main { } } } -} \ No newline at end of file +} +.el-overlay-message-box{ + .el-message-box{ + width: 500px; + height: 230px; + background: rgba(7,35,72,0.79); + border-radius: 20px; + border: 2px solid #0F82AF; + .el-message-box__title{ + display: none; + } + .el-message-box__content{ + .el-icon{ + display: none; + } + .el-message-box__message{ + //width: 315px; + height: 80px; + font-size: 32px; + font-weight: bold; + color: #08B7B8; + letter-spacing: 3px; + } + } + .el-message-box__btns{ + display: flex; + justify-content: space-around; + .el-button{ + width: 130px; + height: 50px; + border: 2px solid #0F82AF; + font-size: 28px; + background-color: #072348; + color: #08B7B8; + } + .el-button--primary{ + background: #08B7B8; + color: #FFFFFF; + } + } + } +} diff --git a/src/components/content/badGasInfo/BadGasInfo.vue b/src/components/content/badGasInfo/BadGasInfo.vue index d1340fb..f011ee8 100644 --- a/src/components/content/badGasInfo/BadGasInfo.vue +++ b/src/components/content/badGasInfo/BadGasInfo.vue @@ -2,6 +2,7 @@
有害气体
@@ -9,7 +10,6 @@ v-for="item in badGasList" :key="item.equipmentId" :gasInfo="item" - @click="handleOpenChart" />
@@ -37,7 +37,6 @@
- >>>>>>> 077ff6a0744d396411f6b0bd5f409d42997965e9 @@ -138,11 +137,12 @@ const initChart = () => { legend: { left: 0, textStyle: { - color: "#FFFFFF", - fontSize: 40, + color: '#60DDDE', + fontSize: 40 }, - // itemWidth: 20, - // itemHeight: 20 + itemWidth: 30, + itemHeight: 30, + icon: "circle", }, //离容器四侧的距离 grid: { @@ -156,6 +156,9 @@ const initChart = () => { tooltip: { show: true, trigger: "axis", + textStyle: { + fontSize: 40 + } }, //X轴 xAxis: { @@ -296,6 +299,7 @@ const initChart = () => { \ No newline at end of file diff --git a/src/views/site/index.vue b/src/views/site/index.vue index aa73c89..b134c0f 100644 --- a/src/views/site/index.vue +++ b/src/views/site/index.vue @@ -7,150 +7,268 @@
+
+ 添加 +
全选
-
+
删除
-
+
站点名称：{{ item.siteName }} -
+
-
隧道数量：{{ item.num }}条
+
隧道数量：{{ item.info.tunnelNum }}条 +
-
-
{{ item.sortTunnel }}
+
+
{{ item.info.tunnelName }}
-
施工长度{{ item.constructionLength }}米
-
实现长度{{ item.implementationLength }}公里
+
施工长度{{ item.info.constructionLength }}米
+
实现长度{{ item.info.implementationLength }}公里 +
-
+
-
+
更多
-
+
站点编辑
-
+
添加站点
- +
- 站点id：{{ siteId }} - 站点管理员id：{{ siteManageId }} + {{ title }}
- + + + + - - - - - - - + -
-
- 取消 + +
diff --git a/src/views/tunnel/index.vue b/src/views/tunnel/index.vue index 6fd9d9f..5a92783 100644 --- a/src/views/tunnel/index.vue +++ b/src/views/tunnel/index.vue @@ -99,10 +99,11 @@ import { onMounted } from "vue"; import { getToken } from "@/utils/auth"; import { useAuthStore } from "@/store/userstore.js"; import { getLargeScreen } from "@/api/largeScreen"; +import {ElMessageBox} from "element-plus"; const authStore = useAuthStore(); const router = useRouter(); -const selectIndex = ref(1); +const selectIndex = ref(-1); const showFan = ref(false); const drawerLeft = ref(true); const drawerRight = ref(true); @@ -167,6 +168,8 @@ const manageSelect = (index) => { console.log("首页点击-", index); if (index === 0) { router.push("/site"); + }else if (index === 1){ + router.push("/tunnel/1"); } }; const closeLeft = () => { @@ -176,8 +179,14 @@ const closeRight = () => { drawerRight.value = !drawerRight.value; }; const handleLogout = () => { - authStore.userLogout(); - router.push("/login"); + ElMessageBox.confirm(`确认退出登录吗`, '系统提示', { + confirmButtonText: '确定', + cancelButtonText: '取消', + type: 'warning' + }).then(() => { + authStore.userLogout(); + router.push("/login"); + }) }; const previousBtn = () => { tunnelBtn.value.prev(); @@ -235,6 +244,7 @@ initWebSocket(); #main { height: 100%; width: 100%; + background-color: #072348; #tunnel-box { height: 100%; }