样式调整

src/views/recruit/entRegister/register.vue

@@ -66,18 +66,19 @@
       <div style="min-height: 50vh;">
         <div>
           <div v-for="(item, index) in contactCopy" :key="index" class="contactItemCard">
-            <div class="mb-3 pl-3" style="font-size: 13px; color: 00897B; border-left: 5px solid #00897B;">{{ index ? '联系人' + index : '管理员' }}</div>
+            <div class="d-flex justify-space-between pb-2">
+              <div class="mb-3 pl-3" style="font-size: 13px; color: 00897B; border-left: 5px solid #00897B;">{{ index ? '联系人' + index : '管理员' }}</div>
+              <v-btn v-if="index" color="error" density="compact" variant="text" @click="delContact(index)">删除</v-btn>
+              <div v-else style="font-size: 12px; color: #999">不可删除</div>
+            </div>
             <TextUI v-model="item.contactName" :item="{...contactNameObj}"></TextUI>
             <TextUI v-model="item.phone" :item="{...phoneObj}"></TextUI>
             <TextUI v-model="item.email" :item="{...emailObj}"></TextUI>
             <TextUI v-model="item.password" :item="{...passwordObj}"></TextUI>
             <TextUI v-model="item.passwordConfirm" :item="{...passwordConfirmObj}"></TextUI>
-            <div style="width: 100%; text-align: center;">
-              <v-btn v-if="index" variant="text" color="error" @click="delContact(index)">删除</v-btn>
-            </div>
           </div>
         </div>
-        <v-btn class="mb-5 mt-3" style="width: 100%; text-align: center;" variant="text" color="primary" prepend-icon="mdi-plus-box" @click="addMore">继续添加</v-btn>
+        <v-btn class="mb-5 mt-3" style="width: 100%; text-align: center;" color="primary" prepend-icon="mdi-plus-box" @click="addMore">继续添加</v-btn>
       </div>
     </CtDialog>
   </div>
@@ -170,7 +171,7 @@ const addMore = () => {
   contactCopy.value.push({...contactInfo})
 }
 const delContact = (index) => {
-  Confirm('系统提示', '是否确认删除？').then(async () => {
+  Confirm('系统提示', `是否确认删除${index ? `联系人${index}` : '管理员'}？`).then(async () => {
     contactCopy.value.splice(index, 1)
   })
 }