From e86eddc031fdbf99e4a575cc354ca50bf19a590c Mon Sep 17 00:00:00 2001
From: Yangk <yangk@menace.com>
Date: Thu, 29 Jan 2026 15:06:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(crm/customerInfo):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7=E4=BF=A1=E6=81=AF=E5=87=BA=E5=B7=AE=E4=BA=A4?=
 =?UTF-8?q?=E6=B5=81=E8=AE=B0=E5=BD=95=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.ts                           |  13 +
 src/views/oa/crm/businessTripApply/index.vue  |  32 +-
 src/views/oa/crm/customerInfo/index.vue       | 343 +++++++++---------
 src/views/oa/crm/customerInfo/tripHistory.vue | 119 ++++++
 4 files changed, 318 insertions(+), 189 deletions(-)
 create mode 100644 src/views/oa/crm/customerInfo/tripHistory.vue

diff --git a/src/router/index.ts b/src/router/index.ts
index 837c43c..c4ee043 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -180,6 +180,19 @@ export const constantRoutes: RouteRecordRaw[] = [
         meta: { title: '项目预算申请', activeMenu: '/erp/budgetInfo' }
       }
     ]
+  },
+  {
+    path: '/customer',
+    component: Layout,
+    hidden: true,
+    children: [
+      {
+        path: 'tripHistory',
+        component: () => import('@/views/oa/crm/customerInfo/tripHistory.vue'),
+        name: 'CustomerTripHistory',
+        meta: { title: '客户出差交流记录', activeMenu: '/oa/crm/customerInfo' }
+      }
+    ]
   }
 ];
 
diff --git a/src/views/oa/crm/businessTripApply/index.vue b/src/views/oa/crm/businessTripApply/index.vue
index f20c09b..784e420 100644
--- a/src/views/oa/crm/businessTripApply/index.vue
+++ b/src/views/oa/crm/businessTripApply/index.vue
@@ -25,12 +25,12 @@
             <el-form-item label="出差地点" prop="tripLocation">
               <el-input v-model="queryParams.tripLocation" placeholder="请输入出差地点" clearable @keyup.enter="handleQuery" />
             </el-form-item>
-<!--            <el-form-item label="开始日期" prop="startTime">-->
-<!--              <el-date-picker clearable v-model="queryParams.startTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择开始日期" />-->
-<!--            </el-form-item>-->
-<!--            <el-form-item label="结束日期" prop="endTime">-->
-<!--              <el-date-picker clearable v-model="queryParams.endTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择结束日期" />-->
-<!--            </el-form-item>-->
+            <!--            <el-form-item label="开始日期" prop="startTime">-->
+            <!--              <el-date-picker clearable v-model="queryParams.startTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择开始日期" />-->
+            <!--            </el-form-item>-->
+            <!--            <el-form-item label="结束日期" prop="endTime">-->
+            <!--              <el-date-picker clearable v-model="queryParams.endTime" type="date" value-format="YYYY-MM-DD" placeholder="请选择结束日期" />-->
+            <!--            </el-form-item>-->
             <el-form-item label="业务方向" prop="businessDirection">
               <el-select v-model="queryParams.businessDirection" placeholder="请选择业务方向" clearable filterable style="width: 200px">
                 <el-option v-for="dict in business_direction" :key="dict.value" :label="dict.label" :value="dict.value" />
@@ -112,7 +112,7 @@
         <el-table-column label="出差事由" align="center" prop="tripReason" width="200" show-overflow-tooltip v-if="columns[12].visible" />
         <el-table-column label="项目ID" align="center" prop="projectId" width="80" v-if="columns[13].visible" />
         <!-- <el-table-column label="客户ID" align="center" prop="customerId" v-if="columns[14].visible" /> -->
-        <el-table-column label="交流对象" align="center" prop="exchangeObject" width="150" show-overflow-tooltip v-if="columns[15].visible" />
+        <el-table-column label="交流对象" align="center" prop="customerName" width="150" show-overflow-tooltip v-if="columns[15].visible" />
         <el-table-column label="业务方向" align="center" prop="businessDirection" width="120" v-if="columns[16].visible">
           <template #default="scope">
             <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
@@ -155,15 +155,15 @@
                 v-hasPermi="['oa/crm:businessTripApply:edit']"
               ></el-button>
             </el-tooltip>
-<!--            <el-tooltip content="删除" placement="top">-->
-<!--              <el-button-->
-<!--                link-->
-<!--                type="primary"-->
-<!--                icon="Delete"-->
-<!--                @click="handleDelete(scope.row)"-->
-<!--                v-hasPermi="['oa/crm:businessTripApply:remove']"-->
-<!--              ></el-button>-->
-<!--            </el-tooltip>-->
+            <!--            <el-tooltip content="删除" placement="top">-->
+            <!--              <el-button-->
+            <!--                link-->
+            <!--                type="primary"-->
+            <!--                icon="Delete"-->
+            <!--                @click="handleDelete(scope.row)"-->
+            <!--                v-hasPermi="['oa/crm:businessTripApply:remove']"-->
+            <!--              ></el-button>-->
+            <!--            </el-tooltip>-->
           </template>
         </el-table-column>
       </el-table>
