add

src/views/systemManagement/LoginPolicy/index.vue

@@ -21,7 +21,7 @@
             infinite-scroll-disabled="disabled"
             class="center-box"
           >
-            <el-row :gutter="24">
+            <el-row :gutter="16">
               <el-col :span="4" v-for="(item, index) in tacList" :key="index">
                 <el-card class="box-card">
                   <button
@@ -29,28 +29,29 @@
                     type="text"
                     @click="open(item, index)"
                     style="
-                      float: right;
+                      position: absolute;
                       padding: 3px 0;
                       border: none;
                       color: #303133;
                       width: 20px;
                       background: #fff;
-                      bottom: 23px;
+                      right: 24px;
+                      top: 34px;
                     "
                   >
                     ×
                   </button>
-                  <div style="padding: 10px">
+                  <div>
                     <div class="header-top">
                       <div class="header-mid">
                         <span class="title">{{ item.TacName }} </span>
                       </div>
-                      <div
-                        class="loger"
-                        v-is="['logintac_btn_edit']"
-                        @click="EditStystem(item.TacId)"
-                      ></div>
                     </div>
+                    <div
+                      class="loger"
+                      v-is="['logintac_btn_edit']"
+                      @click="EditStystem(item.TacId)"
+                    ></div>
                   </div>
                 </el-card>
               </el-col>
@@ -234,9 +235,15 @@ export default {
   background-size: 100% 100%;
   border: 1px solid #e4e7ec;
   border-radius: 50%;
-  margin-left: 24px;
+  margin-top: 24px;
   display: inline-block;
 }
+::v-deep .el-card__body {
+  padding: 24px;
+}
+::v-deep .el-row {
+  width: 100%;
+}
 .header-mid {
   display: flex;
   align-items: center;
@@ -265,6 +272,7 @@ export default {
   display: flex;
 }
 .contentBox {
+  width: 100%;
   height: 76vh;
 }
 .center-box {
@@ -273,7 +281,7 @@ export default {
   justify-content: flex-start;
   flex-wrap: wrap;
   margin-left: 64px;
-  width: calc(100% - 149px);
+  width: calc(100% - 95px);
   height: 70vh;
   overflow-y: auto;
   overflow-x: hidden;
@@ -289,11 +297,11 @@ export default {
 }
 .box-card {
   width: 100%;
-  height: 80px;
+  height: 112px;
   margin-right: 10px;
   box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.06);
-  border-radius: 12px;
-  margin-top: 24px;
+  border-radius: 8px;
+  margin-bottom: 16px;
   position: relative;
   button {
     position: absolute;

src/views/systemManagement/addSystem/index.vue

@@ -516,6 +516,7 @@ export default {
 .centerBox {
   display: flex;
   margin-top: 23px;
+  position: relative;
 }
 .leftB {
   width: 1242px;
@@ -580,6 +581,18 @@ export default {
   border-radius: 16px;
   margin-left: 40px;
   overflow: auto;
+  // position: relative;
+  > .titleBtn {
+    width: 610px;
+    position: absolute;
+    z-index: 9999;
+    top: 0;
+    right: 0;
+    background: #ffffff;
+  }
+  > .center-box {
+    margin-top: 72px;
+  }
   .searchBox {
     display: flex;
   }