fix: 修改列表整体样式2

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

@@ -1,5 +1,5 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
       <template #searchRight>
         <div>
@@ -10,7 +10,7 @@
       </template>
     </bs-table>
     <add-or-edit-drawer ref="addOrEditDrawerRef"/>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -106,7 +106,7 @@ const {
       tableOptions: {
         // url: '/supports/project/queryPage',
         gridOptions: {
-          // data:[],
+          data:generateClueData(),
           loading: false,
           columns: [
             {
@@ -243,7 +243,7 @@ const {
             // }
           ],
         },
-        data:generateClueData(),
+
         searchConfig: {
           enabled: true,
           fieldSpan:4,
@@ -279,17 +279,6 @@ const {
                 },
               ],
         }
-        ,
-        pagerConfig: {
-          enabled: true,
-          pageSize:
-              10,
-          pageNum:
-              1,
-          total:
-              0,
-        }
-        ,
       },
     })
 ;

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

@@ -1,12 +1,12 @@
 <template>
-    <div class="table-demo">
+    <BsPageWrapper class="table-demo">
         <bs-table v-bind="tableOptions">
             <template #searchRight>
             </template>
         </bs-table>
 
         <add-or-edit-drawer ref="addOrEditDrawerRef" />
-    </div>
+    </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -170,10 +170,10 @@
                     },
                 },
                 ],
+                data:generateClueReviewData(),
             },
-            data:generateClueReviewData(),
+
             searchConfig: {
-                enabled: true,
                 fieldSpan: 4,
                 fields: [
                     {
@@ -186,13 +186,6 @@
                     },
                 ],
             },
-            pagerConfig: {
-              enabled: true,
-              pageSize: 10,
-              pageNum: 1,
-              total: 0,
-            //   isFixed: false
-            },
         },
     });
 

src/views/market-manage/external-manage/clue-management/clues-tothe-high-seas/index.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
     </bs-table>
     <add-or-edit-drawer ref="addOrEditDrawerRef"/>
-  </div>
-  <clueAssignment ref="clueModalRef" />
+    <clueAssignment ref="clueModalRef" />
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -159,163 +159,163 @@ const {
               },
             }
           ],
+          data:[
+            {
+              id: 'CLUE20230001',
+              name: '大湾区数据中心建设项目',
+              code: 'PROJ-DC2023-01',
+              location: '广东省深圳市',
+              client: '腾讯云计算',
+              estimatedBidDate: '2023-09-15',
+              budget: 8500,
+              plantInfo: '一期/2号机房',
+              source: '公开招标',
+              type: '数据中心',
+              engineeringType: '新建工程',
+              businessCategory: 'EPC总包',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '系统管理员',
+              createTime: '2023-01-10 09:00:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230002',
+              name: '长三角智慧物流园区',
+              code: 'PROJ-LOG2023-02',
+              location: '浙江省杭州市',
+              client: '阿里物流',
+              estimatedBidDate: '2023-08-20',
+              budget: 6200,
+              plantInfo: '主园区/自动化仓',
+              source: '客户推荐',
+              type: '物流园区',
+              engineeringType: '智能化改造',
+              businessCategory: '设备集成',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '市场专员',
+              createTime: '2023-02-15 14:30:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230003',
+              name: '京津冀新能源充电网络',
+              code: 'PROJ-EV2023-03',
+              location: '北京市朝阳区',
+              client: '国家电网',
+              estimatedBidDate: '2023-10-05',
+              budget: 12800,
+              plantInfo: '核心区/充电站群',
+              source: '政府规划',
+              type: '新能源基建',
+              engineeringType: '市政配套',
+              businessCategory: 'BOT运营',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '数据采集员',
+              createTime: '2023-03-20 11:20:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230004',
+              name: '成渝经济圈智能工厂',
+              code: 'PROJ-SMART2023-04',
+              location: '四川省成都市',
+              client: '长安汽车',
+              estimatedBidDate: '2023-07-30',
+              budget: 9500,
+              plantInfo: '三期/智能制造车间',
+              source: '行业展会',
+              type: '工业4.0',
+              engineeringType: '技术改造',
+              businessCategory: '交钥匙工程',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '商务经理',
+              createTime: '2023-01-25 16:45:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230005',
+              name: '长江经济带5G基站建设',
+              code: 'PROJ-5G2023-05',
+              location: '湖北省武汉市',
+              client: '中国移动',
+              estimatedBidDate: '2023-11-12',
+              budget: 7500,
+              plantInfo: '一期/核心基站群',
+              source: '战略合作',
+              type: '通信基建',
+              engineeringType: '新建工程',
+              businessCategory: '设备供应',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '技术总监',
+              createTime: '2023-02-28 10:15:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230006',
+              name: '海南自贸港智慧港口',
+              code: 'PROJ-PORT2023-06',
+              location: '海南省海口市',
+              client: '中远海运',
+              estimatedBidDate: '2023-12-05',
+              budget: 15000,
+              plantInfo: '主港区/自动化码头',
+              source: '国际招标',
+              type: '港口建设',
+              engineeringType: '扩建工程',
+              businessCategory: 'EPC总包',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '国际业务部',
+              createTime: '2023-03-15 13:50:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230007',
+              name: '东北老工业基地改造',
+              code: 'PROJ-INDU2023-07',
+              location: '辽宁省沈阳市',
+              client: '沈阳机床',
+              estimatedBidDate: '2023-06-25',
+              budget: 6800,
+              plantInfo: '老厂区/数字化车间',
+              source: '政府补贴项目',
+              type: '工业改造',
+              engineeringType: '技改项目',
+              businessCategory: '设备升级',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '区域经理',
+              createTime: '2023-01-05 08:30:00',
+              status: '待分配'
+            },
+            {
+              id: 'CLUE20230008',
+              name: '西北光伏扶贫工程',
+              code: 'PROJ-PV2023-08',
+              location: '甘肃省兰州市',
+              client: '国家能源局',
+              estimatedBidDate: '2023-09-01',
+              budget: 3200,
+              plantInfo: '扶贫区/光伏阵列',
+              source: '政府招标',
+              type: '光伏发电',
+              engineeringType: '民生工程',
+              businessCategory: 'EPC+运维',
+              salesManager: '未分配',
+              salesDepartment: '未分配',
+              creator: '社会责任部',
+              createTime: '2023-02-10 15:20:00',
+              status: '待分配'
+            }
+          ],
         },
