| | |
| | | <!-- <img class="pics1" src="src/assets/images/login-data.png">--> |
| | | <!-- <img class="pics2" src="src/assets/images/login-search.png">--> |
| | | <div class="main-content"> |
| | | <div class="top"> |
| | | <div class="top" style="z-index: 1"> |
| | | <div class="top-cont"> |
| | | <div class="logo blueFont">智慧安评</div> |
| | | <div class="logo blueFont">新疆维吾尔自治区智慧安评服务平台</div> |
| | | <div class="time"> |
| | | <div> |
| | | <span>{{state.date}}</span> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="nav blueBg"> |
| | | <div class="nav blueBg" style="z-index: 1"> |
| | | <div class="nav-cont"> |
| | | <div :class="state.activeMenu == 1?'active': ''" @click="changeTab(1)"> |
| | | <HomeFilled style="width: 1em; height: 1em; margin-right: 8px" /> |
| | |
| | | <List style="width: 1em; height: 1em; margin-right: 8px" /> |
| | | <div>机构公示</div> |
| | | </div> |
| | | <div :class="state.activeMenu == 5?'active': ''" style="margin-left: 168px" @click="toExpert"> |
| | | <el-icon><Medal /></el-icon> |
| | | <div>应急专家管理</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="content"> |
| | |
| | | </div> |
| | | <!-- 底部 --> |
| | | <div class="el-login-footer"> |
| | | <span>Copyright © All Rights Reserved.</span> |
| | | <span>Copyright ©2023-{{nowYear}} All Rights Reserved.</span> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | const { proxy } = getCurrentInstance() |
| | | const route = useRoute() |
| | | const router = useRouter() |
| | | const nowYear = ref(); |
| | | // 时间格式化 |
| | | const timeForm = { |
| | | hour12: false, |
| | |
| | | const getDateTime = () => { |
| | | const curTime = new Date().toLocaleString('zh', timeForm).replace(/\//g, '-'); |
| | | state.date = curTime.slice(0, 10); |
| | | nowYear.value = curTime.slice(0, 4); |
| | | let week = ['日', '一', '二', '三', '四', '五', '六']; |
| | | let day = new Date().getDay(); |
| | | state.weekDay = '星期' + week[day]; |
| | |
| | | |
| | | } |
| | | |
| | | const toExpert = () => { |
| | | window.open("http://8.137.115.153:85/") |
| | | } |
| | | </script> |
| | | |
| | | <style lang='scss' scoped> |
| | |
| | | justify-content: center; |
| | | .top-cont{ |
| | | width: 1200px; |
| | | height: 90px; |
| | | height: 80px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | |
| | | .logo{ |
| | | font-size: 2rem; |
| | | font-weight: 800; |
| | | height: 90px; |
| | | line-height: 90px; |
| | | height: 80px; |
| | | line-height: 80px; |
| | | font-family: "PingFang SC"; |
| | | } |
| | | |
| | | .time{ |
| | | font-size: 16px; |
| | | height: 90px; |
| | | height: 80px; |
| | | display: flex; |
| | | flex-direction: column; |
| | | justify-content: center; |
| | |
| | | width: 100%; |
| | | height: 70px; |
| | | position: fixed; |
| | | top: 90px; |
| | | top: 80px; |
| | | left: 0; |
| | | .nav-cont{ |
| | | width: 1200px; |
| | |
| | | } |
| | | |
| | | .el-login-footer { |
| | | height: 60px; |
| | | line-height: 60px; |
| | | height: 40px; |
| | | line-height: 40px; |
| | | position: fixed; |
| | | bottom: 0; |
| | | width: 100%; |