From 50691d39d1697ec255dfbe89265c2f1cce4200d3 Mon Sep 17 00:00:00 2001
From: zy <zyqdgcs@163.com>
Date: Sun, 11 May 2025 16:46:37 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IFrame/src/preview.vue         | 20 ++++++
 src/components/contact/index.vue              | 16 ++++-
 src/router/modules/remaining.ts               | 14 +++-
 src/views/crm/contract/ContractChange.vue     |  2 +-
 src/views/crm/contract/ContractForm.vue       | 22 ++++---
 .../components/ContractChangeLimit.vue        | 34 +++++-----
 .../crm/contract/detail/ContractDetail.vue    | 22 ++++---
 src/views/crm/contract/index.vue              |  2 +-
 .../detail/returnvisitrecord/index.vue        | 66 +++++++++++--------
 src/views/crm/followup/index.vue              | 62 ++++++++++++++++-
 src/views/crm/quotation/QuotationForm.vue     |  8 ++-
 src/views/task/components/Bouns.vue           | 11 +++-
 src/views/task/components/Task.vue            |  4 +-
 src/views/task/project/index.vue              | 45 +++++++++++--
 14 files changed, 250 insertions(+), 78 deletions(-)
 create mode 100644 src/components/IFrame/src/preview.vue

diff --git a/src/components/IFrame/src/preview.vue b/src/components/IFrame/src/preview.vue
new file mode 100644
index 000000000..faad24718
--- /dev/null
+++ b/src/components/IFrame/src/preview.vue
@@ -0,0 +1,20 @@
+<template>
+
+  <ContentWrap :bodyStyle="{ padding: '0px' }" class="!mb-0">
+    <IFrame :src="src" />
+  </ContentWrap>
+</template>
+<script lang="ts" setup>
+
+defineOptions({ name: 'previewDoc' })
+
+const { query } = useRoute() // 查询参数
+const src = ref('')
+console.log('%csrccomponents/IFrame/src/preview.vue:13 query.fileExtension', 'color: #007acc;', query.src);
+if(query.type === 'pdf') {
+  src.value = decodeURIComponent(query.src)
+} else {
+  src.value = 'https://view.officeapps.live.com/op/embed.aspx?src='+query.src
+}
+
+</script>
diff --git a/src/components/contact/index.vue b/src/components/contact/index.vue
index 0257d50d1..9c1c0fb3c 100644
--- a/src/components/contact/index.vue
+++ b/src/components/contact/index.vue
@@ -26,7 +26,10 @@
           <Icon class="mr-5px" icon="ep:refresh" />
           重置
         </el-button>
-        
+        <el-button v-hasPermi="['crm:contact:create']" type="primary" @click="openForm('create')">
+          <Icon class="mr-5px" icon="ep:plus" />
+          新增联系人
+        </el-button>
       </el-form-item>
       
     </el-form>
@@ -54,12 +57,16 @@
     </template>
   </Dialog>
 
+  <!-- 表单弹窗：添加/修改 -->
+  <ContactForm ref="formRef" @success="getList" />
+
 </template>
 
 <script setup lang="ts">
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
 import * as ContactApi from '@/api/crm/contact'
 import { dateFormatter } from '@/utils/formatTime'
+import ContactForm from '@/views/crm/contact/ContactForm.vue'
 import download from '@/utils/download'
 import { BillTemplateApi, BillTemplateVO } from '@/api/crm/billtemplate'
 
@@ -88,7 +95,6 @@ const exportLoading = ref(false) // 导出的加载中
 const open = async (data: [], id) => {
   dialogVisible.value = true
   multipleSelection.value = data
-console.log('%csrc/components/contact/index.vue:91 id', 'color: #007acc;', id);
   queryParams.customerId = id
   await getList()
   await setSelections()
@@ -100,6 +106,12 @@ const getRowKey = (row) => {
   return row.id
 }
 
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type,id, queryParams.customerId)
+}
+
 /** 查询列表 */
 const getList = async () => {
   loading.value = true
diff --git a/src/router/modules/remaining.ts b/src/router/modules/remaining.ts
index 7c1bfbef7..9f65f6b58 100644
--- a/src/router/modules/remaining.ts
+++ b/src/router/modules/remaining.ts
@@ -517,7 +517,7 @@ const remainingRouter: AppRouteRecordRaw[] = [
         name: 'CrmCustomerDetail',
         meta: {
           title: '客户详情',
-          noCache: true,
+          noCache: false,
           hidden: true,
           activeMenu: '/crm/customer'
         },
@@ -773,6 +773,18 @@ const remainingRouter: AppRouteRecordRaw[] = [
           title: '合同预览',
           activeMenu: '/crm/filetemplate'
         }
+      },
+      {
+        path: 'filetemplate/preview',
+        component: () => import('@/components/IFrame/src/preview.vue'),
+        name: 'FileTemplatePreview',
+        meta: {
+          noCache: true,
+          hidden: true,
+          canTo: true,
+          title: '文件预览',
+          activeMenu: '/filetemplate/preview'
+        }
       }
     ]
   },
