chore: 调整图片及优化前端页面

src/views/AdminPanel.vue

@@ -644,6 +644,15 @@
             <label>部门:</label>
             <input v-model="individualForm.department" type="text" required class="form-input">
           </div>
+          <div class="form-group">
+            <label>战区:</label>
+            <select v-model="individualForm.team" class="form-input">
+              <option value="">请选择战区</option>
+              <option v-for="team in localTeamRankings" :key="team.id" :value="team.name">
+                {{ team.name }}
+              </option>
+            </select>
+          </div>
           <div class="form-group">
             <label>奖金:</label>
             <input v-model.number="individualForm.bonus" type="number" required class="form-input">
@@ -842,7 +851,8 @@ const individualForm = reactive({
   avatar: '⭐',
   department: '',
   completedTasks: 0,
-  bonus: 0
+  bonus: 0,
+  team: ''
 });
 
 const teamForm = reactive({
@@ -966,6 +976,7 @@ const resetIndividualForm = () => {
   individualForm.department = '';
   individualForm.completedTasks = 0;
   individualForm.bonus = 0;
+  individualForm.team = '';
 };
 
 // 删除个人
@@ -1048,8 +1059,8 @@ const deleteBonusRule = (index) => {
 
 <style scoped>
 .admin-panel {
-  min-height: 100vh;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  min-height: 70vh;
+  margin-top: 80px;
   padding: 20px;
 }
 
@@ -1146,6 +1157,12 @@ const deleteBonusRule = (index) => {
   border-radius: 20px;
   overflow: hidden;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 1200px;
+  margin: 0 auto;
+  height: 100vh;
 }
 
 .top-nav {