-        data:[
-          {
-            id: 'CLUE20230001',
-            name: '大湾区数据中心建设项目',
-            code: 'PROJ-DC2023-01',
-            location: '广东省深圳市',
-            client: '腾讯云计算',
-            estimatedBidDate: '2023-09-15',
-            budget: 8500,
-            plantInfo: '一期/2号机房',
-            source: '公开招标',
-            type: '数据中心',
-            engineeringType: '新建工程',
-            businessCategory: 'EPC总包',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '系统管理员',
-            createTime: '2023-01-10 09:00:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230002',
-            name: '长三角智慧物流园区',
-            code: 'PROJ-LOG2023-02',
-            location: '浙江省杭州市',
-            client: '阿里物流',
-            estimatedBidDate: '2023-08-20',
-            budget: 6200,
-            plantInfo: '主园区/自动化仓',
-            source: '客户推荐',
-            type: '物流园区',
-            engineeringType: '智能化改造',
-            businessCategory: '设备集成',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '市场专员',
-            createTime: '2023-02-15 14:30:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230003',
-            name: '京津冀新能源充电网络',
-            code: 'PROJ-EV2023-03',
-            location: '北京市朝阳区',
-            client: '国家电网',
-            estimatedBidDate: '2023-10-05',
-            budget: 12800,
-            plantInfo: '核心区/充电站群',
-            source: '政府规划',
-            type: '新能源基建',
-            engineeringType: '市政配套',
-            businessCategory: 'BOT运营',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '数据采集员',
-            createTime: '2023-03-20 11:20:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230004',
-            name: '成渝经济圈智能工厂',
-            code: 'PROJ-SMART2023-04',
-            location: '四川省成都市',
-            client: '长安汽车',
-            estimatedBidDate: '2023-07-30',
-            budget: 9500,
-            plantInfo: '三期/智能制造车间',
-            source: '行业展会',
-            type: '工业4.0',
-            engineeringType: '技术改造',
-            businessCategory: '交钥匙工程',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '商务经理',
-            createTime: '2023-01-25 16:45:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230005',
-            name: '长江经济带5G基站建设',
-            code: 'PROJ-5G2023-05',
-            location: '湖北省武汉市',
-            client: '中国移动',
-            estimatedBidDate: '2023-11-12',
-            budget: 7500,
-            plantInfo: '一期/核心基站群',
-            source: '战略合作',
-            type: '通信基建',
-            engineeringType: '新建工程',
-            businessCategory: '设备供应',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '技术总监',
-            createTime: '2023-02-28 10:15:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230006',
-            name: '海南自贸港智慧港口',
-            code: 'PROJ-PORT2023-06',
-            location: '海南省海口市',
-            client: '中远海运',
-            estimatedBidDate: '2023-12-05',
-            budget: 15000,
-            plantInfo: '主港区/自动化码头',
-            source: '国际招标',
-            type: '港口建设',
-            engineeringType: '扩建工程',
-            businessCategory: 'EPC总包',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '国际业务部',
-            createTime: '2023-03-15 13:50:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230007',
-            name: '东北老工业基地改造',
-            code: 'PROJ-INDU2023-07',
-            location: '辽宁省沈阳市',
-            client: '沈阳机床',
-            estimatedBidDate: '2023-06-25',
-            budget: 6800,
-            plantInfo: '老厂区/数字化车间',
-            source: '政府补贴项目',
-            type: '工业改造',
-            engineeringType: '技改项目',
-            businessCategory: '设备升级',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '区域经理',
-            createTime: '2023-01-05 08:30:00',
-            status: '待分配'
-          },
-          {
-            id: 'CLUE20230008',
-            name: '西北光伏扶贫工程',
-            code: 'PROJ-PV2023-08',
-            location: '甘肃省兰州市',
-            client: '国家能源局',
-            estimatedBidDate: '2023-09-01',
-            budget: 3200,
-            plantInfo: '扶贫区/光伏阵列',
-            source: '政府招标',
-            type: '光伏发电',
-            engineeringType: '民生工程',
-            businessCategory: 'EPC+运维',
-            salesManager: '未分配',
-            salesDepartment: '未分配',
-            creator: '社会责任部',
-            createTime: '2023-02-10 15:20:00',
-            status: '待分配'
-          }
-        ],
+
         searchConfig: {
-          enabled: true,
           fieldSpan:
               4,
           fields:

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

@@ -1,5 +1,5 @@
 <template>
-    <div class="table-demo">
+    <BsPageWrapper class="table-demo">
         <bs-table v-bind="tableOptions">
             <template #searchRight>
                 <div>
@@ -19,7 +19,7 @@
         </bs-table>
 
         <add-or-edit-drawer ref="addOrEditDrawerRef" />
-    </div>
+    </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -39,6 +39,153 @@ const {
     tableOptions: {
         gridOptions: {
             loading: false,
+            data: [
+            {
+              id: 'PROJ20230001',
+              projectName: '杭州湾电厂三期扩建',
+              projectAddress: '浙江省宁波市杭州湾新区',
+              projectStatus: '前期准备',
+              client: '国家能源集团',
+              estimatedTenderDate: '2023-09-15',
+              budget: 2800,
+              factoryPhaseUnit: '三期/2号机组',
+              source: '政府规划',
+              type: [{ valueName: '火电项目' }],
+              engineeringType: [{ valueName: '扩建工程' }],
+              businessCategory: 'EPC总承包',
+              salesManager: '王经理',
+              salesDepartment: '华东营销部',
+              creator: '系统管理员',
+              createTime: '2023-01-10 09:25:00'
+            },
+            {
+              id: 'PROJ20230002',
+              projectName: '张家口风电基地',
+              projectAddress: '河北省张家口市',
+              projectStatus: '招标中',
+              client: '华能新能源',
+              estimatedTenderDate: '2023-08-20',
+              budget: 3500,
+              factoryPhaseUnit: '一期/全机组',
+              source: '新能源规划',
+              type: [{ valueName: '风电项目' }],
+              engineeringType: [{ valueName: '新建工程' }],
+              businessCategory: '设备供应',
+              salesManager: '李经理',
+              salesDepartment: '华北营销部',
+              creator: '张主管',
+              createTime: '2023-02-15 14:30:22'
+            },
+            // 更多数据...
+            {
+              id: 'PROJ20230003',
+              projectName: '深圳地铁11号线供电系统',
+              projectAddress: '广东省深圳市',
+              projectStatus: '施工中',
+              client: '深圳地铁集团',
+              estimatedTenderDate: '2022-11-10',
+              budget: 1850,
+              factoryPhaseUnit: '全线/供电系统',
+              source: '市政建设',
+              type: [{ valueName: '轨道交通' }],
+              engineeringType: [{ valueName: '机电安装' }],
+              businessCategory: '专业分包',
+              salesManager: '陈经理',
+              salesDepartment: '华南营销部',
+              creator: '李工',
+              createTime: '2022-09-05 10:15:33'
+            },
+            {
+              id: 'PROJ20230004',
+              projectName: '雄安新区智慧能源站',
+              projectAddress: '河北省雄安新区',
+              projectStatus: '设计阶段',
+              client: '雄安建投',
+              estimatedTenderDate: '2023-12-01',
+              budget: 4200,
+              factoryPhaseUnit: '核心区/能源站',
+              source: '国家战略',
+              type: [{ valueName: '智慧能源' }],
+              engineeringType: [{ valueName: '示范工程' }],
+              businessCategory: '技术咨询',
+              salesManager: '赵经理',
+              salesDepartment: '战略客户部',
+              creator: '王总监',
+              createTime: '2023-03-20 16:45:18'
+            },
+            {
+              id: 'PROJ20230005',
+              projectName: '海南文昌光伏农场',
+              projectAddress: '海南省文昌市',
+              projectStatus: '已竣工',
+              client: '海南农垦',
+              estimatedTenderDate: '2021-05-20',
+              budget: 980,
+              factoryPhaseUnit: '一期/光伏区',
+              source: '农业综合',
+              type: [{ valueName: '光伏项目' }],
+              engineeringType: [{ valueName: '农光互补' }],
+              businessCategory: '投资运营',
+              salesManager: '林经理',
+              salesDepartment: '南方营销部',
+              creator: '黄专员',
+              createTime: '2021-02-28 11:20:45'
+            },
+            {
+              id: 'PROJ20230006',
+              projectName: '内蒙古特高压换流站',
+              projectAddress: '内蒙古自治区锡林郭勒盟',
+              projectStatus: '调试阶段',
+              client: '国家电网',
+              estimatedTenderDate: '2022-06-30',
+              budget: 5600,
+              factoryPhaseUnit: '西段/换流站',
+              source: '西电东送',
+              type: [{ valueName: '输变电工程' }],
+              engineeringType: [{ valueName: '特高压' }],
+              businessCategory: '设备集成',
+              salesManager: '马经理',
+              salesDepartment: '西北营销部',
+              creator: '周工',
+              createTime: '2022-01-15 08:10:29'
+            },
+            {
+              id: 'PROJ20230007',
+              projectName: '上海数据中心备用电源',
+              projectAddress: '上海市浦东新区',
+              projectStatus: '运维期',
+              client: '腾讯云',
+              estimatedTenderDate: '2020-08-05',
+              budget: 1200,
+              factoryPhaseUnit: '数据中心/UPS系统',
+              source: '企业自建',
+              type: [{ valueName: '数据中心' }],
+              engineeringType: [{ valueName: '技术改造' }],
+              businessCategory: '运维服务',
+              salesManager: '徐经理',
+              salesDepartment: '上海办事处',
+              creator: '钱主管',
+              createTime: '2020-05-12 13:55:07'
+            },
+            {
+              id: 'PROJ20230008',
+              projectName: '武汉钢铁余热发电',
+              projectAddress: '湖北省武汉市',
+              projectStatus: '质保期',
+              client: '武钢集团',
+              estimatedTenderDate: '2019-11-25',
+              budget: 3200,
+              factoryPhaseUnit: '炼钢部/余热系统',
+              source: '节能改造',
+              type: [{ valueName: '工业节能' }],
+              engineeringType: [{ valueName: '余热利用' }],
+              businessCategory: 'BOT模式',
+              salesManager: '刘经理',
+              salesDepartment: '华中营销部',
+              creator: '郑工',
+              createTime: '2019-08-18 15:40:12'
+            }
+          ],
             columns: [
                 {
                     type: 'seq',
@@ -149,153 +296,6 @@ const {
                 }
             ],
         },
-        data: [
-            {
-                id: 'PROJ20230001',
-                projectName: '杭州湾电厂三期扩建',
-                projectAddress: '浙江省宁波市杭州湾新区',
-                projectStatus: '前期准备',
-                client: '国家能源集团',
-                estimatedTenderDate: '2023-09-15',
-                budget: 2800,
-                factoryPhaseUnit: '三期/2号机组',
-                source: '政府规划',
-                type: [{ valueName: '火电项目' }],
-                engineeringType: [{ valueName: '扩建工程' }],
-                businessCategory: 'EPC总承包',
-                salesManager: '王经理',
-                salesDepartment: '华东营销部',
-                creator: '系统管理员',
-                createTime: '2023-01-10 09:25:00'
-            },
-            {
-                id: 'PROJ20230002',
-                projectName: '张家口风电基地',
-                projectAddress: '河北省张家口市',
-                projectStatus: '招标中',
-                client: '华能新能源',
-                estimatedTenderDate: '2023-08-20',
-                budget: 3500,
-                factoryPhaseUnit: '一期/全机组',
-                source: '新能源规划',
-                type: [{ valueName: '风电项目' }],
-                engineeringType: [{ valueName: '新建工程' }],
-                businessCategory: '设备供应',
-                salesManager: '李经理',
-                salesDepartment: '华北营销部',
-                creator: '张主管',
-                createTime: '2023-02-15 14:30:22'
-            },
-            // 更多数据...
-            {
-                id: 'PROJ20230003',
-                projectName: '深圳地铁11号线供电系统',
-                projectAddress: '广东省深圳市',
-                projectStatus: '施工中',
-                client: '深圳地铁集团',
-                estimatedTenderDate: '2022-11-10',
-                budget: 1850,
-                factoryPhaseUnit: '全线/供电系统',
-                source: '市政建设',
-                type: [{ valueName: '轨道交通' }],
-                engineeringType: [{ valueName: '机电安装' }],
-                businessCategory: '专业分包',
-                salesManager: '陈经理',
-                salesDepartment: '华南营销部',
-                creator: '李工',
-                createTime: '2022-09-05 10:15:33'
-            },
-            {
-                id: 'PROJ20230004',
-                projectName: '雄安新区智慧能源站',
-                projectAddress: '河北省雄安新区',
-                projectStatus: '设计阶段',
-                client: '雄安建投',
-                estimatedTenderDate: '2023-12-01',
-                budget: 4200,
-                factoryPhaseUnit: '核心区/能源站',
-                source: '国家战略',
-                type: [{ valueName: '智慧能源' }],
-                engineeringType: [{ valueName: '示范工程' }],
-                businessCategory: '技术咨询',
-                salesManager: '赵经理',
-                salesDepartment: '战略客户部',
-                creator: '王总监',
-                createTime: '2023-03-20 16:45:18'
-            },
-            {
-                id: 'PROJ20230005',
-                projectName: '海南文昌光伏农场',
-                projectAddress: '海南省文昌市',
-                projectStatus: '已竣工',
-                client: '海南农垦',
-                estimatedTenderDate: '2021-05-20',
-                budget: 980,
-                factoryPhaseUnit: '一期/光伏区',
-                source: '农业综合',
-                type: [{ valueName: '光伏项目' }],
-                engineeringType: [{ valueName: '农光互补' }],
-                businessCategory: '投资运营',
-                salesManager: '林经理',
-                salesDepartment: '南方营销部',
-                creator: '黄专员',
-                createTime: '2021-02-28 11:20:45'
-            },
-            {
-                id: 'PROJ20230006',
-                projectName: '内蒙古特高压换流站',
-                projectAddress: '内蒙古自治区锡林郭勒盟',
-                projectStatus: '调试阶段',
-                client: '国家电网',
-                estimatedTenderDate: '2022-06-30',
-                budget: 5600,
-                factoryPhaseUnit: '西段/换流站',
-                source: '西电东送',
-                type: [{ valueName: '输变电工程' }],
-                engineeringType: [{ valueName: '特高压' }],
-                businessCategory: '设备集成',
-                salesManager: '马经理',
-                salesDepartment: '西北营销部',
-                creator: '周工',
-                createTime: '2022-01-15 08:10:29'
-            },
-            {
-                id: 'PROJ20230007',
-                projectName: '上海数据中心备用电源',
-                projectAddress: '上海市浦东新区',
-                projectStatus: '运维期',
-                client: '腾讯云',
-                estimatedTenderDate: '2020-08-05',
-                budget: 1200,
-                factoryPhaseUnit: '数据中心/UPS系统',
-                source: '企业自建',
-                type: [{ valueName: '数据中心' }],
-                engineeringType: [{ valueName: '技术改造' }],
-                businessCategory: '运维服务',
-                salesManager: '徐经理',
-                salesDepartment: '上海办事处',
-                creator: '钱主管',
-                createTime: '2020-05-12 13:55:07'
-            },
-            {
-                id: 'PROJ20230008',
-                projectName: '武汉钢铁余热发电',
-                projectAddress: '湖北省武汉市',
-                projectStatus: '质保期',
-                client: '武钢集团',
-                estimatedTenderDate: '2019-11-25',
-                budget: 3200,
-                factoryPhaseUnit: '炼钢部/余热系统',
-                source: '节能改造',
-                type: [{ valueName: '工业节能' }],
-                engineeringType: [{ valueName: '余热利用' }],
-                businessCategory: 'BOT模式',
-                salesManager: '刘经理',
-                salesDepartment: '华中营销部',
-                creator: '郑工',
-                createTime: '2019-08-18 15:40:12'
-            }
-        ],
         searchConfig: {
             enabled: true,
             fieldSpan: 4,
@@ -310,13 +310,6 @@ const {
                 },
             ],
         },
-        pagerConfig: {
-            enabled: true,
-            pageSize: 10,
-            pageNum: 1,
-            total: 0,
-            // isFixed: false
-        },
     },
 });
 

