12.30 第六版

This commit is contained in:
jl-zhoujl2
2022-12-30 17:06:40 +08:00
parent 2de962338b
commit e5cfd2c71a
5 changed files with 13 additions and 9 deletions

View File

@ -309,9 +309,9 @@ export const ProgressItem = (props: { title: string, progress: number, leftTitle
) )
} }
//下拉框封装 //下拉框封装
export const SelectItem = (props: { onSelectChange: (value: string | number) => void, options: ({ label: string, value: string | number })[] }) => { export const SelectItem = (props: { onSelectChange: (value: string | number) => void, options: ({ label: string, value: string | number })[], defaultText?: string }) => {
const { onSelectChange, options } = props; const { onSelectChange, options, defaultText = "全部" } = props;
const [selectedItem, setSelectItem] = useState<string | number>("全部"); const [selectedItem, setSelectItem] = useState<string | number>(defaultText);
const menu = ( const menu = (
<Menu> <Menu>
{options?.map(item => ( {options?.map(item => (
@ -1446,7 +1446,7 @@ const MonitorHome: React.FC<{}> = () => {
<ScreenLabel title="招标代理实施项目统计" /> <ScreenLabel title="招标代理实施项目统计" />
</div> </div>
<div className="tender-agent"> <div className="tender-agent">
<StatisticTable columns={tjColumns} dataSource={ymChange == "year" ? annualAndTenderAgentData?.agencyProjectYear : annualAndTenderAgentData?.agencyProjectMonth} ynum={340} /> <StatisticTable columns={tjColumns} dataSource={annualAndTenderAgentData?.agencyProjectYear} ynum={340} />
</div> </div>
</div> </div>
</Col> </Col>

View File

@ -192,7 +192,7 @@ const Supplier: React.FC<{}> = () => {
</Col> </Col>
<Col span={16}> <Col span={16}>
<div className="monitor-right-main"> <div className="monitor-right-main">
<ScreenLabel title="省分活跃供应商排名" extra={<span><span className='monitor-extra-pointer' onClick={() => { monthOrYear.current = "yearData"; chartDataChange(); }}></span> | <span className='monitor-extra-pointer' onClick={() => { monthOrYear.current = "monthData"; chartDataChange(); }}></span>&nbsp;&nbsp;&nbsp;&nbsp;<span className='monitor-extra-pointer' onClick={() => { metric.current = "tenderCount"; chartDataChange(); }}></span> | <span className='monitor-extra-pointer' onClick={() => { metric.current = "selectCount"; chartDataChange(); }}></span> | <span className='monitor-extra-pointer' onClick={() => { metric.current = "bidCost"; chartDataChange(); }}></span>&nbsp;&nbsp;&nbsp;&nbsp;{province.current}</span>} /> <ScreenLabel title="省分活跃供应商排名" extra={<span><span className={monthOrYear.current == "yearData" ? 'monitor-extra-pointer monitor-extra-pointer-select' : 'monitor-extra-pointer'} onClick={() => { monthOrYear.current = "yearData"; chartDataChange(); }}></span> | <span className={monthOrYear.current == "monthData" ? 'monitor-extra-pointer monitor-extra-pointer-select' : 'monitor-extra-pointer'} onClick={() => { monthOrYear.current = "monthData"; chartDataChange(); }}></span>&nbsp;&nbsp;&nbsp;&nbsp;<span className={metric.current == "tenderCount" ? 'monitor-extra-pointer monitor-extra-pointer-select' : 'monitor-extra-pointer'} onClick={() => { metric.current = "tenderCount"; chartDataChange(); }}></span> | <span className={metric.current == "selectCount" ? 'monitor-extra-pointer monitor-extra-pointer-select' : 'monitor-extra-pointer'} onClick={() => { metric.current = "selectCount"; chartDataChange(); }}></span> | <span className={metric.current == "bidCost" ? 'monitor-extra-pointer monitor-extra-pointer-select' : 'monitor-extra-pointer'} onClick={() => { metric.current = "bidCost"; chartDataChange(); }}></span>&nbsp;&nbsp;&nbsp;&nbsp;{province.current}</span>} />
<Row> <Row>
<Col span={14}> <Col span={14}>
<div className="monitor-supplier-rank"> <div className="monitor-supplier-rank">

View File

@ -195,7 +195,7 @@ const TenderAgent: React.FC<{}> = () => {
<Radio.Button value="0"></Radio.Button> <Radio.Button value="0"></Radio.Button>
<Radio.Button value="1"></Radio.Button> <Radio.Button value="1"></Radio.Button>
</Radio.Group> </Radio.Group>
<SelectItem options={selectData} onSelectChange={onSelectChange} /> <SelectItem options={selectData} onSelectChange={onSelectChange} defaultText="请选择" />
</div> </div>
<div className="monitor-tender-map"> <div className="monitor-tender-map">
{mapChart} {mapChart}

View File

@ -9,7 +9,7 @@
.screen-global { .screen-global {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url("~@/assets/monitor/background-2.jpg") left top no-repeat; background: url("~@/assets/monitor/background-3.gif") left top no-repeat;
background-size: cover; background-size: cover;
// background-color: #0a0c11; // background-color: #0a0c11;
@ -50,7 +50,7 @@
.monitor-main { .monitor-main {
height: 100%; height: 100%;
// background-color: #0a0c11; // background-color: #0a0c11;
background: url("~@/assets/monitor/background-3.jpg") left top no-repeat; background: url("~@/assets/monitor/background-3.gif") left top no-repeat;
background-size: cover; background-size: cover;
.monitor-title { .monitor-title {
@ -485,6 +485,10 @@
text-decoration: underline; text-decoration: underline;
} }
} }
.monitor-extra-pointer-select {
color: #1B7EF2;
}
} }
} }

View File

@ -147,7 +147,7 @@ const provinceList = [{
// return originalElement; // return originalElement;
// }; // };
export const homeClick = () => { export const homeClick = () => {
history.push("/ElecMonitorScreen/Home"); history.push("/ElecMonitor/Home");
} }
export const previousClick = () => { export const previousClick = () => {
history.goBack(); history.goBack();