header字段宽度固定

src/components/inspect/MarkHeader.vue

@@ -4,7 +4,7 @@
     v-if="store.setting"
   >
     <div>
-      {{ store.setting.subject.name }}
+      {{ store.setting.subject.code + "-" + store.setting.subject.name }}
     </div>
     <div class="tw-flex tw-gap-1">
       <div>

src/components/mark/MarkHeader.vue

@@ -4,9 +4,12 @@
     v-if="store.setting"
   >
     <div>
-      <a class="tw-text-white tw-underline" href="/mark/subject-select">{{
-        store.setting.subject.name
-      }}</a>
+      <a
+        class="tw-text-white tw-underline tw-block tw-overflow-ellipsis tw-w-32 tw-overflow-hidden tw-whitespace-nowrap"
+        :title="store.setting.subject.name"
+        href="/mark/subject-select"
+        >{{ store.setting.subject.code + "-" + store.setting.subject.name }}</a
+      >
     </div>
     <div v-if="store.setting.statusValue === 'TRIAL'">试评</div>
     <div class="tw-flex tw-gap-1">
@@ -83,7 +86,13 @@
     >
       <ClockCircleOutlined class="icon-font-size-20 line-height-20" />
     </div>
-    <div @click="switchGroupDialog">{{ group?.title }}(切换)</div>
+    <div
+      @click="switchGroupDialog"
+      class="tw-overflow-ellipsis tw-w-20 tw-overflow-hidden tw-whitespace-nowrap"
+      :title="group?.title"
+    >
+      {{ group?.title }}(切换)
+    </div>
     <div class="tw-flex tw-place-items-center">
       <UserOutlined class="icon-with-text" />{{ store.setting.userName }}
     </div>