src/views/project-manage/bid-manage/index.vue

@@ -1,9 +1,9 @@
 <template>
-    <div class="">
+    <BsPageWrapper class="">
         <bs-table v-bind="tableOptions">
 
         </bs-table>
-    </div>
+    </BsPageWrapper>
 </template>
 <script setup lang="jsx">
 import { ref, reactive } from "vue"
@@ -107,139 +107,138 @@ const {
                     },
                 },
             ],
-        },
-        data: [
+            data: [
             {
-                id: 'BID20230001',
-                projectName: '智慧城市数据中心建设项目',
-                projectCode: 'DC-2023-001',
-                projectLocation: { code: 'BJ', name: '北京市' },
-                estimatedContractAmount: '28,500,000',
-                projectSource: '政府招标',
-                projectType: '新基建',
-                productCategory: 'EPC总包',
-                estimatedBidOpenDate: '2023-09-15 09:30',
-                estimatedBidSubmission: '2023-09-10',
-                salesOwner: '张经理',
-                operator: '投标专员A',
-                operationTime: '2023-08-01 14:20:00',
-                bidStatus: '准备标书'
+              id: 'BID20230001',
+              projectName: '智慧城市数据中心建设项目',
+              projectCode: 'DC-2023-001',
+              projectLocation: { code: 'BJ', name: '北京市' },
+              estimatedContractAmount: '28,500,000',
+              projectSource: '政府招标',
+              projectType: '新基建',
+              productCategory: 'EPC总包',
+              estimatedBidOpenDate: '2023-09-15 09:30',
+              estimatedBidSubmission: '2023-09-10',
+              salesOwner: '张经理',
+              operator: '投标专员A',
+              operationTime: '2023-08-01 14:20:00',
+              bidStatus: '准备标书'
             },
             {
-                id: 'BID20230002',
-                projectName: '新能源充电桩网络工程',
-                projectCode: 'EV-2023-002',
-                projectLocation: { code: 'SH', name: '上海市' },
-                estimatedContractAmount: '15,200,000',
-                projectSource: '战略合作',
-                projectType: '新能源',
-                productCategory: '设备供应',
-                estimatedBidOpenDate: '2023-08-20 10:00',
-                estimatedBidSubmission: '2023-08-15',
-                salesOwner: '李经理',
-                operator: '投标专员B',
-                operationTime: '2023-07-15 09:45:00',
-                bidStatus: '技术方案编制'
+              id: 'BID20230002',
+              projectName: '新能源充电桩网络工程',
+              projectCode: 'EV-2023-002',
+              projectLocation: { code: 'SH', name: '上海市' },
+              estimatedContractAmount: '15,200,000',
+              projectSource: '战略合作',
+              projectType: '新能源',
+              productCategory: '设备供应',
+              estimatedBidOpenDate: '2023-08-20 10:00',
+              estimatedBidSubmission: '2023-08-15',
+              salesOwner: '李经理',
+              operator: '投标专员B',
+              operationTime: '2023-07-15 09:45:00',
+              bidStatus: '技术方案编制'
             },
             {
-                id: 'BID20230003',
-                projectName: '医疗云平台升级项目',
-                projectCode: 'MED-2023-003',
-                projectLocation: { code: 'GZ', name: '广州市' },
-                estimatedContractAmount: '9,800,000',
-                projectSource: '老客户',
-                projectType: '医疗信息化',
-                productCategory: '软件服务',
-                estimatedBidOpenDate: '2023-08-25 14:00',
-                estimatedBidSubmission: '2023-08-20',
-                salesOwner: '王总监',
-                operator: '投标专员C',
-                operationTime: '2023-07-20 11:30:00',
-                bidStatus: '商务条款确认'
+              id: 'BID20230003',
+              projectName: '医疗云平台升级项目',
+              projectCode: 'MED-2023-003',
+              projectLocation: { code: 'GZ', name: '广州市' },
+              estimatedContractAmount: '9,800,000',
+              projectSource: '老客户',
+              projectType: '医疗信息化',
+              productCategory: '软件服务',
+              estimatedBidOpenDate: '2023-08-25 14:00',
+              estimatedBidSubmission: '2023-08-20',
+              salesOwner: '王总监',
+              operator: '投标专员C',
+              operationTime: '2023-07-20 11:30:00',
+              bidStatus: '商务条款确认'
             },
             {
-                id: 'BID20230004',
-                projectName: '高校智慧校园改造',
-                projectCode: 'EDU-2023-004',
-                projectLocation: { code: 'WH', name: '武汉市' },
-                estimatedContractAmount: '12,500,000',
-                projectSource: '公开招标',
-                projectType: '教育信息化',
-                productCategory: '综合解决方案',
-                estimatedBidOpenDate: '2023-10-10 09:00',
-                estimatedBidSubmission: '2023-10-05',
-                salesOwner: '赵经理',
-                operator: '投标专员D',
-                operationTime: '2023-09-01 16:15:00',
-                bidStatus: '预算编制'
+              id: 'BID20230004',
+              projectName: '高校智慧校园改造',
+              projectCode: 'EDU-2023-004',
+              projectLocation: { code: 'WH', name: '武汉市' },
+              estimatedContractAmount: '12,500,000',
+              projectSource: '公开招标',
+              projectType: '教育信息化',
+              productCategory: '综合解决方案',
+              estimatedBidOpenDate: '2023-10-10 09:00',
+              estimatedBidSubmission: '2023-10-05',
+              salesOwner: '赵经理',
+              operator: '投标专员D',
+              operationTime: '2023-09-01 16:15:00',
+              bidStatus: '预算编制'
             },
             {
-                id: 'BID20230005',
-                projectName: '金融数据中心容灾系统',
-                projectCode: 'FIN-2023-005',
-                projectLocation: { code: 'SZ', name: '深圳市' },
-                estimatedContractAmount: '32,000,000',
-                projectSource: '定向邀标',
-                projectType: '金融科技',
-                productCategory: '专业服务',
-                estimatedBidOpenDate: '2023-08-15 10:30',
-                estimatedBidSubmission: '2023-08-10',
-                salesOwner: '陈主管',
-                operator: '投标专员E',
-                operationTime: '2023-07-10-10:00:00',
-                bidStatus: '资质文件准备'
+              id: 'BID20230005',
+              projectName: '金融数据中心容灾系统',
+              projectCode: 'FIN-2023-005',
+              projectLocation: { code: 'SZ', name: '深圳市' },
+              estimatedContractAmount: '32,000,000',
+              projectSource: '定向邀标',
+              projectType: '金融科技',
+              productCategory: '专业服务',
+              estimatedBidOpenDate: '2023-08-15 10:30',
+              estimatedBidSubmission: '2023-08-10',
+              salesOwner: '陈主管',
+              operator: '投标专员E',
+              operationTime: '2023-07-10-10:00:00',
+              bidStatus: '资质文件准备'
             },
             {
-                id: 'BID20230006',
-                projectName: '工业4.0智能工厂项目',
-                projectCode: 'IND-2023-006',
-                projectLocation: { code: 'CD', name: '成都市' },
-                estimatedContractAmount: '45,000,000',
-                projectSource: '战略客户',
-                projectType: '工业自动化',
-                productCategory: '交钥匙工程',
-                estimatedBidOpenDate: '2023-06-30-14:00',
-                estimatedBidSubmission: '2023-06-25',
-                salesOwner: '马总监',
-                operator: '投标专员F',
-                operationTime: '2023-05-25-13:30:00',
-                bidStatus: '标书制作完成'
+              id: 'BID20230006',
+              projectName: '工业4.0智能工厂项目',
+              projectCode: 'IND-2023-006',
+              projectLocation: { code: 'CD', name: '成都市' },
+              estimatedContractAmount: '45,000,000',
+              projectSource: '战略客户',
+              projectType: '工业自动化',
+              productCategory: '交钥匙工程',
+              estimatedBidOpenDate: '2023-06-30-14:00',
+              estimatedBidSubmission: '2023-06-25',
+              salesOwner: '马总监',
+              operator: '投标专员F',
+              operationTime: '2023-05-25-13:30:00',
+              bidStatus: '标书制作完成'
             },
             {
-                id: 'BID20230007',
-                projectName: '跨境电商物流中心',
-                projectCode: 'LOG-2023-007',
-                projectLocation: { code: 'HZ', name: '杭州市' },
-                estimatedContractAmount: '18,600,000',
-                projectSource: '生态合作',
-                projectType: '物流自动化',
-                productCategory: '设备集成',
-                estimatedBidOpenDate: '2023-05-20-10:00',
-                estimatedBidSubmission: '2023-05-15',
-                salesOwner: '徐经理',
-                operator: '投标专员G',
-                operationTime: '2023-04-15-09:20:00',
-                bidStatus: '已投标'
+              id: 'BID20230007',
+              projectName: '跨境电商物流中心',
+              projectCode: 'LOG-2023-007',
+              projectLocation: { code: 'HZ', name: '杭州市' },
+              estimatedContractAmount: '18,600,000',
+              projectSource: '生态合作',
+              projectType: '物流自动化',
+              productCategory: '设备集成',
+              estimatedBidOpenDate: '2023-05-20-10:00',
+              estimatedBidSubmission: '2023-05-15',
+              salesOwner: '徐经理',
+              operator: '投标专员G',
+              operationTime: '2023-04-15-09:20:00',
+              bidStatus: '已投标'
             },
             {
-                id: 'BID20230008',
-                projectName: '5G基站配套电源系统',
-                projectCode: 'TEL-2023-008',
-                projectLocation: { code: 'NJ', name: '南京市' },
-                estimatedContractAmount: '8,500,000',
-                projectSource: '框架协议',
-                projectType: '通信基建',
-                productCategory: '产品供应',
-                estimatedBidOpenDate: '2023-04-15-09:00',
-                estimatedBidSubmission: '2023-04-10',
-                salesOwner: '刘经理',
-                operator: '投标专员H',
-                operationTime: '2023-03-10-15:45:00',
-                bidStatus: '等待开标'
+              id: 'BID20230008',
+              projectName: '5G基站配套电源系统',
+              projectCode: 'TEL-2023-008',
+              projectLocation: { code: 'NJ', name: '南京市' },
+              estimatedContractAmount: '8,500,000',
+              projectSource: '框架协议',
+              projectType: '通信基建',
+              productCategory: '产品供应',
+              estimatedBidOpenDate: '2023-04-15-09:00',
+              estimatedBidSubmission: '2023-04-10',
+              salesOwner: '刘经理',
+              operator: '投标专员H',
+              operationTime: '2023-03-10-15:45:00',
+              bidStatus: '等待开标'
             }
-        ],
+          ],
+        },
         searchConfig: {
-            enabled: true,
             fieldSpan: 4,
             fields: [
                 {
@@ -276,16 +275,6 @@ const {
                 },
             ],
         },
-        pagerConfig: {
-            enabled: true,
-            pageSize: 10,
-            pageNum: 1,
-            total: 0,
-            // isFixed: false
-        },
-        toolbarConfig: {
-
-        },
     },
 });
 </script>