diff --git a/src/views/oa/crm/customerInfo/index.vue b/src/views/oa/crm/customerInfo/index.vue
index d9dc56e..1016f11 100644
--- a/src/views/oa/crm/customerInfo/index.vue
+++ b/src/views/oa/crm/customerInfo/index.vue
@@ -11,33 +11,33 @@
               <el-input v-model="queryParams.mnemonicName" placeholder="请输入助记名称" clearable @keyup.enter="handleQuery" />
             </el-form-item>
             <el-form-item label="所属行业" prop="industryId">
-              <el-select v-model="queryParams.industryId" placeholder="请选择所属行业" clearable >
-                <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.industryId" placeholder="请选择所属行业" clearable>
+                <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="客户类型" prop="customerType">
-              <el-select v-model="queryParams.customerType" placeholder="请选择客户类型" clearable >
-                <el-option v-for="dict in customer_type" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.customerType" placeholder="请选择客户类型" clearable>
+                <el-option v-for="dict in customer_type" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="客户状态" prop="customerStatus">
-              <el-select v-model="queryParams.customerStatus" placeholder="请选择客户状态" clearable >
-                <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.customerStatus" placeholder="请选择客户状态" clearable>
+                <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="客户级别" prop="customerLevel">
-              <el-select v-model="queryParams.customerLevel" placeholder="请选择客户级别" clearable >
-                <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.customerLevel" placeholder="请选择客户级别" clearable>
+                <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="客户来源" prop="customerSource">
-              <el-select v-model="queryParams.customerSource" placeholder="请选择客户来源" clearable >
-                <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.customerSource" placeholder="请选择客户来源" clearable>
+                <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item label="企业规模" prop="customerScale">
-              <el-select v-model="queryParams.customerScale" placeholder="请选择企业规模" clearable >
-                <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label" :value="dict.value"/>
+              <el-select v-model="queryParams.customerScale" placeholder="请选择企业规模" clearable>
+                <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label" :value="dict.value" />
               </el-select>
             </el-form-item>
             <el-form-item>
@@ -56,10 +56,14 @@
             <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['oa/crm:customerInfo:add']">新增</el-button>
           </el-col>
           <el-col :span="1.5">
-            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/crm:customerInfo:edit']">修改</el-button>
+            <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()" v-hasPermi="['oa/crm:customerInfo:edit']"
+              >修改</el-button
+            >
           </el-col>
           <el-col :span="1.5">
-            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/crm:customerInfo:remove']">删除</el-button>
+            <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()" v-hasPermi="['oa/crm:customerInfo:remove']"
+              >删除</el-button
+            >
           </el-col>
           <el-col :span="1.5">
             <el-button type="warning" plain icon="Download" @click="handleExport" v-hasPermi="['oa/crm:customerInfo:export']">导出</el-button>
@@ -70,58 +74,85 @@
 
       <el-table v-loading="loading" border :data="customerInfoList" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="客户ID" align="center" prop="customerId" width="80" v-if="columns[0].visible"/>
-        <el-table-column label="客户名称" align="center" prop="customerName" width="200" v-if="columns[2].visible" show-overflow-tooltip/>
-        <el-table-column label="助记名称" align="center" prop="mnemonicName" width="130" v-if="columns[3].visible" show-overflow-tooltip/>
+        <el-table-column label="客户ID" align="center" prop="customerId" width="80" v-if="columns[0].visible" />
+        <el-table-column label="客户名称" align="center" prop="customerName" width="200" v-if="columns[2].visible" show-overflow-tooltip>
+          <template #default="scope">
+            <el-link type="primary" underline @click="handleTripHistory(scope.row)">
+              {{ scope.row.customerName }}
+            </el-link>
+          </template>
+        </el-table-column>
+        <el-table-column label="助记名称" align="center" prop="mnemonicName" width="130" v-if="columns[3].visible" show-overflow-tooltip />
         <el-table-column label="所属行业" align="center" prop="industryId" width="110" v-if="columns[4].visible">
           <template #default="scope">
-            <dict-tag :options="industry_id" :value="scope.row.industryId"/>
+            <dict-tag :options="industry_id" :value="scope.row.industryId" />
           </template>
         </el-table-column>
         <el-table-column label="客户类型" align="center" prop="customerType" width="110" v-if="columns[5].visible">
           <template #default="scope">
-            <dict-tag :options="customer_type" :value="scope.row.customerType"/>
+            <dict-tag :options="customer_type" :value="scope.row.customerType" />
           </template>
         </el-table-column>
         <el-table-column label="客户状态" align="center" prop="customerStatus" width="120" v-if="columns[6].visible">
           <template #default="scope">
-            <dict-tag :options="customer_status" :value="scope.row.customerStatus"/>
+            <dict-tag :options="customer_status" :value="scope.row.customerStatus" />
           </template>
         </el-table-column>
         <el-table-column label="客户级别" align="center" prop="customerLevel" width="110" v-if="columns[7].visible">
           <template #default="scope">
