feat: 笔试可以提交文件/问卷链接 and no-permisson页面更新

Author: lyx1213812138

src/api/index.ts

@@ -11,6 +11,7 @@ export {
   createRecruitment,
   updateRecruitment,
   uploadTest,
+  uploadTestUrl,
   SetStressTestTime,
   getTest,
 } from './recruitment';

src/api/recruitment/index.ts

@@ -15,6 +15,9 @@ import {
   UpdateRecruitmentResponse,
   UploadTestRequest,
   UploadTestResponse,
+  UploadTestUrlResponse,
+  SetWrittenTestTypeResponse,
+  GetWrittenTestTypeResponse,
 } from '@/constants/httpMsg/recruitment/updateRecruitmentMsg';
 import { Group, Step } from '@/constants/team';
 import request from '../_request';
@@ -86,6 +89,43 @@ export async function uploadTest(
   return res;
 }
 
+export async function uploadTestUrl(
+  rid: string,
+  group: Group,
+  url: string,
+): Promise<UploadTestUrlResponse> {
+  const res: UploadTestUrlResponse = await request({
+    url: `/recruitments/${rid}/written-test-url/${group}`, // 注意末尾的斜杠，后端写的
+    method: 'PUT',
+    data: { questionnaire_url: url },
+  });
+  return res;
+}
+
+export async function setWrittenTestType(
+  rid: string,
+  group: Group,
+  type: number,
+): Promise<SetWrittenTestTypeResponse> {
+  const res: SetWrittenTestTypeResponse = await request({
+    url: `/recruitments/${rid}/written-test-type/${group}`,
+    method: 'POST',
+    data: { group_written_test_type: type },
+  });
+  return res;
+}
+
+export async function getWrittenTestType(
+  rid: string,
+  group: Group,
+): Promise<GetWrittenTestTypeResponse> {
+  const res: GetWrittenTestTypeResponse = await request({
+    url: `/recruitments/${rid}/written-test-type/${group}`,
+    method: 'GET',
+  });
+  return res;
+}
+
 export async function SetStressTestTime(
   rid: string,
   data: SetStressTestTimeRequest,

src/constants/httpMsg/recruitment/updateRecruitmentMsg.ts

@@ -16,3 +16,11 @@ export type SetStressTestTimeResponse = HttpRes<object>;
 export type UploadTestRequest = File;
 
 export type UploadTestResponse = HttpRes<object>;
+
+export type UploadTestUrlResponse = HttpRes<object>;
+
+export type SetWrittenTestTypeResponse = HttpRes<object>;
+
+export type GetWrittenTestTypeResponse = HttpRes<{
+  group_written_test_type: number;
+}>;

src/locale/zh-CN/common.ts

@@ -18,8 +18,11 @@ export default {
   'common.operation.comfirmDeleteDate': '确认删除该日程？',
   'common.operation.returnInterviewManagement': '返回面试管理',
   'common.operation.uploadTest': '上传笔试/问卷',
+  'common.operation.uploadFileOrUrl': '可上传文件或在线问卷链接（二选一）',
   'common.operation.uploadFile': '上传文件',
-  'common.operation.uploadFileFirst': '请先上传文件',
+  'common.operation.uploadUrl': '上传链接',
+  'common.operation.uploadFileOrUrlFirst': '请先上传文件或链接',
+  'common.operation.uploadFileOrUrlOnly': '请勿同时上传文件和链接',
   'common.operation.setStressTestTime': '设置熬测时间',
   'common.operation.sendNotification': '发送通知',
   'common.operation.notify': '通知',
@@ -28,6 +31,7 @@ export default {
   'common.operation.confirmTerminate': '确认终止投递？',
   'common.operation.confirmDeleteComment': '确认删除该评论？',
   'common.operation.editContent': '编辑内容',
+  'common.operation.currentTestFileOrUrl': '当前笔试文件/链接',
   'common.operation.searchByName': '搜索成员姓名',
   'common.operation.operate': '操作',
   'common.operation.refresh': '刷新',
@@ -48,7 +52,7 @@ export default {
   'common.result.switchStageSuccess': '转移阶段成功',
   'common.result.terminateSuccess': '终止投递成功',
   'common.result.commentNotNull': '评论与评价不能同时为空',
-  'common.result.uploadFileSuccess': '上传文件成功',
+  'common.result.uploadFileSuccess': '上传文件/链接成功',
   'common.result.setStressTestTimeSuccess': '设置熬测时间成功',
   'common.result.remainingSchedules': '剩余{count}个日程',
   'common.result.allowcateTimeSuccess': '分配时间成功',

src/store/modules/recruitment/index.ts

@@ -6,11 +6,14 @@ import {
   createRecruitment,
   updateRecruitment,
   uploadTest,
+  uploadTestUrl,
   SetStressTestTime,
   getTest,
   deleteInterview,
   createInterview,
 } from '@/api';
+import { set } from 'lodash';
+import { getWrittenTestType, setWrittenTestType } from '@/api/recruitment';
 import {
   RecruitmentState,
   UpdateParams,
@@ -66,7 +69,14 @@ const useRecruitmentStore = defineStore('recruitment', {
       }
       this.getAllRecruitments();
     },
-    async uploadTest(rid: string, group: Group, data: File) {
+    async uploadTest(rid: string, group: Group, data: File | string) {
+      if (typeof data === 'string') {
+        await setWrittenTestType(rid, group, 2);
+        console.log('上传测试链接', await getWrittenTestType(rid, group));
+        const res = await uploadTestUrl(rid, group, data);
+        return res;
+      }
+      await setWrittenTestType(rid, group, 1);
       const res = await uploadTest(rid, group, data);
       return res;
     },

src/views/noPermission/index.vue

@@ -7,11 +7,21 @@
     <template #icon>
       <NoPermissionSVG class="max-w-[min(404px,90%)]" />
     </template>
+    <template #extra>
+      <a-space>
+        <a-button type="primary" @click="handleRelogin"> 重新登录 </a-button>
+      </a-space>
+    </template>
   </a-result>
 </template>
 
 <script setup lang="ts">
 import NoPermissionSVG from '@/assets/svg/no-permission.svg';
+import { SSO_DOMAIN, HR_DOMAIN_FE, HR_BASE_URL } from '@/constants';
+
+function handleRelogin() {
+  window.location.href = `//${SSO_DOMAIN}/login?from=${HR_DOMAIN_FE}`;
+}
 </script>
 
 <style scoped lang="less">

src/views/overview/candidate/components/candidate-info.vue

@@ -103,6 +103,16 @@
         </a-select>
       </a-form-item>
       <a-form-item field="data">
+        <!-- 使用 label 插槽自定义标题 -->
+        <template #label>
+          {{ $t('common.operation.uploadFile') }}
+          <a-tooltip :content="$t('common.operation.uploadFileOrUrl')">
+            <icon-info-circle
+              style="margin-left: 4px; color: var(--color-text-3); cursor: help"
+            />
+          </a-tooltip>
+        </template>
+
         <a-upload
           v-model:file-list="uploadData.data"
           draggable
@@ -111,13 +121,19 @@
           :limit="1"
         >
           <template #upload-button>
-            <a-button class="w-full"
-              >{{ $t('common.operation.uploadFile') }}
-              <template #icon><icon-upload /> </template>
+            <a-button class="w-full">
+              <template #icon><icon-upload /></template>
+              {{ $t('common.operation.uploadFile') }}
             </a-button>
           </template>
         </a-upload>
       </a-form-item>
+      <a-form-item field="url" :label="$t('common.operation.uploadUrl')">
+        <a-input
+          v-model="uploadData.url"
+          placeholder="https://example.com/test.pdf"
+        />
+      </a-form-item>
     </a-form>
   </a-modal>
   <a-modal
@@ -153,7 +169,7 @@ import { debounce } from 'lodash';
 import { Group, Step, recruitSteps } from '@/constants/team';
 import useRecruitmentStore from '@/store/modules/recruitment';
 import TeamGroupRadio from '@/views/components/team-group-radio.vue';
-import { FileItem, Message } from '@arco-design/web-vue';
+import { FileItem, Message, Tooltip } from '@arco-design/web-vue';
 import { useI18n } from 'vue-i18n';
 import useWindowResize from '@/hooks/resize';
 import candidateInfoCard from './candidate-info-card.vue';
@@ -322,22 +338,27 @@ const handleClearSelected = () => {
 
 watch([curStep, currentGroup, recStore], handleClearSelected);
 
-const uploadData = ref<{ group: Ref<Group>; data: FileItem[] }>({
+const uploadData = ref<{ group: Ref<Group>; data: FileItem[]; url: string }>({
   group: currentGroup,
   data: [],
+  url: '',
 });
 
 const showUploadModal = ref(false);
 
 const handleUpload = async (): Promise<boolean> => {
-  if (!uploadData.value.data[0]?.file) {
-    Message.warning(t('common.operation.uploadFileFirst'));
+  if (!uploadData.value.data[0]?.file && !uploadData.value.url) {
+    Message.warning(t('common.operation.uploadFileOrUrlFirst'));
+    return false;
+  }
+  if (uploadData.value.data[0]?.file && uploadData.value.url) {
+    Message.warning(t('common.operation.uploadFileOrUrlOnly'));
     return false;
   }
   const res = await recStore.uploadTest(
     recStore.currentRid,
     uploadData.value.group,
-    uploadData.value.data[0].file,
+    uploadData.value.data[0]?.file || uploadData.value.url,
   );
   if (!res) return false;
   Message.success(t('common.result.uploadFileSuccess'));
@@ -371,6 +392,10 @@ const handleSetStressTime = async (): Promise<boolean> => {
   Message.success(t('common.result.setStressTestTimeSuccess'));
   return true;
 };
+
+// 预览链接
+const preUrl =
+  'blob:http://localhost:5111/33cb0d31-e85c-4d11-90df-70328f58f268';
 </script>
 
 <style scoped lang="less">