src/views/project-manage/bid-management/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
     </bs-table>
     <add-or-edit-drawer ref="addOrEditDrawerRef"/>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -122,44 +122,7 @@ const {
               },
             }
           ],
-        },
-        searchConfig: {
-          enabled: true,
-          fieldSpan:
-              4,
-          fields:
-              [
-                {
-                  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: '请选择项目状态',
-                  },
-                },
-              ],
-        },
-        data:[
+          data:[
             {
               id: 'BID20230001',
               name: '新能源充电桩建设项目',
@@ -288,17 +251,41 @@ const {
               operationTime: '2023-09-20-15:45:00',
               status: '等待开标'
             }
-        ],
-        pagerConfig: {
-          enabled: true,
-          pageSize:
-              10,
-          pageNum:
-              1,
-          total:
-              0,
+          ],
+        },
+        searchConfig: {
+          fieldSpan: 4,
+          fields: [
+                {
+                  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: '请选择项目状态',
+                  },
+                },
+              ],
         }
-        ,
       },
     })
 ;

src/views/project-manage/contract-management/index.vue

@@ -1,9 +1,9 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
     </bs-table>
     <add-or-edit-drawer ref="addOrEditDrawerRef"/>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -122,8 +122,7 @@ const {
               },
             }
           ],
-        },
-        data:[
+          data:[
             {
               id: 'CT20230001',
               projectName: '智慧城市数据中心',
@@ -244,13 +243,12 @@ const {
               operator: '吴十',
               operationTime: '2023-09-20 10:00:00'
             }
-        ],
+          ],
+        },
         searchConfig: {
           enabled: true,
-          fieldSpan:
-              4,
-          fields:
-              [
+          fieldSpan: 4,
+          fields: [
                 {
                   field: 'projectName',
                   component: 'a-input',
@@ -281,17 +279,6 @@ const {
                 },
               ],
         }
-        ,
-        pagerConfig: {
-          enabled: true,
-          pageSize:
-              10,
-          pageNum:
-              1,
-          total:
-              0,
-        }
-        ,
       },
     })
 ;

