浏览代码

fix: 工作台模块补全、项目管理添加假数据

lirenjie 4 月之前
父节点
当前提交
1c7507cbc2

二进制
src/assets/images/home/e.png


二进制
src/assets/images/home/economic.png


二进制
src/assets/images/home/market.png


二进制
src/assets/images/home/pay.png


二进制
src/assets/images/home/supplier.png


二进制
src/assets/images/home/test.png


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

@@ -186,15 +186,13 @@
                     },
                 ],
             },
-            // pagerConfig: {
-            //   enabled: true,
-            //   pageSize: 10,
-            //   pageNum: 1,
-            //   total: 100,
-            //   onChange: () => {
-            //     fetchTableData();
-            //   },
-            // },
+            pagerConfig: {
+              enabled: true,
+              pageSize: 10,
+              pageNum: 1,
+              total: 0,
+            //   isFixed: false
+            },
         },
     });
 

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

@@ -31,103 +31,96 @@ const {
       refreshTable
     } = useBsTable({
       tableOptions: {
-        url: '/supports/project/queryPage',
+        // url: '/supports/project/queryPage',
         gridOptions: {
           // data:[],
           loading: false,
           columns: [
             {
-              field: 'projectName',
+              field: 'name',
               title: '项目名称',
               width: 150
             },
             {
-              field: 'projectId',
+              field: 'code',
               title: '项目ID',
               width: 150
             },
             {
-              field: 'projectAddress',
+              field: 'location',
               title: '项目地址',
               width: 150
             },
             {
-              field: 'partAUnit',
+              field: 'client',
               title: '甲方',
               width: 150
             },
             {
-              field: 'tenderDate',
+              field: 'estimatedBidDate',
               title: '预计招标日期',
               width: 150
             },
             {
-              field: 'projectBudgets',
+              field: 'budget',
               title: '概算金额(万)',
               width: 150
             },
             {
-              field: 'factory',
+              field: 'plantInfo',
               title: '分厂/几期/机组',
               width: 150
             },
             {
-              field: 'projectSource',
+              field: 'source',
               title: '项目来源',
               width: 150
             },
             {
-              field: 'projectType',
+              field: 'type',
               title: '项目类型',
               width: 150,
-              slots: {
-                default({ row, column }) {
-                  return <span>{row?.projectType?.[0].valueName}</span>;
-                },
-              },
+              // slots: {
+              //   default({ row, column }) {
+              //     return <span>{row?.projectType?.[0].valueName}</span>;
+              //   },
+              // },
             },
             {
-              field: 'engineeringAttribute',
+              field: 'engineeringType',
               title: '工程属性',
               width: 150,
-              slots: {
-                default({ row, column }) {
-                  return <span>{row?.engineeringAttribute?.[0].valueName}</span>;
-                },
-              },
+              // slots: {
+              //   default({ row, column }) {
+              //     return <span>{row?.engineeringAttribute?.[0].valueName}</span>;
+              //   },
+              // },
             },
             {
-              field: 'businessType',
+              field: 'businessCategory',
               title: '业务类型',
               width: 150
             },
             {
-              field: 'belongMarketer',
+              field: 'salesManager',
               title: '归属营销经理',
               width: 150
             },
             {
-              field: 'belongMarketingDepartment',
+              field: 'salesDepartment',
               title: '归属营销部门',
               width: 150
             },
             {
-              field: 'name',
+              field: 'creator',
               title: '创建人',
               width: 150
             },
             {
-              field: 'name',
+              field: 'createTime',
               title: '创建时间',
               width: 150
             },
-            {
-              field: 'opt',
-              title: '操作',
-              width: '120px',
-              fixed: 'right',
-              align: 'center',
-            },
             {
               // fixed: 'right',
               cellRender: {
@@ -167,6 +160,160 @@ 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: '待分配'
+          }
+        ],
         searchConfig: {
           enabled: true,
           fieldSpan:

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

@@ -12,9 +12,9 @@
               <template #icon>
                 <PlusOutlined />
               </template>
-              <span>新增</span>
-            </a-button>
-          </a-space> -->
+<span>新增</span>
+</a-button>
+</a-space> -->
             </template>
         </bs-table>
 
@@ -22,106 +22,309 @@
     </div>
 </template>
 
-<script setup>
-    import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
-    import { onMounted, ref } from 'vue';
-    import { pick } from 'lodash';
-    import AddOrEditDrawer from '/@/views/table-demo/components/AddOrEditDrawer.vue';
-    import { clientManageApi } from '/@/api/market-manage/index.js';
+<script setup lang="jsx">
+import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
+import { onMounted, ref } from 'vue';
+import { pick } from 'lodash';
+import AddOrEditDrawer from '/@/views/table-demo/components/AddOrEditDrawer.vue';
+import { clientManageApi } from '/@/api/market-manage/index.js';
+import { DISPLAY_STATE } from "/@/components/BsUi/constant.js";
+const addOrEditDrawerRef = ref(null);
 
-    const addOrEditDrawerRef = ref(null);
-
-    const {
-        tableOptions,
-        setTablePropsValue: setValue,
-        getTablePropsValue: getValue,
-    } = useBsTable({
-        tableOptions: {
-            gridOptions: {
-                loading: false,
-                columns: [
-                    {
-                        field: 'id',
-                        title: '状态',
-                    },
-                    {
-                        field: 'name',
-                        title: '流水号',
-                    },
-                    {
-                        field: 'name1',
-                        title: '项目名称',
-                    },
-                    {
-                        field: 'name2',
-                        title: '项目ID',
-                    },
-                    {
-                        field: 'name',
-                        title: '项目地址',
-                    },
-                    {
-                        field: 'name',
-                        title: '预计合同金额(万)',
-                    },
-                    {
-                        field: 'name',
-                        title: '项目类型',
-                    },
-                    {
-                        field: 'name',
-                        title: '产品类型',
-                    },
-                    {
-                        field: 'name',
-                        title: '预计开标日期',
-                    },
-                    {
-                        field: 'name',
-                        title: '操作人',
-                    },
-                    {
-                        field: 'name',
-                        title: '操作时间',
-                    },
-                    {
-                        field: 'action',
-                        title: '操作',
-                    },
-
-                ],
-            },
-            searchConfig: {
-                enabled: true,
-                fieldSpan: 4,
-                fields: [
-                    {
-                        field: 'name',
-                        label: '',
-                        component: 'a-input',
-                        componentProps: {
-                            placeholder: '请输入项目名称',
+const {
+    tableOptions,
+    setTablePropsValue: setValue,
+    getTablePropsValue: getValue,
+} = useBsTable({
+    tableOptions: {
+        gridOptions: {
+            loading: false,
+            columns: [
+                {
+                    type: 'seq',
+                },
+                {
+                    field: 'projectName',
+                    title: '项目名称',
+                    width: 150
+                },
+                {
+                    field: 'id',
+                    title: '项目ID',
+                    width: 150
+                },
+                {
+                    field: 'projectAddress',
+                    title: '项目地址',
+                    width: 150
+                },
+                {
+                    field: 'projectStatus',
+                    title: '项目状态',
+                    width: 150
+                },
+                {
+                    field: 'client',
+                    title: '甲方',
+                    width: 150
+                },
+                {
+                    field: 'estimatedTenderDate', title: '预计招标日期', width: 150
+                },
+                {
+                    field: 'budget',
+                    title: '概算金额(万)', width: 150
+                },
+                {
+                    field: 'factoryPhaseUnit', title: '分厂/几期/机组', width: 150
+                },
+                {
+                    field: 'source',
+                    title: '项目来源', width: 150
+                },
+                {
+                    field: 'type',
+                    title: '项目类型',
+                    width: 150,
+                    slots: {
+                        default({ row }) {
+                            return <span>{row?.type?.[0]?.valueName}</span>;
+                        }
+                    }
+                },
+                {
+                    field: 'engineeringType',
+                    title: '工程属性',
+                    width: 150,
+                    slots: { default({ row }) { return <span>{row?.engineeringType?.[0]?.valueName}</span>; } }
+                },
+                {
+                    field: 'businessCategory',
+                    title: '业务类型',
+                    width: 150
+                },
+                {
+                    field: 'salesManager',
+                    title: '归属营销经理',
+                    width: 150
+                },
+                {
+                    field: 'salesDepartment',
+                    title: '归属营销部门',
+                    width: 150
+                },
+                {
+                    field: 'creator',
+                    title: '创建人',
+                    width: 150
+                },
+                {
+                    field: 'createTime',
+                    title: '创建时间',
+                    width: 150
+                },
+                {
+                    // fixed: 'right',
+                    cellRender: {
+                        name: 'CellOption',
+                        extraProps: {
+                            buttons: [
+                                {
+                                    title: '查看详情',
+                                    code: 'view',
+                                    display: ({ row }) => {
+                                        return DISPLAY_STATE.VISIBLE;
+                                    },
+                                    disabled({ row }) {
+                                        return false;
+                                    },
+                                    onClick({ row }) {
+                                        goDetailPage(row)
+                                    },
+                                    extraProps: {},
+                                },
+                            ],
                         },
                     },
-                ],
+                }
+            ],
+        },
+        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'
             },
-            // pagerConfig: {
-            //   enabled: true,
-            //   pageSize: 10,
-            //   pageNum: 1,
-            //   total: 100,
-            //   onChange: () => {
-            //     fetchTableData();
-            //   },
-            // },
+            {
+                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,
+            fields: [
+                {
+                    field: 'name',
+                    label: '',
+                    component: 'a-input',
+                    componentProps: {
+                        placeholder: '请输入项目名称',
+                    },
+                },
+            ],
+        },
+        pagerConfig: {
+            enabled: true,
+            pageSize: 10,
+            pageNum: 1,
+            total: 0,
+            // isFixed: false
         },
-    });
+    },
+});
 
-    const openEditDrawer = () => {
-        addOrEditDrawerRef.value.showDrawer();
-    };
+const openEditDrawer = () => {
+    addOrEditDrawerRef.value.showDrawer();
+};
 </script>
 
 <style scoped lang="scss">
-    .table-demo {}
+.table-demo {}
 </style>

+ 154 - 19
src/views/project-manage/bid-manage/index.vue

@@ -5,7 +5,7 @@
         </bs-table>
     </div>
 </template>
-<script setup>
+<script setup lang="jsx">
 import { ref, reactive } from "vue"
 import { useRouter } from "vue-router";
 import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
@@ -17,64 +17,69 @@ const {
     getTablePropsValue: getValue,
 } = useBsTable({
     tableOptions: {
-        url: '/supports/activity/queryPage',
+        // url: '/supports/activity/queryPage',
         gridOptions: {
             loading: false,
             columns: [
-               {
+                {
                     type: 'seq',
                     width: 80,
                 },
                 {
-                    field: 'activityName',
+                    field: 'projectName',
                     title: '项目名称',
                 },
                 {
-                    field: 'activityCode',
+                    field: 'projectCode',
                     title: '项目ID',
 
                 },
                 {
-                    field: 'activityType',
+                    field: 'projectLocation',
                     title: '项目地址',
-                    cellRender: {
-                        name: 'CellDict',
+                    slots: {
+                        default({ row, column }) {
+                            return <span>{row?.projectLocation?.name}</span>;
+                        },
                     },
+                    // cellRender: {
+                    //     name: 'CellDict',
+                    // },
                 },
                 {
-                    field: 'activityBudget',
+                    field: 'estimatedContractAmount',
                     title: '预计合同金额(元)',
                 },
                 {
-                    field: 'activityHead',
+                    field: 'projectSource',
                     title: '项目来源',
                 },
                 {
-                    field: 'createTime',
+                    field: 'projectType',
                     title: '项目类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'productCategory',
                     title: '产品类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'estimatedBidOpenDate',
                     title: '预计开标时间',
                 },
                 {
-                    field: 'createTime',
+                    field: 'estimatedBidSubmission',
                     title: '预计投标',
                 },
                 {
-                    field: 'createTime',
+                    field: 'salesOwner',
                     title: '归属营销',
                 },
                 {
-                    field: 'createTime',
+                    field: 'operator',
                     title: '操作人',
                 },
                 {
-                    field: 'createTime',
+                    field: 'operationTime',
                     title: '操作时间',
                 },
                 {
@@ -93,8 +98,8 @@ const {
                                         return false;
                                     },
                                     onClick({ row }) {
-                                        router.push('/project-manage/bid-manage/detail?id='+row.id)
-                                     },
+                                        router.push('/project-manage/bid-manage/detail?id=' + row.id)
+                                    },
                                     extraProps: {},
                                 },
                             ],
@@ -103,6 +108,136 @@ const {
                 },
             ],
         },
+        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: '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: '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: '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: '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,

+ 149 - 16
src/views/project-manage/bid-management/index.vue

@@ -25,72 +25,76 @@ const {
       refreshTable
     } = useBsTable({
       tableOptions: {
-        url: '/supports/project/queryPage',
+        // url: '/supports/project/queryPage',
         gridOptions: {
           loading: false,
           columns: [
             {
-              field: 'projectName',
+                    type: 'seq',
+                    width: 80,
+                },
+            {
+              field: 'name',
               title: '项目名称',
               width: 150
             },
             {
-              field: 'projectId',
+              field: 'code',
               title: '项目ID',
               width: 150
             },
             {
-              field: 'projectAddress',
+              field: 'location',
               title: '项目地址',
               width: 150
             },
             {
-              field: 'projectBudgets',
+              field: 'estimatedContractAmount',
               title: '预计合同金额(元)',
               width: 150
             },
             {
-              field: 'projectSource',
+              field: 'source',
               title: '项目来源',
               width: 150
             },
             {
-              field: 'projectType',
+              field: 'type',
               title: '项目类型',
               width: 150,
               slots: {
                 default({row, column}) {
-                  return <span>{row?.projectType?.[0].valueName}</span>;
+                  return <span>{row?.type?.[0].valueName}</span>;
                 },
               },
             },
             {
-              field: 'businessType',
+              field: 'productType',
               title: '产品类型',
               width: 150
             },
             {
-              field: 'tenderDate',
+              field: 'estimatedBidOpeningDate',
               title: '预计开标日期',
               width: 150
             },
             {
-              field: 'belongMarketer',
+              field: 'estimatedBidSubmission',
               title: '预计投标',
               width: 150
             },
             {
-              field: 'belongMarketingDepartment',
+              field: 'salesOwner',
               title: '归属营销',
               width: 150
             },
             {
-              field: 'name',
+              field: 'operator',
               title: '操作人',
               width: 150
             },
             {
-              field: 'name',
+              field: 'operationTime',
               title: '操作时间',
               width: 150
             },
@@ -154,8 +158,137 @@ const {
                   },
                 },
               ],
-        }
-        ,
+        },
+        data:[
+            {
+              id: 'BID20230001',
+              name: '新能源充电桩建设项目',
+              code: 'EV-2023-001',
+              location: '北京市海淀区',
+              estimatedContractAmount: '15,800,000',
+              source: '政府招标',
+              type: [{ valueName: '新能源基建' }],
+              productType: 'EPC总包',
+              estimatedBidOpeningDate: '2023-09-15',
+              estimatedBidSubmission: '2023-09-10',
+              salesOwner: '张经理',
+              operator: '投标专员A',
+              operationTime: '2023-08-01 14:20:00',
+              status: '标书准备中'
+            },
+            {
+              id: 'BID20230002',
+              name: '智慧城市数据中心',
+              code: 'DC-2023-002',
+              location: '上海市浦东新区',
+              estimatedContractAmount: '28,500,000',
+              source: '央企合作',
+              type: [{ valueName: '新基建' }],
+              productType: '设备供应',
+              estimatedBidOpeningDate: '2023-10-20',
+              estimatedBidSubmission: '2023-10-15',
+              salesOwner: '李经理',
+              operator: '投标专员B',
+              operationTime: '2023-09-05-09:45:00',
+              status: '技术方案编制'
+            },
+            {
+              id: 'BID20230003',
+              name: '5G通信基站项目',
+              code: '5G-2023-003',
+              location: '广州市天河区',
+              estimatedContractAmount: '9,200,000',
+              source: '运营商招标',
+              type: [{ valueName: '通信基建' }],
+              productType: '专业服务',
+              estimatedBidOpeningDate: '2023-08-25',
+              estimatedBidSubmission: '2023-08-20',
+              salesOwner: '王总监',
+              operator: '投标专员C',
+              operationTime: '2023-07-20-11:30:00',
+              status: '商务条款确认'
+            },
+            {
+              id: 'BID20230004',
+              name: '医疗云平台升级',
+              code: 'MED-2023-004',
+              location: '深圳市南山区',
+              estimatedContractAmount: '12,000,000',
+              source: '医疗机构',
+              type: [{ valueName: '医疗信息化' }],
+              productType: '软件服务',
+              estimatedBidOpeningDate: '2023-11-10',
+              estimatedBidSubmission: '2023-11-05',
+              salesOwner: '赵经理',
+              operator: '投标专员D',
+              operationTime: '2023-10-01-16:15:00',
+              status: '预算编制'
+            },
+            {
+              id: 'BID20230005',
+              name: '工业4.0智能工厂',
+              code: 'IND-2023-005',
+              location: '成都市高新区',
+              estimatedContractAmount: '45,000,000',
+              source: '制造业龙头',
+              type: [{ valueName: '工业自动化' }],
+              productType: '交钥匙工程',
+              estimatedBidOpeningDate: '2023-07-30',
+              estimatedBidSubmission: '2023-07-25',
+              salesOwner: '陈主管',
+              operator: '投标专员E',
+              operationTime: '2023-06-20-10:00:00',
+              status: '资质文件准备'
+            },
+            {
+              id: 'BID20230006',
+              name: '智慧物流园区',
+              code: 'LOG-2023-006',
+              location: '杭州市余杭区',
+              estimatedContractAmount: '18,600,000',
+              source: '电商平台',
+              type: [{ valueName: '物流自动化' }],
+              productType: '设备集成',
+              estimatedBidOpeningDate: '2023-08-15',
+              estimatedBidSubmission: '2023-08-10',
+              salesOwner: '马总监',
+              operator: '投标专员F',
+              operationTime: '2023-07-10-13:30:00',
+              status: '标书制作完成'
+            },
+            {
+              id: 'BID20230007',
+              name: '高校智慧校园',
+              code: 'EDU-2023-007',
+              location: '武汉市洪山区',
+              estimatedContractAmount: '8,500,000',
+              source: '教育机构',
+              type: [{ valueName: '教育信息化' }],
+              productType: '综合解决方案',
+              estimatedBidOpeningDate: '2023-09-05',
+              estimatedBidSubmission: '2023-08-30',
+              salesOwner: '徐经理',
+              operator: '投标专员G',
+              operationTime: '2023-07-25-09:20:00',
+              status: '已投标'
+            },
+            {
+              id: 'BID20230008',
+              name: '金融数据中心',
+              code: 'FIN-2023-008',
+              location: '南京市江宁区',
+              estimatedContractAmount: '32,000,000',
+              source: '金融机构',
+              type: [{ valueName: '金融科技' }],
+              productType: '专业服务',
+              estimatedBidOpeningDate: '2023-10-30',
+              estimatedBidSubmission: '2023-10-25',
+              salesOwner: '刘经理',
+              operator: '投标专员H',
+              operationTime: '2023-09-20-15:45:00',
+              status: '等待开标'
+            }
+        ],
         pagerConfig: {
           enabled: true,
           pageSize:

+ 136 - 10
src/views/project-manage/contract-management/index.vue

@@ -25,27 +25,31 @@ const {
       refreshTable
     } = useBsTable({
       tableOptions: {
-        url: '/supports/project/queryPage',
+        // url: '/supports/project/queryPage',
         gridOptions: {
           loading: false,
           columns: [
+            {
+              type: 'seq',
+              width: 80,
+            },
             {
               field: 'projectName',
               title: '项目名称',
               width: 150
             },
             {
-              field: 'projectId',
+              field: 'projectCode',
               title: '项目ID',
               width: 150
             },
             {
-              field: 'projectAddress',
+              field: 'projectLocation',
               title: '项目地址',
               width: 150
             },
             {
-              field: 'projectBudgets',
+              field: 'estimatedContractAmount',
               title: '预计合同金额(元)',
               width: 150
             },
@@ -65,32 +69,32 @@ const {
               },
             },
             {
-              field: 'businessType',
+              field: 'productType',
               title: '产品类型',
               width: 150
             },
             {
-              field: 'tenderDate',
+              field: 'estimatedBidOpeningDate',
               title: '预计开标日期',
               width: 150
             },
             {
-              field: 'belongMarketer',
+              field: 'estimatedBidSubmission',
               title: '预计投标',
               width: 150
             },
             {
-              field: 'belongMarketingDepartment',
+              field: 'salesDepartment',
               title: '归属营销',
               width: 150
             },
             {
-              field: 'name',
+              field: 'operator',
               title: '操作人',
               width: 150
             },
             {
-              field: 'name',
+              field: 'operationTime',
               title: '操作时间',
               width: 150
             },
@@ -119,6 +123,128 @@ const {
             }
           ],
         },
+        data:[
+            {
+              id: 'CT20230001',
+              projectName: '智慧城市数据中心',
+              projectCode: 'PC-DC2023-001',
+              projectLocation: '北京市海淀区',
+              estimatedContractAmount: 28500000,
+              projectSource: '政府招标',
+              projectType: [{ valueName: '新基建' }],
+              productType: 'EPC总包',
+              estimatedBidOpeningDate: '2023-09-15',
+              estimatedBidSubmission: '2023-09-10',
+              salesDepartment: '华北营销部',
+              operator: '张三',
+              operationTime: '2023-08-01 14:20:00'
+            },
+            {
+              id: 'CT20230002',
+              projectName: '新能源充电桩项目',
+              projectCode: 'PC-EV2023-002',
+              projectLocation: '上海市浦东新区',
+              estimatedContractAmount: 15200000,
+              projectSource: '企业合作',
+              projectType: [{ valueName: '新能源' }],
+              productType: '设备供应',
+              estimatedBidOpeningDate: '2023-08-20',
+              estimatedBidSubmission: '2023-08-15',
+              salesDepartment: '华东营销部',
+              operator: '李四',
+              operationTime: '2023-07-15 09:45:00'
+            },
+            {
+              id: 'CT20230003',
+              projectName: '医疗云平台升级',
+              projectCode: 'PC-MED2023-003',
+              projectLocation: '广州市天河区',
+              estimatedContractAmount: 9800000,
+              projectSource: '医疗机构',
+              projectType: [{ valueName: '医疗信息化' }],
+              productType: '软件服务',
+              estimatedBidOpeningDate: '2023-08-25',
+              estimatedBidSubmission: '2023-08-20',
+              salesDepartment: '华南营销部',
+              operator: '王五',
+              operationTime: '2023-07-20 11:30:00'
+            },
+            {
+              id: 'CT20230004',
+              projectName: '高校智慧校园',
+              projectCode: 'PC-EDU2023-004',
+              projectLocation: '武汉市洪山区',
+              estimatedContractAmount: 12500000,
+              projectSource: '教育机构',
+              projectType: [{ valueName: '教育信息化' }],
+              productType: '综合解决方案',
+              estimatedBidOpeningDate: '2023-10-10',
+              estimatedBidSubmission: '2023-10-05',
+              salesDepartment: '华中营销部',
+              operator: '赵六',
+              operationTime: '2023-09-01 16:15:00'
+            },
+            {
+              id: 'CT20230005',
+              projectName: '工业4.0智能工厂',
+              projectCode: 'PC-IND2023-005',
+              projectLocation: '成都市高新区',
+              estimatedContractAmount: 45000000,
+              projectSource: '制造业',
+              projectType: [{ valueName: '工业自动化' }],
+              productType: '交钥匙工程',
+              estimatedBidOpeningDate: '2023-06-30',
+              estimatedBidSubmission: '2023-06-25',
+              salesDepartment: '西南营销部',
+              operator: '钱七',
+              operationTime: '2023-05-25 13:30:00'
+            },
+            {
+              id: 'CT20230006',
+              projectName: '跨境电商物流中心',
+              projectCode: 'PC-LOG2023-006',
+              projectLocation: '杭州市余杭区',
+              estimatedContractAmount: 18600000,
+              projectSource: '电商平台',
+              projectType: [{ valueName: '物流自动化' }],
+              productType: '设备集成',
+              estimatedBidOpeningDate: '2023-05-20',
+              estimatedBidSubmission: '2023-05-15',
+              salesDepartment: '浙江分公司',
+              operator: '孙八',
+              operationTime: '2023-04-15 09:20:00'
+            },
+            {
+              id: 'CT20230007',
+              projectName: '5G基站建设',
+              projectCode: 'PC-5G2023-007',
+              projectLocation: '南京市江宁区',
+              estimatedContractAmount: 8500000,
+              projectSource: '通信运营商',
+              projectType: [{ valueName: '通信基建' }],
+              productType: '专业服务',
+              estimatedBidOpeningDate: '2023-04-15',
+              estimatedBidSubmission: '2023-04-10',
+              salesDepartment: '江苏办事处',
+              operator: '周九',
+              operationTime: '2023-03-10 15:45:00'
+            },
+            {
+              id: 'CT20230008',
+              projectName: '金融数据中心',
+              projectCode: 'PC-FIN2023-008',
+              projectLocation: '深圳市南山区',
+              estimatedContractAmount: 32000000,
+              projectSource: '金融机构',
+              projectType: [{ valueName: '金融科技' }],
+              productType: '产品供应',
+              estimatedBidOpeningDate: '2023-10-30',
+              estimatedBidSubmission: '2023-10-25',
+              salesDepartment: '深圳办事处',
+              operator: '吴十',
+              operationTime: '2023-09-20 10:00:00'
+            }
+        ],
         searchConfig: {
           enabled: true,
           fieldSpan:

+ 194 - 23
src/views/project-manage/opportunity-manage/index.vue

@@ -16,83 +16,83 @@ import { ref, reactive } from "vue"
 import { useRouter } from "vue-router";
 import BsTable, { useBsTable } from '/@/components/BsUi/Table/index.js';
 import { DISPLAY_STATE } from '/@/components/BsUi/constant.js';
-const router =useRouter()
+const router = useRouter()
 const {
     tableOptions,
     setTablePropsValue: setValue,
     getTablePropsValue: getValue,
 } = useBsTable({
     tableOptions: {
-        url: '/supports/activity/queryPage',
+        // url: '/supports/activity/queryPage',
         gridOptions: {
             loading: false,
             columns: [
-               {
+                {
                     type: 'seq',
                     width: 80,
                 },
                 {
-                    field: 'activityName',
+                    field: 'projectName',
                     title: '项目名称',
                 },
                 {
-                    field: 'activityCode',
+                    field: 'projectCode',
                     title: '项目ID',
 
                 },
                 {
-                    field: 'activityType',
+                    field: 'projectLocation',
                     title: '项目地址',
-                    cellRender: {
-                        name: 'CellDict',
-                    },
+                    // cellRender: {
+                    //     name: 'CellDict',
+                    // },
                 },
                 {
-                    field: 'address',
+                    field: 'projectStatus',
                     title: '项目状态',
                 },
                 {
-                    field: 'activityDate',
+                    field: 'clientName',
                     title: '甲方名称',
                 },
                 {
-                    field: 'activityStatus',
+                    field: 'estimatedBidDate',
                     title: '预计招标日期',
                 },
                 {
-                    field: 'activityBudget',
+                    field: 'budget',
                     title: '概算金额(元)',
                 },
                 {
-                    field: 'activityHead',
+                    field: 'plantPhaseUnit',
                     title: '分厂/几期/机组',
                 },
                 {
-                    field: 'createUserId',
+                    field: 'source',
                     title: '项目来源',
                 },
                 {
-                    field: 'createTime',
+                    field: 'projectType',
                     title: '项目类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'engineeringType',
                     title: '工程属性',
                 },
                 {
-                    field: 'createTime',
+                    field: 'businessType',
                     title: '业务类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'salesPerson',
                     title: '归属营销人员',
                 },
                 {
-                    field: 'createTime',
+                    field: 'salesDepartment',
                     title: '归属营销部门',
                 },
                 {
-                    field: 'createTime',
+                    field: 'creator',
                     title: '创建人',
                 },
                 {
@@ -115,8 +115,8 @@ const {
                                         return false;
                                     },
                                     onClick({ row }) {
-                                        router.push('/project-manage/opportunity-manage/detail?id='+row.id)
-                                     },
+                                        router.push('/project-manage/opportunity-manage/detail?id=' + row.id)
+                                    },
                                     extraProps: {},
                                 },
                             ],
@@ -125,6 +125,177 @@ const {
                 },
             ],
         },
+        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: '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: '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: '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: '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,

+ 219 - 37
src/views/project-manage/performance-management/index.vue

@@ -57,123 +57,305 @@ const {
   fetchTableData,
 } = useBsTable({
   tableOptions: {
-    url: '/supports/customer/queryPage',
+    // url: '/supports/customer/queryPage',
     gridOptions: {
       height: 600,
       loading: false,
       data: [],
       columns: [
-        // {
-        //   type: 'seq',
-        //   width: 80,
-        // },
-
         {
-          field: 'customerName',
+          type: 'seq',
+        },
+        {
+          field: 'projectName',
           title: '项目名称',
           width: 200,
         },
         {
-          field: 'customerId',
+          field: 'projectCode',
           title: '项目ID',
           width: 100,
         },
         {
-          field: '',
+          field: 'projectStatus',
           title: '项目状态',
           width: 100,
         },
         {
-          field: '',
+          field: 'totalContractAmount',
           title: '合同总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'paidAmount',
           title: '已回款总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'paidPercentage',
           title: '已回款比例(%)',
           width: 150,
         },
         {
-          field: '',
+          field: 'unpaidAmount',
           title: '未回款总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'invoicedAmount',
           title: '已开票总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'uninvoicedAmount',
           title: '未开票总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'penaltyAmount',
           title: '罚款总金额(元)',
           width: 150,
         },
         {
-          field: '',
+          field: 'visualProgress',
           title: '形象进度(%)',
           width: 150,
         },
         {
-          field: '',
+          field: 'contractProgress',
           title: '合同进度(%)',
           width: 150,
         },
         {
-          field: '',
+          field: 'outputValueProgress',
           title: '产值进度(%)',
           width: 150,
         },
         {
-          field: 'id',
+          field: 'projectCategory',
           title: '项目类型',
           width: 150,
         },
         {
-          field: '',
+          field: 'projectSource',
           title: '项目来源',
           width: 150,
         },
         {
-          field: 'customerType',
+          field: 'serviceProvider',
           title: '参与服务商',
           width: 150,
-          cellRender: {
-            name: 'CellDict',
-          },
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.serviceProvider?.name}</span>;
+                        },
+                    },
         },
         {
-          field: 'customerSource',
+          field: 'providerContact',
           title: '参与服务商电话',
           width: 150,
-          cellRender: {
-            name: 'CellDict',
-          },
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.providerContact?.name}</span>;
+                        },
+                    },
         },
         {
-          field: 'belongRegion',
+          field: 'salesOwner',
           title: '归属营销人员',
           width: 150,
         },
         {
-          field: 'customerGrade',
+          field: 'salesDepartment',
           title: '归属营销部门',
           width: 150,
-          cellRender: {
-            name: 'CellDict',
-          },
+          slots: {
+                        default({ row, column }) {
+                            return <span>{row?.salesDepartment?.name}</span>;
+                        },
+                    },
         },
       ],
     },
+    data:[
+        {
+          id: 'PERF20230001',
+          projectName: '智慧城市数据中心项目',
+          projectCode: 'DC-2023-001',
+          projectStatus: '交付中',
+          totalContractAmount: 28500000,
+          paidAmount: 8550000,
+          paidPercentage: 30,
+          unpaidAmount: 19950000,
+          invoicedAmount: 11400000,
+          uninvoicedAmount: 17100000,
+          penaltyAmount: 150000,
+          visualProgress: 45,
+          contractProgress: 50,
+          outputValueProgress: 40,
+          projectCategory: '新基建',
+          projectSource: '政府招标',
+          serviceProvider: { code: 'SP001', name: 'XX建设集团' },
+          providerContact: { code: 'PC001', name: '13800138001' },
+          salesOwner: '张经理',
+          salesDepartment: { code: 'SD001', name: '华北营销部' }
+        },
+        {
+          id: 'PERF20230002',
+          projectName: '新能源充电桩工程',
+          projectCode: 'EV-2023-002',
+          projectStatus: '质保中',
+          totalContractAmount: 15200000,
+          paidAmount: 10640000,
+          paidPercentage: 70,
+          unpaidAmount: 4560000,
+          invoicedAmount: 12160000,
+          uninvoicedAmount: 3040000,
+          penaltyAmount: 0,
+          visualProgress: 100,
+          contractProgress: 100,
+          outputValueProgress: 100,
+          projectCategory: '新能源',
+          projectSource: '企业合作',
+          serviceProvider: { code: 'SP002', name: 'XX电力工程' },
+          providerContact: { code: 'PC002', name: '13800138002' },
+          salesOwner: '李主管',
+          salesDepartment: { code: 'SD002', name: '华东营销部' }
+        },
+        {
+          id: 'PERF20230003',
+          projectName: '医疗云平台升级',
+          projectCode: 'MED-2023-003',
+          projectStatus: '交付中',
+          totalContractAmount: 9800000,
+          paidAmount: 3920000,
+          paidPercentage: 40,
+          unpaidAmount: 5880000,
+          invoicedAmount: 4900000,
+          uninvoicedAmount: 4900000,
+          penaltyAmount: 50000,
+          visualProgress: 65,
+          contractProgress: 60,
+          outputValueProgress: 55,
+          projectCategory: '医疗信息化',
+          projectSource: '医疗机构',
+          serviceProvider: { code: 'SP003', name: 'XX科技公司' },
+          providerContact: { code: 'PC003', name: '13800138003' },
+          salesOwner: '王总监',
+          salesDepartment: { code: 'SD003', name: '华南营销部' }
+        },
+        {
+          id: 'PERF20230004',
+          projectName: '高校智慧校园建设',
+          projectCode: 'EDU-2023-004',
+          projectStatus: '已关闭',
+          totalContractAmount: 12500000,
+          paidAmount: 12500000,
+          paidPercentage: 100,
+          unpaidAmount: 0,
+          invoicedAmount: 12500000,
+          uninvoicedAmount: 0,
+          penaltyAmount: 0,
+          visualProgress: 100,
+          contractProgress: 100,
+          outputValueProgress: 100,
+          projectCategory: '教育信息化',
+          projectSource: '公开招标',
+          serviceProvider: { code: 'SP004', name: 'XX教育科技' },
+          providerContact: { code: 'PC004', name: '13800138004' },
+          salesOwner: '赵经理',
+          salesDepartment: { code: 'SD004', name: '华中营销部' }
+        },
+        {
+          id: 'PERF20230005',
+          projectName: '工业4.0智能工厂',
+          projectCode: 'IND-2023-005',
+          projectStatus: '交付中',
+          totalContractAmount: 45000000,
+          paidAmount: 22500000,
+          paidPercentage: 50,
+          unpaidAmount: 22500000,
+          invoicedAmount: 27000000,
+          uninvoicedAmount: 18000000,
+          penaltyAmount: 200000,
+          visualProgress: 75,
+          contractProgress: 80,
+          outputValueProgress: 70,
+          projectCategory: '工业自动化',
+          projectSource: '战略客户',
+          serviceProvider: { code: 'SP005', name: 'XX智能制造' },
+          providerContact: { code: 'PC005', name: '13800138005' },
+          salesOwner: '陈主管',
+          salesDepartment: { code: 'SD005', name: '西南营销部' }
+        },
+        {
+          id: 'PERF20230006',
+          projectName: '跨境电商物流中心',
+          projectCode: 'LOG-2023-006',
+          projectStatus: '交付中',
+          totalContractAmount: 18600000,
+          paidAmount: 13020000,
+          paidPercentage: 70,
+          unpaidAmount: 5580000,
+          invoicedAmount: 14880000,
+          uninvoicedAmount: 3720000,
+          penaltyAmount: 100000,
+          visualProgress: 85,
+          contractProgress: 90,
+          outputValueProgress: 80,
+          projectCategory: '物流自动化',
+          projectSource: '电商平台',
+          serviceProvider: { code: 'SP006', name: 'XX物流科技' },
+          providerContact: { code: 'PC006', name: '13800138006' },
+          salesOwner: '马总监',
+          salesDepartment: { code: 'SD006', name: '浙江分公司' }
+        },
+        {
+          id: 'PERF20230007',
+          projectName: '5G基站配套工程',
+          projectCode: 'TEL-2023-007',
+          projectStatus: '质保中',
+          totalContractAmount: 8500000,
+          paidAmount: 8500000,
+          paidPercentage: 100,
+          unpaidAmount: 0,
+          invoicedAmount: 8500000,
+          uninvoicedAmount: 0,
+          penaltyAmount: 0,
+          visualProgress: 100,
+          contractProgress: 100,
+          outputValueProgress: 100,
+          projectCategory: '通信基建',
+          projectSource: '框架协议',
+          serviceProvider: { code: 'SP007', name: 'XX通信工程' },
+          providerContact: { code: 'PC007', name: '13800138007' },
+          salesOwner: '徐经理',
+          salesDepartment: { code: 'SD007', name: '江苏办事处' }
+        },
+        {
+          id: 'PERF20230008',
+          projectName: '金融数据中心',
+          projectCode: 'FIN-2023-008',
+          projectStatus: '已关闭',
+          totalContractAmount: 32000000,
+          paidAmount: 32000000,
+          paidPercentage: 100,
+          unpaidAmount: 0,
+          invoicedAmount: 32000000,
+          uninvoicedAmount: 0,
+          penaltyAmount: 0,
+          visualProgress: 100,
+          contractProgress: 100,
+          outputValueProgress: 100,
+          projectCategory: '金融科技',
+          projectSource: '定向邀标',
+          serviceProvider: { code: 'SP008', name: 'XX金融科技' },
+          providerContact: { code: 'PC008', name: '13800138008' },
+          salesOwner: '刘经理',
+          salesDepartment: { code: 'SD008', name: '深圳办事处' }
+        }
+    ],
     searchConfig: {
       enabled: true,
       fieldSpan: 4,
@@ -208,9 +390,9 @@ const updateTabsCount = (counts) => {
 };
 
 const updateHeaderInfo = async () => {
-  const headerInfo = await fetchTotalHeader();
-  const { customerQuantity, customerAuditQuantity, customerInvalidQuantity, customerValidQuantity } = headerInfo.data;
-  updateTabsCount([customerQuantity, customerAuditQuantity, customerInvalidQuantity, customerValidQuantity]);
+  // const headerInfo = await fetchTotalHeader();
+  // const { customerQuantity, customerAuditQuantity, customerInvalidQuantity, customerValidQuantity } = headerInfo.data;
+  // updateTabsCount([customerQuantity, customerAuditQuantity, customerInvalidQuantity, customerValidQuantity]);
 };
 
 watch(activeKey, () => {

+ 190 - 19
src/views/project-manage/project-init-manage/index.vue

@@ -106,68 +106,68 @@ const {
                     type: 'seq',
                     width: 80,
                 },
-                 {
-                    field: 'activityName',
+                {
+                    field: 'projectName',
                     title: '项目名称',
                 },
                 {
-                    field: 'activityCode',
+                    field: 'projectCode',
                     title: '项目ID',
 
                 },
                 {
-                    field: 'activityType',
+                    field: 'projectLocation',
                     title: '项目地址',
-                    cellRender: {
-                        name: 'CellDict',
-                    },
+                    // cellRender: {
+                    //     name: 'CellDict',
+                    // },
                 },
                 {
-                    field: 'address',
+                    field: 'projectStatus',
                     title: '项目状态',
                 },
                 {
-                    field: 'activityDate',
+                    field: 'clientName',
                     title: '甲方名称',
                 },
                 {
-                    field: 'activityStatus',
+                    field: 'estimatedBidDate',
                     title: '预计招标日期',
                 },
                 {
-                    field: 'activityBudget',
+                    field: 'budget',
                     title: '概算金额(元)',
                 },
                 {
-                    field: 'activityHead',
+                    field: 'plantPhaseUnit',
                     title: '分厂/几期/机组',
                 },
                 {
-                    field: 'createUserId',
+                    field: 'source',
                     title: '项目来源',
                 },
                 {
-                    field: 'createTime',
+                    field: 'projectType',
                     title: '项目类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'engineeringType',
                     title: '工程属性',
                 },
                 {
-                    field: 'createTime',
+                    field: 'businessType',
                     title: '业务类型',
                 },
                 {
-                    field: 'createTime',
+                    field: 'salesPerson',
                     title: '归属营销人员',
                 },
                 {
-                    field: 'createTime',
+                    field: 'salesDepartment',
                     title: '归属营销部门',
                 },
                 {
-                    field: 'createTime',
+                    field: 'creator',
                     title: '创建人',
                 },
                 {
@@ -199,6 +199,177 @@ const {
                 },
             ],
         },
+        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: '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: '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: '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: '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,

+ 101 - 1
src/views/system/home/index.vue

@@ -58,6 +58,67 @@
       </a-row>
     </a-col>
   </a-row>
+  <!--第四排卡片布局-->
+  <a-row :gutter="[10, 10]" style="margin-bottom: 10px">
+    <a-col :span="24">
+      <a-row :gutter="[10, 10]">
+        <!--通知公告-->
+        <a-col :span="16" :xs="24" :sm="24" :md="24" :lg="24" :xl="16">
+          <HomeShowCard title="流程管理" moreLink="查看更多">
+            <template #default>
+              <div class="data-management">
+                <div class="data-management-item data-item1">
+                  <img :src="market" class="img" alt="">
+                </div>
+                <div class="data-management-item data-item2">
+                  <img :src="pay" class="img" alt="">
+                </div>
+                <div class="data-management-item data-item3">
+                  <img :src="supplier" class="img" alt="">
+                </div>
+                <div class="data-management-item data-item4">
+                  <img :src="economic" class="img" alt="">
+                </div>
+              </div>
+            </template>
+          </HomeShowCard>
+        </a-col>
+        <!--数据化管理-->
+        <a-col :span="8" :xs="24" :sm="24" :md="24" :lg="24" :xl="8">
+          <HomeShowCard title="系统集成" moreLink="查看更多">
+            <template #default>
+              <div class="system">
+                <div class="image">
+                  <img :src="test" alt="">
+                  <div>PMS项目管理</div>
+                </div>
+                <div class="image">
+                  <img :src="e" alt="">
+                  <div>财务管理</div>
+                </div>
+                <div class="image">
+                  <img :src="card" alt="">
+                  <div>营销管理</div>
+                </div>
+                <div class="image">
+                  <img :src="more" alt="">
+                  <div>消息通知</div>
+                </div>
+                <div class="image">
+                  <img :src="todo" alt="">
+                  <div>项目管理</div>
+                </div>
+                <div class="image">
+                  <img :src="wallet" alt="">
+                  <div>绩效管理</div>
+                </div>
+              </div>
+            </template>
+          </HomeShowCard>
+        </a-col>
+      </a-row>
+    </a-col>
+  </a-row>
 </template>
 <script setup>
   import { ref, onMounted } from 'vue';
@@ -66,7 +127,16 @@
   import HomeShowCard from './components/show-card/home-show-card.vue';
   import { homeApi } from '/@/api/system/home-api';
   import { theme } from 'ant-design-vue';
-
+  import market from '/@/assets/images/home/market.png'
+  import pay from '/@/assets/images/home/pay.png'
+  import supplier from '/@/assets/images/home/supplier.png'
+  import economic from '/@/assets/images/home/economic.png'
+  import test from '/@/assets/images/home/test.png'
+  import e from '/@/assets/images/home/e.png'
+  import card from '/@/assets/images/agent-construction/contract-management/card.png'
+  import more from '/@/assets/images/agent-construction/contract-management/more.png'
+  import todo from '/@/assets/images/agent-construction/contract-management/todo.png'
+  import wallet from '/@/assets/images/agent-construction/contract-management/wallet.png'
   // 卡片icon
   import dbrw from '/@/assets/images/home/card/card-dbrw.svg';
   import ptyj from '/@/assets/images/home/card/card-ptyj.svg';
@@ -230,9 +300,39 @@
 </script>
 <style lang="less" scoped>
   @import './index.less';
+  .system{
+    display: grid;
+    grid-template-rows: repeat(2,1fr);
+    grid-template-columns: repeat(5,1fr);
+    padding: 0 12px;
+    height: 100%;
+    gap: 16px;
 
+    .image{
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      // width: 48px;
+      // height: 48px;
+      cursor: pointer;
+      justify-content: center;
+      align-items: center;
+      img{
+        width: 40px;
+        height: 40px;
+      }
+      div{
+        white-space:nowrap;
+      }
+    }
+  }
   .data-management-item {
     border-radius: v-bind(borderRadius);
+    .img{
+      width: 100%;
+      cursor: pointer;
+      height: 100%;
+    }
   }
 
   .process-management-item {