#

src/components/pages/studentManageNew/component/addstu.vue

@@ -92,7 +92,10 @@
                       <span style="cursor: pointer;color: #0052D9;" @click="delSeaStu(index)">删除</span>
                     </div>
                   </div>
-                  <div class="tagitem" :class="stuname2(item) == 'danger' ? 'tagitem2' :''">{{ item }}</div>
+                  <div class="tagitem" :class="stuname2(item) == 'danger' ? 'tagitem2' :''">
+                    {{ item }}
+                    <i @click="delSeaStu(index)" class="el-icon-close closeImg"></i>
+                  </div>
                 </div>
 
               </div>
@@ -136,7 +139,10 @@
                       <span style="cursor: pointer;color: #0052D9;" @click="handleSelectedStuClose(index)">删除</span>
                     </div>
                   </div>
-                  <div class="tagitem" :class="stuname(item) == 'danger' ? 'tagitem2' :''">{{ item }}</div>
+                  <div class="tagitem" :class="stuname(item) == 'danger' ? 'tagitem2' :''">
+                    {{ item }}
+                    <i @click="handleSelectedStuClose(index)" class="el-icon-close closeImg"></i>
+                  </div>
                 </div>
             </div>
           </div>
@@ -187,7 +193,7 @@
           <div @click="closeAllClaAddStu" class="kbtn">{{ lang.Cancel }}</div>
 
           <div @click="addStu" class="kbtn" style="background: #3681FC; color: #E6FFFFFF;">{{ lang.Confirm }}</div>
-
+          
           <!-- <el-button size="small" type="primary" @click="addStu"
             >确认</el-button
           > -->
@@ -905,10 +911,11 @@ export default {
 }
 .tagitem{
   height: 100%;
-  padding: 0 8px;
+  padding: 0 25px;
   box-sizing: border-box;
   display: flex;
   align-items: center;
+  position: relative;
 }
 
 .tagtit{
@@ -981,4 +988,20 @@ export default {
   justify-content: flex-end;
   gap: 10px;
 }
+.closeImg{
+  font-size: 16px;
+  cursor: pointer;
+  display: none;
+  position: absolute;
+  right: 3px;
+  top: 50%;
+  transform: translateY(-50%);
+  /* background: #fff; */
+  /* border-radius: 50%; */
+  /* padding: 2px; */
+  /* box-sizing: border-box; */
+}
+.tagitem:hover .closeImg{
+  display: block;
+}
 </style>

src/components/pages/studentManageNew/component/table.vue

@@ -2107,6 +2107,7 @@ export default {
   line-height: 30px;
   width: 130px;
   font-size: 16px;
+  border-bottom: 1px solid #e7e7e7;
 }
 .bacl {
   background: #e8f3ff;