Compare commits
No commits in common. "f6651f9d68a0891faa7b68aa4ea8b7d7f72e5f36" and "1eda2bb38f4e87c4f84d745479cba08f4c7c1802" have entirely different histories.
f6651f9d68
...
1eda2bb38f
|
|
@ -96,7 +96,7 @@ const onExport = () => {
|
|||
<div className='time-line-item'>
|
||||
<div style={{width:100}}>
|
||||
<span>{item.eventsDate}</span>
|
||||
<div className='dsj'>{item.typeName}</div>
|
||||
<div className='dsj'>大事记</div>
|
||||
</div>
|
||||
|
||||
<div className='item-right'>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React, { useEffect, useState } from 'react';
|
||||
import { Form, Select, Button, DatePicker } from 'antd';
|
||||
import { Form, Input, Button, DatePicker } from 'antd';
|
||||
|
||||
import moment from 'moment';
|
||||
const { RangePicker } = DatePicker;
|
||||
|
|
@ -25,10 +25,8 @@ const ToolBar = ({ setSearchVal, onExport, storeData, role }) => {
|
|||
<>
|
||||
<div style={{ display: 'flex', justifyContent: 'space-between' }}>
|
||||
<Form form={form} className='toolbarBox' layout="inline" onFinish={onFinish}>
|
||||
<Form.Item label="类型" name="types">
|
||||
<Select options={[
|
||||
{value:1,label:'大事记'}, {value:2,label:'调度指令'}, {value:3,label:'维修养护'},{value:4,label:'安全鉴定'}, {value:5,label:"除险加固"}, {value:6,label:'白蚁普查'}
|
||||
]} allowClear mode='tags' style={{ width: "400px" }}/>
|
||||
<Form.Item label="名称" name="name">
|
||||
<Input allowClear style={{ width: '150px' }} />
|
||||
</Form.Item>
|
||||
<Form.Item label="发生日期" name="tm">
|
||||
<RangePicker
|
||||
|
|
|
|||
|
|
@ -36,30 +36,17 @@ const Page = ({ title = '标题' }) => {
|
|||
}
|
||||
},
|
||||
series: {
|
||||
name: '执行情况',
|
||||
name: '圆环图系列名称',
|
||||
type: 'pie',
|
||||
// center: ['50%', '50%'],
|
||||
// radius: ['35%', '50%'],
|
||||
// hoverAnimation: true,
|
||||
hoverAnimation: true,
|
||||
data: plandata,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'outside',
|
||||
formatter: '{c}',
|
||||
|
||||
}
|
||||
},
|
||||
itemStyle:{
|
||||
color: function (colors) {
|
||||
var colorList = [
|
||||
'#5b8ff9',
|
||||
'#5ad8a6',
|
||||
'#5d7092',
|
||||
'#f6bd16',
|
||||
'#6f5ef9',
|
||||
];
|
||||
return colorList[colors.dataIndex];
|
||||
formatter: '{c}'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -49,29 +49,17 @@ const Page = ({ title = '标题' }) => {
|
|||
}
|
||||
},
|
||||
series: {
|
||||
name: '案件来源',
|
||||
name: '圆环图系列名称',
|
||||
type: 'pie',
|
||||
center: ['50%', '50%'],
|
||||
radius: ['60%', '80%'],
|
||||
// hoverAnimation: true,
|
||||
hoverAnimation: true,
|
||||
data: plandata,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'outside',
|
||||
formatter: '{c}',
|
||||
},
|
||||
},
|
||||
itemStyle:{
|
||||
color: function (colors) {
|
||||
var colorList = [
|
||||
'#5b8ff9',
|
||||
'#5ad8a6',
|
||||
'#5d7092',
|
||||
'#f6bd16',
|
||||
'#6f5ef9',
|
||||
];
|
||||
return colorList[colors.dataIndex];
|
||||
formatter: '{c}'
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -29,14 +29,12 @@ const Page = ({ title = '标题' }) => {
|
|||
// }
|
||||
return {
|
||||
legend: {
|
||||
data: Object.values(obj),
|
||||
type:'scroll'
|
||||
data: Object.values(obj)
|
||||
},
|
||||
angleAxis: {
|
||||
type: 'category',
|
||||
data: Object.values(obj)
|
||||
},
|
||||
tooltip: {},
|
||||
// radar: [
|
||||
// {
|
||||
// indicator: [
|
||||
|
|
@ -83,7 +81,6 @@ const Page = ({ title = '标题' }) => {
|
|||
polar: {},
|
||||
series: [
|
||||
{
|
||||
name:'案件类型',
|
||||
stack: 'a',
|
||||
type: 'pie',
|
||||
center: ['50%', '50%'],
|
||||
|
|
@ -95,17 +92,7 @@ const Page = ({ title = '标题' }) => {
|
|||
label: {
|
||||
show: false,
|
||||
},
|
||||
borderRadius: 8,
|
||||
color: function (colors) {
|
||||
var colorList = [
|
||||
'#5b8ff9',
|
||||
'#5ad8a6',
|
||||
'#5d7092',
|
||||
'#f6bd16',
|
||||
'#6f5ef9',
|
||||
];
|
||||
return colorList[colors.dataIndex];
|
||||
}
|
||||
borderRadius: 8
|
||||
},
|
||||
},
|
||||
data: plandata
|
||||
|
|
|
|||
Loading…
Reference in New Issue