diff --git a/src/views/crm/contract/ContractChange.vue b/src/views/crm/contract/ContractChange.vue
index 533ffadba..4ac7188c8 100644
--- a/src/views/crm/contract/ContractChange.vue
+++ b/src/views/crm/contract/ContractChange.vue
@@ -484,6 +484,6 @@ onMounted(async () => {
   //   formData.value.ownerUserId = useUserStore().getUser.id
   // }
   // 获取联系人
-  contactList.value = await ContactApi.getSimpleContactList()
+  contactList.value = await CustomerApi.getCustomerSimpleList()
 });
 </script>
diff --git a/src/views/crm/contract/ContractForm.vue b/src/views/crm/contract/ContractForm.vue
index 8571061d6..1a5cd9049 100644
--- a/src/views/crm/contract/ContractForm.vue
+++ b/src/views/crm/contract/ContractForm.vue
@@ -93,14 +93,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="授信计算周期" prop="creditCalcCycle" >
-            <el-select v-model="formData.creditCalcCycle" placeholder="" disabled>
-              <el-option
-                v-for="dict in getIntDictOptions('credit_calc_cycle')"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
+            <el-input v-model="formData.creditCalcCycle" placeholder="" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -268,7 +261,18 @@
       </el-col>
       <el-col :span="8">
         <el-form-item label="商务负责人" prop="ownerUserId">
-          <el-input v-model="formData.ownerUserId" placeholder="" disabled />
+          <el-select
+              v-model="formData.ownerUserId"
+              disabled
+              class="w-1/1"
+            >
+              <el-option
+                v-for="item in userOptions"
+                :key="item.id"
+                :label="item.nickname"
+                :value="item.id"
+              />
+            </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="8">
diff --git a/src/views/crm/contract/components/ContractChangeLimit.vue b/src/views/crm/contract/components/ContractChangeLimit.vue
index c59d606c9..d3616093d 100644
--- a/src/views/crm/contract/components/ContractChangeLimit.vue
+++ b/src/views/crm/contract/components/ContractChangeLimit.vue
@@ -3,7 +3,7 @@
       ref="formRef"
       :model="formData"
       :rules="formRules"
-      label-width="130px"
+      label-width="142px"
       v-loading="formLoading"
     >
       <el-row>
@@ -24,7 +24,7 @@
             <el-input v-model="formData.regType" disabled placeholder="自动获取" />
           </el-form-item>
         </el-col>
-        <el-col :span="8">
+        <!-- <el-col :span="8">
           <el-form-item label="上市情况" prop="customerId">
             <el-select v-model="formData.customerId" placeholder="请选择上市情况" disabled @change="onCustomerChange">
               <el-option
@@ -35,13 +35,13 @@
                   />
             </el-select>
           </el-form-item>
-        </el-col>
+        </el-col> -->
         <!-- <el-col :span="8">
           <el-form-item label="合作类型" prop="cooperationType">
             <el-input v-model="formData.cooperationType" disabled />
           </el-form-item>
         </el-col> -->
-        <el-col :span="8">
+        <!-- <el-col :span="8">
           <el-form-item label="融资信息" prop="companyType">
             <el-select v-model="formData.customerId" placeholder="请选择融资信息" disabled @change="onCustomerChange">
               <el-option
@@ -52,7 +52,7 @@
                   />
             </el-select>
           </el-form-item>
-        </el-col>
+        </el-col> -->
         <el-col :span="8">
           <el-form-item label="实缴资金" prop="paidInCapital">
             <el-input v-model="formData.actualCapital" disabled />
@@ -123,7 +123,7 @@
       </el-col>
         <el-col :span="8">
         <el-form-item label="目前额度" prop="creditLimit">
-          <el-input v-model="formData.creditLimit" placeholder="请输入目前额度" disabled />
+          <el-input v-model="formData.creditLimit" placeholder="" disabled />
         </el-form-item>
       </el-col>
         <el-col :span="8">
