lishenfeng
/
tsg-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lishenfeng:79aceb1e013a78f8020ce5124db6e3721fefd2cb
Branches Tags
lishenfeng:master
lishenfeng:qzc-dev
lishenfeng:qzc-dev-demo
lishenfeng:lsf-dev
...
compare: lishenfeng:3492bcff3c50c136ded9ec7e62f613df5c75d4ab
Branches Tags
lishenfeng:master
lishenfeng:qzc-dev
lishenfeng:qzc-dev-demo
lishenfeng:lsf-dev

4 Commits
79aceb1e01 ... 3492bcff3c

Author SHA1 Message Date
李神峰 3492bcff3c Merge branch 'lsf-dev' 2024-09-30 13:14:04 +08:00
xielei a1143b9260 页面搭建 2024-09-30 12:23:53 +08:00
xielei f6651f9d68 Merge branch 'master' of http://10.0.41.100:3000/lishenfeng/tsg-web 2024-09-30 11:23:30 +08:00
xielei f296c3c785 页面搭建 2024-09-30 11:23:26 +08:00
5 changed files with 69 additions and 73 deletions
Show Stats Expand all files Collapse all files

2
src/views/sq/qzq/qzqda/index.js
View File

@ -96,7 +96,7 @@ const onExport = () => {
<div className='time-line-item'>
<div style={{width:100}}>
<span>{item.eventsDate}</span>
<div className='dsj'>大事记</div>
<div className='dsj'>{item.typeName}</div>
</div>
<div className='item-right'>

8
src/views/sq/qzq/qzqda/toolbar.js
View File

@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { Form, Input, Button, DatePicker } from 'antd';
import { Form, Select, Button, DatePicker } from 'antd';
import moment from 'moment';
const { RangePicker } = DatePicker;
@ -25,8 +25,10 @@ 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="name">
<Input allowClear style={{ width: '150px' }} />
<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>
<Form.Item label="发生日期" name="tm">
<RangePicker

19
src/views/sz/szzf/ajtj/barCharts.js
View File

@ -36,17 +36,30 @@ 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}'
formatter: '{c}',
}
},
itemStyle:{
color: function (colors) {
var colorList = [
'#5b8ff9',
'#5ad8a6',
'#5d7092',
'#f6bd16',
'#6f5ef9',
];
return colorList[colors.dataIndex];
}
}
}

18
src/views/sz/szzf/ajtj/bincharts.js
View File

@ -49,17 +49,29 @@ 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}'
formatter: '{c}',
},
},
itemStyle:{
color: function (colors) {
var colorList = [
'#5b8ff9',
'#5ad8a6',
'#5d7092',
'#f6bd16',
'#6f5ef9',
];
return colorList[colors.dataIndex];
}
}
}

85
src/views/sz/szzf/ajtj/ldCharts.js
View File

@ -23,79 +23,48 @@ const Page = ({ title = '标题' }) => {
const [sumTotal, setSum] = useState(0)
const getPlanOption = useMemo((name, data) => {
// let total = 0
// for (let i = 0; i < data.length; i++) {
// total = total + Number(data[i].value)
// }
return {
legend: {
data: Object.values(obj)
data: Object.values(obj),
type: 'scroll'
},
angleAxis: {
type: 'category',
data: Object.values(obj)
tooltip: {},
polar: {
radius: [0, '80%']
},
// radar: [
// {
// indicator: [
// { text: '' },
// { text: '' },
// { text: '' },
// { text: '' },
// { text: '' },
// { text: '' },
// { text: '' },
// ],
// radius: '80%',
// splitNumber: 12,
// shape: 'circle',
// splitArea: {
// areaStyle: {
// color: '#fff',
// }
// },
// axisLine: {
// lineStyle: {
// color: '#d4d4d4'
// }
// },
// },
// ],
radiusAxis: {
min: 0,
max: 20,
interval: 2,
// 刻度
axisTick: {
show: false
},
//刻度数值
axisLabel: {
show: false
},
// 线
max: Math.max.apply(null, Object.values(plandata)),
axisLine:{
show:false
},
},
angleAxis: {
type: 'category',
data: Object.values(obj),
// startAngle: 75,
},
polar: {},
series: [
{
stack: 'a',
type: 'pie',
center: ['50%', '50%'],
selectedOffset: 0,
radius: [0, 140],
roseType: 'area',
itemStyle: {　 //去除饼图的指示折线label
name: '案件类型',
type: 'bar',
coordinateSystem: 'polar',
itemStyle: {
normal: {
label: {
show: false,
},
borderRadius: 8
color: function (colors) {
var colorList = [
'#5b8ff9',
'#5ad8a6',
'#5d7092',
'#f6bd16',
'#6f5ef9',
];
return colorList[colors.dataIndex];
}
},
},
data: plandata
data: Object.values(plandata)
}
]
}