commit

04.系统编码/Frontend/.idea/workspace.xml

@@ -48,6 +48,8 @@
       <workItem from="1638235200843" duration="11502000" />
       <workItem from="1638248948876" duration="8558000" />
       <workItem from="1638257712429" duration="4830000" />
+      <workItem from="1638262944757" duration="2715000" />
+      <workItem from="1638265701887" duration="658000" />
     </task>
     <servers />
   </component>

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

@@ -6,7 +6,7 @@
             <h1>南京生态环境评估决策平台</h1>
             <el-input placeholder="请输入账户" type="text" class="input" v-model="inputName">
               <template #prefix>
-                <el-icon ><img src="/images/pen.png"></el-icon>
+                <el-icon><img src="/images/pen.png"></el-icon>
               </template>
             </el-input>
           <el-input  placeholder="请输入登录密码" type="password" v-model="inputPassword"  class="input" >
@@ -39,7 +39,6 @@ export default {
         })
       }
     }
-
     return {
       ...toRefs(option),
       onLoginClick
@@ -50,21 +49,21 @@ export default {
 
 <style lang="less" scoped>
     .loginInput {
-      width: 651px;
-      height: 689px;
+      width: 6.51rem;
+      height: 6.89rem;
       background: #FFFFFF;
       border: 1px solid #707070;
       opacity: 1;
       border-radius: 10px;
       position: relative;
       left: 50%;
-      top: 255px;
+      top: 2.55rem;
       transform: translateX(-50%);
 
       .litterSemicircle {
         position: absolute;
-        width: 239px;
-        height: 239px;
+        width: 2.39rem;
+        height: 2.39rem;
         background: #FFFFFF;
         border-radius: 50%;
         opacity: 1;
@@ -75,39 +74,39 @@ export default {
       }
 
       .importInput {
-        width: 651px;
-        height: 689px;
+        width: 6.51rem;
+        height: 6.89rem;
         background: #FFFFFF;
         border: 1px solid #707070;
         opacity: 1;
-        border-radius: 10px;
+        border-radius: 0.10rem;
         display: flex;
         flex-wrap: wrap;
         justify-content: center;
         align-content: flex-start;
 
         h1 {
-          width: 393px;
-          height: 40px;
-          font-size: 30px;
+          width: 3.93rem;
+          height: 0.4rem;
+          font-size: 0.30rem;
           font-family: Microsoft YaHei;
           font-weight: bold;
-          line-height: 40px;
+          line-height: 0.4rem;
           color: #222222;
           text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
           opacity: 1;
-          margin-top: 120px;
-          margin-bottom: 52px;
-          padding-left: 12px;
+          margin-top: 1.20rem;
+          margin-bottom: 0.52rem;
+          padding-left: 0.12rem;
         }
 
         :deep(.input) {
-          width: 496px;
-          height: 69px;
+          width: 4.96rem;
+          height: 0.69rem;
           background: #FFFFFF;
           border: 1px solid #BCBCBC;
           opacity: 1;
-          margin-bottom: 71px;
+          margin-bottom: 0.71rem;
 
           .el-input__inner{
             height: 100% !important;
@@ -116,18 +115,16 @@ export default {
             font-size: 18px;
             font-family: Microsoft YaHei;
             font-weight: 400;
-            line-height: 24px;
+            line-height: 0.24rem;
             color: #999999;
-            padding-left: 54px;
+            padding-left: 0.54rem;
           }
-
         }
-
           img {
-            width: 18px;
-            height: 17.92px;
+            width: 0.18rem;
+            height: 0.1792rem;
             position: absolute;
-            top: -7px;
+            top: -13px;
             left: 18px;
           }
       }
@@ -138,13 +135,13 @@ export default {
         margin-top: 35px;
       }
     .btn{
-        width: 496px;
-        height: 69px;
+        width: 4.96rem;
+        height: 0.69rem;
         background: #498DF0;
         opacity: 1;
         color: #FFFFFF;
         border: none;
-        font-size: 22px;
-        margin-bottom: 127px;
+        font-size: 0.22rem;
+        margin-bottom: 1.27rem;
       }
   </style>

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

@@ -17,7 +17,7 @@
             </el-select>
 
 
-           <img src="/images/search.png">
+           <img src="/images/search.png" @click="onSearch">
           </div>
           <div class="right">
             <span @click="onAddClick">添加新用户</span>
@@ -118,8 +118,12 @@
             ]
 
           })
-          const onAddClick = ()=>{
-            option.dialogFormVisible=true
+          const onAddClick = ()=> {
+            option.dialogFormVisible = true
+          }
+          //图片搜索
+          const onSearch = ()=>{
+
           }
             return {
               ...toRefs(option),
@@ -133,17 +137,16 @@
     .system-container {
         width: calc(~"100% - 40px");
         margin: 0 20px;
+
       .box{
         padding: 28px 20px 0px ;
         display: flex;
         justify-content: space-between;
+
         .left{
           display: flex;
           justify-content: space-between;
 
-          :deep(.el-input__icon::after){
-
-          }
           h1{
             width: 100px;
             height: 26px;
@@ -154,6 +157,7 @@
             color: #000000;
             opacity: 1;
           }
+
           img{
             width: 44px;
             height: 44px;
@@ -161,6 +165,7 @@
             cursor: pointer;
           }
         }
+
         .right{
           width: 100px;
           height: 26px;
@@ -181,25 +186,27 @@
 
         }
       }
+
     .tableMessage{
       padding: 56px 20px 20px;
+
       :deep(.el-table thead){
         color: black;
       }
-
     }
-
     }
+
     :deep(.el-form-item__label){
       text-align: left;
       color: #000000;
-
     }
+
     :deep(.el-form){
       display: flex;
       flex-wrap: wrap;
       justify-content: space-evenly;
     }
+
     :deep(.el-button){
       width: 159px;
       height: 44px;
@@ -210,4 +217,5 @@
       font-weight: 400;
       color: #498DF0;
     }
+
 </style>