src/views/project-manage/item-list/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="project-init-manage">
+    <BsPageWrapper class="project-init-manage">
         <a-tabs v-model:activeKey="activeKey" class="tabs">
             <a-tab-pane v-for="(item, index) in tabsOptions" :key="index">
                 <template #tab>
@@ -11,7 +11,7 @@
             </a-tab-pane>
         </a-tabs>
         <bs-table v-bind="tableOptions"></bs-table>
-    </div>
+    </BsPageWrapper>
 </template>
 <script setup lang="jsx">
 import { ref, reactive } from "vue"
@@ -150,7 +150,7 @@ const {
         gridOptions: {
             height: 600,
             loading: false,
-            data: [],
+            data:generateProjectItemData(),
             columns: [
                 {
                     type: 'seq',
@@ -249,9 +249,8 @@ const {
                 },
             ],
         },
-        data:generateProjectItemData(),
+
         searchConfig: {
-            enabled: true,
             fieldSpan: 4,
             fields: [
                 {
@@ -288,16 +287,6 @@ const {
                 },
             ],
         },
-        pagerConfig: {
-            enabled: true,
-            pageSize: 10,
-            pageNum: 1,
-            total: 0,
-            isFixed: false,
-        },
-        mounted() {
-
-        },
     },
 });
 </script>

src/views/project-manage/opportunity-manage/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="opportunity-management">
+    <BsPageWrapper class="opportunity-management">
         <bs-table v-bind="tableOptions">
             <template #searchRight>
                 <div>
@@ -9,7 +9,7 @@
                 </div>
             </template>
         </bs-table>
-    </div>
+    </BsPageWrapper>
 </template>
 <script setup lang="jsx">
 import { ref, reactive } from "vue"
@@ -124,180 +124,179 @@ const {
                     },
                 },
             ],
