commit

04.系统编码/Frontend/src/components/Login.vue

@@ -1,5 +1,4 @@
 <template>
-  <div class="box">
     <div class="loginInput">
         <div class="litterSemicircle"><img src="/images/logo.png"/> </div>
         <div class="importInput">
@@ -17,7 +16,6 @@
             <el-button type="primary" class="btn" @click="onLoginClick">登录</el-button>
         </div>
     </div>
-    </div>
 </template>
 
 <script lang="ts">
@@ -81,30 +79,27 @@ 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;
+        position: absolute;
         left: 50%;
-      top: 1.55rem;
+        top: 50%;
-      transform: translateX(-50%);
+        transform: translate(-50%, -50%);
-
         .litterSemicircle {
-        position: absolute;
+            width: 2.4rem;
-        width: 2.39rem;
+            height: 2.4rem;
-        height: 2.39rem;
+            margin: 0 auto;
+            position: relative;
+            z-index: 10;
             background: #FFFFFF;
             border-radius: 50%;
             opacity: 1;
             display: flex;
             justify-content: center;
-        left: 50%;
-        transform: translate(-50%, -50%);
         }
 
         .importInput {
+            margin-top: -1.2rem;
             background: #FFFFFF;
             border: 1px solid #707070;
             opacity: 1;
@@ -113,6 +108,7 @@ export default {
             flex-wrap: wrap;
             justify-content: center;
             align-content: flex-start;
+            border: 1px solid rgb(112, 112, 112);
 
             h1 {
                 width: 3.93rem;
@@ -127,14 +123,13 @@ export default {
                 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.71rem;
+                margin-bottom: 0.7rem;
 
                 .el-input__inner{
                     height: 100% !important;
@@ -163,7 +158,6 @@ export default {
         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>

04.系统编码/Frontend/src/components/MicrowaveRadiation/Index.vue

@@ -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>

04.系统编码/Frontend/src/components/MicrowaveRadiation/Tabs.vue

@@ -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>

04.系统编码/Frontend/src/components/SystemManagement.vue

@@ -280,8 +280,8 @@ export default {
 <style lang="less" scoped>
 
     .system-container {
-        width: calc(~"100% - 40px");
+        width: 100%;
-        margin: 0 20px;
+        margin-left: 0;
 
       .pagination{
         margin-top: 10px;

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;