Browse Source

fix 页面缺少的小助手

Michael Wang 4 năm trước cách đây
mục cha
commit
3fb1fca6fe

+ 39 - 0
src/features/arbitrate/MarkHeader.vue

@@ -59,6 +59,43 @@
     <div @click="toggleHistory" v-if="!isSingleStudent" title="回看">
       <HistoryOutlined class="icon-font icon-font-size-20" />
     </div>
+    <a-popover title="小助手" trigger="hover" class="tw-cursor-pointer">
+      <template #content>
+        <table class="assistant-table">
+          <tr v-if="store.setting.subject.paperUrl">
+            <td>试卷</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['paper.modal']"
+              />
+            </td>
+          </tr>
+          <tr v-if="store.setting.subject.answerUrl">
+            <td>答案</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['answer.modal']"
+              />
+            </td>
+          </tr>
+          <tr>
+            <td>缩略图</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['minimap.modal']"
+              />
+            </td>
+          </tr>
+        </table>
+      </template>
+      <div class="tw-flex">
+        小助手
+        <DownOutlined
+          style="font-size: 12px; display: inline-block"
+          class="tw-self-center tw-ml-1"
+        />
+      </div>
+    </a-popover>
     <div class="tw-flex tw-place-items-center">
       <UserOutlined class="icon-font icon-with-text" />{{
         store.setting.userName
@@ -85,6 +122,7 @@ import {
   PoweroffOutlined,
   AlertOutlined,
   QuestionCircleOutlined,
+  DownOutlined,
 } from "@ant-design/icons-vue";
 import { useRoute } from "vue-router";
 import { clearArbitrateTask } from "@/api/arbitratePage";
@@ -100,6 +138,7 @@ export default defineComponent({
     PoweroffOutlined,
     AlertOutlined,
     QuestionCircleOutlined,
+    DownOutlined,
   },
   setup() {
     const route = useRoute();

+ 1 - 1
src/features/arbitrate/MarkHistory.vue

@@ -35,7 +35,7 @@
         >
           <div>{{ task.secretNumber }}</div>
           <div>
-            {{ task.inspectTime && $filters.datetimeFilter(task.inspectTime) }}
+            {{ task.markTime && $filters.datetimeFilter(task.markTime) }}
           </div>
           <div style="width: 30px; text-align: center">
             {{ task.markerScore }}

+ 39 - 3
src/features/library/quality/MarkHeader.vue

@@ -44,9 +44,43 @@
         />
       </li>
     </ul>
-    <!-- <div @click="toggleHistory" v-if="!isSingleStudent" title="回看">
-      <HistoryOutlined class="icon-font icon-font-size-20" />
-    </div> -->
+    <a-popover title="小助手" trigger="hover" class="tw-cursor-pointer">
+      <template #content>
+        <table class="assistant-table">
+          <tr v-if="store.setting.subject.paperUrl">
+            <td>试卷</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['paper.modal']"
+              />
+            </td>
+          </tr>
+          <tr v-if="store.setting.subject.answerUrl">
+            <td>答案</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['answer.modal']"
+              />
+            </td>
+          </tr>
+          <tr>
+            <td>缩略图</td>
+            <td>
+              <a-switch
+                v-model:checked="store.setting.uiSetting['minimap.modal']"
+              />
+            </td>
+          </tr>
+        </table>
+      </template>
+      <div class="tw-flex">
+        小助手
+        <DownOutlined
+          style="font-size: 12px; display: inline-block"
+          class="tw-self-center tw-ml-1"
+        />
+      </div>
+    </a-popover>
     <div class="tw-flex tw-place-items-center">
       <UserOutlined class="icon-font icon-with-text" />{{
         store.setting.userName
@@ -73,6 +107,7 @@ import {
   PoweroffOutlined,
   AlertOutlined,
   QuestionCircleOutlined,
+  DownOutlined,
 } from "@ant-design/icons-vue";
 import { useRoute } from "vue-router";
 
@@ -87,6 +122,7 @@ export default defineComponent({
     PoweroffOutlined,
     AlertOutlined,
     QuestionCircleOutlined,
+    DownOutlined,
   },
   setup() {
     const route = useRoute();

+ 1 - 8
src/features/library/quality/MarkHistory.vue

@@ -1,14 +1,7 @@
 <template>
   <div class="history-container tw-px-1">
     <div class="tw-p-1 tw-flex tw-justify-between tw-place-items-center">
-      <div class="tw-text-xl">回评</div>
-      <a-button
-        class="tw-content-end"
-        shape="circle"
-        @click="store.historyOpen = false"
-      >
-        <template #icon><CloseOutlined /></template>
-      </a-button>
+      <div class="tw-text-xl">给分记录</div>
     </div>
     <div class="tw-mt-1 tw-mb-1 tw-flex"></div>
     <div class="tw-flex tw-justify-between">

+ 9 - 0
src/features/library/quality/Quality.vue

@@ -41,6 +41,15 @@ export default defineComponent({
         "score.board.collapse": false,
       } as MarkStore["setting"]["uiSetting"];
       store.setting.splitConfig = settingRes.data.splitConfig;
+      store.setting.subject = settingRes.data.subject || {};
+      if (store.setting.subject?.answerUrl) {
+        store.setting.subject.answerUrl =
+          store.setting.fileServer + store.setting.subject?.answerUrl;
+      }
+      if (store.setting.subject?.paperUrl) {
+        store.setting.subject.paperUrl =
+          store.setting.fileServer + store.setting.subject?.paperUrl;
+      }
     }
 
     const shouldReloadHistory = ref(0);