@@ -132,7 +132,7 @@
               <el-option
                 v-for="dict in orgList"
                 :key="dict.id"
-                :label="dict.name"
+                :label="dict.orgName"
                 :value="dict.id"
               />
             </el-select>
@@ -140,12 +140,12 @@
       </el-col>
       <el-col :span="8">
         <el-form-item label="调整金额（元）" prop="changeAmount">
-          <el-input v-model="formData.changeAmount"  type="number" :disabled="!!type" placeholder="请输入调整金额（元）"  @input="onChangeAmount" />
+          <el-input v-model="formData.changeAmount"  oninput="value=value.match(/^\d+(?:\.\d{0,2})?/)" :disabled="!!type" placeholder="请输入调整金额（元）"  @input="onChangeAmount" />
         </el-form-item>
       </el-col>
       <el-col :span="8">
         <el-form-item label="最终额度" prop="afterAmount">
-          <el-input v-model="formData.afterAmount"  type="number" disabled placeholder="请输入最终额度" />
+          <el-input v-model="formData.afterAmount"  type="number" disabled placeholder="" />
         </el-form-item>
       </el-col>
       <el-col :span="8">
@@ -276,7 +276,7 @@ watch(
 )
 
 const onChangeAmount = async (amount: number) => {
-  formData.value.afterAmount = Number(formData.value.creditLimit) + Number(amount); 
+  formData.value.afterAmount = Number(formData.value.creditLimit) + Number(amount).toFixed(2); 
 }
 
 const onCustomerChange = async (customerId: string) => {
@@ -385,7 +385,7 @@ const resetForm = () => {
 }
 
 // const route = useRoute();
-// onMounted(async () => {
+onMounted(async () => {
 //   console.log('%csrc/views/crm/quotation/QuotationForm.vue:596 route', 'color: #007acc;', route);
 //   formType.value = route.query.id;
 
@@ -404,10 +404,10 @@ const resetForm = () => {
 //   businessList.value = await BusinessApi.getSimpleBusinessList()
 //   // 获得部门树
 //   deptTree.value = handleTree(await DeptApi.getSimpleDeptList())
-//   const org = await ContractApi.getOrg({
-//     pageNo: 1,
-//     pageSize: 1000
-//   })
-//   orgList.value = org.list
-// });
+  const org = await ContractApi.getOrg({
+    pageNo: 1,
+    pageSize: 1000
+  })
+  orgList.value = org.list
+});
 </script>
\ No newline at end of file
diff --git a/src/views/crm/contract/detail/ContractDetail.vue b/src/views/crm/contract/detail/ContractDetail.vue
index b45d3939e..8cda5246d 100644
--- a/src/views/crm/contract/detail/ContractDetail.vue
+++ b/src/views/crm/contract/detail/ContractDetail.vue
@@ -94,14 +94,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="授信计算周期" prop="creditCalcCycle" >
-            <el-select v-model="formData.creditCalcCycle" placeholder="" disabled>
-              <el-option
-                v-for="dict in getIntDictOptions('credit_calc_cycle')"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
+            <el-input v-model="formData.creditCalcCycle" placeholder="" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="8">
@@ -268,7 +261,18 @@
       </el-col>
       <el-col :span="8">
         <el-form-item label="商务负责人" prop="ownerUserId">
-          <el-input v-model="formData.ownerUserId" placeholder="" disabled />
+          <el-select
+              v-model="formData.ownerUserId"
+              disabled
+              class="w-1/1"
+            >
+              <el-option
+                v-for="item in userOptions"
+                :key="item.id"
+                :label="item.nickname"
+                :value="item.id"
+              />
+            </el-select>
         </el-form-item>
       </el-col>
       <el-col :span="8">
diff --git a/src/views/crm/contract/index.vue b/src/views/crm/contract/index.vue
index d85007aae..63cd9bda0 100644
--- a/src/views/crm/contract/index.vue
+++ b/src/views/crm/contract/index.vue
@@ -283,7 +283,7 @@
                         command="handlePrint"
                         v-if="checkPermi(['crm:contract:print']) && scope.row.auditStatus === 2"
                       >
-                        打印合同
+                        合同下载
                       </el-dropdown-item>
                       <el-dropdown-item
                         command="handleDelete"
diff --git a/src/views/crm/customer/detail/returnvisitrecord/index.vue b/src/views/crm/customer/detail/returnvisitrecord/index.vue
index 9d07e283e..af65a0c73 100644
--- a/src/views/crm/customer/detail/returnvisitrecord/index.vue
+++ b/src/views/crm/customer/detail/returnvisitrecord/index.vue
@@ -27,11 +27,22 @@
         align="center"
         prop="nextTime"
         :formatter="dateFormatter"
-        width="180px"
-      />
-      <el-table-column label="图片" align="center" prop="picUrls" />
+        width="180px" />
+      <el-table-column label="图片" align="center" prop="picUrls">
+        <template #default="scope">
+          <el-link
+            v-if="scope.row.picUrls"
+            :underline="false"
+            type="primary"
+            @click="previewPic(scope.row.picUrls)"
+          >
+            预览
+          </el-link>
+          <span v-else>无附件</span>
+        </template>
+      </el-table-column>
       <el-table-column label="附件" align="center" prop="fileUrls">
-        <!-- <template #default="scope">
+        <template #default="scope">
           <el-link
             v-if="scope.row.fileUrls"
             :underline="false"
@@ -41,7 +52,7 @@
             预览
           </el-link>
           <span v-else>无附件</span>
-        </template> -->
+        </template>
       </el-table-column>
       <el-table-column label="关联的联系人编号数组" align="center" prop="contactIds" />
       <el-table-column label="创建者" align="center" prop="creator" >
@@ -88,6 +99,12 @@
       @pagination="getList"
     />
   </ContentWrap>
+    <el-image-viewer
+        v-if="show"
+        :url-list="urlList"
+        show-progress
+        @close="show = false"
+      />
 
   <!-- 表单弹窗：添加/修改 -->
   <ReturnVisitRecordForm ref="formRef" @success="getList" />
@@ -110,7 +127,8 @@ const props = defineProps<{
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 const userOptions = ref<UserApi.UserVO[]>([]) // 用户列表
-
+const show = ref(false)
+const urlList = ref([])
 const loading = ref(true) // 列表的加载中
 const list = ref<ReturnVisitRecordVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -190,9 +208,17 @@ const handleExport = async () => {
     exportLoading.value = false
   }
 }
+const router = useRouter() // 路由
+
+const previewPic = (val) => {
+  show.value = true
+  urlList.value = val.split(',')
+}
 
 const previewFile = (fileUrls) => {
-  // 假设 fileUrls 是一个字符串，包含文件的完整 URL
+  
+  
+  // // 假设 fileUrls 是一个字符串，包含文件的完整 URL
   if (!fileUrls) {
     message.error('没有附件');
     return;
@@ -200,25 +226,13 @@ const previewFile = (fileUrls) => {
 
   // 检查文件类型
   const fileExtension = fileUrls.split('.').pop().toLowerCase();
-  switch (fileExtension) {
-    case 'pdf':
-      // 预览 PDF 文件
-      window.open(fileUrls, '_blank');
-      break;
-    case 'xlsx':
-    case 'xls':
-      // 预览 Excel 文件
-      window.open(fileUrls, '_blank');
-      break;
-    case 'doc':
-    case 'docx':
-      // 预览 Word 文件
-      window.open(fileUrls, '_blank');
-      break;
-    default:
-      message.error('不支持的文件类型');
-      break;
-  }
+  router.push({
+    name: 'FileTemplatePreview',
+    query: {
+      src: encodeURIComponent(fileUrls),
+      type: fileExtension
+    }
+  })
 };
 const getName = (opt, val) => {
   const arr = opt.filter(v => v.id == val)
diff --git a/src/views/crm/followup/index.vue b/src/views/crm/followup/index.vue
index 780e0bccd..dfd4db313 100644
--- a/src/views/crm/followup/index.vue
+++ b/src/views/crm/followup/index.vue
@@ -24,6 +24,32 @@
         </template>
       </el-table-column>
       <el-table-column align="center" label="跟进内容" prop="content" />
+      <el-table-column label="图片" align="center" prop="picUrls">
+        <template #default="scope">
+          <el-link
+            v-if="scope.row.picUrls"
+            :underline="false"
+            type="primary"
+            @click="previewPic(scope.row.picUrls)"
+          >
+            预览
+          </el-link>
+          <span v-else>无附件</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="附件" align="center" prop="fileUrls">
+        <template #default="scope">
+          <el-link
+            v-if="scope.row.fileUrls"
+            :underline="false"
+            type="primary"
+            @click="previewFile(scope.row.fileUrls)"
+          >
+            预览
+          </el-link>
+          <span v-else>无附件</span>
+        </template>
+      </el-table-column>
       <el-table-column
         :formatter="dateFormatter"
         align="center"
@@ -84,6 +110,14 @@
     />
   </ContentWrap>
 
+  <el-image-viewer
+    v-if="show"
+    :url-list="urlList"
+    show-progress
+    @close="show = false"
+
+  />
+
   <!-- 表单弹窗：添加/修改 -->
   <FollowUpRecordForm ref="formRef" @success="getList" />
 </template>
@@ -104,7 +138,8 @@ const props = defineProps<{
 }>()
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
-
+const show = ref(false)
+const urlList = ref([])
 const loading = ref(true) // 列表的加载中
 const list = ref<FollowUpRecordVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -127,6 +162,11 @@ const getList = async () => {
   }
 }
 
+const previewPic = (val) => {
+  show.value = true
+  urlList.value = val.split(',')
+}
+
 /** 添加/修改操作 */
 const formRef = ref<InstanceType<typeof FollowUpRecordForm>>()
 const openForm = () => {
@@ -146,6 +186,26 @@ const handleDelete = async (id: number) => {
   } catch {}
 }
 
+//预览
+const previewFile = (fileUrls) => {
+  // // 假设 fileUrls 是一个字符串，包含文件的完整 URL
+  if (!fileUrls) {
+    message.error('没有附件');
+    return;
+  }
+
+  // 检查文件类型
+const router = useRouter() // 路由
+  const fileExtension = fileUrls.split('.').pop().toLowerCase();
+  router.push({
+    name: 'FileTemplatePreview',
+    query: {
+      src: encodeURIComponent(fileUrls),
+      type: fileExtension
+    }
+  })
+};
+
 /** 打开联系人详情 */
 const { push } = useRouter()
 const openContactDetail = (id: number) => {
diff --git a/src/views/crm/quotation/QuotationForm.vue b/src/views/crm/quotation/QuotationForm.vue
index 98dd40f35..372d27bc8 100644
--- a/src/views/crm/quotation/QuotationForm.vue
+++ b/src/views/crm/quotation/QuotationForm.vue
@@ -47,7 +47,7 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="客户" prop="customerId">
-            <el-select v-model="formData.customerId" placeholder="请选择客户" disabled clearable @change="onCustomerChange">
+            <el-select v-model="formData.customerId" placeholder="" disabled clearable @change="onCustomerChange">
               <el-option
                     v-for="item in customerList"
                     :key="item.id"
@@ -243,7 +243,7 @@
     </el-col>
     <el-col :span="8">
       <el-form-item label="方案报价人" prop="pricingUserId">
-        <el-select v-model="formData.pricingUserId" placeholder="请选择方案报价人">
+        <el-select v-model="formData.pricingUserId" disabled placeholder="请选择方案报价人">
           <el-option
             v-for="dict in userOptions"
             :key="dict.id"
@@ -396,6 +396,7 @@ import * as UserApi from '@/api/system/user'
 import * as DeptApi from '@/api/system/dept'
 import * as BusinessApi from '@/api/crm/business'
 import { propTypes } from '@/utils/propTypes'
+import { useUserStore } from '@/store/modules/user';
 
 /** CRM 方案报价 表单 */
 defineOptions({ name: 'QuotationForm' })
@@ -708,6 +709,9 @@ onMounted(async () => {
 
   if (formType.value) open(formType.value)
 
+  formData.value.pricingUserId = useUserStore().getUser.id;
+
+
   // 获得客户列表
   customerList.value = await CustomerApi.getSelfCustomerSimpleList()
   // 获得用户列表
diff --git a/src/views/task/components/Bouns.vue b/src/views/task/components/Bouns.vue
index 911b4e030..cb5b5c3cd 100644
--- a/src/views/task/components/Bouns.vue
+++ b/src/views/task/components/Bouns.vue
@@ -4,7 +4,11 @@
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="唯一主键" align="center" prop="id" />
       <!-- <el-table-column label="项目ID" align="center" prop="projectId" /> -->
-      <el-table-column label="姓名" align="center" prop="userId" />
+      <el-table-column label="姓名" align="center" prop="userId">
+         <template #default="scope">
+          {{getName(userOptions, scope.row.userId)}}
+        </template>
+      </el-table-column>
       <el-table-column label="系统占比" align="center" prop="bonusPercentage">
         <template #default="scope">
           {{(scope.row.bonusPercentage * 100).toFixed(2) + '%'}}
@@ -143,6 +147,11 @@ const handleExport = async () => {
   }
 }
 
+const getName = (opt, val) => {
+  const arr = opt.filter(v => v.id == val)
+  return arr.length ? arr[0]['nickname'] : ''
+}
+
 /** 初始化 **/
 onMounted(() => {
   getList()
diff --git a/src/views/task/components/Task.vue b/src/views/task/components/Task.vue
index 0b50d8f0c..33c5e6a6b 100644
--- a/src/views/task/components/Task.vue
+++ b/src/views/task/components/Task.vue
@@ -5,10 +5,10 @@
     <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
       <el-table-column label="序号" align="center" prop="id" />
       <el-table-column label="任务标题" align="center" prop="taskName" />
-      <el-table-column label="任务编号" align="center" prop="taskNo" />
+      <el-table-column label="任务编号" align="center" prop="taskNo" width="150" />
       <el-table-column label="任务进度" align="center" prop="taskProgress">
         <template #default="scope">
-          {{Math.floor(scope.row.taskProgress * 100)}}
+          {{Math.floor(scope.row.taskProgress * 100) +'%'}}
         </template>
       </el-table-column>
       <el-table-column label="任务状态" align="center" prop="taskStateName" />
diff --git a/src/views/task/project/index.vue b/src/views/task/project/index.vue
index 667be2520..3c7d2d442 100644
--- a/src/views/task/project/index.vue
+++ b/src/views/task/project/index.vue
@@ -122,7 +122,19 @@
       </el-table-column>
       <el-table-column label="项目开始日期" align="center" prop="startDate" width="170" />
       <el-table-column label="项目结束日期" align="center" prop="endDate" width="170" />
-      <el-table-column label="项目附件" align="center" prop="attachment" />
+      <el-table-column label="项目附件" align="center" prop="attachment">
+         <template #default="scope">
+          <el-link
+            v-if="scope.row.attachment"
+            :underline="false"
+            type="primary"
+            @click="previewFile(scope.row.attachment)"
+          >
+            预览
+          </el-link>
+          <span v-else>无附件</span>
+        </template>
+      </el-table-column>
       <el-table-column label="立项奖金评估" align="center" prop="bonusEvaluation" width="120">
         <template #default="scope">
           {{scope.row.bonusEvaluation ? '是' : '否'}}
@@ -248,8 +260,8 @@
   </ContentWrap>
 
   <!-- 表单弹窗：添加/修改 -->
-  <ProjectTaskForm ref="taskRef" @success="getList" />
-  <ProjectBonusForm ref="bonusRef" @success="getList" :userOptions="userOptions" />
+  <ProjectTaskForm ref="taskRef" @success="getList" :userOptions="userOptions" />
+  <ProjectBonusForm ref="bonusRef" @success="getList" :userOptions="userOptions" :id="projectId" />
 </template>
 
 <script setup lang="ts">
@@ -268,7 +280,7 @@ defineOptions({ name: 'Project' })
 const message = useMessage() // 消息弹窗
 const { t } = useI18n() // 国际化
 const userOptions = ref<UserApi.UserVO[]>([]) // 用户列表
-
+const projectId = ref('')
 const loading = ref(true) // 列表的加载中
 const list = ref<ProjectVO[]>([]) // 列表的数据
 const total = ref(0) // 列表的总页数
@@ -365,11 +377,32 @@ const bonusRef = ref()
 const taskRef = ref()
 
 const openAddUserForm = (row) => {
-  bonusRef.value.open(row.id)
+  projectId.value = row.id
+  bonusRef.value.open(row)
 }
 
+//预览
+const previewFile = (fileUrls) => {
+  // // 假设 fileUrls 是一个字符串，包含文件的完整 URL
+  if (!fileUrls) {
+    message.error('没有附件');
+    return;
+  }
+
+  // 检查文件类型
+  const fileExtension = fileUrls.split('.').pop().toLowerCase();
+  router.push({
+    name: 'FileTemplatePreview',
+    query: {
+      src: encodeURIComponent(fileUrls),
+      type: fileExtension
+    }
+  })
+};
+
 const handleAddTask = (row) => {
-  taskRef.value.open(row.id)
+  row.type = 'create'
+  taskRef.value.open(row)
 }
 /** 删除按钮操作 */
 const handleDelete = async (id: number) => {