style: 修改列表左右滑动问题登陆增加: 界面显示软件名称、版本号、研制单位: 西安交通大学弹出框优化

src/layouts/components/Footer/index.scss

@@ -1,6 +1,7 @@
 .footer {
   height: 30px;
-  background-color: var(--el-bg-color);
+
+  // background-color: var(--el-bg-color);
   border-top: 1px solid var(--el-border-color-light);
   a {
     font-size: 14px;

src/layouts/components/Footer/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="footer flx-center">
-    <a href="https://gitee.com/gaokunw/kimi-web" target="_blank"> 2023 © taais-Admin By gaokunw Technology. </a>
+    <a href="https://gitee.com/gaokunw/kimi-web" target="_blank"> 版本号：V1.2.0 研制单位：西安交通大学</a>
   </div>
 </template>
 

src/layouts/components/Header/ToolBarRight.vue

@@ -5,7 +5,7 @@
       <!-- <AssemblySize id="assemblySize" /> -->
       <!-- <Language id="language" /> -->
       <!-- <SearchMenu id="searchMenu" /> -->
-      <!-- <ThemeSetting id="themeSetting" /> -->
+      <ThemeSetting id="themeSetting" />
       <!-- <Message id="message" /> -->
       <Fullscreen id="fullscreen" />
     </div>
@@ -20,7 +20,7 @@
 // import AssemblySize from './components/AssemblySize.vue'
 // import Language from './components/Language.vue'
 // import SearchMenu from './components/SearchMenu.vue'
-// import ThemeSetting from './components/ThemeSetting.vue'
+import ThemeSetting from './components/ThemeSetting.vue'
 // import Message from './components/Message.vue'
 import Fullscreen from './components/Fullscreen.vue'
 import Avatar from './components/Avatar.vue'

src/stores/modules/global.ts

@@ -39,7 +39,7 @@ export const useGlobalStore = defineStore('admin-global', {
     // 标签页图标
     tabsIcon: true,
     // 页脚
-    footer: false
+    footer: true
   }),
   getters: {},
   actions: {

src/styles/element-dark.scss

@@ -26,16 +26,16 @@ html.dark {
   }
 
   /* login */
-  .login-container {
-    background-color: #191919 !important;
-    .login-box {
-      background-color: rgb(0 0 0 / 80%) !important;
-      .login-form {
-        box-shadow: rgb(255 255 255 / 12%) 0 2px 10px 2px !important;
-        .logo-text {
-          color: var(--el-text-color-primary) !important;
-        }
-      }
-    }
-  }
+  // .login-container {
+  //   background-color: #191919 !important;
+  //   .login-box {
+  //     background-color: rgb(0 0 0 / 80%) !important;
+  //     .login-form {
+  //       box-shadow: rgb(255 255 255 / 12%) 0 2px 10px 2px !important;
+  //       .logo-text {
+  //         color: var(--el-text-color-primary) !important;
+  //       }
+  //     }
+  //   }
+  // }
 }

src/styles/element.scss

@@ -7,28 +7,6 @@
   --el-pagination-button-bg-color: transparent;
 }
 
-/**
-改变表格内竖线颜色
-*/
-.el-table--border td,
-.el-table--border th,
-.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {
-  border-right: 1px solid rgb(76 166 255 / 40%) !important;
-
-  // opacity: 0.4;
-}
-
-/**
-改变表格内行线颜色
-*/
-.el-table td,
-.el-table th.is-leaf {
-  border-bottom: 1px solid rgb(76 166 255 / 40%) !important;
-}
-
-.el-table thead tr th {
-  border-color: 1px solid rgb(76 166 255 / 40%) !important;
-}
 label {
   font-weight: 700;
 }
@@ -251,11 +229,27 @@ label {
     }
   }
 
