rebuild all

src/api/purchase/bidOpeningNotice.ts

@@ -0,0 +1,64 @@
+/*
+ *    Copyright (c) 2018-2025, cyweb All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions are met:
+ *
+ * Redistributions of source code must retain the above copyright notice,
+ * this list of conditions and the following disclaimer.
+ * Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ * Neither the name of the pig4cloud.com developer nor the names of its
+ * contributors may be used to endorse or promote products derived from
+ * this software without specific prior written permission.
+ *
+ */
+
+import request from '/@/utils/request';
+
+/**
+ * 根据采购申请ID获取开标通知
+ * @param applyId 采购申请ID
+ */
+export function getNoticeByApplyId(applyId: string | number) {
+	return request({
+		url: '/purchase/bidopeningnotice/' + applyId,
+		method: 'get'
+	});
+}
+
+/**
+ * 保存开标通知（草稿）
+ * @param data 开标通知数据
+ */
+export function saveNotice(data: any) {
+	return request({
+		url: '/purchase/bidopeningnotice/save',
+		method: 'post',
+		data
+	});
+}
+
+/**
+ * 发布开标通知
+ * @param data 开标通知数据
+ */
+export function publishNotice(data: any) {
+	return request({
+		url: '/purchase/bidopeningnotice/publish',
+		method: 'post',
+		data
+	});
+}
+
+/**
+ * 判断是否可以发送开标通知
+ * @param applyId 采购申请ID
+ */
+export function canSendNotice(applyId: string | number) {
+	return request({
+		url: '/purchase/bidopeningnotice/can-send/' + applyId,
+		method: 'get'
+	});
+}

src/api/purchase/docProcess.ts

@@ -271,4 +271,39 @@ export function finalizeDoc(data: any) {
 		method: 'post',
 		data
 	});
+}
+
+/**
+ * 获取采购代表设置信息
+ * @param applyId 采购申请ID
+ */
+export function getReviewerSetting(applyId: string | number) {
+	return request({
+		url: `/purchase/purchasingdoc/reviewer/${applyId}`,
+		method: 'get'
+	});
+}
+
+/**
+ * 设置采购代表
+ * @param data 设置信息
+ */
+export function setReviewerSetting(data: any) {
+	return request({
+		url: '/purchase/purchasingdoc/reviewer/set',
+		method: 'post',
+		data
+	});
+}
+
+/**
+ * 随机抽取采购代表
+ * @param data 候选人列表
+ */
+export function randomSelectReviewer(data: any) {
+	return request({
+		url: '/purchase/purchasingdoc/reviewer/random',
+		method: 'post',
+		data
+	});
 }

src/api/purchase/purchasingrequisition.ts

