diff --git a/src/assets/svg/Schedule/Box.svg b/src/assets/svg/Schedule/Box.svg index 99946b2..017dc32 100644 --- a/src/assets/svg/Schedule/Box.svg +++ b/src/assets/svg/Schedule/Box.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/svg/Schedule/TitleBox.svg b/src/assets/svg/Schedule/TitleBox.svg index a8402c6..6dfaa48 100644 --- a/src/assets/svg/Schedule/TitleBox.svg +++ b/src/assets/svg/Schedule/TitleBox.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/assets/svg/Schedule/Triangle.svg b/src/assets/svg/Schedule/Triangle.svg new file mode 100644 index 0000000..57ff5fa --- /dev/null +++ b/src/assets/svg/Schedule/Triangle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/store/index.js b/src/store/index.js index 72b8e55..143d90a 100644 --- a/src/store/index.js +++ b/src/store/index.js @@ -5,7 +5,7 @@ Vue.use(Vuex); export default new Vuex.Store({ state: { - isMock: false, + isMock: true, intervalTime: 30000, // 请求间隔时间 }, getters: { diff --git a/src/views/pageMonitor/bottomRight/eMid.vue b/src/views/pageMonitor/bottomRight/eMid.vue index 979d1fc..b247d8c 100644 --- a/src/views/pageMonitor/bottomRight/eMid.vue +++ b/src/views/pageMonitor/bottomRight/eMid.vue @@ -32,8 +32,6 @@ export default { methods: { onGetPageData() { GetMonitorOperationASALevel(dayjs().format('YYYY-MM-DD')).then(res => { - console.log(res.data); - this.pageList[0].value = res.data['asaLevel1']; this.pageList[0].name = `一级 ${res.data['asaLevel1'].toString().padStart(4, ' ')}`; this.pageList[1].value = res.data['asaLevel2']; diff --git a/src/views/pageScheduling/index.scss b/src/views/pageScheduling/index.scss new file mode 100644 index 0000000..f402827 --- /dev/null +++ b/src/views/pageScheduling/index.scss @@ -0,0 +1,108 @@ +.bgBox { + width: vw(1860); + height: vh(900); + margin: 0 auto; + position: relative; + background-image: url('@/assets/svg/Schedule/Box.svg'); + background-size: cover; + background-position: center; + background-repeat: no-repeat; + + .bgTitleBox { + width: vw(416); + height: vh(40); + position: absolute; + box-sizing: border-box; + top: vh(-14); + left: vw(60); + padding: 0 vw(36); + background-image: url('@/assets/svg/Schedule/TitleBox.svg'); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + display: flex; + align-items: center; + + + img { + width: vw(20); + } + + span { + margin: vw(20); + color: #444444; + font-size: vw(18); + } + + p { + margin-right: vw(20); + color: #444444; + font-size: vw(18); + } + } + + section { + width: vw(1800); + height: vh(850); + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + padding: vh(4); + + :deep(.el-carousel) { + height: 100%; + + .el-carousel__item, + .el-carousel__container { + height: 100%; + + .carouselItemBox { + height: 100%; + display: grid; + grid-template-columns: repeat(auto-fill, vw(586)); + justify-content: space-between; + row-gap: vh(8); + align-content: start; + + .itemBox { + height: vh(48); + box-sizing: border-box; + padding: vh(12) vw(40); + display: flex; + align-items: center; + + div { + border-right: 1px dashed rgba(103, 92, 136, 0.24); + width: vw(80); + text-align: center; + color: #8E68FA; + font-size: vw(16); + letter-spacing: 1px; + line-height: vh(24); + } + + p { + padding-left: vw(24); + font-size: vw(16); + color: #675C88; + } + } + } + } + } + + .rowBg1 { + background-color: #E8E9FA; + } + + .rowBg2 { + background-color: #EEEEFF; + } + + .rowBg3, + .rowBg0 { + background-color: #F3F3F9; + } + } +} diff --git a/src/views/pageScheduling/index.vue b/src/views/pageScheduling/index.vue index 4678313..495b315 100644 --- a/src/views/pageScheduling/index.vue +++ b/src/views/pageScheduling/index.vue @@ -1,27 +1,21 @@