+  // .is-scrolling-middle {
+  .el-table-fixed-column--right {
+    --el-table-tr-bg-color: rgb(0 136 204 / 40%) !important;
+
+    background-image: url('@/assets/images/bg0.png') !important;
+  }
+
+  .el-table-fixed-column--left {
+    --el-table-tr-bg-color: rgb(0 136 204 / 40%) !important;
+
+    background-image: url('@/assets/images/bg0.png') !important;
+  }
+
+  // }
+
   // el-table 表格样式
   .el-table {
     flex: 1;
     color: #7fffff;
-    background-color: transparent;
+
+    // background-color: transparent;
 
     --el-table-border-color: rgb(76 166 255 / 40%);
     --el-table-tr-bg-color: rgb(0 136 204 / 40%);
@@ -272,7 +266,10 @@ label {
       // color: var(--el-text-color-primary);
       color: #7fffff;
       background: var(--el-fill-color-light);
-      background-color: transparent;
+
+      // background-color: #7fffff;
+
+      // background-color: transparent;
     }
     .el-table__row {
       height: 45px;
@@ -349,6 +346,9 @@ label {
 
 /* el-drawer */
 .el-drawer {
+  background-image: url('@/assets/images/bg0.png');
+  background-repeat: repeat;
+
   // background-color: transparent;
   .el-drawer__header {
     padding: 16px 20px;
@@ -385,6 +385,10 @@ label {
 
 /* el-dialog */
 .el-dialog {
+  background-image: url('@/assets/images/bg0.png');
+  background-repeat: repeat;
+
+  // background-size: contain;
   border-radius: 6px;
   .el-dialog__header {
     padding: 15px 20px;
@@ -396,7 +400,7 @@ label {
     // border-top-left-radius: 6px;
     // border-top-right-radius: 6px;
     .el-dialog__title {
-      font-size: 18px;
+      font-size: 20px;
 
       // color: var(--el-dialog-bg-color);
     }

src/views/login/index.scss

@@ -1,8 +1,9 @@
 .login-container {
   height: 100%;
   min-height: 550px;
-  background-color: #eeeeee;
-  background-image: url('@/assets/images/login_bg.svg');
+
+  // background-color: #eeeeee;
+  background-image: url('@/assets/images/bg0.png');
   background-size: 100% 100%;
   background-size: cover;
   .login-box {
@@ -14,7 +15,9 @@
     width: 96.5%;
     height: 94%;
     padding: 0 50px;
-    background-color: rgb(255 255 255 / 80%);
+    background-color: transparent;
+
+    // background-color: rgb(255 255 255 / 80%);
     border-radius: 10px;
     .dark {
       position: absolute;
@@ -30,11 +33,14 @@
       }
     }
     .login-form {
-      width: 420px;
+      width: 400px;
       padding: 50px 40px 45px;
-      background-color: var(--el-bg-color);
+      background-color: transparent;
+
+      // background-color: var(--el-bg-color);
       border-radius: 10px;
-      box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
+
+      // box-shadow: rgb(0 0 0 / 10%) 0 2px 10px 2px;
       .login-logo {
         display: flex;
         align-items: center;
@@ -42,13 +48,14 @@
         margin-bottom: 20px;
         .login-icon {
           width: 60px;
-          height: 52px;
+          height: 44px;
         }
         .logo-text {
           padding: 0 0 0 25px;
           margin: 0;
           font-size: 42px;
           font-weight: bold;
+          color: var(--el-text-color-primary) !important;
           color: #34495e;
           white-space: nowrap;
         }

src/views/login/index.vue

@@ -1,24 +1,21 @@
 <template>
-  <div class="login-container flx-center">
+  <div class="login-container flx-center1">
     <div class="login-box">
-      <!-- <SwitchDark class="dark" /> -->
-      <div class="login-left">
-        <img class="login-left-img" src="@/assets/images/login_left.png" alt="login" />
-      </div>
       <div class="login-form">
         <div class="login-logo">
-          <img class="login-icon" src="@/assets/images/logo.svg" alt="" />
-          <h2 class="logo-text">算法任务系统</h2>
+          <img class="login-icon" src="@/assets/images/logo.png" alt="" />
+          <h2 class="logo-text">目标捕获技术设计支撑环境系统</h2>
         </div>
         <LoginForm />
       </div>
     </div>
+    <Footer style="height: 60px" />
   </div>
 </template>
 
 <script setup lang="ts" name="login">
 import LoginForm from './components/LoginForm.vue'
-// import SwitchDark from '@/components/SwitchDark/index.vue'
+import Footer from '@/layouts/components/Footer/index.vue'
 </script>
 
 <style scoped lang="scss">