@@ -33,7 +33,7 @@ export function getPage(params?: any) {
  * 通过id查询
  * @param id ID
  */
-export function getObj(id: number) {
+export function getObj(id: string | number) {
 	return request({
 		url: '/purchase/purchasingapply/' + id,
 		method: 'get'
@@ -123,7 +123,7 @@ export function saveImplementType(id: number | string, implementType: string) {
 	return request({
 		url: '/purchase/purchasingapply/save-implement-type',
 		method: 'post',
-		data: { id: Number(id), implementType }
+		data: { id: id, implementType }
 	});
 }
 

src/router/index.ts

@@ -11,6 +11,7 @@ import { staticRoutes, notFoundAndNoPower } from '/@/router/route';
 import { initBackEndControlRoutes } from '/@/router/backEnd';
 import { flowConfig } from "/@/flow/designer/config/flow-config";
 import { replaceRouterRoute } from "/@/flow/support/extend";
+import { NextLoading } from '/@/utils/loading';
 
 /**
  * 1、前端控制路由时：isRequestRoutes 为 false，需要写 roles，需要走 setFilterRoute 方法。
@@ -148,6 +149,7 @@ router.beforeEach(async (to, from, next) => {
 // 路由加载后
 router.afterEach(() => {
 	NProgress.done();
+	NextLoading.done();
 });
 
 // 导出路由

src/router/route.ts

@@ -99,6 +99,14 @@ export const staticRoutes: Array<RouteRecordRaw> = [
 			isAuth: true,
 		},
 	},
+	{
+		path: '/purchase/purchasingrequisition/add',
+		name: 'purchase.purchasingrequisition.add',
+		component: () => import('/@/views/purchase/purchasingrequisition/add.vue'),
+		meta: {
+			isAuth: true,
+		},
+	},
 
 	...staticRoutesFlow
 ];

src/views/admin/system/menu/form.vue

@@ -40,7 +40,7 @@
           {{ t('sysmenu.permission') }}
           <tip content="对应后台接口@PreAuthorize注解入参字符串"></tip>
         </template>
-        <el-input v-model="state.ruleForm.permission" maxlength="30" :placeholder="$t('sysmenu.inputPermissionTip')"/>
+        <el-input v-model="state.ruleForm.permission" maxlength="100" :placeholder="$t('sysmenu.inputPermissionTip')"/>
       </el-form-item>
       <el-form-item :label="$t('sysmenu.sortOrder')" prop="sortOrder">
         <el-input-number v-model="state.ruleForm.sortOrder" :min="0" controls-position="right"/>

src/views/purchase/purchasingrequisition/accept/AcceptCommonForm.vue

@@ -72,6 +72,17 @@
           <org-selector v-model:orgList="assetAdminList" type="user" :multiple="false" @update:orgList="onAssetAdminChange" />
         </el-form-item>
       </el-col>
+      <el-col :span="8" class="mb20" v-if="form.hasContract === '0'">
+        <el-form-item label="成交金额" prop="transactionAmount">
+          <el-input-number
+            v-model="form.transactionAmount"
+            :min="0"
+            :precision="2"
+            placeholder="请输入成交金额"
+            style="width: 100%"
+          />
+        </el-form-item>
+      </el-col>
     </el-row>
   </el-form>
 </template>
@@ -113,6 +124,7 @@ const form = reactive({
   purchaserName: '',
   assetAdminId: '',
   assetAdminName: '',
+  transactionAmount: null,
   ...props.modelValue,
 })
 

src/views/purchase/purchasingrequisition/accept/PurchasingAcceptModal.vue

@@ -186,6 +186,7 @@ const loadData = async () => {
             totalPhases: config.common.totalPhases || 1,
             supplierName: config.common.supplierName || '',
             supplierContact: config.common.supplierContact || '',
+            transactionAmount: config.common.transactionAmount || null,
           })
         }
     }
@@ -275,6 +276,7 @@ const saveCommonConfig = async () => {
       purchaserName: String(form.purchaserName ?? ''),
       assetAdminId: String(form.assetAdminId ?? ''),
       assetAdminName: String(form.assetAdminName ?? ''),
+      transactionAmount: form.transactionAmount ?? null,
     })
     useMessage().success('保存成功')
     await loadData()
@@ -353,6 +355,7 @@ const DEFAULT_COMMON_FORM = {
   purchaserName: '',
   assetAdminId: '',
   assetAdminName: '',
+  transactionAmount: null,
 }
 
 /** 将弹窗内所有内容恢复为初始空值（替换整个对象以确保引用变化） */

src/views/purchase/purchasingrequisition/add.vue

@@ -1204,7 +1204,7 @@ const handleCancel = () => {
 async function loadDetail(applyId: string | number) {
   if (!applyId) return;
   try {
-    const res = await getObj(Number(applyId));
+    const res = await getObj(String(applyId));
     const detail = res?.data;
     if (detail && typeof detail === 'object') {
       Object.assign(dataForm, {

src/views/purchase/purchasingrequisition/docProcess/DocProcessDialog.vue

@@ -127,6 +127,119 @@
       <el-tab-pane label="审核记录" name="audit">
         <AuditRecordList :apply-id="applyId" ref="auditRecordListRef" />
       </el-tab-pane>
+
+      <!-- 采购代表设置（仅需求部门审核时显示） -->
+      <el-tab-pane v-if="canSetReviewer" label="采购代表设置" name="reviewer">
+        <ReviewerSetting :apply-id="applyId" @saved="handleReviewerSaved" />
+      </el-tab-pane>
+
+      <!-- 开标通知 - 仅招标代理模式且状态为已完成时显示 -->
+      <el-tab-pane v-if="showBidOpeningNotice" label="开标通知" name="bidOpening">
+        <div class="bid-opening-form" v-loading="bidOpeningLoading">
+          <el-form :model="bidOpeningForm" :rules="bidOpeningRules" ref="bidOpeningFormRef" label-width="120px">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="项目名称">
+                  <el-input v-model="rowData.projectName" disabled />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="开标时间" prop="openTime">
+                  <el-date-picker
+                    v-model="bidOpeningForm.openTime"
+                    type="datetime"
+                    placeholder="请选择开标时间"
+                    style="width: 100%"
+                    value-format="YYYY-MM-DD HH:mm:ss" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="开标地点" prop="openLocation">
+                  <el-input v-model="bidOpeningForm.openLocation" placeholder="请输入开标地点" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="公示网址">
+                  <el-input v-model="bidOpeningForm.publicUrl" placeholder="请输入公示网址" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="代理联系人" prop="agentContactName">
+                  <el-input v-model="bidOpeningForm.agentContactName" placeholder="请输入代理联系人姓名" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话" prop="agentContactPhone">
+                  <el-input v-model="bidOpeningForm.agentContactPhone" placeholder="请输入代理联系人电话" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="招标确认函">
+                  <el-upload
+                    :action="uploadAction"
+                    :headers="uploadHeaders"
+                    :data="{ fileType: '131', purchaseId: applyId }"
+                    :on-success="(res: any, file: any) => handleBidFileSuccess(res, file, 'bidConfirmationLetter')"
+                    :before-upload="beforeUpload"
+                    :show-file-list="false"
+                    accept=".doc,.docx,.pdf,.jpg,.jpeg,.png">
+                    <el-button type="primary" icon="Upload">上传文件</el-button>
+                  </el-upload>
+                  <div v-if="bidOpeningForm.bidConfirmationLetter" class="file-info">
+                    <el-icon><Document /></el-icon>
+                    <span>已上传</span>
+                    <el-button type="primary" link @click="viewFile(bidOpeningForm.bidConfirmationLetter)">查看</el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="授权书">
+                  <el-upload
+                    :action="uploadAction"
+                    :headers="uploadHeaders"
+                    :data="{ fileType: '132', purchaseId: applyId }"
+                    :on-success="(res: any, file: any) => handleBidFileSuccess(res, file, 'authorizationLetter')"
+                    :before-upload="beforeUpload"
+                    :show-file-list="false"
+                    accept=".doc,.docx,.pdf,.jpg,.jpeg,.png">
+                    <el-button type="primary" icon="Upload">上传文件</el-button>
+                  </el-upload>
+                  <div v-if="bidOpeningForm.authorizationLetter" class="file-info">
+                    <el-icon><Document /></el-icon>
+                    <span>已上传</span>
+                    <el-button type="primary" link @click="viewFile(bidOpeningForm.authorizationLetter)">查看</el-button>
+                  </div>
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row :gutter="20">
+              <el-col :span="24">
+                <el-form-item label="备注">
+                  <el-input v-model="bidOpeningForm.remarks" type="textarea" :rows="3" placeholder="请输入备注" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-row>
+              <el-col :span="24" class="form-actions">
+                <el-button type="info" :loading="bidOpeningSaving" @click="handleSaveBidOpeningDraft">保存草稿</el-button>
+                <el-button type="success" :loading="bidOpeningPublishing" @click="handlePublishBidOpening">发布通知</el-button>
+              </el-col>
+            </el-row>
+          </el-form>
+          <!-- 已发布提示 -->
+          <el-alert v-if="bidOpeningNoticeStatus === 'PUBLISHED'" type="success" :closable="false" class="mt-4">
+            <template #title>
+              <span>开标通知已于 {{ bidOpeningForm.publishTime }} 发布</span>
+            </template>
+          </el-alert>
+        </div>
+      </el-tab-pane>
     </el-tabs>
 
     <!-- 操作区域 -->
@@ -244,9 +357,17 @@ import {
   submitToAsset as submitToAssetApi,
   finalizeDoc as finalizeDocApi
 } from '/@/api/purchase/docProcess'
+import {
+  getNoticeByApplyId,
+  saveNotice,
+  publishNotice,
+  canSendNotice
+} from '/@/api/purchase/bidOpeningNotice'
 import type { UploadInstance, UploadProps, UploadUserFile } from 'element-plus'
+import { Document } from '@element-plus/icons-vue'
 
 const AuditRecordList = defineAsyncComponent(() => import('./AuditRecordList.vue'))
+const ReviewerSetting = defineAsyncComponent(() => import('./ReviewerSetting.vue'))
 
 const props = defineProps<{
   mode: 'agent' | 'audit'
@@ -297,6 +418,33 @@ const supplyUploadForm = ref({
   fileRemark: ''
 })
 
+// 开标通知相关
+const bidOpeningFormRef = ref()
+const bidOpeningLoading = ref(false)
+const bidOpeningSaving = ref(false)
+const bidOpeningPublishing = ref(false)
+const bidOpeningNoticeStatus = ref('')
+const bidOpeningForm = ref({
+  id: '',
+  applyId: '',
+  projectName: '',
+  openTime: '',
+  openLocation: '',
+  agentContactName: '',
+  agentContactPhone: '',
+  publicUrl: '',
+  bidConfirmationLetter: '',
+  authorizationLetter: '',
+  remarks: '',
+  publishTime: ''
+})
+const bidOpeningRules = {
+  openTime: [{ required: true, message: '请选择开标时间', trigger: 'change' }],
+  openLocation: [{ required: true, message: '请输入开标地点', trigger: 'blur' }],
+  agentContactName: [{ required: true, message: '请输入代理联系人姓名', trigger: 'blur' }],
+  agentContactPhone: [{ required: true, message: '请输入代理联系人电话', trigger: 'blur' }]
+}
+
 // 弹窗标题
 const dialogTitle = computed(() => {
   return props.mode === 'agent' ? `处理项目 - ${rowData.value.purchaseNo || ''}` : '招标文件审核'
@@ -336,6 +484,12 @@ const isReviewing = computed(() => ['ASSET_REVIEWING', 'DEPT_REVIEWING', 'AUDIT_
 const isConfirming = computed(() => statusField.value === 'ASSET_CONFIRMING')
 const isCompleted = computed(() => statusField.value === 'COMPLETED')
 
+// 是否显示开标通知Tab（招标代理模式且状态为已完成）
+const showBidOpeningNotice = computed(() => props.mode === 'agent' && isCompleted.value)
+
+// 是否显示采购代表设置Tab（需求部门审核中且有提交权限）
+const canSetReviewer = computed(() => statusField.value === 'DEPT_REVIEWING' && availableActions.value.includes('submitToAsset'))
+
 // 上传配置
 const uploadAction = computed(() => {
   const baseUrl = import.meta.env.VITE_API_URL || ''
@@ -365,6 +519,9 @@ const open = async (row: any) => {
   fileList.value = []
   uploadedFileData.value = null
 
+  // 重置开标通知表单
+  resetBidOpeningForm()
+
   // 获取申请ID（兼容 id 和 applyId 两种字段名）
   applyId.value = row.applyId || row.id
 
@@ -380,6 +537,10 @@ const open = async (row: any) => {
   loadRequirementFiles()
   // 加载招标文件
   loadDocList()
+  // 加载开标通知（如果是招标代理模式且状态为已完成）
+  if (props.mode === 'agent') {
+    loadBidOpeningNotice()
+  }
 }
 
 const loadRequirementFiles = async () => {
@@ -801,6 +962,154 @@ const submitFinalize = async () => {
   }
 }
 
+// ==================== 开标通知相关方法 ====================
+
+/**
+ * 重置开标通知表单
+ */
+const resetBidOpeningForm = () => {
+  bidOpeningForm.value = {
+    id: '',
+    applyId: '',
+    projectName: '',
+    openTime: '',
+    openLocation: '',
+    agentContactName: '',
+    agentContactPhone: '',
+    publicUrl: '',
+    bidConfirmationLetter: '',
+    authorizationLetter: '',
+    remarks: '',
+    publishTime: ''
+  }
+  bidOpeningNoticeStatus.value = ''
+}
+
+/**
+ * 加载开标通知
+ */
+const loadBidOpeningNotice = async () => {
+  if (!applyId.value) return
+  bidOpeningLoading.value = true
+  try {
+    const res = await getNoticeByApplyId(applyId.value)
+    if (res?.code === 0 || res?.code === 200) {
+      const data = res.data
+      if (data) {
+        bidOpeningForm.value = {
+          id: data.id || '',
+          applyId: data.applyId || applyId.value,
+          projectName: data.projectName || rowData.value.projectName || '',
+          openTime: data.openTime || '',
+          openLocation: data.openLocation || '',
+          agentContactName: data.agentContactName || '',
+          agentContactPhone: data.agentContactPhone || '',
+          publicUrl: data.publicUrl || '',
+          bidConfirmationLetter: data.bidConfirmationLetter || '',
+          authorizationLetter: data.authorizationLetter || '',
+          remarks: data.remarks || '',
+          publishTime: data.publishTime || ''
+        }
+        bidOpeningNoticeStatus.value = data.status || ''
+      } else {
+        bidOpeningForm.value.applyId = applyId.value
+        bidOpeningForm.value.projectName = rowData.value.projectName || ''
+      }
+    }
+  } catch (e) {
+    // 忽略错误，可能是第一次创建
+  } finally {
+    bidOpeningLoading.value = false
+  }
+}
+
+/**
+ * 开标通知文件上传成功回调
+ */
+const handleBidFileSuccess = (response: any, file: any, field: string) => {
+  if (response?.code === 0 || response?.code === 200) {
+    bidOpeningForm.value[field] = response.data.remark || response.data.filePath
+    useMessage().success('文件上传成功')
+  } else {
+    useMessage().error(response?.msg || '文件上传失败')
+  }
+}
+
+/**
+ * 查看文件
+ */
+const viewFile = (url: string) => {
+  if (url) {
+    window.open(url, '_blank')
+  }
+}
+
+/**
+ * 保存开标通知草稿
+ */
+const handleSaveBidOpeningDraft = async () => {
+  try {
+    await bidOpeningFormRef.value?.validate()
+  } catch {
+    useMessage().warning('请填写必填项')
+    return
+  }
+
+  bidOpeningSaving.value = true
+  try {
+    const res = await saveNotice({
+      ...bidOpeningForm.value,
+      applyId: applyId.value
+    })
+    if (res?.code === 0 || res?.code === 200) {
+      useMessage().success('保存成功')
+      await loadBidOpeningNotice()
+    } else {
+      useMessage().error(res?.msg || '保存失败')
+    }
+  } catch (e: any) {
+    useMessage().error(e?.msg || '保存失败')
+  } finally {
+    bidOpeningSaving.value = false
+  }
+}
+
+/**
+ * 发布开标通知
+ */
+const handlePublishBidOpening = async () => {
+  try {
+    await bidOpeningFormRef.value?.validate()
+  } catch {
+    useMessage().warning('请填写必填项')
+    return
+  }
+
+  try {
+    await useMessageBox().confirm('确定要发布开标通知吗？发布后将无法修改。')
+  } catch {
+    return
+  }
+
+  bidOpeningPublishing.value = true
+  try {
+    const res = await publishNotice({
+      ...bidOpeningForm.value,
+      applyId: applyId.value
+    })
+    if (res?.code === 0 || res?.code === 200) {
+      useMessage().success('发布成功')
+      await loadBidOpeningNotice()
+    } else {
+      useMessage().error(res?.msg || '发布失败')
+    }
+  } catch (e: any) {
+    useMessage().error(e?.msg || '发布失败')
+  } finally {
+    bidOpeningPublishing.value = false
+  }
+}
+
 const handleClose = () => {
   visible.value = false
 }
@@ -841,6 +1150,11 @@ const getFileTypeLabel = (type: string) => {
   return labelMap[type] || type
 }
 
+// 采购代表设置保存成功回调
+const handleReviewerSaved = () => {
+  emit('refresh')
+}
+
 defineExpose({ open })
 </script>
 
@@ -868,4 +1182,29 @@ defineExpose({ open })
 .mt-4 {
   margin-top: 16px;
 }
+
+.bid-opening-form {
+  padding: 20px;
+
+  .file-info {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-top: 8px;
+    color: #606266;
+
+    .el-icon {
+      font-size: 16px;
+    }
+  }
+
+  .form-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-top: 20px;
+    padding-top: 20px;
+    border-top: 1px solid #ebeef5;
+  }
+}
 </style>

src/views/purchase/purchasingrequisition/docProcess/ReviewerSetting.vue

@@ -0,0 +1,367 @@
+<template>
+  <div class="reviewer-setting">
+    <el-form :model="formData" label-width="100px" v-loading="loading">
+      <!-- 当前采购代表 -->
+      <el-form-item label="当前代表" v-if="currentRepresentor.teacherName">
+        <el-tag type="success">{{ currentRepresentor.teacherName }} ({{ currentRepresentor.teacherNo }})</el-tag>
+      </el-form-item>
+
+      <!-- 选择方式 -->
+      <el-form-item label="选择方式">
+        <el-radio-group v-model="formData.selectMode" @change="handleSelectModeChange">
+          <el-radio label="DESIGNATED">指定人员</el-radio>
+          <el-radio label="RANDOM">随机抽取</el-radio>
+        </el-radio-group>
+      </el-form-item>
+
+      <!-- 指定人员模式 -->
+      <el-form-item v-if="formData.selectMode === 'DESIGNATED'" label="选择人员" required>
+        <org-selector
+          v-model:orgList="selectedUserList"
+          type="user"
+          :multiple="false"
+          @update:orgList="handleUserChange" />
+      </el-form-item>
+
+      <!-- 随机抽取模式 -->
+      <template v-if="formData.selectMode === 'RANDOM'">
+        <el-form-item label="选择候选人" required>
+          <org-selector
+            v-model:orgList="candidateUserList"
+            type="user"
+            :multiple="true"
+            @update:orgList="handleCandidateChange" />
+        </el-form-item>
+
+        <!-- 候选人列表 -->
+        <el-form-item label="候选人列表" v-if="candidates.length > 0">
+          <el-table :data="candidates" stripe size="small" max-height="200">
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column prop="teacherNo" label="工号" width="120" />
+            <el-table-column prop="teacherName" label="姓名" />
+          </el-table>
+        </el-form-item>
+
+        <!-- 随机抽取结果 -->
+        <el-form-item label="抽取结果">
+          <div class="random-roller">
+            <span v-if="rollingName" class="rolling">{{ rollingName }}</span>
+            <span v-else-if="selectedCandidate.teacherName" class="selected">
+              已抽取：{{ selectedCandidate.teacherName }} ({{ selectedCandidate.teacherNo }})
+            </span>
+            <span v-else class="placeholder">点击下方按钮进行随机抽取</span>
+          </div>
+        </el-form-item>
+
+        <!-- 随机抽取按钮 -->
+        <el-form-item v-if="candidates.length > 1">
+          <el-button type="primary" :loading="rolling" @click="handleRandomSelect">
+            {{ rolling ? '抽取中...' : '随机抽取' }}
+          </el-button>
+        </el-form-item>
+      </template>
+
+      <!-- 保存按钮 -->
+      <el-form-item>
+        <el-button type="primary" :loading="saving" :disabled="!canSave" @click="handleSave">
+          保存设置
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script setup lang="ts" name="ReviewerSetting">
+import { ref, computed, onMounted, onUnmounted } from 'vue'
+import { useMessage } from '/@/hooks/message'
+import { getReviewerSetting, setReviewerSetting, randomSelectReviewer } from '/@/api/purchase/docProcess'
+import orgSelector from '/@/components/OrgSelector/index.vue'
+
+const props = defineProps<{
+  applyId: string | number
+}>()
+
+const emit = defineEmits<{
+  (e: 'saved'): void
+}>()
+
+// 常量
+const SELECT_MODE = {
+  DESIGNATED: 'DESIGNATED',
+  RANDOM: 'RANDOM',
+} as const
+
+// 表单数据
+const formData = ref({
+  selectMode: 'DESIGNATED' as 'DESIGNATED' | 'RANDOM',
+  teacherNo: '',
+  teacherName: '',
+  candidates: [] as Array<{ teacherNo: string; teacherName: string }>
+})
+
+// 当前采购代表（已有设置）
+const currentRepresentor = ref({
+  teacherNo: '',
+  teacherName: ''
+})
+
+// 用户选择相关
+const selectedUserList = ref<any[]>([])
+const candidateUserList = ref<any[]>([])
+
+// 候选人列表
+const candidates = ref<Array<{ teacherNo: string; teacherName: string }>>([])
+
+// 随机抽取相关
+const rolling = ref(false)
+const rollingName = ref('')
+const selectedCandidate = ref<{ teacherNo: string; teacherName: string }>({ teacherNo: '', teacherName: '' })
+let rollInterval: ReturnType<typeof setInterval> | null = null
+
+// 加载状态
+const loading = ref(false)
+const saving = ref(false)
+
+// 是否可以保存
+const canSave = computed(() => {
+  if (formData.value.selectMode === SELECT_MODE.DESIGNATED) {
+    return formData.value.teacherNo && formData.value.teacherName
+  } else {
+    return formData.value.teacherNo && formData.value.teacherName && candidates.value.length > 0
+  }
+})
+
+// 处理选择方式变化
+const handleSelectModeChange = () => {
+  formData.value.teacherNo = ''
+  formData.value.teacherName = ''
+  formData.value.candidates = []
+  selectedUserList.value = []
+  candidateUserList.value = []
+  candidates.value = []
+  selectedCandidate.value = { teacherNo: '', teacherName: '' }
+  rollingName.value = ''
+}
+
+// 处理指定人员变化
+const handleUserChange = (list: any[]) => {
+  if (list && list.length > 0) {
+    const user = list[0]
+    formData.value.teacherNo = user.username || user.userName || ''
+    formData.value.teacherName = user.name || user.realName || ''
+  } else {
+    formData.value.teacherNo = ''
+    formData.value.teacherName = ''
+  }
+}
+
+// 处理候选人变化
+const handleCandidateChange = (list: any[]) => {
+  candidates.value = (list || []).map(user => ({
+    teacherNo: user.username || user.userName || '',
+    teacherName: user.name || user.realName || ''
+  }))
+  // 重置已选结果
+  if (candidates.value.length > 0) {
+    selectedCandidate.value = { ...candidates.value[0] }
+    formData.value.teacherNo = selectedCandidate.value.teacherNo
+    formData.value.teacherName = selectedCandidate.value.teacherName
+  } else {
+    selectedCandidate.value = { teacherNo: '', teacherName: '' }
+    formData.value.teacherNo = ''
+    formData.value.teacherName = ''
+  }
+}
+
+// 随机抽取动画
+const startRollingAnimation = (finalCandidate: { teacherNo: string; teacherName: string }) => {
+  if (candidates.value.length === 0) return
+
+  if (rollInterval) {
+    clearInterval(rollInterval)
+    rollInterval = null
+  }
+
+  rollingName.value = ''
+  rolling.value = true
+
+  let currentIndex = 0
+  const totalDuration = 2000
+  const intervalTime = 80
+
+  rollInterval = setInterval(() => {
+    rollingName.value = candidates.value[currentIndex].teacherName
+    currentIndex = (currentIndex + 1) % candidates.value.length
+  }, intervalTime)
+
+  setTimeout(() => {
+    if (rollInterval) {
+      clearInterval(rollInterval)
+      rollInterval = null
+    }
+    rolling.value = false
+    rollingName.value = ''
+    selectedCandidate.value = finalCandidate
+    formData.value.teacherNo = finalCandidate.teacherNo
+    formData.value.teacherName = finalCandidate.teacherName
+  }, totalDuration)
+}
+
+// 执行随机抽取
+const handleRandomSelect = async () => {
+  if (candidates.value.length < 2) {
+    useMessage().warning('请至少选择2位候选人')
+    return
+  }
+
+  rolling.value = true
+  try {
+    const res = await randomSelectReviewer({
+      applyId: props.applyId,
+      selectMode: SELECT_MODE.RANDOM,
+      candidates: candidates.value
+    })
+    const result = res?.data || res
+    if (result?.teacherNo) {
+      startRollingAnimation({
+        teacherNo: result.teacherNo,
+        teacherName: result.teacherName || ''
+      })
+    }
+  } catch (e: any) {
+    rolling.value = false
+    useMessage().error(e?.msg || '随机抽取失败')
+  }
+}
+
+// 保存设置
+const handleSave = async () => {
+  if (!canSave.value) {
+    useMessage().warning('请完善设置信息')
+    return
+  }
+
+  saving.value = true
+  try {
+    const params: any = {
+      applyId: props.applyId,
+      selectMode: formData.value.selectMode,
+      teacherNo: formData.value.teacherNo,
+      teacherName: formData.value.teacherName
+    }
+
+    if (formData.value.selectMode === SELECT_MODE.RANDOM) {
+      params.candidates = candidates.value
+    }
+
+    await setReviewerSetting(params)
+    useMessage().success('保存成功')
+    emit('saved')
+    await loadData()
+  } catch (e: any) {
+    useMessage().error(e?.msg || '保存失败')
+  } finally {
+    saving.value = false
+  }
+}
+
+// 加载数据
+const loadData = async () => {
+  if (!props.applyId) return
+
+  loading.value = true
+  try {
+    const res = await getReviewerSetting(props.applyId)
+    const data = res?.data || res
+    if (data) {
+      currentRepresentor.value = {
+        teacherNo: data.teacherNo || '',
+        teacherName: data.teacherName || ''
+      }
+      formData.value.selectMode = data.selectMode || SELECT_MODE.DESIGNATED
+      formData.value.teacherNo = data.teacherNo || ''
+      formData.value.teacherName = data.teacherName || ''
+
+      if (data.candidateList && data.candidateList.length > 0) {
+        candidates.value = data.candidateList
+        formData.value.candidates = data.candidateList
+        // 回显候选人
+        candidateUserList.value = data.candidateList.map((c: any) => ({
+          username: c.teacherNo,
+          userName: c.teacherNo,
+          name: c.teacherName,
+          realName: c.teacherName
+        }))
+      }
+
+      if (data.teacherNo && data.selectMode === SELECT_MODE.DESIGNATED) {
+        selectedUserList.value = [{
+          username: data.teacherNo,
+          userName: data.teacherNo,
+          name: data.teacherName,
+          realName: data.teacherName
+        }]
+      }
+
+      if (data.selectMode === SELECT_MODE.RANDOM && data.teacherNo) {
+        selectedCandidate.value = {
+          teacherNo: data.teacherNo,
+          teacherName: data.teacherName || ''
+        }
+      }
+    }
+  } catch (_) {
+    // 忽略错误
+  } finally {
+    loading.value = false
+  }
+}
+
+onMounted(() => {
+  loadData()
+})
+
+onUnmounted(() => {
+  if (rollInterval) {
+    clearInterval(rollInterval)
+    rollInterval = null
+  }
+})
+</script>
+
+<style scoped lang="scss">
+.reviewer-setting {
+  padding: 16px;
+}
+
+.random-roller {
+  padding: 12px 16px;
+  background: var(--el-fill-color-light);
+  border-radius: 4px;
+  min-height: 40px;
+  display: flex;
+  align-items: center;
+
+  .rolling {
+    font-size: 16px;
+    font-weight: 500;
+    color: var(--el-color-primary);
+    animation: blink 0.1s infinite;
+  }
+
+  .selected {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--el-color-success);
+  }
+
+  .placeholder {
+    color: var(--el-text-color-placeholder);
+  }
+}
+
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.7; }
+}
+</style>

src/views/purchase/purchasingrequisition/implement.vue

@@ -316,6 +316,7 @@ const handleRevokeAgent = async () => {
 const handleSaveImplementType = async () => {
 
   const id = applyRow.value?.id ?? applyId.value
+
   if (!id) {
     useMessage().warning('无法获取申请单ID')
     return
@@ -326,6 +327,7 @@ const handleSaveImplementType = async () => {
   }
   saveTypeSubmitting.value = true
   try {
+
     await saveImplementType(id, implementType.value)
     useMessage().success('保存成功')
     step1Completed.value = true