fix: 线索列表联调接口 新增数据修改 详情调接口

src/api/market-manage/clue-management/index.js

@@ -0,0 +1,16 @@
+import { get } from 'store';
+import { getRequest, postRequest } from '/src/lib/axios';
+
+export const clientManageApi = {
+    /**
+     * 查询委托方表头数据 @author wzs
+     */
+    getQueryList: (id) => {
+        return getRequest(`/supports/clue/query/${id}`);
+    },
+
+    // 上传附件
+    uploadDocument: (params) => {
+        return postRequest(`social/upload`, params);
+    },
+};

src/views/market-manage/external-manage/clue-management/clue-list/index.vue

@@ -28,65 +28,65 @@ const {
   getTablePropsValue: getValue,
 } = useBsTable({
   tableOptions: {
-    // url:''
+    url: '/supports/clue/queryPage',
     gridOptions: {
       // data:[],
       loading: false,
       columns: [
         {
-          field: 'id',
+          field: 'projectName',
           title: '项目名称',
         },
         {
-          field: 'name',
+          field: 'projectId',
           title: '项目ID',
         },
         {
-          field: 'name1',
+          field: 'projectAddress',
           title: '项目地址',
         },
         {
-          field: 'name2',
+          field: 'projectStatus',
           title: '项目状态',
         },
         {
-          field: 'name',
+          field: 'lessor',
           title: '甲方',
         },
         {
-          field: 'name',
+          field: 'tenderDate',
           title: '预计招标日期',
         },
         {
-          field: 'name',
+          field: 'projectBudgets',
           title: '概算金额(万)',
         },
         {
-          field: 'name',
+          field: 'factory',
           title: '分厂/几期/机组',
         },
         {
-          field: 'name',
+          field: 'projectSource',
           title: '项目来源',
         },
         {
-          field: 'name',
+          field: 'projectType',
           title: '项目类型',
         },
         {
-          field: 'name',
+          field: 'engineeringAttribute',
           title: '工程属性',
         },
         {
-          field: 'name',
+          field: 'businessType',
           title: '业务类型',
         },
         {
-          field: 'name',
+          field: 'belongMarketer',
           title: '归属营销经理',
         },
         {
-          field: 'name',
+          field: 'belongMarketingDepartment',
           title: '归属营销部门',
         },
         {
@@ -126,20 +126,34 @@ const {
       fieldSpan: 4,
       fields: [
         {
-          field: 'name',
-          label: '',
+          field:'projectName',
           component: 'a-input',
           componentProps: {
             placeholder: '请输入项目名称',
           },
         },
+        {
+          field:'projectId',
+          component: 'a-input',
+          componentProps: {
+            placeholder: '请输入项目ID',
+          },
+        },
+        {
+          field: 'projectAddress',
+          component: 'a-select',
+          componentProps: {
+            placeholder: '请选择地址',
+          },
+        },
+        {
+          field: 'status',
+          component: 'a-select',
+          componentProps: {
+            placeholder: '请选择项目状态',
+          },
+        },
       ],
-      onSearch() {
-        fetchTableData();
-      },
-      onReset() {
-        fetchTableData();
-      },
     },
     pagerConfig: {
       enabled: true,
@@ -147,71 +161,16 @@ const {
       pageNum: 1,
       total: 0,
     },
-    toolbarConfig: {
-      onRefresh() {
-        fetchTableData();
-      },
-    },
   },
 });
 const goDetailPage = (record) => {
   router.push({
     path: "/market-manage/external-manage/clue-management/view-details",
     query: {
-      data: JSON.stringify(record)
+      id: record.id
     }
   });
-  // router.push('/market-manage/external-manage/clue-management/view-details');
 }
-const getSearchParams = () => {
-  return getValue('searchConfig.data');
-};
-const getPageInfo = () => {
-  return pick(getValue('pagerConfig.pageInfo'), ['pageNum', 'pageSize']);
-};
-const fetchTableData = () => {
-  setValue('gridOptions.loading', true);
-
-  const params = {
-    ...getSearchParams(),
-    ...getPageInfo(),
-  };
-  //
-  // clientManageApi.interventionsList(params).then((res) => {
-  //   console.log('res', res);
-  //   setValue('gridOptions.data', res.data.list);
-  // });
-
-  const TableDate = [
-    {
-      id: '1111111',
-      name: 'John Doe',
-      name1: '1212212',
-      name2: '1313131',
-    },
-    {
-      id: '22222',
-      name: 'John Doe',
-      name1: '1212212',
-      name2: '1313131',
-    },
-    {
-      id: '33333',
-      name: 'John sssssDoe',
-      name1: '12122sss12',
-      name2: '13sss13131',
-    },
-  ];
-  setTimeout(() => {
-    setValue('gridOptions.data', TableDate);
-    setValue('gridOptions.loading', false);
-  }, 1000);
-};
-
-onMounted(() => {
-  console.log('表格已加载');
-  fetchTableData();
-});
 const openCuleDrawer = () => {
   router.push('/market-manage/external-manage/clue-management/clue-registration');
 }

src/views/market-manage/external-manage/clue-management/clue-registration/index.vue

@@ -17,9 +17,9 @@
           <div class="steps-content">
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="项目类型" name="serviceProvider">
+                <a-form-item label="项目类型" name="projectType">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.projectType"
                       placeholder="请选择"
                       :options="serviceProviderOptions"
                   />
@@ -28,7 +28,7 @@
               <a-col :span="16">
                 <a-form-item label="线索名称">
                   <a-input
-                      v-model:value="formState.projectName"
+                      v-model:value="formState.clueName"
                       placeholder="请输入线索名称"
                   />
                 </a-form-item>
@@ -37,7 +37,7 @@
             </a-row>
             <a-row :gutter="16">
               <a-col :span="24">
-                <a-form-item label="项目名称" name="socialCode">
+                <a-form-item label="项目名称" name="projectName">
                   <a-input
                       v-model:value="formState.projectName"
                       placeholder="自动生成(甲方-分厂-几期-机组-工程属性)"
@@ -60,21 +60,21 @@
                 <a-form-item :label="dynamicField.label" :name="dynamicField.name">
                   <a-select
                       v-if="formState.clueSource === 'serviceProvider'"
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.providerName"
                       :placeholder="dynamicField.placeholder"
                       :options="serviceProviderOptions"
                   />
 
                   <a-select
                       v-else-if="formState.clueSource === 'marketActivity'"
-                      v-model:value="formState.activityName"
+                      v-model:value="formState.providerName"
                       :placeholder="dynamicField.placeholder"
                       :options="activityOptions"
                   />
 
                   <a-input
                       v-else-if="formState.clueSource === 'referral'"
-                      v-model:value="formState.referralNote"
+                      v-model:value="formState.providerName"
                       :placeholder="dynamicField.placeholder"
                   />
 
@@ -86,9 +86,9 @@
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="工程属性" name="serviceProvider">
+                <a-form-item label="工程属性" name="engineeringAttribute">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.engineeringAttribute"
                       placeholder="请选择"
                       :options="ownerUnitOptions1"
                   />
@@ -97,18 +97,18 @@
             </a-row>
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="地区" name="region">
+                <a-form-item label="地区" name="countryRegion">
                   <a-cascader
-                      v-model:value="formState.region"
+                      v-model:value="formState.countryRegion"
                       :options="regionOptions"
                       placeholder="请选择"
                   />
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="省市区" name="region">
+                <a-form-item label="省市区" name="province">
                   <a-cascader
-                      v-model:value="formState.region"
+                      v-model:value="formState.province"
                       :options="regionOptions"
                       placeholder="请选择"
                   />
@@ -117,7 +117,7 @@
               <a-col :span="8">
                 <a-form-item label="项目地址">
                   <a-input
-                      v-model:value="formState.projectName"
+                      v-model:value="formState.projectAddress"
                       placeholder="请输入"
                   />
                 </a-form-item>
@@ -149,7 +149,7 @@
                 <a-form-item label="设计单位">
                   <div class="flex-container">
                     <a-select
-                        v-model:value="formState.designUnit"
+                        v-model:value="formState.designFlats"
                         placeholder="请选择"
                         style="flex: 1; margin-right: 8px"
                         :options="ownerUnitOptions"
@@ -171,7 +171,7 @@
                 <a-form-item label="总承包单位">
                   <div class="flex-container">
                     <a-select
-                        v-model:value="formState.trustUnit"
+                        v-model:value="formState.generalContractingFlats"
                         placeholder="请选择"
                         style="flex: 1; margin-right: 8px"
                         :options="ownerUnitOptions"
@@ -191,7 +191,7 @@
                 <a-form-item label="招标代理单位">
                   <div class="flex-container">
                     <a-select
-                        v-model:value="formState.biddingAgentUnit"
+                        v-model:value="formState.investmentAgentFlats"
                         placeholder="请选择"
                         style="flex: 1; margin-right: 8px"
                         :options="ownerUnitOptions"
@@ -211,18 +211,18 @@
             </a-row>
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="是否联合体" name="serviceProvider">
+                <a-form-item label="是否联合体" name="complex">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.complex"
                       placeholder="请选择"
                       :options="serviceProviderOptions"
                   />
                 </a-form-item>
               </a-col>
               <a-col :span="16">
-                <a-form-item label="联合体情况" name="serviceProvider">
+                <a-form-item label="联合体情况" name="complexDescription">
                   <a-input
-                      v-model:value="formState.projectName"
+                      v-model:value="formState.complexDescription"
                       placeholder="请输入"
                   />
                 </a-form-item>
@@ -230,69 +230,69 @@
             </a-row>
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="项目所属行业" name="serviceProvider">
+                <a-form-item label="项目所属行业" name="projectBelongIndustry">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.projectBelongIndustry"
                       placeholder="请选择"
                       :options="ownerUnitOptions5"
                   />
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="业务类型" name="serviceProvider">
+                <a-form-item label="业务类型" name="businessType">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.businessType"
                       placeholder="请选择"
                       :options="ownerUnitOptions4"
                   />
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="招标平台" name="serviceProvider">
-                  <a-input v-model:value="formState.customerRemark" placeholder="请输入"/>
+                <a-form-item label="招标平台" name="tenderPlatform">
+                  <a-input v-model:value="formState.tenderPlatform" placeholder="请输入"/>
                 </a-form-item>
               </a-col>
             </a-row>
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="项目总概算" name="serviceProvider">
-                  <a-input v-model:value="formState.customerRemark" placeholder="自动生成(各标段概算之和)"/>
+                <a-form-item label="项目总概算" name="projectBudget">
+                  <a-input v-model:value="formState.projectBudget" placeholder="自动生成(各标段概算之和)"/>
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="项目资金来源" name="serviceProvider">
+                <a-form-item label="项目资金来源" name="projectMoneySource">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.projectMoneySource"
                       placeholder="请选择"
                       :options="ownerUnitOptions3"
                   />
                 </a-form-item>
               </a-col>
               <a-col :span="8">
-                <a-form-item label="分厂/几期/机组" name="serviceProvider">
-                  <a-input v-model:value="formState.customerRemark" placeholder="请输入"/>
+                <a-form-item label="分厂/几期/机组" name="factory">
+                  <a-input v-model:value="formState.factory" placeholder="请输入"/>
                 </a-form-item>
               </a-col>
             </a-row>
             <a-row :gutter="16">
               <a-col :span="24">
-                <a-form-item label="项目背景" name="customerRemark" class="smart-query-form-item">
-                  <a-input v-model:value="formState.customerRemark" placeholder="请输入"/>
+                <a-form-item label="项目背景" name="projectBackground" class="smart-query-form-item">
+                  <a-input v-model:value="formState.projectBackground" placeholder="请输入"/>
                 </a-form-item>
               </a-col>
             </a-row>
             <a-row :gutter="16">
               <a-col :span="24">
-                <a-form-item label="项目阶段" name="customerRemark" class="smart-query-form-item">
-                  <a-input v-model:value="formState.customerRemark" placeholder="请输入"/>
+                <a-form-item label="项目阶段" name="projectStage" class="smart-query-form-item">
+                  <a-input v-model:value="formState.projectStage" placeholder="请输入"/>
                 </a-form-item>
               </a-col>
             </a-row>
             <a-row :gutter="16">
               <a-col :span="8">
-                <a-form-item label="归属营销人员" name="customerRemark" class="smart-query-form-item">
+                <a-form-item label="归属营销人员" class="smart-query-form-item">
                   <a-select
-                      v-model:value="formState.serviceProvider"
+                      v-model:value="formState.belongMarketer"
                       placeholder="请选择"
                       :options="ownerUnitOptions5"
                   />
@@ -372,7 +372,6 @@ import {
 import {useRouter} from 'vue-router';
 import {message} from 'ant-design-vue';
 import _ from 'lodash';
-// import BsTable from "/@/components/BsUi/Table/index.js";
 import BsTable, {useBsTable} from '/@/components/BsUi/Table/index.js';
 
 const stepFormRef = ref(null);
@@ -381,37 +380,38 @@ const router = useRouter();
 // --------------------- 数据 ---------------------
 // 表单数据
 const formState = reactive({
-  projectType: 'project',
+  projectType: '',
   clueName: '',
   projectName: '',
-  ownerUnit: undefined,
+  providerName: '',
+  engineeringAttribute: '',
+  countryRegion: '',
+  province: '',
+  designFlats: '',
+  generalContractingFlats: '',
+  investmentAgentFlats: '',
+  complex: '',
+  complexDescription: '',
+  projectBelongIndustry: '',
+  businessType: '',
+  tenderPlatform: '',
+  projectBudget: '',
+  projectMoneySource: '',
+  factory: '',
+  projectBackground: '',
+  projectStage: '',
+  belongMarketer: '',
+  attachment:'',
+  projectAddress: '',
+  clueSource: 'serviceProvider',
   isOwnerPartyA: undefined,
-  designUnit: undefined,
   isDesignPartyA: undefined,
-  trustUnit: undefined,
   isTrustPartyA: undefined,
-  biddingAgentUnit: undefined,
   isBiddingAgentPartyA: undefined,
-  clueSource: 'serviceProvider',
   serviceProvider: undefined,
-  projectAttribute: undefined,
   region: undefined,
-  projectAddress: '',
-  contractorUnit: undefined,
-  tenderAgent: undefined,
-  isConsortium: undefined,
-  consortiumDescription: '',
-  industry: undefined,
-  businessType: undefined,
-  biddingPlatform: '',
-  totalBudget: '',
-  fundingSource: undefined,
-  factoryPhaseUnit: '',
-  projectBackground: '',
-  projectStage: '',
-  marketingPerson: undefined,
-  isContractorPartyA: undefined,
-  isTenderPartyA: undefined,
+  teamDTOList:[]
+
 });
 
 // --------------------- 校验规则 ---------------------

src/views/market-manage/external-manage/clue-management/view-details/index.vue

@@ -3,33 +3,86 @@
     <page-detail-layout :tabs="tabs" v-model:tab-active-key="tabActiveKey">
       <template #tab1>
         <bs-contents-wrapper>
-          <bs-descriptions :items="bsDescriptionItems" title="客户信息">
+          <!-- 客户信息（动态列数） -->
+          <bs-descriptions
+              :items="bsDescriptionItems"
+              title="客户信息"
+              :extraProps="{ column: { ml: 3 } }"
+          >
             <template #name1_label_slot>
-              <span style="color: red">label插槽</span>
+              <span style="color: #1890ff">Label插槽</span>
+            </template>
+            <template #name1_value_slot>
+              <span style="font-weight: bold">Value插槽</span>
             </template>
-            <template #name1_value_slot> <span style="color: blue">value插槽</span></template>
           </bs-descriptions>
-          <bs-descriptions title="管理信息" >
-            <bs-table v-bind="tableOptions" >
-            </bs-table>
+
+          <!-- 管理信息（表格） -->
+          <bs-descriptions title="管理信息">
+            <bs-table v-bind="tableOptions"/>
+            <a-card :bordered="false" class="customer-info-card">
+              <!-- 第一行 - 铺满 -->
+              <a-row :gutter="16">
+                <a-col :span="24">
+                  <div class="info-line first-line">
+                    <span class="info-item">
+                      <span class="info-label">集团公司：</span>
+                      <span class="info-value">{{ customerData.returnTo }}</span>
+                    </span>
+                      <span class="info-item">
+                      <span class="info-label">客户等级：</span>
+                      <span class="info-value">{{ customerData.level }}</span>
+                    </span>
+                    <span class="info-item">
+                      <span class="info-label">客户行业：</span>
+                      <span class="info-value">{{ customerData.industry }}</span>
+                    </span>
+                    <span class="info-item">
+                      <span class="info-label">客户类型：</span>
+                      <span class="info-value">{{ customerData.type }}</span>
+                    </span>
+                  </div>
+                </a-col>
+              </a-row>
+
+              <!-- 第二行 - 占一半宽度 -->
+              <a-row :gutter="24" style="margin-top: 8px;">
+                <a-col :span="7">
+                  <div class="info-line">
+                    <span class="info-item">
+                      <span class="info-label">归属区域：</span>
+                      <span class="info-value">{{ customerData.region }}</span>
+                    </span>
+                  </div>
+                </a-col>
+                <a-col :span="6">
+                  <div class="info-line">
+                    <span class="info-item">
+                      <span class="info-label" style="margin-left: -26px">归属营销人员：</span>
+                      <span class="info-value">{{ customerData.salesPerson }}</span>
+                    </span>
+                  </div>
+                </a-col>
+              </a-row>
+            </a-card>
           </bs-descriptions>
-<!--          <bs-descriptions :items="bsDescriptionItems" title="">-->
-<!--            <bs-table v-bind="tableOptions">-->
-<!--            </bs-table>-->
-<!--            <template #name1_label_slot>-->
-<!--              <span style="color: red">label插槽</span>-->
-<!--            </template>-->
-<!--            <template #name1_value_slot> <span style="color: blue">value插槽</span></template>-->
-<!--          </bs-descriptions>-->
-          <bs-descriptions :items="otherForms" title="其他信息">
+
+          <!-- 其他信息（默认每行 2 项） -->
+          <bs-descriptions
+              :items="otherForms"
+              title="其他信息"
+              :extraProps="{ column: 2 }"
+          >
             <template #name1_label_slot>
-              <span style="color: red">label插槽</span>
+              <span style="color: #1890ff">Label插槽</span>
+            </template>
+            <template #name1_value_slot>
+              <span style="font-weight: bold">Value插槽</span>
             </template>
-            <template #name1_value_slot> <span style="color: blue">value插槽</span></template>
           </bs-descriptions>
         </bs-contents-wrapper>
-
       </template>
+
       <template #tab2>tab2</template>
       <template #tab3>tab3</template>
     </page-detail-layout>
@@ -37,14 +90,66 @@
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import {ref} from 'vue';
 import PageDetailLayout from '/@/components/business/page-detail-layout/index.vue';
-import { BsDescriptions, BsContentsWrapper } from '/@/components/BsUi/index.js';
+import {BsDescriptions, BsContentsWrapper} from '/@/components/BsUi/index.js';
 import selectedIcon from '/@/assets/images/page-detail-layout/selectedIcon.png';
 import unSelectedIcon from '/@/assets/images/page-detail-layout/unSelectedIcon.png';
-import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import BsTable, {useBsTable} from '/@/components/BsUi/Table/index.js';
+import { clientManageApi } from '/@/api/market-manage/clue-management/index.js';
+import {onMounted} from 'vue';
+import {useRoute} from 'vue-router';
+
+const route = useRoute();
 const tabActiveKey = ref('tab1');
+const bsDescriptionItemss = ref([]);
+onMounted(() => {
+  // 从query中获取传递的数据
+  const id = route.query.id;
+  clientManageApi.getQueryList(id).then((res)=>{
+    const customerData = res.data;
+    bsDescriptionItemss.value = [
+      { label: '客户地区', value: customerData.countryRegion || '--' },
+      { label: '客户来源', value: customerData.projectSource || '--' },
+      { label: '服务商名称', value: customerData.providerName || '--' },
+      { label: '客户名称', value: '--' },
+      { label: '属性', value: customerData.engineeringAttribute || '--' },
+      { label: '统一社会代码', value: '--' },
+      { label: '法定代表人', value: '--' },
+      { label: '存续状态', value: '--' },
+      {
+        label: '注册地址',
+        value: customerData.address || '--',
+        span: 4 // 跨越多列
+      },
+      { label: '注册时间', value: customerData.registerDate || '--' },
+      { label: '注册资本', value: customerData.registerCapital || '--' },
+      { label: '官网地址', value: customerData.website || '--' },
+      {
+        label: '经营范围',
+        value: customerData.businessScope || '--',
+        tooltip: customerData.businessScope // 鼠标悬停显示完整内容
+      },
+      {
+        label: '企业简介',
+        value: customerData.introduction ? truncateText(customerData.introduction, 50) : '--',
+        tooltip: customerData.introduction // 鼠标悬停显示完整内容
+      },
+      { label: '初始对接人', value: customerData.initialContact || '--' },
+      { label: '功能对接人电话', value: customerData.contactPhone || '--' },
+      { label: '办公地址', value: customerData.officeAddress || '--' }
+    ];
+  })
 
+});
+const customerData = ref({
+  returnTo: "政府机构",
+  level: "A级",
+  industry: "行业名称信息展示",
+  type: "投资单位",
+  region: "归属区域信息展示位置",
+  salesPerson: "任颖"
+});
 const tabs = ref([
   {
     title: '基本信息',
@@ -76,7 +181,7 @@ const {
   tableOptions: {
     gridOptions: {
       loading: false,
-      data:[],
+      data: [],
       columns: [
         {
           field: 'id',
@@ -102,7 +207,7 @@ const {
     },
     pagerConfig: {
       enabled: true,
-      isFixed:false,
+      isFixed: false,
       pageSize: 10,
       pageNum: 1,
       total: 100,
@@ -112,21 +217,24 @@ const {
 const bsDescriptionItems = ref([
   {label: '客户地区', value: '国内客户'},
   {label: '客户来源', value: '服务商提供'},
-  {label: '服务商名称', value: '服务名称一显示位置占位'},
+  {label: '服务商名称', value: '服务名称—显示位置占位'},
   {label: '客户名称', value: '江西大明环境治理有限公司'},
   {label: '属性', value: '有限责任公司'},
-  {label: '统一社会代码', value: '913702007180133454'},
-  {label: '法定代表人', value: '汪鹏程'},
-  {label: '存储状态', value: '正常'},
-  {label: '注册地址', value: '江西省南昌经济技术开发区下乡（江西省公路管理局物流配送站内）'},
+  {label: '统一社会代码', value: '9137020071801334564'},
+  {label: '法定代表人', value: '王鹏程'},
+  {label: '存续状态', value: '正常'},
+  {label: '注册地址', value: '江西省南昌经济技术开发区下乡（江西省公路管理局物流配送站内）', span: 4},
   {label: '注册时间', value: '2006-09-16'},
   {label: '注册资本', value: '1000万'},
-  {label: '官网地址', value: '具体网址信息展示位置'},
-  {label: '经营范围', value: '经营范围是具备商业信息、文字信息等功能的城镇居民，服务人员齐全，符合条件的用户。'},
-  {label: '企业简介', value: '四川山庄旅游度假集团，是国家旅游行业产品销售委员会首批省级重点项目之一...'},
-  {label: '初始对接人', value: '何平'},
+  {label: '官网地址', value: 'http://www.baidu.com'},
+  {label: '经营范围', value: '经营范围信息展示位置在这里,文字信息两列的话就要缩略显示,鼠标指入显示全部'},
+  {
+    label: '企业简介',
+    value: '望山山庄旅游度假集团,是国务院国有资产监督管理委员会直接管理的大型中央企业,总部设在深圳,已形成以文化、旅游、房地产、电子科技为主业的发展格局'
+  },
+  {label: '初始对接人', value: '同平'},
   {label: '功能对接人电话', value: '15012341234'},
-  {label: '办公地址', value: '江西省南昌经济技术开发区下乡（江西省公路管理局物流配送站内）'}
+  {label: '办公地址', value: '江西省南昌经济技术开发区下罗'},
 ]);
 const otherForms = ref([
   {label: '中国裁判文书网查询', value: 'http://wenshu.court.gov.cn/'},
@@ -140,5 +248,56 @@ const otherForms = ref([
 <style lang="scss" scoped>
 .page-detail {
   width: 100%;
+
+  .customer-info-card {
+    border-radius: 4px;
+    padding: 12px 16px;
+  }
+
+  .info-line {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+
+  .first-line {
+    justify-content: space-between;
+  }
+
+  .info-item {
+    display: flex;
+    align-items: center;
+    margin-right: 16px;
+    white-space: nowrap;
+  }
+
+  .info-label {
+    color: #666;
+    margin-right: 4px;
+  }
+
+  .info-value {
+    color: #333;
+    font-weight: 500;
+  }
+
+  /* 响应式调整 */
+  @media (max-width: 500px) {
+    .first-line {
+      flex-direction: column;
+      align-items: flex-start;
+    }
+
+    .info-item {
+      margin-bottom: 8px;
+      margin-right: 0;
+    }
+
+    :deep(.ant-col) {
+      width: 100% !important;
+    }
+  }
 }
+
+
 </style>