-            <dict-tag :options="customer_level" :value="scope.row.customerLevel"/>
+            <dict-tag :options="customer_level" :value="scope.row.customerLevel" />
           </template>
         </el-table-column>
         <el-table-column label="客户来源" align="center" prop="customerSource" width="130" v-if="columns[8].visible">
           <template #default="scope">
-            <dict-tag :options="customer_source" :value="scope.row.customerSource"/>
+            <dict-tag :options="customer_source" :value="scope.row.customerSource" />
           </template>
         </el-table-column>
-        <el-table-column label="客户经理" align="center" prop="ownerName" width="120" v-if="columns[9].visible" show-overflow-tooltip/>
-        <el-table-column label="办公地" align="center" prop="detailedAddress" width="200" v-if="columns[10].visible" show-overflow-tooltip/>
-        <el-table-column label="注册地" align="center" prop="registeredAddress" width="200" v-if="columns[28].visible" show-overflow-tooltip/>
-        <el-table-column label="商务联系人" align="center" prop="businessContact" width="120" v-if="columns[29].visible" show-overflow-tooltip/>
-        <el-table-column label="商务联系人电话" align="center" prop="businessContactPhone" width="150" v-if="columns[30].visible" show-overflow-tooltip/>
-        <el-table-column label="技术联系人" align="center" prop="technicalContact" width="120" v-if="columns[31].visible" show-overflow-tooltip/>
-        <el-table-column label="技术联系人电话" align="center" prop="technicalContactPhone" width="150" v-if="columns[32].visible" show-overflow-tooltip/>
+        <el-table-column label="客户经理" align="center" prop="ownerName" width="120" v-if="columns[9].visible" show-overflow-tooltip />
+        <el-table-column label="办公地" align="center" prop="detailedAddress" width="200" v-if="columns[10].visible" show-overflow-tooltip />
+        <el-table-column label="注册地" align="center" prop="registeredAddress" width="200" v-if="columns[28].visible" show-overflow-tooltip />
+        <el-table-column label="商务联系人" align="center" prop="businessContact" width="120" v-if="columns[29].visible" show-overflow-tooltip />
+        <el-table-column
+          label="商务联系人电话"
+          align="center"
+          prop="businessContactPhone"
+          width="150"
+          v-if="columns[30].visible"
+          show-overflow-tooltip
+        />
+        <el-table-column label="技术联系人" align="center" prop="technicalContact" width="120" v-if="columns[31].visible" show-overflow-tooltip />
+        <el-table-column
+          label="技术联系人电话"
+          align="center"
+          prop="technicalContactPhone"
+          width="150"
+          v-if="columns[32].visible"
+          show-overflow-tooltip
+        />
         <el-table-column label="企业规模" align="center" prop="customerScale" width="120" v-if="columns[11].visible">
           <template #default="scope">
-            <dict-tag :options="customer_scale" :value="scope.row.customerScale"/>
+            <dict-tag :options="customer_scale" :value="scope.row.customerScale" />
           </template>
         </el-table-column>
-        <el-table-column label="上级客户" align="center" prop="parentCustomerId" width="100" v-if="columns[12].visible"/>
-        <el-table-column label="客户关系" align="center" prop="customerRelationship" width="120" v-if="columns[13].visible" show-overflow-tooltip/>
-        <el-table-column label="法定代表人" align="center" prop="legalRepresentative" width="130" v-if="columns[14].visible" show-overflow-tooltip/>
-        <el-table-column label="营业执照号码" align="center" prop="businessLicenseNumber" width="150" v-if="columns[15].visible" show-overflow-tooltip/>
-        <el-table-column label="税号" align="center" prop="taxNumber" width="150" v-if="columns[16].visible" show-overflow-tooltip/>
-        <el-table-column label="开户银行" align="center" prop="bankAccountOpening" width="180" v-if="columns[17].visible" show-overflow-tooltip/>
-        <el-table-column label="银行账号" align="center" prop="bankNumber" width="180" v-if="columns[18].visible" show-overflow-tooltip/>
-        <el-table-column label="附件ID" align="center" prop="ossId" width="100" v-if="columns[19].visible"/>
-        <el-table-column label="备注" align="center" prop="remark" width="200" v-if="columns[20].visible" show-overflow-tooltip/>
+        <el-table-column label="上级客户" align="center" prop="parentCustomerId" width="100" v-if="columns[12].visible" />
+        <el-table-column label="客户关系" align="center" prop="customerRelationship" width="120" v-if="columns[13].visible" show-overflow-tooltip />
+        <el-table-column label="法定代表人" align="center" prop="legalRepresentative" width="130" v-if="columns[14].visible" show-overflow-tooltip />
+        <el-table-column
+          label="营业执照号码"
+          align="center"
+          prop="businessLicenseNumber"
+          width="150"
+          v-if="columns[15].visible"
+          show-overflow-tooltip
+        />
+        <el-table-column label="税号" align="center" prop="taxNumber" width="150" v-if="columns[16].visible" show-overflow-tooltip />
+        <el-table-column label="开户银行" align="center" prop="bankAccountOpening" width="180" v-if="columns[17].visible" show-overflow-tooltip />
+        <el-table-column label="银行账号" align="center" prop="bankNumber" width="180" v-if="columns[18].visible" show-overflow-tooltip />
+        <el-table-column label="附件ID" align="center" prop="ossId" width="100" v-if="columns[19].visible" />
+        <el-table-column label="备注" align="center" prop="remark" width="200" v-if="columns[20].visible" show-overflow-tooltip />
         <el-table-column label="激活标识" align="center" prop="activeFlag" width="100" v-if="columns[21].visible">
           <template #default="scope">
