+
+
+
+
+ more} />
+ more} />
+
+
+
+
+
+
+
+ more} />
+ more} />
+
+
+
+
+
+
+
+ more} />
+ more} />
+
+
+
+
+
+
+ {index + 1}
,
+ },
+ {
+ title: '供应商',
+ dataIndex: 'companyName',
+ key: 'companyName',
+ width: '25%',
+ ellipsis: true,
+ onCell,
+ onHeaderCell,
+ },
+ {
+ title: '中标数量',
+ dataIndex: 'selectCount',
+ key: 'selectCount',
+ ellipsis: true,
+ width: '20%',
+ onCell,
+ onHeaderCell,
+ },
+ {
+ dataIndex: 'progress',
+ width: '23%',
+ onCell,
+ onHeaderCell,
+ render: (_: any, record: any, index: any) =>
+ },
+ {
+ title: '参加项目数量',
+ dataIndex: 'tenderCount',
+ key: 'tenderCount',
+ width: '22%',
+ onCell,
+ onHeaderCell,
+ },
+];
+
+const tjColumns: any[] = [
+ {
+ title: '排序',
+ align: 'center',
+ width: '10%',
+ onCell,
+ onHeaderCell,
+ render: (_: any, record: any, index: any) => {index + 1}
,
+ },
+ {
+ title: '招标代理',
+ dataIndex: 'tender_agency_name',
+ key: 'tender_agency_name',
+ width: '25%',
+ ellipsis: true,
+ onCell,
+ onHeaderCell,
+ },
+ {
+ title: '项目实施数',
+ dataIndex: 'num',
+ key: 'num',
+ ellipsis: true,
+ width: '20%',
+ onCell,
+ onHeaderCell,
+ },
+ {
+ dataIndex: 'progress',
+ width: '25%',
+ onCell,
+ onHeaderCell,
+ render: (_: any, record: any, index: any) =>
+ },
+ {
+ title: '采购预算',
+ dataIndex: 'ys',
+ key: 'ys',
+ width: '20%',
+ onCell,
+ onHeaderCell,
+ },
+];
+const dataSource = [
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "10:30",
+ vital: "1",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "10:30",
+ vital: "1",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "10:30",
+ vital: "1",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "10:30",
+ vital: "1",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+ {
+ provinceDictId: "0012",
+ projectName: "天津设备采购",
+ number: "320万",
+ time: "9:30",
+ vital: "0",
+ },
+]
+const todayDataSource = [
+ {
+ supplierName: "华为",
+ zbsl: "92",
+ progress: "80",
+ cjxmsl: "990",
+ zbdl: "公诚",
+ xmsss: "243",
+ cgys: "6,300"
+ },
+ {
+ supplierName: "中兴",
+ zbsl: "83",
+ progress: "83",
+ cjxmsl: "680",
+ zbdl: "中招",
+ xmsss: "202",
+ cgys: "3,400"
+ },
+ {
+ supplierName: "腾讯",
+ zbsl: "70",
+ progress: "70",
+ cjxmsl: "700",
+ zbdl: "国信",
+ xmsss: "198",
+ cgys: "3,800"
+ },
+ {
+ supplierName: "华为",
+ zbsl: "92",
+ progress: "80",
+ cjxmsl: "990",
+ zbdl: "公诚",
+ xmsss: "243",
+ cgys: "6,300"
+ },
+ {
+ supplierName: "中兴",
+ zbsl: "83",
+ progress: "83",
+ cjxmsl: "680",
+ zbdl: "中招",
+ xmsss: "202",
+ cgys: "3,400"
+ },
+ {
+ supplierName: "腾讯",
+ zbsl: "70",
+ progress: "70",
+ cjxmsl: "700",
+ zbdl: "国信",
+ xmsss: "198",
+ cgys: "3,800"
+ },
+ {
+ supplierName: "华为",
+ zbsl: "92",
+ progress: "80",
+ cjxmsl: "990",
+ zbdl: "公诚",
+ xmsss: "243",
+ cgys: "6,300"
+ },
+ {
+ supplierName: "中兴",
+ zbsl: "83",
+ progress: "83",
+ cjxmsl: "680",
+ zbdl: "中招",
+ xmsss: "202",
+ cgys: "3,400"
+ },
+ {
+ supplierName: "腾讯",
+ zbsl: "70",
+ progress: "70",
+ cjxmsl: "700",
+ zbdl: "国信",
+ xmsss: "198",
+ cgys: "3,800"
+ },
+]
+//指标项
+export const MetricItems = (props: { title: string, number: string | number, unit: string, icon: string }) => {
+ return (
+
+ 
+
+ )
+}
+//概览项
+export const OverviewItem = (props: { title: string, number: string | number, unit: string, icon: string }) => {
+ return (
+
+ {props?.title}
+ {props?.number}{props?.unit} +
+ + {props?.number}{props?.unit} +
+
+
+ )
+}
+//进度项
+export const ProgressItem = (props: { title: string, progress: number, leftTitle: string, leftNumber: string | number, rightTitle: string, rightNumber: string | number }) => {
+ const { title, progress, leftTitle, leftNumber, rightTitle, rightNumber } = props;
+ return (
+
+
+ {props?.title}
+ {props?.number}({props?.unit})
+
+
+ )
+}
+//下拉框封装
+export const SelectItem = (props: { onSelectChange: (value: string | number | null) => void, options: ({ label: string, value: string | number })[] }) => {
+ const { onSelectChange, options } = props;
+ const [selectedItem, setSelectItem] = useState
+
+
+
+
+
+ {leftTitle}
+ {leftNumber}
+
+
+ {rightTitle}
+ {rightNumber}
+
+
+
+ {selectedItem == "all" ? "全部" : selectedItem}
+
+
+
+
+
+ )
+}
+//滚动列表
+export const ScrollTable = (props: { dataSource: any[], columns: any[], rollTime?: number, rollNum?: number, ynum?: number }) => {
+ const { dataSource, columns, rollTime = 50, rollNum = 5, ynum = 300 } = props;
+ return (
+
+ {/* 从这开始 */}
+
+
+
+
+
+
+
+
+
+ {/* 插槽内容 */}
+
+ {percentage}%
+
+
+ 标段总数
+
+ {total}
+
+
+
+
+ {firstTitle}
+ {firstNumber}
+
+
+
+ {secondTitle}
+ {secondNumber}
+
+
+
+ {thirdTitle}
+ {thirdNumber}
+
+
+ {
+ return {
+ onClick: () => { },
+ }
+ }}
+ />
+
+ )
+}
+//统计列表
+export const StatisticTable = (props: { dataSource: any[], columns: any[], rollTime?: number, rollNum?: number, ynum?: number }) => {
+ const { dataSource, columns, rollTime = 50, rollNum = 5, ynum = 300 } = props;
+ return (
+