diff --git a/04.系统编码/Frontend/src/components/Login.vue b/04.系统编码/Frontend/src/components/Login.vue index e26e227..df6d939 100644 --- a/04.系统编码/Frontend/src/components/Login.vue +++ b/04.系统编码/Frontend/src/components/Login.vue @@ -1,22 +1,20 @@ <template> - <div class="box"> - <div class="loginInput"> + <div class="loginInput"> <div class="litterSemicircle"><img src="/images/logo.png"/> </div> <div class="importInput"> <h1>南京生态环境评估决策平台</h1> <el-input placeholder="请输入账户" type="text" class="input" v-model="inputName"> - <template #prefix> + <template #prefix> <el-icon><img src="/images/pen.png"></el-icon> - </template> + </template> </el-input> <el-input placeholder="请输入登录密码" type="password" v-model="inputPassword" class="input" > - <template #prefix> + <template #prefix> <el-icon><img src="/images/lock.png"></el-icon> - </template> + </template> </el-input> - <el-button type="primary" class="btn" @click="onLoginClick">登录</el-button> + <el-button type="primary" class="btn" @click="onLoginClick">登录</el-button> </div> - </div> </div> </template> @@ -80,90 +78,86 @@ export default { <style lang="less" scoped> .loginInput { - width: 6.51rem; - height: 6.89rem; - background: #FFFFFF; - border: 1px solid #707070; - opacity: 1; - border-radius: 10px; - position: relative; - left: 50%; - top: 1.55rem; - transform: translateX(-50%); - - .litterSemicircle { - position: absolute; - width: 2.39rem; - height: 2.39rem; - background: #FFFFFF; - border-radius: 50%; + width: 6.51rem; opacity: 1; - display: flex; - justify-content: center; + border-radius: 10px; + position: absolute; left: 50%; + top: 50%; transform: translate(-50%, -50%); - } + .litterSemicircle { + width: 2.4rem; + height: 2.4rem; + margin: 0 auto; + position: relative; + z-index: 10; + background: #FFFFFF; + border-radius: 50%; + opacity: 1; + display: flex; + justify-content: center; + } - .importInput { - background: #FFFFFF; - border: 1px solid #707070; - opacity: 1; - border-radius: 0.10rem; - display: flex; - flex-wrap: wrap; - justify-content: center; - align-content: flex-start; + .importInput { + margin-top: -1.2rem; + background: #FFFFFF; + border: 1px solid #707070; + opacity: 1; + border-radius: 0.10rem; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-content: flex-start; + border: 1px solid rgb(112, 112, 112); - h1 { - width: 3.93rem; - height: 0.4rem; - font-size: 0.30rem; - font-weight: bold; - line-height: 0.4rem; - color: #222222; - text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); - opacity: 1; - margin-top: 1.20rem; - margin-bottom: 0.52rem; - padding-left: 0.12rem; - } + h1 { + width: 3.93rem; + height: 0.4rem; + font-size: 0.30rem; + font-weight: bold; + line-height: 0.4rem; + color: #222222; + text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); + opacity: 1; + margin-top: 1.20rem; + margin-bottom: 0.52rem; + padding-left: 0.12rem; + } + :deep(.input) { + width: 4.96rem; + height: 0.69rem; + background: #FFFFFF; + border: 1px solid #BCBCBC; + opacity: 1; + margin-bottom: 0.7rem; - :deep(.input) { - width: 4.96rem; - height: 0.69rem; - background: #FFFFFF; - border: 1px solid #BCBCBC; - opacity: 1; - margin-bottom: 0.71rem; + .el-input__inner{ + height: 100% !important; + position: relative; + border: none; + font-size: 0.15rem; + font-weight: 400; + line-height: 0.24rem; + color: #999999; + padding-left: 0.54rem; + } + } - .el-input__inner{ - height: 100% !important; - position: relative; - border: none; - font-size: 0.15rem; - font-weight: 400; - line-height: 0.24rem; - color: #999999; - padding-left: 0.54rem; - } + img { + width: 0.18rem; + height: 0.1792rem; + position: absolute; + top: -0.10rem; + left: 0.18rem; + } } + } - img { - width: 0.18rem; - height: 0.1792rem; - position: absolute; - top: -0.10rem; - left: 0.18rem; - } - } - } - - img { + img { width: 1.5733rem; height: 1.5715rem; margin-top: .35rem; - } - + } .btn{ width: 4.96rem; height: 0.69rem; @@ -172,7 +166,7 @@ export default { color: #FFFFFF; border: none; font-size: 0.22rem; - margin-bottom: 1.27rem; - } + margin-bottom: 1.2rem; + } </style> diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/BPInversion.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/BPInversion.vue deleted file mode 100644 index e69de29..0000000 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/ConvectiveIndex.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/ConvectiveIndex.vue deleted file mode 100644 index e69de29..0000000 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue deleted file mode 100644 index 9edf23a..0000000 --- a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue +++ /dev/null @@ -1,36 +0,0 @@ -<template> - <Tabs /> - <div class="main"> - <div class="menu panel"> - <h2>区域选择</h2> - </div> - <div class="container panel"></div> - </div> -</template> - -<script lang="ts"> - import { reactive, toRefs } from 'vue' - import Tabs from './Tabs.vue' - - export default { - name: 'MicrowaveRadiation', - components: {Tabs}, - setup() { - let options = reactive({ - currentTab: '垂直廓线' - }) - - const onTabClick = (name) => { - options.currentTab = name; - } - - return { - ...toRefs(options), - onTabClick - } - } - } -</script> -<style lang="less" scoped> - -</style> diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/TLogP.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/TLogP.vue deleted file mode 100644 index e69de29..0000000 diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue deleted file mode 100644 index 423d255..0000000 --- a/04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue +++ /dev/null @@ -1,24 +0,0 @@ -<template> - <div class="tabs"> - <router-link class="tab-item" to="/MicrowaveRadiation/VerticalProfile">垂直廓线</router-link> - <router-link class="tab-item" to="/MicrowaveRadiation/ConvectiveIndex">对流指数对流指数对流指数</router-link> - <router-link class="tab-item" to="/MicrowaveRadiation/TLogP">T-logP图</router-link> - <router-link class="tab-item" to="/MicrowaveRadiation/BPInversion">BP反演产品</router-link> - </div> - <router-view></router-view> -</template> - -<script lang="ts"> -import { reactive, toRefs, onMounted} from 'vue' -export default { - name: "app", - setup() { - return { - - } - } -} -</script> - -<style lang="less" scoped> -</style> diff --git a/04.系统编码/Frontend/src/components/MicrowaveRadiation/VerticalProfile.vue b/04.系统编码/Frontend/src/components/MicrowaveRadiation/VerticalProfile.vue deleted file mode 100644 index e69de29..0000000 diff --git a/04.系统编码/Frontend/src/components/SystemManagement.vue b/04.系统编码/Frontend/src/components/SystemManagement.vue index c7bd11d..94a3947 100644 --- a/04.系统编码/Frontend/src/components/SystemManagement.vue +++ b/04.系统编码/Frontend/src/components/SystemManagement.vue @@ -280,8 +280,8 @@ export default { <style lang="less" scoped> .system-container { - width: calc(~"100% - 40px"); - margin: 0 20px; + width: 100%; + margin-left: 0; .pagination{ margin-top: 10px; diff --git a/04.系统编码/Frontend/src/index.less b/04.系统编码/Frontend/src/index.less index 1b32064..465d9ec 100644 --- a/04.系统编码/Frontend/src/index.less +++ b/04.系统编码/Frontend/src/index.less @@ -412,12 +412,6 @@ img { .el-image-viewer__mask { opacity: 0.8; } - - .el-image-viewer__canvas { - img { - width: 75%; - } - } } } @@ -437,6 +431,13 @@ img { } } + .el-image-viewer__canvas { + img { + width: auto; + height: 70%; + } + } + .image-tip { text-align: center; margin-top: 10px;