-            <dict-tag :options="active_flag" :value="scope.row.activeFlag"/>
+            <dict-tag :options="active_flag" :value="scope.row.activeFlag" />
           </template>
         </el-table-column>
         <el-table-column label="操作" align="center" fixed="right" width="180" class-name="small-padding fixed-width">
@@ -160,24 +191,14 @@
           <el-col :span="12">
             <el-form-item label="所属行业" prop="industryId">
               <el-select v-model="form.industryId" placeholder="请选择所属行业" style="width: 100%">
-                <el-option
-                  v-for="dict in industry_id"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in industry_id" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="客户类型" prop="customerType">
               <el-select v-model="form.customerType" placeholder="请选择客户类型" style="width: 100%">
-                <el-option
-                  v-for="dict in customer_type"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in customer_type" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -186,24 +207,14 @@
           <el-col :span="12">
             <el-form-item label="客户状态" prop="customerStatus">
               <el-select v-model="form.customerStatus" placeholder="请选择客户状态" style="width: 100%">
-                <el-option
-                  v-for="dict in customer_status"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in customer_status" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="客户级别" prop="customerLevel">
               <el-select v-model="form.customerLevel" placeholder="请选择客户级别" style="width: 100%">
-                <el-option
-                  v-for="dict in customer_level"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in customer_level" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -212,12 +223,7 @@
           <el-col :span="12">
             <el-form-item label="客户来源" prop="customerSource">
               <el-select v-model="form.customerSource" placeholder="请选择客户来源" style="width: 100%">
-                <el-option
-                  v-for="dict in customer_source"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in customer_source" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -233,12 +239,7 @@
                 style="width: 100%"
                 clearable
               >
-                <el-option
-                  v-for="user in userOptions"
-                  :key="user.userId"
-                  :label="user.nickName"
-                  :value="user.userId"
-                >
+                <el-option v-for="user in userOptions" :key="user.userId" :label="user.nickName" :value="user.userId">
                   <span style="float: left">{{ user.nickName }}</span>
                   <span style="float: right; color: #8492a6; font-size: 13px">{{ user.userName }}</span>
                 </el-option>
@@ -288,12 +289,7 @@
           <el-col :span="12">
             <el-form-item label="企业规模" prop="customerScale">
               <el-select v-model="form.customerScale" placeholder="请选择企业规模" style="width: 100%">
-                <el-option
-                  v-for="dict in customer_scale"
-                  :key="dict.value"
-                  :label="dict.label"
-                  :value="parseInt(dict.value)"
-                ></el-option>
+                <el-option v-for="dict in customer_scale" :key="dict.value" :label="dict.label" :value="parseInt(dict.value)"></el-option>
               </el-select>
             </el-form-item>
           </el-col>
@@ -307,12 +303,7 @@
                 style="width: 100%"
                 clearable
               >
-                <el-option
-                  v-for="customer in customerOptions"
-                  :key="customer.customerId"
-                  :label="customer.customerName"
-                  :value="customer.customerId"
-                >
+                <el-option v-for="customer in customerOptions" :key="customer.customerId" :label="customer.customerName" :value="customer.customerId">
                   <span style="float: left">{{ customer.customerName }}</span>
                   <span style="float: right; color: #8492a6; font-size: 13px">{{ customer.mnemonicName }}</span>
                 </el-option>
@@ -370,15 +361,15 @@
             </el-form-item>
           </el-col>
         </el-row>
-<!--        <el-form-item label="激活标识" prop="activeFlag">-->
-<!--          <el-radio-group v-model="form.activeFlag">-->
-<!--            <el-radio-->
-<!--              v-for="dict in active_flag"-->
-<!--              :key="dict.value"-->
-<!--              :value="dict.value"-->
-<!--            >{{dict.label}}</el-radio>-->
-<!--          </el-radio-group>-->
-<!--        </el-form-item>-->
+        <!--        <el-form-item label="激活标识" prop="activeFlag">-->
+        <!--          <el-radio-group v-model="form.activeFlag">-->
+        <!--            <el-radio-->
+        <!--              v-for="dict in active_flag"-->
+        <!--              :key="dict.value"-->
+        <!--              :value="dict.value"-->
+        <!--            >{{dict.label}}</el-radio>-->
+        <!--          </el-radio-group>-->
+        <!--        </el-form-item>-->
       </el-form>
       <template #footer>
         <div class="dialog-footer">
