Merge branch 'developer' of ssh://code.cyweb.top:30033/scj/zhxy/v3/cloud-ui into developer

src/api/professional/professionalfile.ts

@@ -0,0 +1,10 @@
+import request from '/@/utils/request';
+
+
+export const exportTeacherInfoBySelf = (data?: any) => {
+    return request({
+        url: '/professional/file/exportTeacherInfoBySelf',
+        method: 'post',
+        data: data,
+    });
+};

src/components/Upload/index.vue

@@ -161,6 +161,7 @@ interface FileItem {
 	name?: string;
 	url?: string;
 	uid?: number;
+	id?: string; // 文件ID
 }
 
 interface UploadFileItem {
@@ -170,6 +171,7 @@ interface UploadFileItem {
 	fileSize: number;
 	fileName: string;
 	fileType: string;
+	id?: string; // 文件ID
 }
 
 const props = defineProps({
@@ -270,14 +272,74 @@ const handleBeforeUpload = (file: File) => {
 // 上传成功回调
 function handleUploadSuccess(res: any, file: any) {
 	if (res.code === 0) {
+		// 调试：打印完整的响应数据
+		console.log('上传成功响应数据:', res);
+		console.log('res.data:', res.data);
+		
+		// 获取文件ID - 尝试多种可能的字段名
+		let fileId = res.data?.id || res.data?.fileId || res.data?.file_id || null;
+		let fileUrl = res.data?.url || res.data?.fileUrl || '';
+		
+		// 如果fileId不存在，尝试从fileName中提取（fileName可能是ID）
+		if (!fileId && res.data?.fileName) {
+			const fileName = res.data.fileName;
+			// 检查fileName是否是32位十六进制字符串（文件ID格式）
+			if (/^[a-f0-9]{32}$/i.test(fileName)) {
+				fileId = fileName;
+			}
+		}
+		
+		// 如果fileId仍然不存在，尝试从URL中提取
+		if (!fileId && fileUrl) {
+			try {
+				const urlObj = new URL(fileUrl, window.location.origin);
+				fileId = urlObj.searchParams.get('id');
+				// 如果URL参数中没有id，检查路径中是否有32位十六进制字符串
+				if (!fileId) {
+					const pathParts = urlObj.pathname.split('/').filter(p => p);
+					const lastPart = pathParts[pathParts.length - 1];
+					if (lastPart && /^[a-f0-9]{32}$/i.test(lastPart)) {
+						fileId = lastPart;
+					}
+				}
+			} catch (e) {
+				// URL解析失败，忽略
+			}
+		}
+		
+		// 如果仍然没有fileId，尝试从整个res.data中查找可能的ID字段
+		if (!fileId && res.data) {
+			// 遍历res.data的所有属性，查找32位十六进制字符串
+			for (const key in res.data) {
+				const value = res.data[key];
+				if (typeof value === 'string' && /^[a-f0-9]{32}$/i.test(value)) {
+					fileId = value;
+					break;
+				}
+			}
+		}
+		
+		console.log('提取的文件ID:', fileId);
+		
+		// 构建URL，如果存在id则添加到URL参数中（用于兼容性）
+		if (fileId && fileUrl) {
+			// 如果URL中已经有参数，使用&，否则使用?
+			fileUrl = fileUrl.includes('?') ? `${fileUrl}&id=${fileId}` : `${fileUrl}?id=${fileId}`;
+		}
+		fileUrl = `${fileUrl}&originalFileName=${file.name}`;
+		
 		uploadList.value.push({
 			name: file.name,
-			url: `${res.data?.url}&originalFileName=${file.name}`,
+			url: fileUrl,
 			fileUrl: res.data?.fileName,
 			fileSize: file.size,
 			fileName: file.name,
 			fileType: file.raw.type,
+			id: fileId, // 保存文件ID（优先使用）
 		});
+		
+		console.log('保存的文件对象:', uploadList.value[uploadList.value.length - 1]);
+		
 		uploadedSuccessfully();
 	} else {
 		number.value--;
@@ -298,10 +360,12 @@ const uploadedSuccessfully = () => {
 	}
 };
 
-const handleRemove = (file: { name: string }) => {
+const handleRemove = (file: { name?: string }) => {
+	if (file.name) {
 		fileList.value = fileList.value.filter((f) => f.name !== file.name);
 		emit('update:modelValue', listToString(fileList.value));
 		emit('change', listToString(fileList.value), fileList.value);
+	}
 };
 
 const handlePreview = (file: any) => {
@@ -319,12 +383,21 @@ const handleExceed = () => {
  * @param separator 分隔符，默认为逗号。
  * @returns {string} 返回转换后的字符串。
  */
+/**
+ * 将对象数组转为字符串，以逗号分隔。
+ * 如果文件有id，优先使用id，否则使用url。
+ * @param list 待转换的对象数组。
+ * @param separator 分隔符，默认为逗号。
+ * @returns {string} 返回转换后的字符串（ID或URL，用逗号分隔）。
+ */
 const listToString = (list: FileItem[], separator = ','): string => {
 	let strs = '';
 	separator = separator || ',';
 	for (let i in list) {
-		if (list[i].url) {
+		// 优先使用id，如果没有id则使用url
-			strs += list[i].url + separator;
+		const value = list[i].id || list[i].url;
+		if (value) {
+			strs += value + separator;
 		}
 	}
 	return strs !== '' ? strs.substr(0, strs.length - 1) : '';
@@ -347,7 +420,28 @@ watch(
 			// 然后将数组转为对象数组
 			fileList.value = list.map((item: any) => {
 				if (typeof item === 'string') {
-					item = { name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'), url: item };
+					// 检查是否是32位十六进制字符串（文件ID格式）
+					const isId = /^[a-f0-9]{32}$/i.test(item.trim());
+					if (isId) {
+						// 如果是ID格式，直接使用
+						item = { id: item.trim(), name: '', url: '' };
+					} else {
+						// 如果是URL，尝试从URL中提取id
+						try {
+							const urlObj = new URL(item, window.location.origin);
+							const id = urlObj.searchParams.get('id');
+							item = { 
+								name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'), 
+								url: item,
+								id: id || undefined
+							};
+						} catch {
+							item = { 
+								name: other.getQueryString(item, 'originalFileName') || other.getQueryString(item, 'fileName'), 
+								url: item
+							};
+						}
+					}
 				}
 				item.uid = item.uid || new Date().getTime() + temp++;
 				return item as FileItem;

src/views/finance/purchasingrequisition/form.vue

@@ -2,12 +2,17 @@
   <el-dialog 
     :title="dialogTitle" 
     v-model="visible" 
-    width="1200px"
+    :width="isView ? '1400px' : '1200px'"
     :close-on-click-modal="false"
-    draggable>
+    draggable
-    <div v-loading="loading">
+    :class="{ 'view-dialog': isView }">
-      <!-- 步骤条 -->
+    <div v-loading="loading" :class="{ 'view-content': isView }">
-      <el-steps :active="currentStep" finish-status="success" style="margin-bottom: 30px;">
+      <!-- 步骤条：查看模式下隐藏 -->
+      <el-steps 
+        v-if="!isView"
+        :active="currentStep" 
+        finish-status="success" 
+        style="margin-bottom: 30px;">
         <el-step title="基本信息" />
         <el-step :title="stepTwoTitle" />
       </el-steps>
@@ -16,41 +21,49 @@
         ref="formRef" 
         :model="dataForm" 
         :rules="dataRules" 
-        label-width="140px">
+        :label-width="isView ? '120px' : '140px'"
+        :class="{ 'view-form': isView }">
         
         <!-- 第一步：基本信息 -->
-        <div v-show="currentStep === 0">
+        <div v-show="currentStep === 0 || isView">
-          <el-row :gutter="24">
+          <el-row :gutter="isView ? 16 : 24">
-            <el-col :span="12" class="mb20">
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
               <el-form-item label="采购项目名称" prop="projectName">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.projectName || '-' }}</span>
+                </template>
                 <el-input 
+                  v-else
                   v-model="dataForm.projectName" 
                   placeholder="请输入采购项目名称" 
-                  clearable 
+                  clearable />
-                  :disabled="isView" />
               </el-form-item>
             </el-col>
-            <el-col :span="12" class="mb20">
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
               <el-form-item label="填报日期" prop="applyDate">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.applyDate || '-' }}</span>
+                </template>
                 <el-date-picker
+                  v-else
                   v-model="dataForm.applyDate"
                   type="date"
                   placeholder="请选择填报日期"
                   format="YYYY-MM-DD"
                   value-format="YYYY-MM-DD"
-                  :disabled="isView"
                   style="width: 100%" />
               </el-form-item>
             </el-col>
-          </el-row>
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
-          <el-row :gutter="24">
-            <el-col :span="12" class="mb20">
               <el-form-item label="资金来源" prop="fundSource">
+                <template v-if="isView">
+                  <span class="view-text">{{ getDictLabel(fundSourceList, dataForm.fundSource) || '-' }}</span>
+                </template>
                 <el-select 
+                  v-else
                   v-model="dataForm.fundSource" 
                   placeholder="请选择资金来源" 
                   clearable
-                  :disabled="isView"
                   style="width: 100%">
                   <el-option 
                     v-for="item in fundSourceList" 
@@ -60,26 +73,34 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="12" class="mb20">
+          </el-row>
+          <el-row :gutter="isView ? 16 : 24">
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
               <el-form-item label="预算金额(元)" prop="budget">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.budget ? Number(dataForm.budget).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 }) : '-' }}</span>
+                </template>
                 <el-input-number
+                  v-else
                   v-model="dataForm.budget"
                   :min="0.01"
                   :precision="2"
                   placeholder="请输入预算金额"
-                  :disabled="isView"
                   style="width: 100%" />
               </el-form-item>
             </el-col>
-          </el-row>
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
-          <el-row :gutter="24">
-            <el-col :span="12" class="mb20">
               <el-form-item label="是否集采" prop="isCentralized">
+                <template v-if="isView">
+                  <el-tag v-if="dataForm.isCentralized === '1'" type="success">是</el-tag>
+                  <el-tag v-else-if="dataForm.isCentralized === '0'" type="info">否</el-tag>
+                  <span v-else class="view-text">-</span>
+                </template>
                 <el-select 
+                  v-else
                   v-model="dataForm.isCentralized" 
                   placeholder="请选择是否集采" 
                   clearable
-                  :disabled="isView"
                   style="width: 100%">
                   <el-option 
                     v-for="item in isCentralizedList" 
@@ -89,13 +110,16 @@
                 </el-select>
               </el-form-item>
             </el-col>
-            <el-col :span="12" class="mb20">
+            <el-col :span="isView ? 8 : 12" :class="isView ? 'mb16' : 'mb20'">
               <el-form-item label="是否特殊情况" prop="isSpecial">
+                <template v-if="isView">
+                  <span class="view-text">{{ getDictLabel(isSpecialList, dataForm.isSpecial) || '-' }}</span>
+                </template>
                 <el-select 
+                  v-else
                   v-model="dataForm.isSpecial" 
                   placeholder="请选择是否特殊情况" 
                   clearable
-                  :disabled="isView"
                   style="width: 100%">
                   <el-option 
                     v-for="item in isSpecialList" 
@@ -106,10 +130,14 @@
               </el-form-item>
             </el-col>
           </el-row>
-          <el-row :gutter="24">
+          <el-row :gutter="isView ? 16 : 24">
-            <el-col :span="24" class="mb20">
+            <el-col :span="24" :class="isView ? 'mb16' : 'mb20'">
               <el-form-item label="品目编码" prop="categoryCode">
+                <template v-if="isView">
+                  <span class="view-text">{{ getCategoryDisplayText() }}</span>
+                </template>
                 <el-cascader
+                  v-else
                   v-model="categoryCodePath"
                   :options="categoryTreeData"
                   :props="{ value: 'code', label: 'name', children: 'children', checkStrictly: true }"
@@ -117,7 +145,6 @@
                   clearable
                   filterable
                   :show-all-levels="true"
-                  :disabled="isView"
                   style="width: 100%"
                   @change="handleCategoryChange" />
               </el-form-item>
@@ -126,27 +153,34 @@
         </div>
 
         <!-- 第二步：采购详情 -->
-        <div v-show="currentStep === 1">
+        <div v-show="currentStep === 1 || isView">
           <!-- 分支一：部门自行采购 -->
           <div v-if="isDeptPurchase">
-            <div class="step-title mb20">部门自行采购</div>
+            <div :class="isView ? 'step-title mb16' : 'step-title mb20'">部门自行采购</div>
-            <el-form-item label="采购内容" prop="projectContent" class="mb20">
+            <el-form-item label="采购内容" prop="projectContent" :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="isView">
+                <div class="view-text view-textarea">{{ dataForm.projectContent || '-' }}</div>
+              </template>
               <el-input 
+                v-else
                 v-model="dataForm.projectContent" 
                 type="textarea" 
                 :rows="4"
                 :maxlength="1000"
                 show-word-limit
                 placeholder="请输入采购内容（限制1000字）" 
-                clearable 
+                clearable />
-                :disabled="isView" />
             </el-form-item>
-            <el-form-item label="采购方式" prop="purchaseType" class="mb20">
+            <el-form-item label="采购方式" prop="purchaseType" :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="isView">
+                <span class="view-text">{{ getDictLabel(purchaseTypeDeptList, dataForm.purchaseType) || '-' }}</span>
+              </template>
               <el-select 
+                v-else
                 v-model="dataForm.purchaseType" 
                 placeholder="请选择采购方式" 
                 clearable
-                :disabled="isView || isAutoSelectPurchaseType"
+                :disabled="isAutoSelectPurchaseType"
                 style="width: 100%">
                 <el-option 
                   v-for="item in purchaseTypeDeptList" 
@@ -161,16 +195,17 @@
               v-if="dataForm.purchaseType === 'business_negotiation'"
               label="商务洽谈表" 
               prop="businessNegotiationTable" 
-              class="mb20">
+              :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="!isView">
                 <el-button 
                   type="primary" 
                   link 
                   icon="Download"
                   @click="downloadTemplate('business_negotiation')"
-                :disabled="isView"
                   class="mb10">
                   下载商务洽谈表模版
                 </el-button>
+              </template>
               <upload-file
                 v-model="dataForm.businessNegotiationTable"
                 :limit="5"
@@ -183,16 +218,17 @@
               v-if="dataForm.purchaseType === 'market_purchase'"
               label="市场采购纪要" 
               prop="marketPurchaseMinutes" 
-              class="mb20">
+              :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="!isView">
                 <el-button 
                   type="primary" 
                   link 
                   icon="Download"
                   @click="downloadTemplate('market_purchase_minutes')"
-                :disabled="isView"
                   class="mb10">
                   下载市场采购纪要模版
                 </el-button>
+              </template>
               <upload-file
                 v-model="dataForm.marketPurchaseMinutes"
                 :limit="5"
@@ -205,22 +241,25 @@
               v-if="dataForm.purchaseType === 'online_mall'"
               label="网上商城采购相关材料" 
               prop="onlineMallMaterials" 
-              class="mb20">
+              :class="isView ? 'mb16' : 'mb20'">
               <upload-file
                 v-model="dataForm.onlineMallMaterials"
                 :limit="1"
                 accept=".zip"
                 :disabled="isView"
                 upload-file-url="/purchase/purchasingfiles/upload" />
-              <div class="template-note mt5">
+              <div v-if="!isView" class="template-note mt5">
                 <el-text type="info" size="small">请上传zip格式的压缩包</el-text>
               </div>
             </el-form-item>
 
             <!-- 委托采购中心 -->
             <template v-if="dataForm.purchaseType === 'entrust_center'">
-              <el-form-item label="委托采购中心方式" prop="entrustCenterType" class="mb20">
+              <el-form-item label="委托采购中心方式" prop="entrustCenterType" :class="isView ? 'mb16' : 'mb20'">
-                <el-radio-group v-model="dataForm.entrustCenterType" :disabled="isView">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.entrustCenterType === 'service_online' ? '服务类网上商城' : dataForm.entrustCenterType === 'other' ? '其他方式' : '-' }}</span>
+                </template>
+                <el-radio-group v-else v-model="dataForm.entrustCenterType">
                   <el-radio label="service_online">服务类网上商城</el-radio>
                   <el-radio label="other">其他方式</el-radio>
                 </el-radio-group>
@@ -281,16 +320,17 @@
                 v-if="dataForm.entrustCenterType === 'other' && isGoodsCategory"
                 label="采购需求填报模板" 
                 prop="purchaseRequirementTemplate" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('purchase_requirement')"
-                  :disabled="isView"
                     class="mb10">
                     下载《表1：采购需求填报模板》模版
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.purchaseRequirementTemplate"
                   :limit="5"
@@ -301,8 +341,11 @@
 
             <!-- 特殊规则：5万<=金额<40万，服务类目，自动使用邀请比选模版 -->
             <template v-if="showAutoInviteSelect">
-              <el-form-item label="是否有推荐供应商" prop="hasRecommendedSupplier" class="mb20">
+              <el-form-item label="是否有推荐供应商" prop="hasRecommendedSupplier" :class="isView ? 'mb16' : 'mb20'">
-                <el-radio-group v-model="dataForm.hasRecommendedSupplier" :disabled="isView">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.hasRecommendedSupplier === 'yes' ? '有' : dataForm.hasRecommendedSupplier === 'no' ? '无' : '-' }}</span>
+                </template>
+                <el-radio-group v-else v-model="dataForm.hasRecommendedSupplier">
                   <el-radio label="yes">有</el-radio>
                   <el-radio label="no">无</el-radio>
                 </el-radio-group>
@@ -311,29 +354,34 @@
                 v-if="dataForm.hasRecommendedSupplier === 'yes'"
                 label="推荐供应商" 
                 prop="recommendedSuppliers" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="isView">
+                  <span class="view-text">{{ dataForm.recommendedSuppliers || '-' }}</span>
+                </template>
+                <template v-else>
                   <el-input 
                     v-model="dataForm.recommendedSuppliers" 
                     placeholder="请输入三家供应商名称，用逗号分隔" 
-                  clearable 
+                    clearable />
-                  :disabled="isView" />
                   <div class="template-note mt5">
                     <el-text type="info" size="small">请输入三家供应商名称，用逗号分隔</el-text>
                   </div>
+                </template>
               </el-form-item>
               <el-form-item 
                 label="服务商城项目需求模板（邀请比选）" 
                 prop="serviceInviteSelect" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('invite_select')"
-                  :disabled="isView"
                     class="mb10">
                     下载《服务商城项目需求模板（邀请比选）》模版
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.serviceInviteSelect"
                   :limit="5"
@@ -344,16 +392,17 @@
                 v-if="dataForm.hasRecommendedSupplier === 'no'"
                 label="服务商城项目需求模板（公开比选）" 
                 prop="servicePublicSelectAuto" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('public_select')"
-                  :disabled="isView"
                     class="mb10">
                     下载《服务商城项目需求模板（公开比选）》模版
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.servicePublicSelectAuto"
                   :limit="5"
@@ -365,13 +414,18 @@
 
           <!-- 分支二：学校统一采购 -->
           <div v-else>
-            <div class="step-title mb20">学校统一采购</div>
+            <div :class="isView ? 'step-title mb16' : 'step-title mb20'">学校统一采购</div>
-            <el-form-item label="采购形式" prop="purchaseMode" class="mb20">
+            <el-row :gutter="isView ? 16 : 24">
+              <el-col :span="isView ? 12 : 24" :class="isView ? 'mb16' : 'mb20'">
+                <el-form-item label="采购形式" prop="purchaseMode">
+                  <template v-if="isView">
+                    <span class="view-text">{{ getDictLabel(purchaseModeSchoolList, dataForm.purchaseMode) || '-' }}</span>
+                  </template>
                   <el-select 
+                    v-else
                     v-model="dataForm.purchaseMode" 
                     placeholder="请选择采购形式" 
                     clearable
-                :disabled="isView"
                     style="width: 100%">
                     <el-option 
                       v-for="item in purchaseModeSchoolList" 
@@ -380,12 +434,17 @@
                       :value="item.value" />
                   </el-select>
                 </el-form-item>
-            <el-form-item label="采购方式" prop="purchaseTypeUnion" class="mb20">
+              </el-col>
+              <el-col :span="isView ? 12 : 24" :class="isView ? 'mb16' : 'mb20'">
+                <el-form-item label="采购方式" prop="purchaseTypeUnion">
+                  <template v-if="isView">
+                    <span class="view-text">{{ getDictLabel(purchaseTypeUnionList, dataForm.purchaseTypeUnion) || '-' }}</span>
+                  </template>
                   <el-select 
+                    v-else
                     v-model="dataForm.purchaseTypeUnion" 
                     placeholder="请选择采购方式" 
                     clearable
-                :disabled="isView"
                     style="width: 100%">
                     <el-option 
                       v-for="item in purchaseTypeUnionList" 
@@ -394,29 +453,32 @@
                       :value="item.value" />
                   </el-select>
                 </el-form-item>
+              </el-col>
+            </el-row>
 
             <!-- 金额>=30万，显示可行性论证报告和会议纪要 -->
             <template v-if="dataForm.budget && dataForm.budget >= 300000">
               <el-form-item 
                 label="项目可行性论证报告" 
                 prop="feasibilityReport" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('feasibility_report')"
-                  :disabled="isView"
                     class="mb10">
                     下载《项目可行性论证报告模板.doc》
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.feasibilityReport"
                   :limit="5"
                   :disabled="isView"
                   upload-file-url="/purchase/purchasingfiles/upload" />
               </el-form-item>
-              <el-form-item label="会议纪要" prop="meetingMinutes" class="mb20">
+              <el-form-item label="会议纪要" prop="meetingMinutes" :class="isView ? 'mb16' : 'mb20'">
                 <upload-file
                   v-model="dataForm.meetingMinutes"
                   :limit="5"
@@ -430,23 +492,24 @@
               <el-form-item 
                 label="单一来源论专家证附件" 
                 prop="singleSourceProof" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('single_source')"
-                  :disabled="isView"
                     class="mb10">
                     下载《单一来源论专家证附件.docx》
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.singleSourceProof"
                   :limit="5"
                   :disabled="isView"
                   upload-file-url="/purchase/purchasingfiles/upload" />
               </el-form-item>
-              <el-form-item label="会议纪要" prop="meetingMinutesSingle" class="mb20">
+              <el-form-item label="会议纪要" prop="meetingMinutesSingle" :class="isView ? 'mb16' : 'mb20'">
                 <upload-file
                   v-model="dataForm.meetingMinutesSingle"
                   :limit="5"
@@ -460,23 +523,24 @@
               <el-form-item 
                 label="进口产品申请及专家论证意见表" 
                 prop="importApplication" 
-                class="mb20">
+                :class="isView ? 'mb16' : 'mb20'">
+                <template v-if="!isView">
                   <el-button 
                     type="primary" 
                     link 
                     icon="Download"
                     @click="downloadTemplate('import_application')"
-                  :disabled="isView"
                     class="mb10">
                     下载《进口产品申请及专家论证意见表.doc》
                   </el-button>
+                </template>
                 <upload-file
                   v-model="dataForm.importApplication"
                   :limit="5"
                   :disabled="isView"
                   upload-file-url="/purchase/purchasingfiles/upload" />
               </el-form-item>
-              <el-form-item label="会议纪要" prop="meetingMinutesImport" class="mb20">
+              <el-form-item label="会议纪要" prop="meetingMinutesImport" :class="isView ? 'mb16' : 'mb20'">
                 <upload-file
                   v-model="dataForm.meetingMinutesImport"
                   :limit="5"
@@ -486,16 +550,17 @@
             </template>
 
             <!-- 需求文件（默认） -->
-            <el-form-item label="需求文件" prop="purchaseRequirement" class="mb20">
+            <el-form-item label="需求文件" prop="purchaseRequirement" :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="!isView">
                 <el-button 
                   type="primary" 
                   link 
                   icon="Download"
                   @click="downloadTemplate('purchase_requirement')"
-                :disabled="isView"
                   class="mb10">
                   下载《采购需求填报模板》模版
                 </el-button>
+              </template>
               <upload-file
                 v-model="dataForm.purchaseRequirement"
                 :limit="5"
@@ -508,16 +573,17 @@
               v-if="showAutoPublicSelect"
               label="服务商城项目需求模板（公开比选）" 
               prop="servicePublicSelectSchool" 
-              class="mb20">
+              :class="isView ? 'mb16' : 'mb20'">
+              <template v-if="!isView">
                 <el-button 
                   type="primary" 
                   link 
                   icon="Download"
                   @click="downloadTemplate('public_select')"
-                :disabled="isView"
                   class="mb10">
                   下载《服务商城项目需求模板（公开比选）》模版
                 </el-button>
+              </template>
               <upload-file
                 v-model="dataForm.servicePublicSelectSchool"
                 :limit="5"
@@ -530,7 +596,7 @@
               v-if="dataForm.budget && dataForm.budget >= 1000000"
               label="政府采购意向申请表" 
               prop="governmentPurchaseIntent" 
-              class="mb20">
+              :class="isView ? 'mb16' : 'mb20'">
               <upload-file
                 v-model="dataForm.governmentPurchaseIntent"
                 :limit="5"
@@ -540,11 +606,11 @@
           </div>
         </div>
 
-        <el-form-item label="备注" prop="remark" v-if="currentStep === 1">
+        <el-form-item label="备注" prop="remark" v-if="currentStep === 1 || isView">
           <el-input 
             v-model="dataForm.remark" 
             type="textarea" 
-            :rows="3"
+            :rows="isView ? 2 : 3"
             placeholder="请输入备注" 
             clearable 
             :disabled="isView" />
@@ -638,6 +704,19 @@ const dataForm = reactive({
   governmentPurchaseIntent: '',
   servicePublicSelectSchool: '',
 });
+// 定义 props
+const props = defineProps<{
+  dictData?: {
+    fundSourceList?: any[];
+    isCentralizedList?: any[];
+    isSpecialList?: any[];
+    purchaseTypeDeptList?: any[];
+    purchaseModeSchoolList?: any[];
+    purchaseTypeUnionList?: any[];
+    categoryTreeData?: any[];
+  };
+}>();
+
 const categoryTreeData = ref<any[]>([]);
 const categoryCodePath = ref<string[]>([]); // 级联选择器的路径数组
 const selectedCategory = ref<any>(null);
@@ -669,6 +748,77 @@ const stepTwoTitle = computed(() => {
   return isDeptPurchase.value ? '部门自行采购' : '学校统一采购';
 });
 
+// 获取字典项的label
+const getDictLabel = (list: any[], value: string | number | null | undefined): string => {
+  if (!value || !list || list.length === 0) return '';
+  const item = list.find(item => item.value === value || item.id === value);
+  return item ? (item.label || item.dictLabel || item.name || '') : '';
+};
+
+// 获取品目编码的显示文本（用于查看模式）
+const getCategoryDisplayText = (): string => {
+  if (!dataForm.categoryCode) return '-';
+  
+  // 如果 categoryCodePath 已经有值，根据路径查找名称
+  if (categoryCodePath.value && categoryCodePath.value.length > 0) {
+    const names: string[] = [];
+    let currentData = categoryTreeData.value;
+    
+    for (const code of categoryCodePath.value) {
+      const found = findCategoryByCode(currentData, code);
+      if (found) {
+        names.push(found.name || found.label || code);
+        currentData = found.children || [];
+      } else {
+        names.push(code);
+      }
+    }
+    
+    return names.length > 0 ? names.join(' / ') : dataForm.categoryCode;
+  }
+  
+  // 如果 categoryCodePath 没有值，尝试查找路径
+  if (categoryTreeData.value && categoryTreeData.value.length > 0) {
+    const path = findCategoryPath(categoryTreeData.value, dataForm.categoryCode);
+    if (path && path.length > 0) {
+      // 根据路径查找名称
+      const names: string[] = [];
+      let currentData = categoryTreeData.value;
+      
+      for (const code of path) {
+        const found = findCategoryByCode(currentData, code);
+        if (found) {
+          names.push(found.name || found.label || code);
+          currentData = found.children || [];
+        } else {
+          names.push(code);
+        }
+      }
+      
+      return names.length > 0 ? names.join(' / ') : dataForm.categoryCode;
+    }
+  }
+  
+  return dataForm.categoryCode || '-';
+};
+
+// 根据 code 查找分类项
+const findCategoryByCode = (data: any[], code: string): any => {
+  if (!data || !Array.isArray(data) || !code) {
+    return null;
+  }
+  for (const item of data) {
+    if (item && item.code === code) {
+      return item;
+    }
+    if (item && item.children && Array.isArray(item.children) && item.children.length > 0) {
+      const found = findCategoryByCode(item.children, code);
+      if (found) return found;
+    }
+  }
+  return null;
+};
+
 // 根据 code 查找完整路径（用于回显）
 const findCategoryPath = (data: any[], targetCode: string, path: string[] = []): string[] | null => {
   for (const item of data) {
@@ -929,6 +1079,17 @@ const openDialog = async (type: 'add' | 'edit' | 'view', rowData?: any) => {
     servicePublicSelectSchool: '',
   });
 
+  // 如果通过 props 传递了字典数据，直接使用；否则调用接口获取
+  if (props.dictData) {
+    fundSourceList.value = props.dictData.fundSourceList || [];
+    isCentralizedList.value = props.dictData.isCentralizedList || [];
+    isSpecialList.value = props.dictData.isSpecialList || [];
+    purchaseTypeDeptList.value = props.dictData.purchaseTypeDeptList || [];
+    purchaseModeSchoolList.value = props.dictData.purchaseModeSchoolList || [];
+    purchaseTypeUnionList.value = props.dictData.purchaseTypeUnionList || [];
+    categoryTreeData.value = props.dictData.categoryTreeData || [];
+  } else {
+    // 如果没有传递字典数据，则调用接口获取（兼容性处理）
     await Promise.all([
       getCategoryTreeData(),
       getFundSourceDict(),
@@ -938,6 +1099,7 @@ const openDialog = async (type: 'add' | 'edit' | 'view', rowData?: any) => {
       getPurchaseModeSchoolDict(),
       getPurchaseTypeUnionDict(),
     ]);
+  }
 
   nextTick(() => {
     formRef.value?.resetFields();
@@ -946,11 +1108,16 @@ const openDialog = async (type: 'add' | 'edit' | 'view', rowData?: any) => {
       getObj(rowData.id)
         .then((res) => {
           Object.assign(dataForm, res.data || {});
-          // 设置品目编码回显路径
+          // 设置品目编码回显路径 - 使用 nextTick 确保 categoryTreeData 已经设置
           if (dataForm.categoryCode) {
+            nextTick(() => {
               setCategoryCodePath();
+            });
           }
-          if (type === 'edit' || type === 'view') {
+          if (type === 'edit') {
+            currentStep.value = 1;
+          } else if (type === 'view') {
+            // 查看模式下直接显示所有内容，不需要步骤
             currentStep.value = 1;
           }
         })
@@ -1252,11 +1419,20 @@ const handleTempStore = async () => {
 };
 
 // 监听 categoryTreeData 变化，设置回显路径
-watch(() => categoryTreeData.value, () => {
+watch(() => categoryTreeData.value, (newVal) => {
-  if (dataForm.categoryCode) {
+  if (newVal && newVal.length > 0 && dataForm.categoryCode) {
     setCategoryCodePath();
   }
-}, { deep: true });
+}, { deep: true, immediate: false });
+
+// 监听 dataForm.categoryCode 变化，设置回显路径（用于查看模式）
+watch(() => dataForm.categoryCode, (newVal) => {
+  if (newVal && categoryTreeData.value && categoryTreeData.value.length > 0) {
+    nextTick(() => {
+      setCategoryCodePath();
+    });
+  }
+});
 
 // 暴露变量
 defineExpose({
@@ -1268,6 +1444,9 @@ defineExpose({
 .mb20 {
   margin-bottom: 20px;
 }
+.mb16 {
+  margin-bottom: 16px;
+}
 .mb10 {
   margin-bottom: 10px;
 }
@@ -1285,4 +1464,57 @@ defineExpose({
   margin-top: 5px;
   color: var(--el-text-color-secondary);
 }
+
+/* 查看模式优化样式 */
+:deep(.view-dialog) {
+  .el-dialog__body {
+    max-height: calc(100vh - 150px);
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 20px;
+  }
+}
+
+.view-content {
+  max-height: calc(100vh - 200px);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.view-form {
+  /* 查看模式下使用更紧凑的布局 */
+}
+
+.view-form :deep(.el-form-item) {
+  margin-bottom: 16px;
+}
+
+.view-form :deep(.el-form-item__label) {
+  font-weight: 500;
+  color: #606266;
+}
+
+/* 查看模式文本样式 */
+.view-text {
+  color: #303133;
+  font-size: 14px;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+.view-textarea {
+  white-space: pre-wrap;
+  min-height: 40px;
+  padding: 8px 0;
+}
+
+/* 查看模式下两列布局优化 */
+.view-form :deep(.el-row) {
+  margin-bottom: 0;
+}
+
+.view-form :deep(.el-col) {
+  margin-bottom: 16px;
+}
 </style>
+

src/views/finance/purchasingrequisition/index.vue

@@ -102,16 +102,10 @@
               <el-icon><List /></el-icon>
             </template>
           </el-table-column>
-          <el-table-column prop="code" label="编号" min-width="120" show-overflow-tooltip>
+          <el-table-column prop="code" label="申请单编号" min-width="140" show-overflow-tooltip>
             <template #header>
               <el-icon><DocumentCopy /></el-icon>
-              <span style="margin-left: 4px">编号</span>
+              <span style="margin-left: 4px">申请单编号</span>
-            </template>
-          </el-table-column>
-          <el-table-column prop="purchaseNo" label="采购编号" min-width="120" show-overflow-tooltip>
-            <template #header>
-              <el-icon><DocumentCopy /></el-icon>
-              <span style="margin-left: 4px">采购编号</span>
             </template>
           </el-table-column>
           <el-table-column prop="projectName" label="采购项目名称" min-width="200" show-overflow-tooltip>
@@ -120,27 +114,57 @@
               <span style="margin-left: 4px">采购项目名称</span>
             </template>
           </el-table-column>
-          <el-table-column prop="projectType" label="项目类别" width="100" align="center">
+          <el-table-column prop="applyDate" label="填报日期" width="120" align="center" show-overflow-tooltip>
+            <template #header>
+              <el-icon><Calendar /></el-icon>
+              <span style="margin-left: 4px">填报日期</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="deptName" label="需求部门" min-width="150" show-overflow-tooltip>
+            <template #header>
+              <el-icon><OfficeBuilding /></el-icon>
+              <span style="margin-left: 4px">需求部门</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="projectType" label="项目类别" min-width="200" align="left" show-overflow-tooltip>
             <template #header>
               <el-icon><Collection /></el-icon>
               <span style="margin-left: 4px">项目类别</span>
             </template>
             <template #default="scope">
-              <el-tag v-if="scope.row.projectType === 'A'" type="success">货物</el-tag>
+              <div>
-              <el-tag v-else-if="scope.row.projectType === 'B'" type="warning">工程</el-tag>
+                <el-tag v-if="scope.row.projectType === 'A'" type="success" style="margin-right: 8px;">货物</el-tag>
-              <el-tag v-else-if="scope.row.projectType === 'C'" type="info">服务</el-tag>
+                <el-tag v-else-if="scope.row.projectType === 'B'" type="warning" style="margin-right: 8px;">工程</el-tag>
-              <span v-else>-</span>
+                <el-tag v-else-if="scope.row.projectType === 'C'" type="info" style="margin-right: 8px;">服务</el-tag>
+                <span v-if="scope.row.categoryName" style="color: #606266; font-size: 12px;">
+                  {{ scope.row.categoryName }}
+                </span>
+                <span v-else-if="scope.row.categoryCode" style="color: #909399; font-size: 12px;">
+                  {{ scope.row.categoryCode }}
+                </span>
+              </div>
             </template>
           </el-table-column>
-          <el-table-column prop="budget" label="预算金额(元)" width="120" align="right">
+          <el-table-column prop="budget" label="项目预算(元)" width="130" align="right">
             <template #header>
               <el-icon><Money /></el-icon>
-              <span style="margin-left: 4px">预算金额</span>
+              <span style="margin-left: 4px">项目预算</span>
             </template>
             <template #default="scope">
               {{ scope.row.budget ? Number(scope.row.budget).toLocaleString() : '-' }}
             </template>
           </el-table-column>
+          <el-table-column prop="isSpecial" label="是否特殊" width="100" align="center">
+            <template #header>
+              <el-icon><Warning /></el-icon>
+              <span style="margin-left: 4px">是否特殊</span>
+            </template>
+            <template #default="scope">
+              <el-tag v-if="scope.row.isSpecial === '1' || scope.row.isSpecial === 1" type="warning">是</el-tag>
+              <el-tag v-else-if="scope.row.isSpecial === '0' || scope.row.isSpecial === 0" type="info">否</el-tag>
+              <span v-else>-</span>
+            </template>
+          </el-table-column>
           <el-table-column prop="isCentralized" label="是否集采" width="100" align="center">
             <template #header>
               <el-icon><CircleCheck /></el-icon>
@@ -152,10 +176,10 @@
               <span v-else>-</span>
             </template>
           </el-table-column>
-          <el-table-column prop="status" label="状态" width="100" align="center">
+          <el-table-column prop="status" label="审核状态" width="100" align="center">
             <template #header>
               <el-icon><InfoFilled /></el-icon>
-              <span style="margin-left: 4px">状态</span>
+              <span style="margin-left: 4px">审核状态</span>
             </template>
             <template #default="scope">
               <el-tag v-if="scope.row.status === '-2'" type="info">撤回</el-tag>
@@ -167,13 +191,7 @@
               <span v-else>-</span>
             </template>
           </el-table-column>
-          <el-table-column prop="createTime" label="创建时间" width="180" show-overflow-tooltip>
+          <el-table-column label="操作" align="center" fixed="right"  width="300">
-            <template #header>
-              <el-icon><Clock /></el-icon>
-              <span style="margin-left: 4px">创建时间</span>
-            </template>
-          </el-table-column>
-          <el-table-column label="操作" align="center" fixed="right" width="200">
             <template #default="scope">
               <el-button 
                 icon="View" 
@@ -204,10 +222,10 @@
 
         <!-- 分页 -->
         <pagination
-          v-show="state.total > 0"
+          v-if="state.pagination && state.pagination.total && state.pagination.total > 0"
-          :total="state.total"
+          :total="state.pagination.total"
-          v-model:page="state.page"
+          :current="state.pagination.current"
-          v-model:limit="state.limit"
+          :size="state.pagination.size"
           @pagination="getDataList"
         />
       </el-card>
@@ -217,7 +235,8 @@
     <el-dialog
       v-model="showAddIframe"
       title="新增采购申请"
-      width="1000px"
+      width="90%"
+      :style="{ maxWidth: '1600px' }"
       :close-on-click-modal="false"
       :close-on-press-escape="true"
       destroy-on-close
@@ -229,26 +248,42 @@
           :src="addIframeSrc" 
           frameborder="0"
           class="add-iframe"
-          @load="onIframeLoad" />
+          />
       </div>
     </el-dialog>
 
     <!-- 编辑、新增表单对话框 -->
-    <FormDialog ref="formDialogRef" @refresh="getDataList" />
+    <FormDialog 
+      ref="formDialogRef" 
+      :dict-data="dictData"
+      @refresh="getDataList" />
   </div>
 </template>
 
 <script setup lang="ts" name="PurchasingRequisition">
-import { ref, reactive, defineAsyncComponent, onUnmounted } from 'vue'
+import { ref, reactive, defineAsyncComponent, onUnmounted, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { BasicTableProps, useTable } from "/@/hooks/table";
 import { getPage, delObj } from "/@/api/finance/purchasingrequisition";
 import { useMessage, useMessageBox } from "/@/hooks/message";
-import { List, Document, DocumentCopy, Search, Collection, Money, CircleCheck, InfoFilled, Clock } from '@element-plus/icons-vue'
+import { getDicts } from '/@/api/admin/dict';
+import { getTree } from '/@/api/finance/purchasingcategory';
+import { List, Document, DocumentCopy, Search, Collection, Money, CircleCheck, InfoFilled, Calendar, OfficeBuilding, Warning } from '@element-plus/icons-vue'
 
 // 引入组件
 const FormDialog = defineAsyncComponent(() => import('./form.vue'));
 
+// 字典数据和品目树数据
+const dictData = ref({
+  fundSourceList: [] as any[],
+  isCentralizedList: [] as any[],
+  isSpecialList: [] as any[],
+  purchaseTypeDeptList: [] as any[],
+  purchaseModeSchoolList: [] as any[],
+  purchaseTypeUnionList: [] as any[],
+  categoryTreeData: [] as any[],
+});
+
 // 定义变量内容
 const router = useRouter()
 const tableRef = ref()
@@ -332,11 +367,7 @@ const handleIframeMessage = (event: MessageEvent) => {
  */
 const handleDelete = async (row: any) => {
   try {
-    await useMessageBox().confirm('确定要删除该记录吗？', '提示', {
+    await useMessageBox().confirm('确定要删除该记录吗？');
-      confirmButtonText: '确定',
-      cancelButtonText: '取消',
-      type: 'warning'
-    });
   } catch {
     return;
   }
@@ -350,6 +381,151 @@ const handleDelete = async (row: any) => {
   }
 };
 
+// 获取字典数据和品目树数据
+const loadDictData = async () => {
+  try {
+    const [
+      fundSourceRes,
+      isCentralizedRes,
+      isSpecialRes,
+      purchaseTypeDeptRes,
+      purchaseModeSchoolRes,
+      purchaseTypeUnionRes,
+      categoryTreeRes
+    ] = await Promise.all([
+      getDicts('PURCHASE_FUND_SOURCE'),
+      getDicts('PURCHASE_IS_CEN'),
+      getDicts('PURCHASE_IS_SPEC'),
+      getDicts('PURCHASE_TYPE_DEPT'),
+      getDicts('PURCHASE_MODE_SCHOOL'),
+      getDicts('PURCHASE_TYPE_UNION'),
+      getTree()
+    ]);
+
+    // 处理资金来源字典
+    if (fundSourceRes.data && Array.isArray(fundSourceRes.data)) {
+      dictData.value.fundSourceList = fundSourceRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    } else {
+      dictData.value.fundSourceList = [
+        { label: '切块经费', value: '0' },
+        { label: '设备购置费', value: '1' },
+        { label: '专项经费', value: '2' },
+        { label: '代办费', value: '3' },
+        { label: '培训经费', value: '4' },
+        { label: '日常公用经费', value: '5' },
+        { label: '技能大赛经费', value: '6' },
+        { label: '基本建设资金', value: '7' },
+        { label: '暂存款', value: '8' },
+        { label: '会议费', value: '9' },
+      ];
+    }
+
+    // 处理是否集采字典
+    if (isCentralizedRes.data && Array.isArray(isCentralizedRes.data)) {
+      dictData.value.isCentralizedList = isCentralizedRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    } else {
+      dictData.value.isCentralizedList = [
+        { label: '否', value: '0' },
+        { label: '政府集中采购', value: '1' },
+        { label: '学校集中采购', value: '2' }
+      ];
+    }
+
+    // 处理是否特殊情况字典
+    if (isSpecialRes.data && Array.isArray(isSpecialRes.data)) {
+      dictData.value.isSpecialList = isSpecialRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    } else {
+      dictData.value.isSpecialList = [
+        { label: '否', value: '0' },
+        { label: '紧急', value: '1' },
+        { label: '单一', value: '2' },
+        { label: '进口', value: '3' }
+      ];
+    }
+
+    // 处理部门采购方式字典
+    if (purchaseTypeDeptRes.data && Array.isArray(purchaseTypeDeptRes.data)) {
+      dictData.value.purchaseTypeDeptList = purchaseTypeDeptRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    }
+
+    // 处理学校采购形式字典
+    if (purchaseModeSchoolRes.data && Array.isArray(purchaseModeSchoolRes.data)) {
+      dictData.value.purchaseModeSchoolList = purchaseModeSchoolRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    } else {
+      dictData.value.purchaseModeSchoolList = [
+        { label: '政府采购', value: '1' },
+        { label: '学校自主采购', value: '2' }
+      ];
+    }
+
+    // 处理学校统一采购方式字典
+    if (purchaseTypeUnionRes.data && Array.isArray(purchaseTypeUnionRes.data)) {
+      dictData.value.purchaseTypeUnionList = purchaseTypeUnionRes.data.map((item: any) => ({
+        label: item.label || item.dictLabel || item.name,
+        value: item.value || item.dictValue || item.code
+      }));
+    }
+
+    // 处理品目树数据
+    if (categoryTreeRes.data && Array.isArray(categoryTreeRes.data)) {
+      dictData.value.categoryTreeData = categoryTreeRes.data;
+    } else {
+      dictData.value.categoryTreeData = [];
+    }
+  } catch (err) {
+    console.error('加载字典数据失败', err);
+    // 设置默认值
+    dictData.value.fundSourceList = [
+      { label: '切块经费', value: '0' },
+      { label: '设备购置费', value: '1' },
+      { label: '专项经费', value: '2' },
+      { label: '代办费', value: '3' },
+      { label: '培训经费', value: '4' },
+      { label: '日常公用经费', value: '5' },
+      { label: '技能大赛经费', value: '6' },
+      { label: '基本建设资金', value: '7' },
+      { label: '暂存款', value: '8' },
+      { label: '会议费', value: '9' },
+    ];
+    dictData.value.isCentralizedList = [
+      { label: '否', value: '0' },
+      { label: '政府集中采购', value: '1' },
+      { label: '学校集中采购', value: '2' }
+    ];
+    dictData.value.isSpecialList = [
+      { label: '否', value: '0' },
+      { label: '紧急', value: '1' },
+      { label: '单一', value: '2' },
+      { label: '进口', value: '3' }
+    ];
+    dictData.value.purchaseModeSchoolList = [
+      { label: '政府采购', value: '1' },
+      { label: '学校自主采购', value: '2' }
+    ];
+    dictData.value.categoryTreeData = [];
+  }
+};
+
+// 页面加载时获取字典数据和品目树数据
+onMounted(() => {
+  loadDictData();
+});
+
 // 组件卸载时清理事件监听器
 onUnmounted(() => {
   window.removeEventListener('message', handleIframeMessage)

src/views/professional/teacherbase/export-teacher-info.vue

@@ -1,59 +1,45 @@
 <template>
 	<el-dialog v-model="dialogEmptyFromVisible" title="教职工信息导出" width="80%">
-    <el-form :inline="true" label-width="100px" style="margin-bottom: 20px;">
+		<el-form :inline="true" label-width="100px" style="margin-bottom: 20px">
 			<el-form-item>
 				<el-tag type="info">导出依据"职工信息"页面的检索条件</el-tag>
-        <el-tag type="warning" style="margin-left: 10px;">请在搜索后再打开导出页面</el-tag>
+				<el-tag type="warning" style="margin-left: 10px">请在搜索后再打开导出页面</el-tag>
 			</el-form-item>
 			<el-form-item label="是否退休">
-        <el-select
+				<el-select v-model="tiedTag" filterable reserve-keyword clearable style="width: 200px">
-          v-model="tiedTag"
+					<el-option v-for="item in YES_OR_NO" :key="item.value" :label="item.label" :value="item.value"> </el-option>
-          filterable
-          reserve-keyword
-          clearable
-          style="width: 200px;">
-          <el-option
-            v-for="item in YES_OR_NO"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value">
-          </el-option>
 				</el-select>
 			</el-form-item>
 			<el-form-item>
-        <el-button
+				<el-button type="primary" @click="exportTeacherInfo" :loading="exportLoading" :icon="Download">导出</el-button>
-          type="primary"
-          @click="exportTeacherInfo"
-          :loading="exportLoading"
-          :icon="Download">导出</el-button>
 			</el-form-item>
 		</el-form>
 
 		<!-- 基础信息 -->
-    <el-card shadow="never" style="margin-bottom: 20px;">
+		<el-card shadow="never" style="margin-bottom: 20px">
 			<template #header>
-        <div style="display: flex; justify-content: space-between; align-items: center;">
+				<div style="display: flex; justify-content: space-between; align-items: center">
 					<span>基础信息</span>
 					<el-checkbox v-model="allCheckTeacherBaseInfo">全选</el-checkbox>
 				</div>
 			</template>
 			<el-checkbox-group v-model="checkedTeacherBaseInfo">
-        <el-checkbox v-for="(item, index) in teacherBasicCheckData" :label="item.value" :key="index" style="margin-right: 20px; margin-bottom: 10px;">
+				<el-checkbox v-for="(item, index) in teacherBasicCheckData" :label="item.value" :key="index" style="margin-right: 20px; margin-bottom: 10px">
 					{{ item.label }}
 				</el-checkbox>
 			</el-checkbox-group>
 		</el-card>
 
 		<!-- 岗位信息 -->
-    <el-card shadow="never" style="margin-bottom: 20px;">
+		<el-card shadow="never" style="margin-bottom: 20px">
 			<template #header>
-        <div style="display: flex; justify-content: space-between; align-items: center;">
+				<div style="display: flex; justify-content: space-between; align-items: center">
 					<span>岗位信息</span>
 					<el-checkbox v-model="allCheckStationInfo">全选</el-checkbox>
 				</div>
 			</template>
 			<el-checkbox-group v-model="checkedTeacherStationInfo">
-        <el-checkbox v-for="(item, index) in teacherStationData" :key="index" :label="item.value" style="margin-right: 20px; margin-bottom: 10px;">
+				<el-checkbox v-for="(item, index) in teacherStationData" :key="index" :label="item.value" style="margin-right: 20px; margin-bottom: 10px">
 					{{ item.label }}
 				</el-checkbox>
 			</el-checkbox-group>
@@ -62,45 +48,44 @@
 		<!-- 其他 -->
 		<el-card shadow="never">
 			<template #header>
-        <div style="display: flex; justify-content: space-between; align-items: center;">
+				<div style="display: flex; justify-content: space-between; align-items: center">
 					<span>其他</span>
 					<el-checkbox v-model="allCheckedother">全选</el-checkbox>
 				</div>
 			</template>
 			<el-checkbox-group v-model="checkedTeacherOtherInfo">
-        <el-checkbox v-for="(item, index) in teacherOtherData" :key="index" :label="item.value" style="margin-right: 20px; margin-bottom: 10px;">
+				<el-checkbox v-for="(item, index) in teacherOtherData" :key="index" :label="item.value" style="margin-right: 20px; margin-bottom: 10px">
 					{{ item.label }}
 				</el-checkbox>
 			</el-checkbox-group>
 		</el-card>
-
 	</el-dialog>
-
 </template>
 
 <script setup lang="ts">
-  import { ref, watch } from 'vue'
+import { ref, watch } from 'vue';
-  import { ElNotification } from 'element-plus'
+import { ElNotification } from 'element-plus';
-  import { Download } from '@element-plus/icons-vue'
+import { Download } from '@element-plus/icons-vue';
-  import global from '/@/components/tools/commondict.vue'
+import global from '/@/components/tools/commondict.vue';
-  import request from '/@/utils/request'
+import request from '/@/utils/request';
+import { exportTeacherInfoBySelf } from '/@/api/professional/professionalfile';
 
 // Props
 const props = defineProps<{
-    search: any
+	search: any;
-  }>()
+}>();
 
 // 响应式数据
-  const tiedTag = ref('')
+const tiedTag = ref('');
-  const YES_OR_NO = global.YES_OR_NO
+const YES_OR_NO = global.YES_OR_NO;
-  const exportLoading = ref(false)
+const exportLoading = ref(false);
-  const dialogEmptyFromVisible = ref(false)
+const dialogEmptyFromVisible = ref(false);
-  const allCheckTeacherBaseInfo = ref(false)
+const allCheckTeacherBaseInfo = ref(false);
-  const allCheckStationInfo = ref(false)
+const allCheckStationInfo = ref(false);
-  const allCheckedother = ref(false)
+const allCheckedother = ref(false);
-  const checkedTeacherBaseInfo = ref<string[]>([])
+const checkedTeacherBaseInfo = ref<string[]>([]);
-  const checkedTeacherStationInfo = ref<string[]>([])
+const checkedTeacherStationInfo = ref<string[]>([]);
-  const checkedTeacherOtherInfo = ref<string[]>([])
+const checkedTeacherOtherInfo = ref<string[]>([]);
 
 const teacherBasicCheckData = [
 	{ label: '姓名', value: 'realName_姓名' },
@@ -124,7 +109,7 @@
 	{ label: '授课类型', value: 'teacherCate_授课类型' },
 	{ label: '允许进出', value: 'inoutFlag_允许进出' },
 	{ label: '进出情况备注', value: 'inoutRemarks_进出情况备注' },
-  ]
+];
 
 const teacherStationData = [
 	{ label: '教师类型', value: 'teacherTypeName_教师类型' },
@@ -142,7 +127,7 @@
 	{ label: '任现职务时间', value: 'dutyDate_任现职务时间' },
 	{ label: '进编时间', value: 'entryDutyDate_进编时间' },
 	{ label: '进校时间', value: 'entrySchoolDate_进校时间' },
-  ]
+];
 
 const teacherOtherData = [
 	{ label: '职业资格工种', value: 'zyzg_职业资格工种' },
@@ -155,7 +140,7 @@
 	{ label: '中等教师资格证', value: 'midCer_中等教师资格证' },
 	{ label: '教师上岗证', value: 'priCer_教师上岗证' },
 	// {label:'共同居住人',value:'livewith_共同居住人'},
-            ]
+];
 
 // 导出文件函数
 const exportForModel = async (params: any, fileNameStr: string, url: string) => {
@@ -166,57 +151,57 @@
 			data: params,
 			responseType: 'blob',
 			headers: {
-          'Content-Type': 'application/json'
+				'Content-Type': 'application/json',
-        }
+			},
-      })
+		});
-      const blob = new Blob([res])
+		const blob = new Blob([res]);
-      const fileName = fileNameStr
+		const fileName = fileNameStr;
-      const elink = document.createElement('a')
+		const elink = document.createElement('a');
-      elink.download = fileName
+		elink.download = fileName;
-      elink.style.display = 'none'
+		elink.style.display = 'none';
-      elink.href = URL.createObjectURL(blob)
+		elink.href = URL.createObjectURL(blob);
-      document.body.appendChild(elink)
+		document.body.appendChild(elink);
-      elink.click()
+		elink.click();
-      URL.revokeObjectURL(elink.href)
+		URL.revokeObjectURL(elink.href);
-      document.body.removeChild(elink)
+		document.body.removeChild(elink);
 	} catch (err) {
 		ElNotification.error({
 			title: '错误',
 			message: '导出失败',
-      })
+		});
-    }
 	}
+};
 
 // Watch
 watch(allCheckTeacherBaseInfo, (newVal) => {
 	if (newVal) {
-      checkedTeacherBaseInfo.value = teacherBasicCheckData.map(item => item.value)
+		checkedTeacherBaseInfo.value = teacherBasicCheckData.map((item) => item.value);
 	} else {
-      checkedTeacherBaseInfo.value = []
+		checkedTeacherBaseInfo.value = [];
 	}
-  })
+});
 
 watch(allCheckStationInfo, (newVal) => {
 	if (newVal) {
-      checkedTeacherStationInfo.value = teacherStationData.map(item => item.value)
+		checkedTeacherStationInfo.value = teacherStationData.map((item) => item.value);
 	} else {
-      checkedTeacherStationInfo.value = []
+		checkedTeacherStationInfo.value = [];
 	}
-  })
+});
 
 watch(allCheckedother, (newVal) => {
 	if (newVal) {
-      checkedTeacherOtherInfo.value = teacherOtherData.map(item => item.value)
+		checkedTeacherOtherInfo.value = teacherOtherData.map((item) => item.value);
 	} else {
-      checkedTeacherOtherInfo.value = []
+		checkedTeacherOtherInfo.value = [];
 	}
-  })
+});
 
 // 方法
 const init = () => {
-    tiedTag.value = props.search.tied
+	tiedTag.value = props.search.tied;
-    dialogEmptyFromVisible.value = true
+	dialogEmptyFromVisible.value = true;
-  }
+};
 
 const exportTeacherInfo = async () => {
 	if (checkedTeacherBaseInfo.value.length == 0 && checkedTeacherStationInfo.value.length == 0 && checkedTeacherOtherInfo.value.length == 0) {
@@ -224,33 +209,37 @@
 			title: '警告',
 			message: '请选择要导出的字段',
 			type: 'warning',
-        duration: 3000
+			duration: 3000,
-      })
+		});
-              return
+		return;
 	}
