BoundLink-Plate-UI/src/views/project-manage/bid-manage/index.vue

<template>
    <BsPageWrapper class="">
        <bs-table v-bind="tableOptions">

        </bs-table>
    </BsPageWrapper>
</template>
<script setup lang="jsx">
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 {
    tableOptions,
    setTablePropsValue: setValue,
    getTablePropsValue: getValue,
} = useBsTable({
    tableOptions: {
        // url: '/supports/activity/queryPage',
        gridOptions: {
            loading: false,
            columns: [
                {
                    type: 'seq',
                    width: 80,
                },
                {
                    field: 'projectName',
                    title: '项目名称',
                },
                {
                    field: 'projectCode',
                    title: '项目ID',

                },
                {
                    field: 'projectLocation',
                    title: '项目地址',
                    slots: {
                        default({ row, column }) {
                            return <span>{row?.projectLocation?.name}</span>;
                        },
                    },
                    // cellRender: {
                    //     name: 'CellDict',
                    // },
                },
                {
                    field: 'estimatedContractAmount',
                    title: '预计合同金额(元)',
                },
                {
                    field: 'projectSource',
                    title: '项目来源',
                },
                {
                    field: 'projectType',
                    title: '项目类型',
                },
                {
                    field: 'productCategory',
                    title: '产品类型',
                },
                {
                    field: 'estimatedBidOpenDate',
                    title: '预计开标时间',
                },
                {
                    field: 'estimatedBidSubmission',
                    title: '预计投标',
                },
                {
                    field: 'salesOwner',
                    title: '归属营销',
                },
                {
                    field: 'operator',
                    title: '操作人',
                },
                {
                    field: 'operationTime',
                    title: '操作时间',
                },
                {
                    // fixed: 'right',
                    cellRender: {
                        name: 'CellOption',
                        extraProps: {
                            buttons: [
                                {
                                    title: '查看详情',
                                    code: 'view',
                                    display: ({ row }) => {
                                        return DISPLAY_STATE.VISIBLE;
                                    },
                                    disabled({ row }) {
                                        return false;
                                    },
                                    onClick({ row }) {
                                        router.push('/project-manage/bid-manage/detail?id=' + row.id)
                                    },
                                    extraProps: {},
                                },
                            ],
                        },
                    },
                },
            ],
            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: {
            fieldSpan: 4,
            fields: [
                {
                    field: 'name',
                    label: '项目名称',
                    component: 'a-input',
                    componentProps: {
                        placeholder: '请输入项目名称',
                    },
                },
                {
                    field: 'name',
                    label: '项目ID',
                    component: 'a-input',
                    componentProps: {
                        placeholder: '请输入项目名称',
                    },
                },
                {
                    field: 'name',
                    label: '项目地址',
                    component: 'a-select',
                    componentProps: {
                        placeholder: '请选择项目地址',
                    },
                },
                {
                    field: 'name',
                    label: '项目状态',
                    component: 'a-select',
                    componentProps: {
                        placeholder: '请选择项目状态',
                    },
                },
            ],
        },
    },
});
</script>
<style lang="scss" scoped></style>