@@ -392,38 +383,36 @@
     <el-dialog title="客户关系" v-model="relationDialog.visible" width="1000px" append-to-body>
       <div v-loading="relationLoading">
         <!-- 当前客户信息卡片 -->
-        <el-card shadow="hover" style="margin-bottom: 20px;">
+        <el-card shadow="hover" style="margin-bottom: 20px">
           <template #header>
-            <div style="display: flex; align-items: center; justify-content: space-between;">
-              <span style="font-size: 16px; font-weight: bold; color: #409EFF;">
-                当前客户
-              </span>
+            <div style="display: flex; align-items: center; justify-content: space-between">
+              <span style="font-size: 16px; font-weight: bold; color: #409eff"> 当前客户 </span>
             </div>
           </template>
           <el-descriptions :column="3" border>
             <el-descriptions-item label="客户名称" :span="2">
-              <strong style="font-size: 16px; color: #303133;">{{ currentCustomer.customerName }}</strong>
+              <strong style="font-size: 16px; color: #303133">{{ currentCustomer.customerName }}</strong>
             </el-descriptions-item>
             <el-descriptions-item label="助记名称">
               {{ currentCustomer.mnemonicName || '-' }}
             </el-descriptions-item>
             <el-descriptions-item label="客户类型">
-              <dict-tag :options="customer_type" :value="currentCustomer.customerType"/>
+              <dict-tag :options="customer_type" :value="currentCustomer.customerType" />
             </el-descriptions-item>
             <el-descriptions-item label="客户状态">
-              <dict-tag :options="customer_status" :value="currentCustomer.customerStatus"/>
+              <dict-tag :options="customer_status" :value="currentCustomer.customerStatus" />
             </el-descriptions-item>
             <el-descriptions-item label="客户级别">
-              <dict-tag :options="customer_level" :value="currentCustomer.customerLevel"/>
+              <dict-tag :options="customer_level" :value="currentCustomer.customerLevel" />
             </el-descriptions-item>
             <el-descriptions-item label="客户经理">
               {{ currentCustomer.ownerName || '-' }}
             </el-descriptions-item>
             <el-descriptions-item label="所属行业">
-              <dict-tag :options="industry_id" :value="currentCustomer.industryId"/>
+              <dict-tag :options="industry_id" :value="currentCustomer.industryId" />
             </el-descriptions-item>
             <el-descriptions-item label="企业规模">
-              <dict-tag :options="customer_scale" :value="currentCustomer.customerScale"/>
+              <dict-tag :options="customer_scale" :value="currentCustomer.customerScale" />
             </el-descriptions-item>
           </el-descriptions>
         </el-card>
@@ -434,10 +423,8 @@
           <el-col :span="12">
             <el-card shadow="hover">
               <template #header>
-                <div style="display: flex; align-items: center; justify-content: space-between;">
-                  <span style="font-size: 14px; font-weight: bold;">
-                    上级客户
-                  </span>
+                <div style="display: flex; align-items: center; justify-content: space-between">
+                  <span style="font-size: 14px; font-weight: bold"> 上级客户 </span>
                   <el-tag type="success" size="small">{{ parentCustomerList.length }} 个</el-tag>
                 </div>
               </template>
@@ -445,31 +432,31 @@
                 <el-table :data="parentCustomerList" border size="small" max-height="400">
                   <el-table-column label="客户名称" prop="customerName" min-width="150" show-overflow-tooltip>
                     <template #default="scope">
-                      <el-link type="primary" @click="handleViewRelation(scope.row)" style="font-weight: 500;">
+                      <el-link type="primary" @click="handleViewRelation(scope.row)" style="font-weight: 500">
                         {{ scope.row.customerName }}
                       </el-link>
                     </template>
                   </el-table-column>
-                  <el-table-column label="助记名称" prop="mnemonicName" width="120" show-overflow-tooltip/>
+                  <el-table-column label="助记名称" prop="mnemonicName" width="120" show-overflow-tooltip />
                   <el-table-column label="客户类型" prop="customerType" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_type" :value="scope.row.customerType"/>
+                      <dict-tag :options="customer_type" :value="scope.row.customerType" />
                     </template>
                   </el-table-column>
                   <el-table-column label="客户状态" prop="customerStatus" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_status" :value="scope.row.customerStatus"/>
+                      <dict-tag :options="customer_status" :value="scope.row.customerStatus" />
                     </template>
                   </el-table-column>
                   <el-table-column label="客户级别" prop="customerLevel" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_level" :value="scope.row.customerLevel"/>
+                      <dict-tag :options="customer_level" :value="scope.row.customerLevel" />
                     </template>
                   </el-table-column>
-                  <el-table-column label="客户经理" prop="ownerName" width="100" show-overflow-tooltip/>
+                  <el-table-column label="客户经理" prop="ownerName" width="100" show-overflow-tooltip />
                 </el-table>
               </div>
-              <el-empty v-else description="暂无上级客户" :image-size="60" style="padding: 40px 0;">
+              <el-empty v-else description="暂无上级客户" :image-size="60" style="padding: 40px 0">
                 <el-text type="info" size="small">该客户没有上级客户</el-text>
               </el-empty>
             </el-card>
