fix: 修整关卡号选择展示效果

app/utils/constants.py

@@ -43,19 +43,19 @@ RESOURCE_STAGE_INFO = [
 
 
 RESOURCE_STAGE_DATE_TEXT = {
-    "LS-6": "经验-6/5    |  常驻开放",
+    "LS-6": "经验-6/5 | 常驻开放",
-    "CE-6": "龙门币-6/5  |  二四六日开放",
+    "CE-6": "龙门币-6/5 | 二四六日开放",
-    "AP-5": "红票-5      |  一四六日开放",
+    "AP-5": "红票-5 | 一四六日开放",
-    "CA-5": "技能-5      |  二三五日开放",
+    "CA-5": "技能-5 | 二三五日开放",
-    "SK-5": "碳-5        |  一三五六开放",
+    "SK-5": "碳-5 | 一三五六开放",
-    "PR-A-1": "奶/盾芯片   |  一四五日开放",
+    "PR-A-1": "奶/盾芯片 | 一四五日开放",
-    "PR-A-2": "奶/盾芯片组 |  一四五日开放",
+    "PR-A-2": "奶/盾芯片组 | 一四五日开放",
-    "PR-B-1": "术/狙芯片   |  一二五六日开放",
+    "PR-B-1": "术/狙芯片 | 一二五六日开放",
-    "PR-B-2": "术/狙芯片组 |  一二五六日开放",
+    "PR-B-2": "术/狙芯片组 | 一二五六日开放",
-    "PR-C-1": "先/辅芯片   |  三四六日开放",
+    "PR-C-1": "先/辅芯片 | 三四六日开放",
-    "PR-C-2": "先/辅芯片组 |  三四六日开放",
+    "PR-C-2": "先/辅芯片组 | 三四六日开放",
-    "PR-D-1": "近/特芯片   |  二三六日开放",
+    "PR-D-1": "近/特芯片 | 二三六日开放",
-    "PR-D-2": "近/特芯片组 |  二三六日开放",
+    "PR-D-2": "近/特芯片组 | 二三六日开放",
 }
 """常规资源关开放日文本映射"""
 

frontend/src/views/UserEdit.vue

@@ -448,10 +448,21 @@
                 </template>
                 <a-select
                   v-model:value="formData.Info.Stage"
-                  :options="stageOptions"
                   :disabled="loading"
                   size="large"
-                />
+                >
+                  <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px;">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                    </template>
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
           </a-row>
@@ -470,10 +481,21 @@
                 </template>
                 <a-select
                   v-model:value="formData.Info.Stage_1"
-                  :options="stageOptions"
                   :disabled="loading"
                   size="large"
-                />
+                >
+                  <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px;">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                    </template>
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
             <a-col :span="6">
@@ -490,10 +512,21 @@
                 </template>
                 <a-select
                   v-model:value="formData.Info.Stage_2"
-                  :options="stageOptions"
                   :disabled="loading"
                   size="large"
-                />
+                >
+                  <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px;">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                    </template>
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
             <a-col :span="6">
@@ -510,28 +543,50 @@
                 </template>
                 <a-select
                   v-model:value="formData.Info.Stage_3"
-                  :options="stageOptions"
                   :disabled="loading"
                   size="large"
-                />
+                >
+                  <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px;">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                    </template>
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
             <a-col :span="6">
               <a-form-item name="mode">
                 <template #label>
-                  <a-tooltip title="剩余理智，选择「当前/上次」时视为不使用剩余理智">
+                  <a-tooltip title="剩余理智关卡，选择「当前/上次」时视为不使用剩余理智关卡">
                     <span class="form-label">
-                      剩余理智
+                      剩余理智关卡
                       <QuestionCircleOutlined class="help-icon" />
                     </span>
                   </a-tooltip>
                 </template>
                 <a-select
                   v-model:value="formData.Info.Stage_Remain"
-                  :options="stageOptions"
                   :disabled="loading"
                   size="large"
-                />
+                >
+                  <a-select-option v-for="option in stageOptions" :key="option.value" :value="option.value">
+                    <template v-if="option.label.includes('|')">
+                      <span>{{ option.label.split('|')[0] }}</span>
+                      <a-tag color="green" size="small" style="margin-left: 8px;">
+                        {{ option.label.split('|')[1] }}
+                      </a-tag>
+                    </template>
+                    <template v-else>
+                      {{ option.label }}
+                    </template>
+                  </a-select-option>
+                </a-select>
               </a-form-item>
             </a-col>
           </a-row>