12.30 第六版
This commit is contained in:
@ -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>
|
||||||
|
@ -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> <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> {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> <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> {province.current}</span>} />
|
||||||
<Row>
|
<Row>
|
||||||
<Col span={14}>
|
<Col span={14}>
|
||||||
<div className="monitor-supplier-rank">
|
<div className="monitor-supplier-rank">
|
||||||
|
@ -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}
|
||||||
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -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();
|
||||||
|
Reference in New Issue
Block a user