@@ -479,10 +466,8 @@
           <el-col :span="12">
             <el-card shadow="hover">
               <template #header>
-                <div style="display: flex; align-items: center; justify-content: space-between;">
-                  <span style="font-size: 14px; font-weight: bold;">
-                    下级客户
-                  </span>
+                <div style="display: flex; align-items: center; justify-content: space-between">
+                  <span style="font-size: 14px; font-weight: bold"> 下级客户 </span>
                   <el-tag type="warning" size="small">{{ childCustomerList.length }} 个</el-tag>
                 </div>
               </template>
@@ -490,31 +475,31 @@
                 <el-table :data="childCustomerList" border size="small" max-height="400">
                   <el-table-column label="客户名称" prop="customerName" min-width="150" show-overflow-tooltip>
                     <template #default="scope">
-                      <el-link type="primary" @click="handleViewRelation(scope.row)" style="font-weight: 500;">
+                      <el-link type="primary" @click="handleViewRelation(scope.row)" style="font-weight: 500">
                         {{ scope.row.customerName }}
                       </el-link>
                     </template>
                   </el-table-column>
-                  <el-table-column label="助记名称" prop="mnemonicName" width="120" show-overflow-tooltip/>
+                  <el-table-column label="助记名称" prop="mnemonicName" width="120" show-overflow-tooltip />
                   <el-table-column label="客户类型" prop="customerType" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_type" :value="scope.row.customerType"/>
+                      <dict-tag :options="customer_type" :value="scope.row.customerType" />
                     </template>
                   </el-table-column>
                   <el-table-column label="客户状态" prop="customerStatus" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_status" :value="scope.row.customerStatus"/>
+                      <dict-tag :options="customer_status" :value="scope.row.customerStatus" />
                     </template>
                   </el-table-column>
                   <el-table-column label="客户级别" prop="customerLevel" width="100">
                     <template #default="scope">
-                      <dict-tag :options="customer_level" :value="scope.row.customerLevel"/>
+                      <dict-tag :options="customer_level" :value="scope.row.customerLevel" />
                     </template>
                   </el-table-column>
-                  <el-table-column label="客户经理" prop="ownerName" width="100" show-overflow-tooltip/>
+                  <el-table-column label="客户经理" prop="ownerName" width="100" show-overflow-tooltip />
                 </el-table>
               </div>
-              <el-empty v-else description="暂无下级客户" :image-size="60" style="padding: 40px 0;">
+              <el-empty v-else description="暂无下级客户" :image-size="60" style="padding: 40px 0">
                 <el-text type="info" size="small">该客户没有下级客户</el-text>
               </el-empty>
             </el-card>
@@ -545,8 +530,12 @@ import { listUser, optionSelect } from '@/api/system/user';
 import { UserVO } from '@/api/system/user/types';
 import FileUpload from '@/components/FileUpload/index.vue';
 
+const router = useRouter();
+
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-const { customer_type, active_flag, industry_id, customer_source, customer_scale, customer_status, customer_level } = toRefs<any>(proxy?.useDict('customer_type', 'active_flag', 'industry_id', 'customer_source', 'customer_scale', 'customer_status', 'customer_level'));
+const { customer_type, active_flag, industry_id, customer_source, customer_scale, customer_status, customer_level } = toRefs<any>(
+  proxy?.useDict('customer_type', 'active_flag', 'industry_id', 'customer_source', 'customer_scale', 'customer_status', 'customer_level')
+);
 
 const customerInfoList = ref<CustomerInfoVO[]>([]);
 const buttonLoading = ref(false);
@@ -655,10 +644,10 @@ const initFormData: CustomerInfoForm = {
   ossId: undefined,
   remark: undefined,
   activeFlag: undefined,
-  ourCompanyFlag: undefined,
-}
+  ourCompanyFlag: undefined
+};
 const data = reactive<PageData<CustomerInfoForm, CustomerInfoQuery>>({
-  form: {...initFormData},
+  form: { ...initFormData },
   queryParams: {
     pageNum: 1,
     pageSize: 10,
@@ -687,11 +676,9 @@ const data = reactive<PageData<CustomerInfoForm, CustomerInfoQuery>>({
     ossId: undefined,
     activeFlag: undefined,
     ourCompanyFlag: '0',
-    params: {
-    }
+    params: {}
   },
-  rules: {
-  }
+  rules: {}
 });
 
 const { queryParams, form, rules } = toRefs(data);
@@ -703,40 +690,40 @@ const getList = async () => {
   customerInfoList.value = res.rows;
   total.value = res.total;
   loading.value = false;
-}
+};
 
 /** 取消按钮 */
 const cancel = () => {
   reset();
   dialog.visible = false;
-}
+};
 
 /** 表单重置 */
 const reset = () => {
-  form.value = {...initFormData};
+  form.value = { ...initFormData };
   customerInfoFormRef.value?.resetFields();
   userOptions.value = [];
   customerOptions.value = [];
-}
+};
 
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
   getList();