-        },
-        data: [
+            data: [
             {
-                id: 'OPP20230001',
-                projectName: '智慧城市数据中心建设项目',
-                projectCode: 'DC-2023-001',
-                projectLocation: '北京市海淀区',
-                projectStatus: '前期接触',
-                clientName: '北京市政数管局',
-                estimatedBidDate: '2023-11-15',
-                budget: '28,500,000',
-                plantPhaseUnit: '一期/主数据中心',
-                source: '政府招标',
-                projectType: '新基建',
-                engineeringType: '机电安装',
-                businessType: 'EPC总包',
-                salesPerson: '张经理',
-                salesDepartment: '华北营销部',
-                creator: '系统管理员',
-                createTime: '2023-01-10 09:00:00',
-                activityType: '技术交流会',
-                activityDate: '2023-02-20'
+              id: 'OPP20230001',
+              projectName: '智慧城市数据中心建设项目',
+              projectCode: 'DC-2023-001',
+              projectLocation: '北京市海淀区',
+              projectStatus: '前期接触',
+              clientName: '北京市政数管局',
+              estimatedBidDate: '2023-11-15',
+              budget: '28,500,000',
+              plantPhaseUnit: '一期/主数据中心',
+              source: '政府招标',
+              projectType: '新基建',
+              engineeringType: '机电安装',
+              businessType: 'EPC总包',
+              salesPerson: '张经理',
+              salesDepartment: '华北营销部',
+              creator: '系统管理员',
+              createTime: '2023-01-10 09:00:00',
+              activityType: '技术交流会',
+              activityDate: '2023-02-20'
             },
             {
-                id: 'OPP20230002',
-                projectName: '新能源充电桩网络工程',
-                projectCode: 'EV-2023-002',
-                projectLocation: '上海市浦东新区',
-                projectStatus: '方案设计',
-                clientName: '上海电力公司',
-                estimatedBidDate: '2023-09-30',
-                budget: '15,200,000',
-                plantPhaseUnit: '核心商圈/一期',
-                source: '战略合作',
-                projectType: '新能源',
-                engineeringType: '市政配套',
-                businessType: '设备供应',
-                salesPerson: '李主管',
-                salesDepartment: '华东营销部',
-                creator: '市场专员',
-                createTime: '2023-02-15 14:30:00',
-                activityType: '现场考察',
-                activityDate: '2023-03-10'
+              id: 'OPP20230002',
+              projectName: '新能源充电桩网络工程',
+              projectCode: 'EV-2023-002',
+              projectLocation: '上海市浦东新区',
+              projectStatus: '方案设计',
+              clientName: '上海电力公司',
+              estimatedBidDate: '2023-09-30',
+              budget: '15,200,000',
+              plantPhaseUnit: '核心商圈/一期',
+              source: '战略合作',
+              projectType: '新能源',
+              engineeringType: '市政配套',
+              businessType: '设备供应',
+              salesPerson: '李主管',
+              salesDepartment: '华东营销部',
+              creator: '市场专员',
+              createTime: '2023-02-15 14:30:00',
+              activityType: '现场考察',
+              activityDate: '2023-03-10'
             },
             // 更多数据...
             {
-                id: 'OPP20230003',
-                projectName: '医疗云平台升级项目',
-                projectCode: 'MED-2023-003',
-                projectLocation: '广州市天河区',
-                projectStatus: '需求确认',
-                clientName: '广东省人民医院',
-                estimatedBidDate: '2023-08-25',
-                budget: '9,800,000',
-                plantPhaseUnit: '主院区/云平台',
-                source: '老客户',
-                projectType: '医疗信息化',
-                engineeringType: '系统集成',
-                businessType: '软件服务',
-                salesPerson: '王总监',
-                salesDepartment: '华南营销部',
-                creator: '技术顾问',
-                createTime: '2023-03-05 11:20:00',
-                activityType: '需求研讨会',
-                activityDate: '2023-03-28'
+              id: 'OPP20230003',
+              projectName: '医疗云平台升级项目',
+              projectCode: 'MED-2023-003',
+              projectLocation: '广州市天河区',
+              projectStatus: '需求确认',
+              clientName: '广东省人民医院',
+              estimatedBidDate: '2023-08-25',
+              budget: '9,800,000',
+              plantPhaseUnit: '主院区/云平台',
+              source: '老客户',
+              projectType: '医疗信息化',
+              engineeringType: '系统集成',
+              businessType: '软件服务',
+              salesPerson: '王总监',
+              salesDepartment: '华南营销部',
+              creator: '技术顾问',
+              createTime: '2023-03-05 11:20:00',
+              activityType: '需求研讨会',
+              activityDate: '2023-03-28'
             },
             {
-                id: 'OPP20230004',
-                projectName: '高校智慧校园改造',
-                projectCode: 'EDU-2023-004',
-                projectLocation: '武汉市洪山区',
-                projectStatus: '招标准备',
-                clientName: '武汉大学',
-                estimatedBidDate: '2023-10-10',
-                budget: '12,500,000',
-                plantPhaseUnit: '主校区/信息化',
-                source: '公开招标',
-                projectType: '教育信息化',
-                engineeringType: '智能化改造',
-                businessType: '综合解决方案',
-                salesPerson: '赵经理',
-                salesDepartment: '华中营销部',
-                creator: '商务专员',
-                createTime: '2023-01-28 16:45:00',
-                activityType: '技术宣讲会',
-                activityDate: '2023-02-15'
+              id: 'OPP20230004',
+              projectName: '高校智慧校园改造',
+              projectCode: 'EDU-2023-004',
+              projectLocation: '武汉市洪山区',
+              projectStatus: '招标准备',
+              clientName: '武汉大学',
+              estimatedBidDate: '2023-10-10',
+              budget: '12,500,000',
+              plantPhaseUnit: '主校区/信息化',
+              source: '公开招标',
+              projectType: '教育信息化',
+              engineeringType: '智能化改造',
+              businessType: '综合解决方案',
+              salesPerson: '赵经理',
+              salesDepartment: '华中营销部',
+              creator: '商务专员',
+              createTime: '2023-01-28 16:45:00',
+              activityType: '技术宣讲会',
+              activityDate: '2023-02-15'
             },
             {
-                id: 'OPP20230005',
-                projectName: '金融数据中心容灾系统',
-                projectCode: 'FIN-2023-005',
-                projectLocation: '深圳市南山区',
-                projectStatus: '商务谈判',
-                clientName: '招商银行',
-                estimatedBidDate: '2023-07-15',
-                budget: '32,000,000',
-                plantPhaseUnit: '主中心/容灾机房',
-                source: '定向邀标',
-                projectType: '金融科技',
-                engineeringType: '系统安全',
-                businessType: '专业服务',
-                salesPerson: '陈主管',
-                salesDepartment: '深圳办事处',
-                creator: '产品经理',
-                createTime: '2023-02-10 10:15:00',
-                activityType: '方案评审会',
-                activityDate: '2023-03-05'
+              id: 'OPP20230005',
+              projectName: '金融数据中心容灾系统',
+              projectCode: 'FIN-2023-005',
+              projectLocation: '深圳市南山区',
+              projectStatus: '商务谈判',
+              clientName: '招商银行',
+              estimatedBidDate: '2023-07-15',
+              budget: '32,000,000',
+              plantPhaseUnit: '主中心/容灾机房',
+              source: '定向邀标',
+              projectType: '金融科技',
+              engineeringType: '系统安全',
+              businessType: '专业服务',
+              salesPerson: '陈主管',
+              salesDepartment: '深圳办事处',
+              creator: '产品经理',
+              createTime: '2023-02-10 10:15:00',
+              activityType: '方案评审会',
+              activityDate: '2023-03-05'
             },
             {
-                id: 'OPP20230006',
-                projectName: '工业4.0智能工厂项目',
-                projectCode: 'IND-2023-006',
-                projectLocation: '成都市龙泉驿区',
-                projectStatus: '合同签订',
-                clientName: '长安汽车',
-                estimatedBidDate: '2023-06-30',
-                budget: '45,000,000',
-                plantPhaseUnit: '三工厂/智能制造',
-                source: '战略客户',
-                projectType: '工业自动化',
-                engineeringType: '技术改造',
-                businessType: '交钥匙工程',
-                salesPerson: '马总监',
-                salesDepartment: '西南营销部',
-                creator: '解决方案专家',
-                createTime: '2023-01-15 13:50:00',
-                activityType: '工厂参观',
-                activityDate: '2023-02-08'
+              id: 'OPP20230006',
+              projectName: '工业4.0智能工厂项目',
+              projectCode: 'IND-2023-006',
+              projectLocation: '成都市龙泉驿区',
+              projectStatus: '合同签订',
+              clientName: '长安汽车',
+              estimatedBidDate: '2023-06-30',
+              budget: '45,000,000',
+              plantPhaseUnit: '三工厂/智能制造',
+              source: '战略客户',
+              projectType: '工业自动化',
+              engineeringType: '技术改造',
+              businessType: '交钥匙工程',
+              salesPerson: '马总监',
+              salesDepartment: '西南营销部',
+              creator: '解决方案专家',
+              createTime: '2023-01-15 13:50:00',
+              activityType: '工厂参观',
+              activityDate: '2023-02-08'
             },
             {
-                id: 'OPP20230007',
-                projectName: '跨境电商物流中心',
-                projectCode: 'LOG-2023-007',
-                projectLocation: '杭州市萧山区',
-                projectStatus: '实施中',
-                clientName: '阿里巴巴国际站',
-                estimatedBidDate: '2023-05-20',
-                budget: '18,600,000',
-                plantPhaseUnit: '保税区/智能仓',
-                source: '生态合作',
-                projectType: '物流自动化',
-                engineeringType: '新建工程',
-                businessType: '设备集成',
-                salesPerson: '徐经理',
-                salesDepartment: '浙江分公司',
-                creator: '行业经理',
-                createTime: '2023-01-05 08:30:00',
-                activityType: '合作伙伴大会',
-                activityDate: '2023-01-25'
+              id: 'OPP20230007',
+              projectName: '跨境电商物流中心',
+              projectCode: 'LOG-2023-007',
+              projectLocation: '杭州市萧山区',
+              projectStatus: '实施中',
+              clientName: '阿里巴巴国际站',
+              estimatedBidDate: '2023-05-20',
+              budget: '18,600,000',
+              plantPhaseUnit: '保税区/智能仓',
+              source: '生态合作',
+              projectType: '物流自动化',
+              engineeringType: '新建工程',
+              businessType: '设备集成',
+              salesPerson: '徐经理',
+              salesDepartment: '浙江分公司',
+              creator: '行业经理',
+              createTime: '2023-01-05 08:30:00',
+              activityType: '合作伙伴大会',
+              activityDate: '2023-01-25'
             },
             {
-                id: 'OPP20230008',
-                projectName: '5G基站配套电源系统',
-                projectCode: 'TEL-2023-008',
-                projectLocation: '南京市江宁区',
-                projectStatus: '已验收',
-                clientName: '中国移动',
-                estimatedBidDate: '2023-04-15',
-                budget: '8,500,000',
-                plantPhaseUnit: '主城区/基站群',
-                source: '框架协议',
-                projectType: '通信基建',
-                engineeringType: '电力配套',
-                businessType: '产品供应',
-                salesPerson: '刘经理',
-                salesDepartment: '江苏办事处',
-                creator: '客户经理',
-                createTime: '2022-12-20 15:20:00',
-                activityType: '产品展示会',
-                activityDate: '2023-01-10'
+              id: 'OPP20230008',
+              projectName: '5G基站配套电源系统',
+              projectCode: 'TEL-2023-008',
+              projectLocation: '南京市江宁区',
+              projectStatus: '已验收',
+              clientName: '中国移动',
+              estimatedBidDate: '2023-04-15',
+              budget: '8,500,000',
+              plantPhaseUnit: '主城区/基站群',
+              source: '框架协议',
+              projectType: '通信基建',
+              engineeringType: '电力配套',
+              businessType: '产品供应',
+              salesPerson: '刘经理',
+              salesDepartment: '江苏办事处',
+              creator: '客户经理',
+              createTime: '2022-12-20 15:20:00',
+              activityType: '产品展示会',
+              activityDate: '2023-01-10'
             }
-        ],
+          ],
+        },
         searchConfig: {
-            enabled: true,
             fieldSpan: 4,
             fields: [
                 {
@@ -318,16 +317,6 @@ const {
                 },
             ],
         },
-        pagerConfig: {
-            enabled: true,
-            pageSize: 10,
-            pageNum: 1,
-            total: 0,
-            // isFixed: false
-        },
-        toolbarConfig: {
-
-        },
     },
 });
 </script>

