From 814a52ab856c77a29c66d868ff3917d153a2a005 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=AA=86=E4=B9=90?= <342503599@qq.com> Date: Thu, 11 Aug 2022 18:43:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=AD=E5=BB=BA=E5=A4=A7=E5=B1=8F(=E6=8C=87?= =?UTF-8?q?=E6=8C=A5=E4=B8=AD=E5=BF=83):=E5=88=9B=E5=BB=BA=E7=BB=84?= =?UTF-8?q?=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/images/projectZjsj/border.png | Bin 0 -> 8324 bytes src/router/index.js | 5 + .../projectAdmin/zjsj/commandCentre/index.vue | 24 ++ .../zjsj/commandCentre/leftOne.vue | 22 ++ .../zjsj/commandCentre/leftTwo.vue | 22 ++ .../projectAdmin/zjsj/components/cardData.vue | 39 +++ src/views/projectAdmin/zjsj/index.vue | 55 +++++ .../zjsj/resourceManage/index.vue | 0 src/views/projectAdmin/zjsj/style.less | 223 ++++++++++++++++++ 9 files changed, 390 insertions(+) create mode 100644 src/assets/images/projectZjsj/border.png create mode 100644 src/views/projectAdmin/zjsj/commandCentre/index.vue create mode 100644 src/views/projectAdmin/zjsj/commandCentre/leftOne.vue create mode 100644 src/views/projectAdmin/zjsj/commandCentre/leftTwo.vue create mode 100644 src/views/projectAdmin/zjsj/components/cardData.vue create mode 100644 src/views/projectAdmin/zjsj/index.vue create mode 100644 src/views/projectAdmin/zjsj/resourceManage/index.vue create mode 100644 src/views/projectAdmin/zjsj/style.less diff --git a/src/assets/images/projectZjsj/border.png b/src/assets/images/projectZjsj/border.png new file mode 100644 index 0000000000000000000000000000000000000000..2348427f63000f35b228c3c580c9b37aa58e9e36 GIT binary patch literal 8324 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 O0000 import('@/views/projectAdmin/jlw/laborManage/index.vue') + }, + { + path: 'zjsj', + name: '中建四局-指挥中心', + component: () => import('@/views/projectAdmin/zjsj/commandCentre/index.vue') } ] }, diff --git a/src/views/projectAdmin/zjsj/commandCentre/index.vue b/src/views/projectAdmin/zjsj/commandCentre/index.vue new file mode 100644 index 00000000..b548bc30 --- /dev/null +++ b/src/views/projectAdmin/zjsj/commandCentre/index.vue @@ -0,0 +1,24 @@ + + + + + \ No newline at end of file diff --git a/src/views/projectAdmin/zjsj/commandCentre/leftOne.vue b/src/views/projectAdmin/zjsj/commandCentre/leftOne.vue new file mode 100644 index 00000000..ef01e8af --- /dev/null +++ b/src/views/projectAdmin/zjsj/commandCentre/leftOne.vue @@ -0,0 +1,22 @@ + + + + + \ No newline at end of file diff --git a/src/views/projectAdmin/zjsj/commandCentre/leftTwo.vue b/src/views/projectAdmin/zjsj/commandCentre/leftTwo.vue new file mode 100644 index 00000000..c8df044c --- /dev/null +++ b/src/views/projectAdmin/zjsj/commandCentre/leftTwo.vue @@ -0,0 +1,22 @@ + + + + + \ No newline at end of file diff --git a/src/views/projectAdmin/zjsj/components/cardData.vue b/src/views/projectAdmin/zjsj/components/cardData.vue new file mode 100644 index 00000000..ace91a48 --- /dev/null +++ b/src/views/projectAdmin/zjsj/components/cardData.vue @@ -0,0 +1,39 @@ + + + + + diff --git a/src/views/projectAdmin/zjsj/index.vue b/src/views/projectAdmin/zjsj/index.vue new file mode 100644 index 00000000..d1220e34 --- /dev/null +++ b/src/views/projectAdmin/zjsj/index.vue @@ -0,0 +1,55 @@ + + + + + \ No newline at end of file diff --git a/src/views/projectAdmin/zjsj/resourceManage/index.vue b/src/views/projectAdmin/zjsj/resourceManage/index.vue new file mode 100644 index 00000000..e69de29b diff --git a/src/views/projectAdmin/zjsj/style.less b/src/views/projectAdmin/zjsj/style.less new file mode 100644 index 00000000..575bcf66 --- /dev/null +++ b/src/views/projectAdmin/zjsj/style.less @@ -0,0 +1,223 @@ +.dataBoardPage{ + width: 100%; + height: 100%; + background-color:#091529; + position: relative; + color: rgba(255, 255, 255, 0.8); +} + +.headerBox{ + background-image: url('../../../assets/images/projectImg/title.png'); + background-position: bottom center; + background-repeat: no-repeat; + height: 100px; + position: relative; + background-size: 100% auto; + margin: 0 6px; + .topTit{ + display: flex; + + .time{ + span{ + padding: 20px; + line-height: 40px; + margin-top: 5px; + } + } + .title{ + flex: 1; + margin-top: 8px; + margin-right: 50px; + } + .wetherImg,.backImg{ + margin:10px 20px 0px 20px ; + width: 20px; + height: 20px; + } + + } + .title{ + color: #fcfcfc; + font-size: 31px; + text-align: center; + // padding-top: 15px; + } +} + +.menuBox{ + li{ + display: inline-block; + color: #ffffff; + font-size: 18px; + width: 130px; + height: 40px; + text-align: center; + line-height: 15px; + font-weight: bold; + cursor: pointer; + position: relative; + z-index: 2; + margin-right: 20px; + &.active{ + color: #19cbe5; + } + &.right{ + float: right; + margin-right: 50px; + } + } +} + +/deep/.dataBoardContent{ + height: 88%; + margin: 10px 60px 20px; + width: calc(100% - 120px); + .blockTitle{ + text-align: center; + color: rgba(108, 233, 240, 100); + font-size: 17px; + font-weight: bold; + position: relative; + top: -10px; + &::after{ + content: ""; + position: absolute; + background-color: #53ccdf; + height: 3px; + width: 32px; + bottom: -4px; + left: 50%; + margin-left: -16px; + border-radius: 4px; + } + } + .greenBtn{ + font-size: 12px; + color: rgba(255, 255, 254, 1); + background-color: rgba(25, 59, 67, 1); + position: relative; + height: 22px; + line-height: 22px; + padding: 0 11px; + display: inline-block; + margin-right: 15px; + cursor: pointer; + &.active{ + color: #fcfcfd; + background-color: #2e394b; + } + .arrow{ + position: absolute; + } + .arrow1{ + left: -1px; + top: -1px; + } + .arrow2{ + right: -1px; + top: -1px; + transform: rotate(90deg); + } + .arrow3{ + left: -1px; + bottom: -1px; + transform: rotate(-90deg); + } + .arrow4{ + right: -1px; + bottom: -1px; + transform: rotate(180deg); + } + + } + + .aside{ + width: 23%; + float: left; + } + .left{ + width: calc(77% - 25px); + margin-right: 25px; + float: left; + } + .right{ + width: calc(77% - 25px); + margin-left: 25px; + float: left; + } + .safeChart,.qulityChart{ + float: left; + width: 50%; + height: 100%; + } + .operateBar{ + margin-top: 5px; + } + .greenTable{ + font-size: 13px; + width: 100%; + border-spacing: 0px; + margin-bottom: 10px; + th{ + color: rgba(255, 255, 255, 0.8); + border-bottom: 1px solid #142428; + padding-bottom: 5px; + font-weight: normal; + } + td{ + color: rgba(255, 255, 255, 0.6); + text-align: center; + line-height: 20px; + } + } + .bottomInner{ + width: calc(100% - 60px); + margin: 0 30px; + margin-top: 130px; + } + .timeBox{ + display: flex; + justify-content: center; + // justify-content: space-between; + align-items: center; + } + .timeInner{ + display: inline-flex; + align-items: center; + margin-right: 40px; + p{ + color: rgba(255, 255, 254, 0.8); + font-size: 14px; + margin-right: 12px; + } + } + .splitLine{ + margin: 25px 0 15px; + } + .topInner{ + width: calc(100% - 230px); + height: calc(100% - 80px); + margin: 15px 0 65px 115px ; + } +} +/deep/.dataBoxContent{ + overflow: hidden; + .dataBox{ + float: left; + height: 35%; + width: 50%; + } +} +/deep/.dataBox{ + display: flex; + align-items: flex-start; + justify-content: center; + font-size: 14px; + img{ + margin-right: 8px; + } + .num{ + font-size: 20px; + line-height: 28px; + } +}