-}
+};
 
 /** 重置按钮操作 */
 const resetQuery = () => {
   queryFormRef.value?.resetFields();
   handleQuery();
-}
+};
 
 /** 多选框选中数据 */
 const handleSelectionChange = (selection: CustomerInfoVO[]) => {
-  ids.value = selection.map(item => item.customerId);
+  ids.value = selection.map((item) => item.customerId);
   single.value = selection.length != 1;
   multiple.value = !selection.length;
-}
+};
 
 /** 加载客户列表 */
 const loadCustomerList = async () => {
@@ -744,9 +731,7 @@ const loadCustomerList = async () => {
   try {
     const res = await getCrmCustomerInfoList(null);
     // 过滤掉当前正在编辑的客户（避免选择自己作为上级）
-    const filteredList = res.data?.filter((customer: CustomerInfoVO) =>
-      customer.customerId !== form.value.customerId
-    ) || [];
+    const filteredList = res.data?.filter((customer: CustomerInfoVO) => customer.customerId !== form.value.customerId) || [];
     customerOptions.value = filteredList;
   } catch (error) {
     console.error('加载客户列表失败:', error);
@@ -754,7 +739,7 @@ const loadCustomerList = async () => {
   } finally {
     customerLoading.value = false;
   }
-}
+};
 
 /** 新增按钮操作 */
 const handleAdd = async () => {
@@ -763,22 +748,20 @@ const handleAdd = async () => {
   customerOptions.value = [];
   await loadCustomerList();
   dialog.visible = true;
-  dialog.title = "添加客户信息";
-}
+  dialog.title = '添加客户信息';
+};
 
 /** 修改按钮操作 */
 const handleUpdate = async (row?: CustomerInfoVO) => {
   reset();
-  const _customerId = row?.customerId || ids.value[0]
+  const _customerId = row?.customerId || ids.value[0];
   const res = await getCustomerInfo(_customerId);
   Object.assign(form.value, res.data);
   // 加载客户列表
   await loadCustomerList();
   // 如果已选上级客户不在列表中（可能被过滤），需要单独加载
   if (form.value.parentCustomerId) {
-    const exists = customerOptions.value.some(
-      (customer: CustomerInfoVO) => customer.customerId === form.value.parentCustomerId
-    );
+    const exists = customerOptions.value.some((customer: CustomerInfoVO) => customer.customerId === form.value.parentCustomerId);
     if (!exists) {
       try {
         const customerRes = await getCustomerInfo(form.value.parentCustomerId);
@@ -795,8 +778,8 @@ const handleUpdate = async (row?: CustomerInfoVO) => {
     await loadSelectedUser(form.value.ownerId);
   }
   dialog.visible = true;
-  dialog.title = "修改客户信息";
-}
+  dialog.title = '修改客户信息';
+};
 
 /** 加载已选用户信息 */
 const loadSelectedUser = async (userId: string | number) => {
@@ -808,7 +791,7 @@ const loadSelectedUser = async (userId: string | number) => {
   } catch (error) {
     console.error('加载用户信息失败:', error);
   }
-}
+};
 
 /** 远程搜索用户 */
 const remoteUserMethod = async (query: string) => {
@@ -835,8 +818,7 @@ const remoteUserMethod = async (query: string) => {
       await loadSelectedUser(form.value.ownerId);
     }
   }
-}
-
+};
 
 /** 提交按钮 */
 const submitForm = () => {
@@ -844,32 +826,36 @@ const submitForm = () => {
     if (valid) {
       buttonLoading.value = true;
       if (form.value.customerId) {
-        await updateCustomerInfo(form.value).finally(() =>  buttonLoading.value = false);
+        await updateCustomerInfo(form.value).finally(() => (buttonLoading.value = false));
       } else {
-        await addCustomerInfo(form.value).finally(() =>  buttonLoading.value = false);
+        await addCustomerInfo(form.value).finally(() => (buttonLoading.value = false));
       }
-      proxy?.$modal.msgSuccess("操作成功");
+      proxy?.$modal.msgSuccess('操作成功');
       dialog.visible = false;
       await getList();
     }
   });