src/views/project-manage/performance-management/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="customer-management">
+  <BsPageWrapper class="customer-management">
     <a-tabs v-model:activeKey="activeKey" class="tabs">
       <a-tab-pane v-for="(item, index) in tabsOptions" :key="index">
         <template #tab>
@@ -11,7 +11,7 @@
       </a-tab-pane>
     </a-tabs>
     <bs-table v-bind="tableOptions"></bs-table>
-  </div>
+  </BsPageWrapper>
 </template>
 <script setup lang="jsx">
 import { ref, reactive, h, onMounted, watch } from 'vue';
@@ -61,124 +61,7 @@ const {
     gridOptions: {
       height: 600,
       loading: false,
-      data: [],
-      columns: [
-        {
-          type: 'seq',
-        },
-        {
-          field: 'projectName',
-          title: '项目名称',
-          width: 200,
-        },
-        {
-          field: 'projectCode',
-          title: '项目ID',
-          width: 100,
-        },
-        {
-          field: 'projectStatus',
-          title: '项目状态',
-          width: 100,
-        },
-        {
-          field: 'totalContractAmount',
-          title: '合同总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'paidAmount',
-          title: '已回款总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'paidPercentage',
-          title: '已回款比例(%)',
-          width: 150,
-        },
-        {
-          field: 'unpaidAmount',
-          title: '未回款总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'invoicedAmount',
-          title: '已开票总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'uninvoicedAmount',
-          title: '未开票总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'penaltyAmount',
-          title: '罚款总金额(元)',
-          width: 150,
-        },
-        {
-          field: 'visualProgress',
-          title: '形象进度(%)',
-          width: 150,
-        },
-        {
-          field: 'contractProgress',
-          title: '合同进度(%)',
-          width: 150,
-        },
-        {
-          field: 'outputValueProgress',
-          title: '产值进度(%)',
-          width: 150,
-        },
-        {
-          field: 'projectCategory',
-          title: '项目类型',
-          width: 150,
-        },
-        {
-          field: 'projectSource',
-          title: '项目来源',
-          width: 150,
-        },
-        {
-          field: 'serviceProvider',
-          title: '参与服务商',
-          width: 150,
-          slots: {
-                        default({ row, column }) {
-                            return <span>{row?.serviceProvider?.name}</span>;
-                        },
-                    },
-        },
-        {
-          field: 'providerContact',
-          title: '参与服务商电话',
-          width: 150,
-          slots: {
-                        default({ row, column }) {
-                            return <span>{row?.providerContact?.name}</span>;
-                        },
-                    },
-        },
-        {
-          field: 'salesOwner',
-          title: '归属营销人员',
-          width: 150,
-        },
-        {
-          field: 'salesDepartment',
-          title: '归属营销部门',
-          width: 150,
-          slots: {
-                        default({ row, column }) {
-                            return <span>{row?.salesDepartment?.name}</span>;
-                        },
-                    },
-        },
-      ],
-    },
-    data:[
+      data:[
         {
           id: 'PERF20230001',
           projectName: '智慧城市数据中心项目',
@@ -355,9 +238,124 @@ const {
           salesOwner: '刘经理',
           salesDepartment: { code: 'SD008', name: '深圳办事处' }
         }
-    ],
+      ],
+      columns: [
+        {
+          type: 'seq',
+        },
+        {
+          field: 'projectName',
+          title: '项目名称',
+          width: 200,
+        },
+        {
+          field: 'projectCode',
+          title: '项目ID',
+          width: 100,
+        },
+        {
+          field: 'projectStatus',
+          title: '项目状态',
+          width: 100,
+        },
+        {
+          field: 'totalContractAmount',
+          title: '合同总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'paidAmount',
+          title: '已回款总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'paidPercentage',
+          title: '已回款比例(%)',
+          width: 150,
+        },
+        {
+          field: 'unpaidAmount',
+          title: '未回款总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'invoicedAmount',
+          title: '已开票总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'uninvoicedAmount',
+          title: '未开票总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'penaltyAmount',
+          title: '罚款总金额(元)',
+          width: 150,
+        },
+        {
+          field: 'visualProgress',
+          title: '形象进度(%)',
+          width: 150,
+        },
+        {
+          field: 'contractProgress',
+          title: '合同进度(%)',
+          width: 150,
+        },
+        {
+          field: 'outputValueProgress',
+          title: '产值进度(%)',
+          width: 150,
+        },
+        {
+          field: 'projectCategory',
+          title: '项目类型',
+          width: 150,
+        },
+        {
+          field: 'projectSource',
+          title: '项目来源',
+          width: 150,
+        },
+        {
+          field: 'serviceProvider',
+          title: '参与服务商',
+          width: 150,
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.serviceProvider?.name}</span>;
+                        },
+                    },
+        },
+        {
+          field: 'providerContact',
+          title: '参与服务商电话',
+          width: 150,
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.providerContact?.name}</span>;
+                        },
+                    },
+        },
+        {
+          field: 'salesOwner',
+          title: '归属营销人员',
+          width: 150,
+        },
+        {
+          field: 'salesDepartment',
+          title: '归属营销部门',
+          width: 150,
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.salesDepartment?.name}</span>;
+                        },
+                    },
+        },
+      ],
+    },
     searchConfig: {
-      enabled: true,
       fieldSpan: 4,
       fields: [
         {
@@ -370,13 +368,6 @@ const {
         }
       ],
     },
-    pagerConfig: {
-      enabled: true,
-      pageSize: 10,
-      pageNum: 1,
-      total: 0,
-      isFixed: false,
-    },
     mounted() {
       updateHeaderInfo();
     },
@@ -402,11 +393,8 @@ watch(activeKey, () => {
 <style lang="scss" scoped>
 .customer-management {
   background-color: #fff;
-  height: 100%;
-
   .tabs {
     padding: 0 24px;
-
     :deep(.anticon) {
       margin: 0;
     }

src/views/project-manage/project-init-manage/index.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="project-init-manage">
+    <BsPageWrapper class="project-init-manage">
         <a-tabs v-model:activeKey="activeKey" class="tabs">
             <a-tab-pane v-for="(item, index) in tabsOptions" :key="index">
                 <template #tab>
@@ -11,7 +11,7 @@
             </a-tab-pane>
         </a-tabs>
         <bs-table v-bind="tableOptions"></bs-table>
-    </div>
+    </BsPageWrapper>
 </template>
 <script setup lang="jsx">
 import { ref, reactive } from "vue"

src/views/support-manage/Archive/project-archive/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
       <template #searchRight>
         <div>
@@ -21,7 +21,7 @@
         </a-dropdown>
       </template>
     </bs-table>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -67,7 +67,7 @@
   ]);
 
   onMounted(() => {
-    refreshTable();
+
   });
 
   const { tableOptions, setTablePropsValue, getTablePropsValue, refreshTable } = useBsTable({
@@ -178,7 +178,6 @@
         ],
       },
       searchConfig: {
-        enabled: true,
         fieldSpan: 4,
         fields: [
           {
@@ -204,13 +203,6 @@
           },
         ],
       },
-      pagerConfig: {
-        isFixed: true,
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-        total: 0,
-      },
     },
   });
 