-    exportLoading.value = true
+	exportLoading.value = true;
 
-    const searchData = JSON.parse(JSON.stringify(props.search))
+	const searchData = JSON.parse(JSON.stringify(props.search));
-    searchData.tied = tiedTag.value
+	searchData.tied = tiedTag.value;
 	const params = {
-      "checkedTeacherBaseInfo": checkedTeacherBaseInfo.value,
+		checkedTeacherBaseInfo: checkedTeacherBaseInfo.value,
-      "checkedTeacherStationInfo": checkedTeacherStationInfo.value,
+		checkedTeacherStationInfo: checkedTeacherStationInfo.value,
-      "checkedTeacherOtherInfo": checkedTeacherOtherInfo.value,
+		checkedTeacherOtherInfo: checkedTeacherOtherInfo.value,
-      "teacherBaseDTO": searchData
+		teacherBaseDTO: searchData,
-    }
+	};
 
-    await exportForModel(params, "教职工信息.xls", "/professional/file/exportTeacherInfoBySelf")
+	exportTeacherInfoBySelf(params).then((res:any)=>{
+    ElNotification.success({
+      title: '下载后台进行中',
+      message: '操作成功'
+    })
+  });
 
 	setTimeout(() => {
-      exportLoading.value = false
+		exportLoading.value = false;
-    }, 3000)
+	}, 3000);
-          }
+};
 
 // 暴露方法给父组件
 defineExpose({
-    init
+	init,
-  })
+});
 </script>
 
-<style scoped>
+<style scoped></style>
-</style>