-}
+};
 
 /** 删除按钮操作 */
 const handleDelete = async (row?: CustomerInfoVO) => {
   const _customerIds = row?.customerId || ids.value;
-  await proxy?.$modal.confirm('是否确认删除客户信息编号为"' + _customerIds + '"的数据项？').finally(() => loading.value = false);
+  await proxy?.$modal.confirm('是否确认删除客户信息编号为"' + _customerIds + '"的数据项？').finally(() => (loading.value = false));
   await delCustomerInfo(_customerIds);
-  proxy?.$modal.msgSuccess("删除成功");
+  proxy?.$modal.msgSuccess('删除成功');
   await getList();
-}
+};
 
 /** 导出按钮操作 */
 const handleExport = () => {
-  proxy?.download('oa/crm/customerInfo/export', {
-    ...queryParams.value
-  }, `customerInfo_${new Date().getTime()}.xlsx`)
-}
+  proxy?.download(
+    'oa/crm/customerInfo/export',
+    {
+      ...queryParams.value
+    },
+    `customerInfo_${new Date().getTime()}.xlsx`
+  );
+};
 
 /** 查看客户关系 */
 const handleViewRelation = async (row: CustomerInfoVO) => {
@@ -907,7 +893,18 @@ const handleViewRelation = async (row: CustomerInfoVO) => {
     relationLoading.value = false;
     relationDialog.visible = true;
   }
-}
+};
+
+/** 查看客户出差交流记录 */
+const handleTripHistory = (row: CustomerInfoVO) => {
+  router.push({
+    path: '/customer/tripHistory',
+    query: {
+      customerId: row.customerId,
+      customerName: row.customerName
+    }
+  });
+};
 
 onMounted(() => {
   getList();
diff --git a/src/views/oa/crm/customerInfo/tripHistory.vue b/src/views/oa/crm/customerInfo/tripHistory.vue
new file mode 100644
index 0000000..e640662
--- /dev/null
+++ b/src/views/oa/crm/customerInfo/tripHistory.vue
@@ -0,0 +1,119 @@
+<template>
+  <div class="p-2">
+    <el-card shadow="never">
+      <template #header>
+        <div class="flex justify-between items-center">
+          <span class="card-title">{{ customerName }} - 市场交流出差记录</span>
+          <el-button type="primary" plain icon="Back" @click="goBack">返回客户列表</el-button>
+        </div>
+      </template>
+
+      <el-table v-loading="loading" border :data="tripList">
+        <el-table-column label="申请编号" align="center" prop="applyCode" width="140" />
+        <el-table-column label="申请人" align="center" prop="applicantName" width="100" />
+        <el-table-column label="部门" align="center" prop="deptName" width="120" />
+        <el-table-column label="出差地点" align="center" prop="tripLocation" width="150" />
+        <el-table-column label="开始日期" align="center" prop="startTime" width="110">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="结束日期" align="center" prop="endTime" width="110">
+          <template #default="scope">
+            <span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="时长(天)" align="center" prop="durationDays" width="80" />
+        <el-table-column label="业务方向" align="center" prop="businessDirection" width="120">
+          <template #default="scope">
+            <dict-tag :options="business_direction" :value="scope.row.businessDirection" />
+          </template>
+        </el-table-column>
+        <el-table-column label="交流目的" align="center" prop="exchangePurpose" width="150" show-overflow-tooltip />
+        <el-table-column label="交流过程简述" align="center" prop="exchangeProcess" width="200" show-overflow-tooltip />
+        <el-table-column label="结果反馈" align="center" prop="feedback" width="200" show-overflow-tooltip />
+        <el-table-column label="流程状态" align="center" prop="flowStatus" width="100">
+          <template #default="scope">
+            <el-tag v-if="scope.row.flowStatus === 'finish'" type="success">已完成</el-tag>
+            <el-tag v-else-if="scope.row.flowStatus === 'running'" type="warning">审批中</el-tag>
+            <el-tag v-else-if="scope.row.flowStatus === 'draft'" type="info">草稿</el-tag>
+            <el-tag v-else-if="scope.row.flowStatus === 'back'" type="danger">已退回</el-tag>
+            <el-tag v-else type="info">{{ scope.row.flowStatus }}</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="备注" align="center" prop="remark" width="200" show-overflow-tooltip />
+        <el-table-column label="操作" align="center" fixed="right" width="100">
+          <template #default="scope">
+            <el-button link type="primary" @click="handleView(scope.row)">查看详情</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
+    </el-card>
+  </div>
+</template>
+
+<script setup name="CustomerTripHistory" lang="ts">
+import { listBusinessTripApply } from '@/api/oa/crm/businessTripApply';
+import { BusinessTripApplyVO } from '@/api/oa/crm/businessTripApply/types';
+
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+const route = useRoute();
+const router = useRouter();
+const { business_direction } = toRefs<any>(proxy?.useDict('business_direction'));
+
+const loading = ref(false);
+const tripList = ref<BusinessTripApplyVO[]>([]);
+const total = ref(0);
+const customerId = ref<string | number>('');
+const customerName = ref<string>('');
+
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 20,
+  tripType: '2', // 市场交流类型
+  customerId: undefined as string | number | undefined
+});
+
+/** 获取出差记录列表 */
+const getList = async () => {
+  loading.value = true;
+  try {
+    const res = await listBusinessTripApply(queryParams.value);
+    tripList.value = res.rows;
+    total.value = res.total;
+  } catch (error) {
+    console.error('查询出差记录失败:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+/** 查看详情 */
+const handleView = (row: BusinessTripApplyVO) => {
+  router.push({
+    path: '/tripapply/businessTripApply/edit',
+    query: {
+      id: row.tripId,
+      type: 'view'
+    }
+  });
+};
+
+/** 返回客户列表 */
+const goBack = () => {
+  router.push('/crm/customerInfo');
+};
+
+onMounted(() => {
+  // 获取路由参数
+  customerId.value = route.query.customerId as string;
+  customerName.value = (route.query.customerName as string) || '未知客户';
+  queryParams.value.customerId = customerId.value;
+
+  if (customerId.value) {
+    getList();
+  }
+});
+</script>