src/views/support-manage/bidding/performance/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions" />
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -11,7 +11,7 @@
   import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
 
   onMounted(() => {
-    refreshTable();
+
   });
   const { tableOptions, setTablePropsValue, getTablePropsValue, refreshTable } = useBsTable({
     tableOptions: {
@@ -161,12 +161,6 @@
           },
         ],
       },
-      pagerConfig: {
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-        total: 0,
-      },
     },
   });
 

src/views/support-manage/competition/opponent/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
       <template #searchRight>
         <div>
@@ -21,7 +21,7 @@
         </a-dropdown>
       </template>
     </bs-table>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -45,9 +45,7 @@
     },
   ]);
 
-  onMounted(() => {
-    refreshTable();
-  });
+  onMounted(() => {});
 
   const { tableOptions, setTablePropsValue, getTablePropsValue, refreshTable } = useBsTable({
     tableOptions: {
@@ -189,13 +187,6 @@
           },
         ],
       },
-      pagerConfig: {
-        isFixed: false,
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-        total: 0,
-      },
     },
   });
 

src/views/support-manage/competition/quotation/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions">
       <template #searchRight>
         <div>
@@ -10,7 +10,7 @@
       </template>
     </bs-table>
     <QuotationDetail ref="quotationDetailRef"></QuotationDetail>
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -23,10 +23,6 @@
   const quotationDetailRef = ref();
   const router = useRouter();
 
-  onMounted(() => {
-    refreshTable();
-  });
-
   const { tableOptions, setTablePropsValue, getTablePropsValue, refreshTable } = useBsTable({
     tableOptions: {
       url: '/supports/competitor/queryPage',
@@ -128,7 +124,6 @@
         ],
       },
       searchConfig: {
-        enabled: true,
         fieldSpan: 4,
         fields: [
           {
@@ -154,13 +149,6 @@
           },
         ],
       },
-      pagerConfig: {
-        isFixed: false,
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-        total: 0,
-      },
     },
   });
 

src/views/support-manage/competition/quotation/quotation-detail/index.vue

@@ -62,13 +62,6 @@
           },
         ],
       },
-      pagerConfig: {
-        enabled: true,
-        isFixed:false,
-        pageSize: 10,
-        pageNum: 1,
-      },
-      toolbarConfig: {},
       tableSearchBeforeBiz() {
         const searchParams = getValue('searchConfig.data');
         setValue('searchConfig.data', { ...searchParams, status: selectedStatus.value });

src/views/support-manage/mobile/configuration/components/CredentialInfo/index.vue

@@ -114,14 +114,8 @@
             },
           },
         ],
+        height: 700,
       },
-      pagerConfig: {
-        isFixed: false,
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-      },
-      toolbarConfig: {},
       tableSearchBeforeBiz() {
         const searchParams = getValue('searchConfig.data');
         setValue('searchConfig.data', { ...searchParams });

src/views/support-manage/mobile/configuration/components/DateInfo/index.vue

@@ -43,6 +43,7 @@
       url: '/supports/biz/file/queryPage',
       gridOptions: {
         loading: false,
+        height: 700,
         columns: [
           {
             type: 'seq',
@@ -162,13 +163,6 @@
           },
         ],
       },
-      pagerConfig: {
-        isFixed: false,
-        enabled: true,
-        pageSize: 10,
-        pageNum: 1,
-      },
-      toolbarConfig: {},
       tableSearchBeforeBiz() {
         const searchParams = getValue('searchConfig.data');
         setValue('searchConfig.data', { ...searchParams });

src/views/support-manage/mobile/configuration/components/PerformanceCase/index.vue

@@ -174,9 +174,9 @@
             },
           },
         ],
+        height: 700
       },
       searchConfig: {
-        enabled: true,
         fieldSpan: 4,
         fields: [
           {
@@ -195,12 +195,6 @@
           },
         ],
       },
-      pagerConfig: {
-        enabled: true,
-        isFixed: true,
-        pageSize: 10,
-        pageNum: 1,
-      },
       toolbarConfig: {
         enable: false,
       },

src/views/support-manage/mobile/configuration/components/ProjectInfo/index.vue

@@ -126,14 +126,8 @@
             align: 'center',
           },
         ],
+        height: 700
       },
-      pagerConfig: {
-        enabled: true,
-        isFixed: true,
-        pageSize: 10,
-        pageNum: 1,
-      },
-      toolbarConfig: {},
       tableSearchBeforeBiz() {
         const searchParams = getValue('searchConfig.data');
         setValue('searchConfig.data', { ...searchParams });

src/views/support-manage/mobile/configuration/index.vue

@@ -1,25 +1,27 @@
 <template>
-  <a-layout class="layout">
-    <!-- 左侧菜单 -->
-    <a-layout-sider width="190" class="sider">
-      <div class="sidebar-title">
-        <h3>支持中心</h3>
-      </div>
+  <BsPageWrapper>
+    <a-layout class="layout">
+      <!-- 左侧菜单 -->
+      <a-layout-sider width="190" class="sider">
+        <div class="sidebar-title">
+          <h3>支持中心</h3>
+        </div>
 
-      <a-menu :selected-keys="[activeMenu]" @click="handleMenuClick" mode="inline" theme="light">
-        <a-menu-item v-for="m in menuList" :key="m.key">
-          {{ m.label }}
-        </a-menu-item>
-      </a-menu>
-    </a-layout-sider>
+        <a-menu :selected-keys="[activeMenu]" @click="handleMenuClick" mode="inline" theme="light">
+          <a-menu-item v-for="m in menuList" :key="m.key">
+            {{ m.label }}
+          </a-menu-item>
+        </a-menu>
+      </a-layout-sider>
 
-    <!-- 右侧主体 -->
-    <a-layout-content class="content-wrap">
-      <a-card :tab-list="currentTabList" :active-tab-key="activeTab" @tabChange="handleTabChange" :bordered="false">
-        <component :is="currentComponent" />
-      </a-card>
-    </a-layout-content>
-  </a-layout>
+      <!-- 右侧主体 -->
+      <a-layout-content class="content-wrap">
+        <a-card :tab-list="currentTabList" :active-tab-key="activeTab" @tabChange="handleTabChange" :bordered="false">
+          <component :is="currentComponent" />
+        </a-card>
+      </a-layout-content>
+    </a-layout>
+  </BsPageWrapper>
 </template>
 
 <script setup>
@@ -76,7 +78,7 @@
     background: #fff;
   }
   .layout {
-    height: 100vh;
+    height: 100%;
     background: #fff;
   }
   .sider {

src/views/support-manage/risk/serviceRiskProvider/index.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="table-demo">
+  <BsPageWrapper class="table-demo">
     <bs-table v-bind="tableOptions" />
-  </div>
+  </BsPageWrapper>
 </template>
 
 <script setup lang="jsx">
@@ -10,9 +10,7 @@
   import { useRouter } from 'vue-router';
   import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
 
-  onMounted(() => {
-    refreshTable();
-  });
+  onMounted(() => {});
   const { tableOptions, setTablePropsValue, getTablePropsValue, refreshTable } = useBsTable({
     tableOptions: {
       url: '/supports/project/queryPage',