190 changed files with 101 additions and 34365 deletions
@ -1,14 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getAllDepUsers(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_AllDEPUSERS', |
|||
url: ApiTable.getAllDepUsers, |
|||
msg: { option: '获取部门下的所有员工' },//子部门算在第一级部门下面
|
|||
reducer: { name: 'allDepUsers' } |
|||
}); |
|||
} |
|||
@ -1,24 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function appointTask(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_APPOINT_TASK', |
|||
url: ApiTable.appointTask, |
|||
msg: { option: '指派任务' }, |
|||
}); |
|||
} |
|||
|
|||
export function pushAppointSMS(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'PUSH_APPOINT_SMS', |
|||
url: ApiTable.pushAppointSMS, |
|||
msg: { option: '发送指派信息' }, |
|||
}); |
|||
} |
|||
@ -1,35 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getAssess (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_ASSESS', |
|||
url: ApiTable.getAssess, |
|||
msg: { error: '获取考核评分信息' }, |
|||
reducer: { name: 'assess' } |
|||
}); |
|||
} |
|||
|
|||
export function delAssess (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_ASSESS', |
|||
url: ApiTable.delAssess.replace("{assessId}", query?.id), |
|||
msg: { option: '删除考核评分信息' }, |
|||
}); |
|||
} |
|||
|
|||
export function editAssess (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_ASSESS', |
|||
url: ApiTable.editAssess, |
|||
msg: { option: '编辑/新增考核评分信息' }, |
|||
}); |
|||
} |
|||
@ -1,37 +0,0 @@ |
|||
// 'use strict';
|
|||
|
|||
// import { basicAction } from '@peace/utils'
|
|||
// import { ApiTable } from '$utils'
|
|||
|
|||
// export function reportRectify (timeRange) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'get',
|
|||
// dispatch: dispatch,
|
|||
// actionType: 'GET_REPORT_RECTIFY',
|
|||
// url: `${ApiTable.getReportRectify}?startTime=${timeRange ? timeRange[0] : ''}&endTime=${timeRange ? timeRange[1] : ''}`,
|
|||
// msg: {},
|
|||
// reducer: { name: 'reportRectify' }
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function reportRectifyDetail (day, depId) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'get',
|
|||
// dispatch: dispatch,
|
|||
// actionType: 'GET_REPORT_RECTIFY_DETAIL',
|
|||
// url: `${ApiTable.getReportRectifyDetail}?day=${day}&depId=${depId}`,
|
|||
// msg: {},
|
|||
// reducer: { name: 'reportRectifyDetail' }
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function compileReportRectifyDetail (data) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'post',
|
|||
// dispatch: dispatch,
|
|||
// data,
|
|||
// actionType: 'COMPILE_REPORT_RECTIFY_DETAIL',
|
|||
// url: `${ApiTable.compileReportRectifyDetail}`,
|
|||
// msg: { option: '保存信息' },
|
|||
// });
|
|||
// }
|
|||
@ -1,59 +0,0 @@ |
|||
// 'use strict';
|
|||
|
|||
// import { basicAction } from '@peace/utils'
|
|||
// import { ApiTable } from '$utils'
|
|||
|
|||
// export function allAreas (orgId) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'get',
|
|||
// dispatch: dispatch,
|
|||
// actionType: 'GET_ALL_AREAS',
|
|||
// url: `${ApiTable.allAreas}`,
|
|||
// msg: {},
|
|||
// reducer: { name: 'allAreas' }
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function addReportConfig (data) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'post',
|
|||
// dispatch: dispatch,
|
|||
// data: data,
|
|||
// actionType: 'POST_REPORT_CONFIGS',
|
|||
// url: `${ApiTable.addReportConfig}`,
|
|||
// msg: { option: '添加报表配置' },
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function getReportConfig () {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'get',
|
|||
// dispatch: dispatch,
|
|||
// actionType: 'GET_REPORT_CONFIGS',
|
|||
// url: `${ApiTable.getReportConfig}`,
|
|||
// msg: { error: '获取报表配置失败' },
|
|||
// reducer: { name: 'reportConfig' }
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function editReportConfig (data, configId) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'put',
|
|||
// dispatch: dispatch,
|
|||
// data: data,
|
|||
// actionType: 'EDIT_REPORT_CONFIGS',
|
|||
// url: `${ApiTable.editReportConfig.replace('{reportId}', configId)}`,
|
|||
// msg: { option: '编辑报表配置' },
|
|||
// });
|
|||
// }
|
|||
|
|||
// export function delReportConfig (configId) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'del',
|
|||
// dispatch: dispatch,
|
|||
// actionType: 'DEL_REPORT_CONFIGS',
|
|||
// url: `${ApiTable.delReportConfig.replace('{reportId}', configId)}`,
|
|||
// msg: { option: '删除报表配置' },
|
|||
// });
|
|||
// }
|
|||
|
|||
@ -1,42 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getReportSpotPrepare(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
data, |
|||
actionType: 'GET_REPORT_SPOT_PREPARE', |
|||
url: `${ApiTable.getReportSpotPrepare}`, |
|||
msg: { error: '查询随机乡镇失败' }, |
|||
}); |
|||
} |
|||
|
|||
export function getSpotCheck(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query: data, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_SPOT_CHECK', |
|||
url: `${ApiTable.getSpotCheck}`, |
|||
msg: { error: '随机抽查失败' }, |
|||
}); |
|||
} |
|||
|
|||
|
|||
export function getSpotCheckDetail(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query: data, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_SPOT_CHECK_Detail', |
|||
url: `${ApiTable.getSpotCheckDetail}`, |
|||
reducer: { name: 'spotCheckDetail' }, |
|||
msg: { error: '查询随机抽查明细失败' }, |
|||
}); |
|||
} |
|||
|
|||
|
|||
|
|||
@ -1,89 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
|
|||
export function createFileDir(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'CREATE_FILE_DIR', |
|||
url: ApiTable.createFileDir, |
|||
query, |
|||
msg: { error: '创建文件夹失败' }, |
|||
// reducer: { name: 'uploadFile' }
|
|||
}); |
|||
} |
|||
|
|||
export function delFileDir(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_FILE_DIR', |
|||
url: ApiTable.delFileDir, |
|||
query, |
|||
msg: { error: '删除文件夹失败' }, |
|||
// reducer: { name: 'uploadFile' }
|
|||
}); |
|||
} |
|||
|
|||
export function queryFileDir(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'QUERY_FILE_DIR', |
|||
url: ApiTable.queryFileDIr, |
|||
query, |
|||
msg: { error: '查询文件夹失败' }, |
|||
reducer: { name: 'fileDirs' } |
|||
}); |
|||
} |
|||
|
|||
export function updateFileDir(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'UPDATE_FILE_DIR', |
|||
url: ApiTable.updateFileDir, |
|||
query, |
|||
msg: { error: '更新文件夹名称失败' }, |
|||
// reducer: { name: 'fileDirs' }
|
|||
}); |
|||
} |
|||
|
|||
|
|||
// data : {typeId, userId, userName, startDate, endDate, fileSize, fileName, fileUrl, fileExt}
|
|||
export function uploadFile(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
actionType: 'UPLOAD_FILE', |
|||
url: ApiTable.uploadFile, |
|||
data, |
|||
msg: { error: '上传文件失败' }, |
|||
reducer: { name: 'uploadFile' } |
|||
}); |
|||
} |
|||
|
|||
export function deleteFile(id) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'DELETE_FILE', |
|||
url: ApiTable.deleteFile, |
|||
msg: { error: '删除文件数据失败' }, |
|||
query: { id }, |
|||
reducer: { name: 'fileDel' } |
|||
}); |
|||
} |
|||
|
|||
export function getFileList(query) { // fId, limit, offset, searchTxt
|
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_FILE_LIST', |
|||
url: ApiTable.getFileList, |
|||
query, |
|||
msg: { error: '获取档案数据失败' }, |
|||
reducer: { name: 'fileList' } |
|||
}); |
|||
} |
|||
@ -1,18 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import * as infor from './infor' |
|||
import * as patrol from './patrol' |
|||
import * as file from './file' |
|||
import * as assess from './assess' |
|||
import * as allDepUsers from './allDepUsers' |
|||
import * as getReportSpotPrepare from './extract' |
|||
import * as luzheng from './luzheng' |
|||
export default { |
|||
...infor, |
|||
...patrol, |
|||
...file, |
|||
...assess, |
|||
...allDepUsers, |
|||
...getReportSpotPrepare, |
|||
...luzheng |
|||
} |
|||
@ -1,436 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
import { Request } from '@peace/utils' |
|||
|
|||
export function getDepMessage() { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_DEPARTMENT_MESSAGE', |
|||
url: ApiTable.getDepMessage, |
|||
msg: { error: '获取部门信息失败' }, |
|||
reducer: { name: 'depMessage' } |
|||
}); |
|||
} |
|||
// export function getReportStatistic(query) {
|
|||
// return dispatch => basicAction({
|
|||
// type: 'get',
|
|||
// dispatch: dispatch,
|
|||
// query: query,
|
|||
// actionType: 'GET_DEPARTMENT_STATIS',
|
|||
// url: ApiTable.getReportStatistic,
|
|||
// msg: { error: '获取填报信息失败' },
|
|||
// reducer: { name: 'reportstatistic' }
|
|||
// });
|
|||
|
|||
// }
|
|||
export function getOperaTional(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_OPERA_TIONAL', |
|||
url: ApiTable.getOperaTional, |
|||
msg: { error: '获取客运信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putOperaTional(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_OPERA_TIONAL', |
|||
url: ApiTable.putOperaTional, |
|||
msg: { option: '编辑车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getSpecificVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_SPECIFIC_VEHICLE', |
|||
url: ApiTable.getSpecificVehicle, |
|||
msg: { error: '获取车辆信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putSpecificVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'put_SPECIFIC_VEHICLE', |
|||
url: ApiTable.putSpecificVehicle, |
|||
msg: { option: '编辑车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function putHouseholds(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'put_HOUSEHOLDS', |
|||
url: ApiTable.putHouseholds, |
|||
msg: { option: '编辑业户信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getHouseholds(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_HOUSEHOLDS', |
|||
url: ApiTable.getHouseholds, |
|||
msg: { error: '获取业户信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function getRoadway(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_ROADWAY', |
|||
url: ApiTable.getRoadway, |
|||
msg: { error: '获取道路信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putRoadway(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_ROADWAY', |
|||
url: ApiTable.putRoadway, |
|||
msg: { option: query?.roadId?'编辑':'新增' + '道路信息' }, |
|||
}); |
|||
} |
|||
export function getBridge(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_BRIDGE', |
|||
url: ApiTable.getBridge, |
|||
msg: { error: '获取桥梁信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putBridge(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_BRIDGE', |
|||
url: ApiTable.putBridge, |
|||
msg: { option: '编辑桥梁信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getProject(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_PROJECT', |
|||
url: ApiTable.getProject, |
|||
msg: { error: '获取工程信息失败' }, |
|||
reducer: { name: 'projectList' } |
|||
}); |
|||
} |
|||
export function putProject(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'GET_PROJECT', |
|||
url: ApiTable.putProject, |
|||
msg: { option: '编辑工程信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getHighways(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_HIGHWAYS', |
|||
url: ApiTable.getHighways, |
|||
msg: { error: '获取设施统计信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putHighways(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'GET_HIGHWAYS', |
|||
url: ApiTable.putHighways, |
|||
msg: { option: '编辑设施统计信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getCircuit(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_CIRCUIT', |
|||
url: ApiTable.getCircuit, |
|||
msg: { error: '获取线路信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putCircuit(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_CIRCUIT', |
|||
url: ApiTable.putCircuit, |
|||
msg: { option: '编辑线路信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function getVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_VEHICLE', |
|||
url: ApiTable.getVehicle, |
|||
msg: { error: '获取车辆信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_VEHICLE', |
|||
url: ApiTable.putVehicle, |
|||
msg: { option: '编辑车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delRoadway(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_ROADWAY', |
|||
url: ApiTable.delRoadway.replace("{roadId}", query?.roadId), |
|||
msg: { option: '删除车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delProject(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_PROJECT', |
|||
url: ApiTable.delProject.replace("{projectId}", query?.projectId), |
|||
msg: { option: '删除工程信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delBridge(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_BRIDGE', |
|||
url: ApiTable.delBridge.replace("{bridgeId}", query?.bridgeId), |
|||
msg: { option: '删除桥梁信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delSpecificVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_SPECIFICVENICLE', |
|||
url: ApiTable.delSpecificVehicle.replace("{vehicleId}", query?.vehicleId), |
|||
msg: { option: '删除车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delHouseholds(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_HOUSEHOLDS', |
|||
url: ApiTable.delHouseholds.replace("{businessId}", query?.businessId), |
|||
msg: { option: '删除业户信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delCircuit(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_CIRCUIT', |
|||
url: ApiTable.delCircuit.replace("{lineId}", query?.lineId), |
|||
msg: { option: '删除运营线路信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delVehicle(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_VEHICLE', |
|||
url: ApiTable.delVehicle.replace("{carId}", query?.carId), |
|||
msg: { option: '删除车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
|
|||
export function getPurchase(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_PURCHASE', |
|||
url: ApiTable.getPurchase, |
|||
msg: { error: '获取治超信息失败' }, |
|||
|
|||
}); |
|||
} |
|||
export function putPurchase(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_PURCHASE', |
|||
url: ApiTable.putPurchase, |
|||
msg: { option: '编辑治超信息' }, |
|||
|
|||
}); |
|||
} |
|||
export function delPurchase(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_PURCHASE', |
|||
url: ApiTable.delPurchase.replace("{overspeedId}", query?.overspeedId), |
|||
msg: { option: '删除车辆信息' }, |
|||
|
|||
}); |
|||
} |
|||
|
|||
export function getPropagata(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_PROPAGATA', |
|||
url: ApiTable.getpropagata, |
|||
msg: { error: '获取宣传视频信息失败' }, |
|||
// reducer: { name: 'reportstatistic' }
|
|||
}); |
|||
} |
|||
export function putAddPropagata(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_PROPAGATA', |
|||
url: ApiTable.putpropagata, |
|||
msg: { option: '新增宣传视频' }, |
|||
// reducer: { name: 'reportstatistic' }
|
|||
}); |
|||
} |
|||
export function putEditPropagata(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_PROPAGATA', |
|||
url: ApiTable.putpropagata, |
|||
msg: { option: '编辑宣传视频' }, |
|||
// reducer: { name: 'reportstatistic' }
|
|||
}); |
|||
} |
|||
export function delPropagata(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_PROPAGATA', |
|||
url: ApiTable.delpropagata.replace("{publicityId}", query?.publicityId), |
|||
msg: { option: '删除宣传视频信息' }, |
|||
// reducer: { name: 'reportstatistic' }
|
|||
}); |
|||
} |
|||
|
|||
export function getShippingList(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_SHIPPING_LIST', |
|||
url: ApiTable.getShippingList, |
|||
msg: { error: '获取货运信息失败' }, |
|||
}); |
|||
} |
|||
|
|||
export function putShippingList(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_SHIPPING_LIST', |
|||
url: ApiTable.putShippingList, |
|||
msg: { option: '编辑货运信息' }, |
|||
}); |
|||
} |
|||
//获取管养单位概况
|
|||
export function getCustodyunit() { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_CUSTODY_UNIT', |
|||
url: ApiTable.getCustodyunit, |
|||
msg: { error: '获取管养单位概况失败' }, |
|||
reducer: { name: 'roadMaintenances_management' } |
|||
}); |
|||
} |
|||
export function getCustodyunitOne(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query:query, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_CUSTODY_UNIT_ONE', |
|||
url: ApiTable.getCustodyunit, |
|||
msg: { error: '获取管养单位概况失败' }, |
|||
// reducer: { name: 'roadMaintenances_management' }
|
|||
}); |
|||
} |
|||
export function postCustodyunit(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
data: query, |
|||
dispatch: dispatch, |
|||
actionType: 'POST_CUSTODY_UNIT', |
|||
url: ApiTable.postCustodyunit, |
|||
msg: { option: '编辑管养单位概况' }, |
|||
// reducer: { name: 'roadMaintenances' }
|
|||
}); |
|||
} |
|||
export function getxiuyangas(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_XIUYANG', |
|||
url: ApiTable.getXiuyang, |
|||
msg: { error: '获取信息失败' }, |
|||
reducer: { name: 'xiuyang' } |
|||
}); |
|||
} |
|||
@ -1,51 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
export function getRoadadministration (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_LU_ZHENG', |
|||
url: ApiTable.getRoadadministration, |
|||
msg: { option: '获取路政信息' }, |
|||
// reducer: { name: 'chcekList' }
|
|||
}); |
|||
} |
|||
|
|||
|
|||
export function addRoadadministration (params) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
data: params, |
|||
dispatch: dispatch, |
|||
actionType: 'ADD_LU_ZHENG', |
|||
url: ApiTable.addRoadadministration, |
|||
msg: { option: '新增路政信息' }, |
|||
}); |
|||
} |
|||
|
|||
|
|||
export function delRoadadministration (id) { |
|||
return dispatch => basicAction({ |
|||
type: 'delete', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_LU_ZHENG', |
|||
url: ApiTable.delRoadadministration.replace(':id', id), |
|||
msg: { option: '删除路政信息' }, |
|||
}) |
|||
} |
|||
export function modifyRoadadministration (id, params) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
data: params, |
|||
dispatch: dispatch, |
|||
actionType: 'EDIT_LU_ZHENG', |
|||
url: ApiTable.modifyRoadadministration.replace(':id', id), |
|||
msg: { option: '修改路政信息' }, |
|||
}); |
|||
} |
|||
|
|||
|
|||
|
|||
@ -1,73 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
|
|||
export function getReportList (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_REPORT_LIST', |
|||
url: ApiTable.getReportList, |
|||
query, |
|||
msg: { error: '获取巡查数据失败' }, |
|||
reducer: { name: 'reportList' } |
|||
}); |
|||
} |
|||
|
|||
export function getReportDetail (reportId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_REPORT_DETAIL_LIST', |
|||
url: ApiTable.getReportDetail.replace("{reportId}", reportId), |
|||
msg: { error: '获取巡查数据失败' }, |
|||
reducer: { name: 'reportDetail' } |
|||
}); |
|||
} |
|||
|
|||
export function getUserList (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_USER_LIST', |
|||
url: ApiTable.getUsers, |
|||
query, |
|||
msg: { error: '获取用户数据失败' }, |
|||
reducer: { name: 'userList' } |
|||
}); |
|||
} |
|||
|
|||
export function handleReport (reportId, data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
actionType: 'HANDLE_REPORT', |
|||
url: ApiTable.handleReport.replace("{reportId}", reportId), |
|||
data: data, |
|||
msg: { option: '处理数据' }, |
|||
}); |
|||
} |
|||
|
|||
|
|||
export function getAnspectionNotificationPhone (query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_ANSPECTION_NOTIFICATION_PHONE', |
|||
url: ApiTable.getAnspectionNotificationPhone, |
|||
query, |
|||
msg: { error: '获取短信提醒电话' }, |
|||
reducer: { name: 'anspectionNotificationPhoneList' } |
|||
}); |
|||
} |
|||
|
|||
export function addAnspectionNotificationPhone (data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
actionType: 'POST_ANSPECTION_NOTIFICATION_PHONE', |
|||
url: ApiTable.getAnspectionNotificationPhone, |
|||
data: data, |
|||
msg: { option: '添加短信提醒' }, |
|||
}); |
|||
} |
|||
@ -1,35 +0,0 @@ |
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getTask(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query: query, |
|||
actionType: 'GET_TASK', |
|||
url: ApiTable.getTask, |
|||
msg: { error: '获取任务信息' }, |
|||
reducer: { name: 'task' } |
|||
}); |
|||
} |
|||
|
|||
export function delTask(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_TASK', |
|||
url: ApiTable.delTask.replace("{taskId}", query?.id), |
|||
msg: { option: '删除任务信息' }, |
|||
}); |
|||
} |
|||
|
|||
export function editTask(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
dispatch: dispatch, |
|||
data: query, |
|||
actionType: 'PUT_TASK', |
|||
url: ApiTable.editTask, |
|||
msg: { option: '编辑或新增任务信息' }, |
|||
}); |
|||
} |
|||
@ -1,112 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Input, Select, DatePicker, InputNumber, Button, Modal } from 'antd'; |
|||
import { unitList } from '../containers/assess' |
|||
import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|||
import moment from 'moment'; |
|||
|
|||
const { Option } = Select; |
|||
|
|||
const AssessModal = ({ editData, check, visible, onCancel, dispatch }) => { |
|||
const [form] = Form.useForm(); |
|||
const [loading, setLoading] = useState(false); |
|||
|
|||
return ( |
|||
<Modal |
|||
title="考核评分" |
|||
open={visible} |
|||
visible={visible} |
|||
cancelButtonProps={{ |
|||
disabled: check, |
|||
}} |
|||
onOk={() => { |
|||
if (check) { |
|||
return onCancel() |
|||
} |
|||
setLoading(true) |
|||
form.validateFields().then(values => { |
|||
dispatch(editAssess({ |
|||
...values, |
|||
month: moment(values.month).format('YYYY-MM-DD'), |
|||
assessId: editData ? editData.id : undefined |
|||
})).then(res => { |
|||
if (res.success) { |
|||
onCancel() |
|||
} |
|||
setLoading(false) |
|||
}) |
|||
}) |
|||
}} |
|||
onCancel={() => { |
|||
onCancel() |
|||
}} |
|||
confirmLoading={loading} |
|||
> |
|||
<Form |
|||
form={form} |
|||
initialValues={editData ? { |
|||
...editData, |
|||
month: moment(editData.month), |
|||
} : {}} |
|||
disabled={check} |
|||
labelCol={{ |
|||
span: 6, |
|||
}} |
|||
wrapperCol={{ |
|||
span: 18, |
|||
}} |
|||
> |
|||
<Form.Item name="unit" label="管养责任单位" rules={[{ required: true, message: '请填写' }]}> |
|||
<Select> |
|||
{ |
|||
unitList.map(item => ( |
|||
<Option value={item} key={item} /> |
|||
)) |
|||
} |
|||
</Select> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="month" label="考核月份" rules={[{ required: true, message: '请填写' }]}> |
|||
<DatePicker picker="month" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="totalPoints" label="考核总分" rules={[{ required: true, message: '请填写' }]}> |
|||
<InputNumber step={0.1} precision={1} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="industryPoints" label="内业得分"> |
|||
<InputNumber step={0.1} precision={1} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="industryOutPoints" label="外业得分"> |
|||
<InputNumber step={0.1} precision={1} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="plusOrSubtract" label="加减分"> |
|||
<InputNumber step={0.1} precision={1} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="industryDeductionReason" label="内业扣分原因"> |
|||
<Input.TextArea rows={4} maxLength={1024} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="industryOutDeductionReason" label="外业扣分原因"> |
|||
<Input.TextArea rows={4} maxLength={1024} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="remark" label="备注"> |
|||
<Input.TextArea rows={4} maxLength={1024} /> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
); |
|||
}; |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth, assess } = state |
|||
return { |
|||
user: auth.user, |
|||
assess: assess.data || [] |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(AssessModal); |
|||
File diff suppressed because it is too large
@ -1,379 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import React, { useState, useEffect, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Button, Popconfirm } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import './protable.less' |
|||
import ProjectModal from './project/project'; |
|||
import { getProject, delProject } from "../actions/infor" |
|||
|
|||
import moment from 'moment'; |
|||
// import UserModal from './infor/details';
|
|||
const BuildingTable = (props) => { |
|||
const { dispatch, user, depData, depMessage, depLoading } = props |
|||
const [rowSelected, setRowSelected] = useState([]) |
|||
const [sitename, setSitename] = useState()//名称
|
|||
const [counts, setCounts] = useState()//shuju
|
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalVisibleyilan, setModalVisibleyilan] = useState(false); |
|||
const [modalRecord, setModalRecord] = useState(); |
|||
const [typecard, setTypecard] = useState(); |
|||
const [recortd, setRecortd] = useState() |
|||
const [whichofits, setWhichofits] = useState('在建项目') |
|||
const [delet, setDelet] = useState() |
|||
const [differentiate, setDifferentiate] = useState('road') |
|||
const [grade, setGrade] = useState('project') |
|||
const [departmentInfo, setDepartment] = useState('') |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'BUILDINGPROJECT')?.isshow === "true" ? true : '') |
|||
//console.log('user111', user)
|
|||
const ref = useRef() |
|||
const [activeKey, setActiveKey] = useState('tab1'); |
|||
//打开弹窗
|
|||
const yilanModal = (type, record) => { |
|||
setModalVisibleyilan(true); |
|||
// setModalType(type);
|
|||
if (type == 'edit') { |
|||
setModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
} |
|||
const getData = async () => { |
|||
const res = await dispatch(getProject({ |
|||
entryName: sitename |
|||
})); |
|||
setCounts(res.payload.data) |
|||
} |
|||
const deldatas = async (id) => { // 工程
|
|||
const query = { |
|||
projectId: id |
|||
} |
|||
dispatch(delProject(query)).then((res) => { |
|||
setDelet(res) |
|||
}) |
|||
const res = await dispatch(getProject({ |
|||
entryName: sitename |
|||
})); |
|||
setCounts(res.payload.data) |
|||
} |
|||
|
|||
const columns = { |
|||
tab1: [ |
|||
{ |
|||
title: '项目名称', |
|||
dataIndex: 'placeName', |
|||
fixed: 'left', |
|||
width: 120, |
|||
options: 1, |
|||
backgroundColor: "#ffffff", |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setSitename(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入项目名称进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
}, |
|||
render: (dom, record) => { |
|||
return record.entryName |
|||
}, |
|||
}, |
|||
{ |
|||
title: '项目规模(公里)', |
|||
search: false, |
|||
dataIndex: 'containers', |
|||
|
|||
fixed: 'left', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.projectMileage |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '项目投资（万元）', |
|||
search: false, |
|||
dataIndex: 'time2', |
|||
valueType: 'dateRange', |
|||
// align: 'right',
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.investment |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '业主单位', |
|||
search: false, |
|||
dataIndex: 'time3', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.buildUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '质量监督单位', |
|||
search: false, |
|||
dataIndex: 'time3', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.qutityUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '施工单位', |
|||
search: false, |
|||
dataIndex: 'time6', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.constructionUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '设计单位', |
|||
search: false, |
|||
dataIndex: 'time5', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.designUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '监理单位', |
|||
search: false, |
|||
dataIndex: 'time4', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.constructionControlUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '开工时间', |
|||
search: false, |
|||
dataIndex: 'time7', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.startTime ? moment(record.startTime).format('YYYY-MM-DD') : '' |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '是否完成', |
|||
search: false, |
|||
dataIndex: 'time8', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.done === true ? '已完成' : '未完成' |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '备注', |
|||
search: false, |
|||
dataIndex: 'time9', |
|||
valueType: 'dateRange', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.remark |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'creatTime', |
|||
valueType: 'dateTimeRange', |
|||
hideInSearch: true, |
|||
width: 160, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div><Button type="link" |
|||
onClick={() => { |
|||
yilanModal('edit', record) |
|||
setTypecard('compile') |
|||
setRecortd(record) |
|||
}} |
|||
disabled={editAble} |
|||
>编辑</Button><Popconfirm title='是否确认删除' onConfirm={() => { deldatas(record.id) }} disabled={editAble}> |
|||
<Button type="link" disabled={editAble}>删除</Button> |
|||
</Popconfirm></div> |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
key: "direction", |
|||
hideInTable: true, |
|||
dataIndex: "direction", |
|||
order: 6, |
|||
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { |
|||
return ( |
|||
<div> <Button |
|||
type="primary" |
|||
style={{ width: "100px" }} |
|||
onClick={() => { |
|||
yilanModal('edit', record) |
|||
setTypecard('') |
|||
}} |
|||
disabled={editAble} |
|||
> |
|||
新增 |
|||
</Button> |
|||
{/* <Button |
|||
type="primary" |
|||
style={{ width: "100px", marginLeft: 20 }} |
|||
|
|||
> |
|||
导入 |
|||
</Button> */} |
|||
</div> |
|||
|
|||
|
|||
); |
|||
}, |
|||
}, |
|||
] |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
<div className='protable-transpor'> |
|||
<ProTable |
|||
actionRef={ref} |
|||
toolbar={{ |
|||
multipleLine: true, |
|||
menu: { |
|||
activeKey, |
|||
onChange: (key) => setActiveKey(key), |
|||
items: [ |
|||
// {
|
|||
// key: 'tab1',
|
|||
// label: <span onClick={() => {
|
|||
// setWhichofits('在建项目')
|
|||
// setDifferentiate('project')
|
|||
// setGrade('在建项目')
|
|||
|
|||
// }}>在建项目{activeKey === 'tab1'}</span>,
|
|||
// },
|
|||
], |
|||
}, |
|||
}} |
|||
scroll={{ x: 800 }} |
|||
options={false} |
|||
ref={c => { finishedProductTable = c; }} |
|||
style={{ width: "100% ", overflow: "auto", height: '760px' }} |
|||
rowKey='id' |
|||
onReset={(v) => { |
|||
setSitename('') |
|||
}} |
|||
rowSelection={{ |
|||
selectedRowKeys: rowSelected, |
|||
onChange: (selectedRowKeys) => { |
|||
setRowSelected(selectedRowKeys); |
|||
}, |
|||
}} |
|||
columns={columns[activeKey]} |
|||
dataSource={counts || []} |
|||
request={async (params) => { |
|||
//console.log(whichofits)
|
|||
if (whichofits == '在建项目') { |
|||
const query = { |
|||
entryName: sitename |
|||
} |
|||
setRowSelected([]); |
|||
const res = await dispatch(getProject(query)); |
|||
setCounts(res.payload.data) |
|||
return { |
|||
...res, |
|||
total: res.payload.data ? res.payload.data.count : 0 |
|||
} |
|||
} |
|||
}} |
|||
search={{ |
|||
defaultCollapsed: false, |
|||
optionRender: (searchConfig, formProps, dom) => [ |
|||
...dom.reverse(), |
|||
<Popconfirm title="确认导出?" onConfirm={() => { props.exports(rowSelected, grade, differentiate) }} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'BUILDINGPROJECT')?.isshow === "true" ? true : ''} |
|||
> |
|||
<Button |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'BUILDINGPROJECT')?.isshow === "true" ? true : ''} |
|||
> |
|||
导出 |
|||
</Button> |
|||
</Popconfirm> |
|||
], |
|||
}} |
|||
> |
|||
</ProTable> |
|||
</div> |
|||
|
|||
{modalVisibleyilan ? <ProjectModal |
|||
visible={modalVisibleyilan} |
|||
onVisibleChange={setModalVisibleyilan} |
|||
modalRecord={modalRecord} |
|||
typecard={typecard} |
|||
getData={getData} |
|||
rewkeys={'road'} |
|||
recortd={recortd} |
|||
setRecortd={setRecortd} |
|||
setDelet={setDelet} |
|||
/> : ''} |
|||
</Spin > |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(BuildingTable); |
|||
@ -1,180 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { Modal, Form, Input, Select, DatePicker, AutoComplete, Col, Button, Row } from 'antd'; |
|||
|
|||
import { MinusCircleOutlined, PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; |
|||
const Search = Input.Search |
|||
const { TextArea } = Input; |
|||
import moment from 'moment'; |
|||
|
|||
const EditGuanlang = (props) => { |
|||
const { visible, onCancel, editData, handleSaveScore, readOnly, companys, searchCompany, applyState } = props; |
|||
const [form] = Form.useForm(); |
|||
const [replyFiles, setReplyFiles] = useState([]); |
|||
const [companyOpts, setCompanyOpts] = useState([]); |
|||
const [stationItem, setStationItem] = useState(null); |
|||
const [deviceList, setDeviceList] = useState([]); |
|||
|
|||
useEffect(() => { |
|||
if (!visible) { |
|||
form.resetFields() |
|||
} |
|||
}, [visible]) |
|||
|
|||
useEffect(() => { |
|||
if (editData) { |
|||
let revertData = Object.assign({}, editData); |
|||
Object.keys(editData).forEach(key => { |
|||
if (key == 'accidentTime') { |
|||
revertData[key] = editData[key] && moment(editData[key]); |
|||
} |
|||
if (key == 'images') { |
|||
// const list = (editData[key] || '').split(',') || []
|
|||
if (editData[key]) { |
|||
|
|||
revertData[key] = JSON.parse(editData[key]); |
|||
} |
|||
} |
|||
}); |
|||
form.setFieldsValue({ ...revertData }); |
|||
} |
|||
}, [editData]) |
|||
|
|||
useEffect(() => { |
|||
if (companys && companys.length) { |
|||
let list = []; |
|||
companys.forEach(item => { |
|||
list.push({ label: item.company, value: item.company }) |
|||
}) |
|||
setCompanyOpts(list); |
|||
} |
|||
}, [companys]) |
|||
|
|||
useEffect(() => { |
|||
if (editData && companys && companys.length) { |
|||
handleSelectCompany(null, { value: editData.companyName }) |
|||
let list = ((editData || {}).accidentStations || []).map(item => item.stationId) |
|||
form.setFieldsValue({ stations: list }) |
|||
} |
|||
}, [companys, editData]) |
|||
|
|||
|
|||
const handleSave = () => { |
|||
const data = form.getFieldsValue(true); |
|||
//console.log(data, 'data')
|
|||
handleSaveScore(); |
|||
} |
|||
|
|||
const onFileUploaded = (fileList) => { |
|||
setReplyFiles(fileList); |
|||
} |
|||
|
|||
const handleSelectCompany = (v, opt) => { |
|||
const { value } = opt; |
|||
const target = companys.filter(c => c.company == value); |
|||
setDeviceList(target[0]?.deviceInfos || []); |
|||
|
|||
} |
|||
const data1 = [ |
|||
{ label: '2021年12月', value: '2021年12月' }, |
|||
{ label: '2021年11月', value: '2021年11月' }, |
|||
{ label: '2021年10月', value: '2021年10月' }, |
|||
{ label: '2021年9月', value: '2021年9月' }, |
|||
{ label: '2021年8月', value: '2021年8月' }, |
|||
{ label: '2021年7月', value: '2021年7月' }, |
|||
{ label: '2021年6月', value: '2021年6月' }, |
|||
{ label: '2021年5月', value: '2021年5月' }, |
|||
{ label: '2021年4月', value: '2021年4月' }, |
|||
{ label: '2021年3月', value: '2021年3月' }, |
|||
{ label: '2021年2月', value: '2021年2月' }, |
|||
{ label: '2021年1月', value: '2021年1月' }] |
|||
|
|||
const data2 = [ |
|||
{ label: '噪声传感器', value: '噪声传感器' }, |
|||
{ label: '导轮式固定测斜仪', value: '导轮式固定测斜仪' }, |
|||
{ label: '闭合式磁通量传感器', value: '闭合式磁通量传感器' }, |
|||
{ label: '扬尘监测系统', value: '扬尘监测系统' }, |
|||
{ label: '空气质量监测系统', value: '空气质量监测系统' }, |
|||
{ label: '车辆动态称重系统', value: '车辆动态称重系统' }, |
|||
{ label: '多通道振动采集仪', value: '多通道振动采集仪' }, |
|||
{ label: '应急照明控制器', value: '应急照明控制器' }, |
|||
{ label: '钢筋计', value: '钢筋计' }, |
|||
{ label: '噪声传感器', value: '噪声传感器' }, |
|||
{ label: '风速风向仪', value: '风速风向仪' }, |
|||
{ label: '静力水准仪', value: '静力水准仪' }, |
|||
{ label: '表面式应变计', value: '表面式应变计' }, |
|||
{ label: '光纤光栅锚索计', value: '光纤光栅锚索计' }, |
|||
{ label: '加速度计', value: '加速度计' }, |
|||
{ label: '闭合式磁通量传感器', value: '闭合式磁通量传感器' }, |
|||
{ label: '开环式磁通量传感器', value: '开环式磁通量传感器' }, |
|||
{ label: '压差式变形测量传感器', value: '压差式变形测量传感器' }, |
|||
{ label: '多通道振动采集仪', value: '多通道振动采集仪' }, |
|||
{ label: '压电式传感器', value: '压电式传感器' }, |
|||
{ label: '钢筋计', value: '钢筋计' }, |
|||
{ label: '盒式固定测斜仪', value: '盒式固定测斜仪' }, |
|||
{ label: '拉线位移传感器', value: '拉线位移传感器' }, |
|||
{ label: '表面式应变计', value: '表面式应变计' }, |
|||
{ label: '芯型土压力计', value: '芯型土压力计' }, |
|||
{ label: '芯型锚索计', value: '芯型锚索计' }, |
|||
{ label: '收敛仪', value: '收敛仪' }, |
|||
{ label: '激光测距仪 ', value: '激光测距仪 ' }, |
|||
{ label: '磁电式传感器', value: '磁电式传感器' }, |
|||
{ label: '压电式传感器', value: '压电式传感器' }, |
|||
{ label: '锚索计', value: '锚索计' }, |
|||
{ label: '静力水准仪 ', value: '静力水准仪 ' }, |
|||
{ label: '移动测斜仪 ', value: '移动测斜仪 ' } |
|||
] |
|||
return ( |
|||
<Modal |
|||
title="数据汇集" |
|||
visible={visible} |
|||
destroyOnClose |
|||
width={600} |
|||
// onOk={handleSave}
|
|||
onCancel={onCancel} |
|||
footer={null} |
|||
> |
|||
<Form form={form} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} onFinish={handleSave}> |
|||
|
|||
|
|||
<Row> |
|||
<Col span={20}> |
|||
<Form.Item |
|||
label={'历史数据'} |
|||
name={'startposition'}> |
|||
<Select options={data1} defaultValue="2021年12月" mode="multiple"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
|
|||
</Row> |
|||
<Row> |
|||
|
|||
<Col span={20}> |
|||
<Form.Item |
|||
label={'传感器设备'} |
|||
name={'endposition'}> |
|||
<Select options={data2} defaultValue="噪声传感器" mode="multiple"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
<Form.Item wrapperCol={{ span: 12, offset: 6 }}> |
|||
<Col span={24} style={{ display: 'flex', justifyContent: 'space-around' }}> |
|||
<Button htmlType="submit" onClick={() => { |
|||
onCancel() |
|||
}}> |
|||
取消 |
|||
</Button> |
|||
<Button type="primary" onClick={() => { |
|||
onCancel() |
|||
}}> |
|||
确定 |
|||
</Button> |
|||
</Col> |
|||
</Form.Item> |
|||
</Form> |
|||
*汇集历史数据，接入物联网监测数据，实现大数据的接入解算。 |
|||
</Modal > |
|||
) |
|||
} |
|||
|
|||
|
|||
export default EditGuanlang; |
|||
@ -1,211 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { Modal, Form, Input, Select, DatePicker, AutoComplete, Col, Button, Row } from 'antd'; |
|||
|
|||
import { MinusCircleOutlined, PlusOutlined, PlusCircleOutlined } from '@ant-design/icons'; |
|||
const Search = Input.Search |
|||
const { TextArea } = Input; |
|||
import moment from 'moment'; |
|||
|
|||
const EditGuanlang = (props) => { |
|||
const { visible, onCancel, editData, handleSaveScore, readOnly, companys, searchCompany, applyState } = props; |
|||
const [form] = Form.useForm(); |
|||
const [replyFiles, setReplyFiles] = useState([]); |
|||
const [companyOpts, setCompanyOpts] = useState([]); |
|||
const [stationItem, setStationItem] = useState(null); |
|||
const [deviceList, setDeviceList] = useState([]); |
|||
|
|||
useEffect(() => { |
|||
if (!visible) { |
|||
form.resetFields() |
|||
} |
|||
}, [visible]) |
|||
|
|||
useEffect(() => { |
|||
if (editData) { |
|||
let revertData = Object.assign({}, editData); |
|||
Object.keys(editData).forEach(key => { |
|||
if (key == 'accidentTime') { |
|||
revertData[key] = editData[key] && moment(editData[key]); |
|||
} |
|||
if (key == 'images') { |
|||
// const list = (editData[key] || '').split(',') || []
|
|||
if (editData[key]) { |
|||
|
|||
revertData[key] = JSON.parse(editData[key]); |
|||
} |
|||
} |
|||
}); |
|||
form.setFieldsValue({ ...revertData }); |
|||
} |
|||
}, [editData]) |
|||
|
|||
useEffect(() => { |
|||
if (companys && companys.length) { |
|||
let list = []; |
|||
companys.forEach(item => { |
|||
list.push({ label: item.company, value: item.company }) |
|||
}) |
|||
setCompanyOpts(list); |
|||
} |
|||
}, [companys]) |
|||
|
|||
useEffect(() => { |
|||
if (editData && companys && companys.length) { |
|||
handleSelectCompany(null, { value: editData.companyName }) |
|||
let list = ((editData || {}).accidentStations || []).map(item => item.stationId) |
|||
form.setFieldsValue({ stations: list }) |
|||
} |
|||
}, [companys, editData]) |
|||
|
|||
|
|||
const handleSave = () => { |
|||
const data = form.getFieldsValue(true); |
|||
//console.log(data,'data')
|
|||
handleSaveScore(); |
|||
} |
|||
|
|||
const onFileUploaded = (fileList) => { |
|||
setReplyFiles(fileList); |
|||
} |
|||
|
|||
const handleSelectCompany = (v, opt) => { |
|||
const { value } = opt; |
|||
const target = companys.filter(c => c.company == value); |
|||
setDeviceList(target[0]?.deviceInfos || []); |
|||
|
|||
} |
|||
|
|||
return ( |
|||
<Modal |
|||
title="新增摄像头" |
|||
visible={visible} |
|||
destroyOnClose |
|||
width={1000} |
|||
// onOk={handleSave}
|
|||
onCancel={onCancel} |
|||
footer={null} |
|||
> |
|||
<Form form={form} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }} onFinish={handleSave}> |
|||
<img src='/assets/images/tiptop.png' style={{ width: '100%' }}></img> |
|||
<Row style={{ marginBottom: '20px' }}> |
|||
<Col span={20}> <a>配置属性</a> </Col> |
|||
<Col span={2}> <Button>视频格式转换</Button> </Col> |
|||
{/* <Col span={2}> <Button>测试</Button> </Col> */} |
|||
|
|||
</Row> |
|||
<Row> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
// style={{ width: 'calc(45% - 4px' }}
|
|||
label={'设备名称'} |
|||
rules={[{ required: true, message: '设备名称为必填项' }]} |
|||
name={'guanlangname'}> |
|||
<Input placeholder="请输入设备名称、常用项目或者位置定义" /> |
|||
</Form.Item> |
|||
</Col> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'云台支持'} |
|||
name={'roadnamee'} |
|||
rules={[{ required: true, message: '所在道路名称不能为空' }]} |
|||
> |
|||
<Select options={[{ label: '支持', value: '支持' }, { label: '不支持', value: '不支持' }]} defaultValue="支持"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
<Row> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'高清切换'} |
|||
name={'startposition'}> |
|||
<Select options={[{ label: '支持', value: '支持' }, { label: '不支持', value: '不支持' }]} defaultValue="支持"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'语音支持'} |
|||
name={'endposition'}> |
|||
<Select options={[{ label: '支持', value: '支持' }, { label: '不支持', value: '不支持' }]} defaultValue="支持"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
<Row> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
style={{ width: 'calc(45%-4px' }} |
|||
label={'内存'} |
|||
name={'guanlangmaterial'} |
|||
rules={[{ required: true, message: '管廊材质不能为空' }]}> |
|||
<Select options={[{ label: '8g', value: '8g' }, { label: '16g', value: '16g' }, { label: '32g', value: '32g' } |
|||
, { label: '64g', value: '64g' }, { label: '128g', value: '128g' }, { label: '256g', value: '256g' }, { label: '>256g', value: '>256g' }]} defaultValue="未安装"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'序列设备号'} |
|||
name={'guanlanglayer'} |
|||
rules={[{ required: true, message: '序列设备号不能为空' }]}> |
|||
<Input placeholder="请输入序列设备号" /> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
|
|||
<Row> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
style={{ width: 'calc(45%-4px' }} |
|||
label={'安装位置'} |
|||
name={'guanlanglength'} |
|||
rules={[{ required: true, message: '安装位置不能为空' }]}> |
|||
<Input placeholder="请输入高德经纬度坐标" /> |
|||
</Form.Item> |
|||
</Col> |
|||
<Col span={12}> |
|||
|
|||
<Form.Item |
|||
label={'通道号'} |
|||
name={'manageunit'} |
|||
rules={[{ required: true, message: '通道号不能为空' }]}> |
|||
<Col span={24} style={{ display: 'flex', justifyContent: 'space-around' }}> |
|||
<Input /> |
|||
|
|||
</Col> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
<Row> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'设备类型'} |
|||
name={'startposition'}> |
|||
<Select options={[{ label: '枪机', value: '枪机' }, { label: '球机', value: '球机' }, { label: '其他', value: '其他' }]} placeholder="请选择摄像头类型"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
<Col span={12}> |
|||
<Form.Item |
|||
label={'设备能力'} |
|||
name={'endposition'}> |
|||
<Select options={[{ label: '普通摄像头', value: '普通摄像头' }, { label: '人流量计数', value: '人流量计数' }, { label: '热成像', value: '热成像' }, { label: 'AI摄像头', value: 'AI摄像头' }, { label: '其他', value: '其他' }]} placeholder="请选择能力"></Select> |
|||
</Form.Item> |
|||
</Col> |
|||
</Row> |
|||
<Form.Item wrapperCol={{ span: 12, offset: 6 }}> |
|||
<Col span={24} style={{ display: 'flex', justifyContent: 'space-around' }}> |
|||
<Button htmlType="submit" onClick={() => { |
|||
onCancel() |
|||
}}> |
|||
取消 |
|||
</Button> |
|||
<Button type="primary" htmlType="submit"> |
|||
确定 |
|||
</Button> |
|||
</Col> |
|||
</Form.Item> |
|||
</Form> |
|||
|
|||
</Modal > |
|||
) |
|||
} |
|||
|
|||
|
|||
export default EditGuanlang; |
|||
File diff suppressed because it is too large
@ -1,169 +0,0 @@ |
|||
'use strict'; |
|||
import React, { useState, useEffect, useCallback, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin } from 'antd'; |
|||
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect, ProFormSelect, Form } from '@ant-design/pro-form'; |
|||
import { getDepUser } from '../../../organization/actions/user' |
|||
import { appointTask } from '../../actions/appointTask' |
|||
import { getReportList, } from '../../../fillion/actions/patrol'; |
|||
import moment from 'moment'; |
|||
import { v4 as uuidv4 } from 'uuid'; |
|||
|
|||
|
|||
const NominateModal = (props) => { |
|||
const { queryData, recordId, visible, user, onCancel, depMessage, loading, depUser, clientHeight, depData, onVisibleChange, dispatch } = props |
|||
const [depId, setDepId] = useState(null) |
|||
const [depUsers, setDepUsers] = useState() |
|||
|
|||
|
|||
const handleTreeSelectChange = async (value) => { |
|||
//console.log('recordId', recordId)
|
|||
setDepId(value) |
|||
// 根据选择的部门ID获取对应的用户数据
|
|||
setDepUsers([]) |
|||
const res = await dispatch(getDepUser(value)); |
|||
setDepUsers(res?.payload.data); |
|||
//setSelectKey(selectKey + 1)
|
|||
// 清空第二个输入框的值
|
|||
|
|||
} |
|||
|
|||
// useEffect(() => {
|
|||
// setSelectKey(selectKey + 1)
|
|||
// }, [depUsers])
|
|||
const handleFinish = async (values) => { |
|||
const { name } = values; |
|||
// 在这里使用第二个框的值进行网络请求或其他操作
|
|||
await dispatch(appointTask({ recordId, performerId: name })) |
|||
//form.resetFields(); // 重置表单字段
|
|||
//formRef.current.resetFields();
|
|||
queryData() |
|||
onCancel() |
|||
|
|||
}; |
|||
const dispatchGetDepUser = useCallback(async () => { |
|||
if (depId) { |
|||
const res = await dispatch(getDepUser(depId)); |
|||
setDepUsers(res?.payload.data); |
|||
} |
|||
}, [depId, dispatch]); |
|||
|
|||
useEffect(() => { |
|||
dispatchGetDepUser() |
|||
}, [dispatchGetDepUser]) |
|||
const [depMessagedata, setdepMessagedata] = useState(depMessage) |
|||
return ( |
|||
<Spin spinning={false}> |
|||
<ModalForm |
|||
title='指派' |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={handleFinish} |
|||
modalProps={{ |
|||
destroyOnClose: true, |
|||
}} |
|||
//initialValues={{ departmentId: null, name: null }}
|
|||
> |
|||
<ProForm.Group> |
|||
<ProFormTreeSelect |
|||
name={'departmentId'} |
|||
placeholder="请选择所属部门" |
|||
width="md" |
|||
label="所属部门" |
|||
required |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id', |
|||
children: 'subordinate' |
|||
}} |
|||
onSelect={(selectedKeys, { selected, selectedNodes }) => { |
|||
//console.log('selected', selectedKeys)
|
|||
|
|||
if (selected) { |
|||
setDepSelectedKeys(selectedKeys) |
|||
setDepSelected(selectedNodes[0].name || "") |
|||
dispatch(getDepUser(selectedKeys[0])) |
|||
} |
|||
}} |
|||
fieldProps={{ |
|||
onChange: handleTreeSelectChange, |
|||
fieldNames: { |
|||
label: 'title', |
|||
|
|||
}, |
|||
treeDefaultExpandAll: false, |
|||
}} |
|||
rules={[{ required: true, message: '请选择所属部门' }]} |
|||
request={async () => { |
|||
return depData |
|||
}} |
|||
expandedKeys={["title"]} |
|||
/> |
|||
{depUsers && depUsers.length && depUsers.some(item => item.isAdmin === true) ? <ProFormSelect |
|||
// key={selectKey} // 改变 key 值
|
|||
// ref={selectRef}
|
|||
// value={null} // 设置输入框的值为null
|
|||
//onValuesChange={(values) => { console.log('values1', values) }}
|
|||
name={'name'} |
|||
label="指派人" |
|||
request={async () => { |
|||
if (depId) { |
|||
const res = await dispatch(getDepUser(depId)); |
|||
const copy = res?.payload.data.filter((user) => { |
|||
if (user.isAdmin) { |
|||
return user |
|||
} |
|||
} |
|||
) |
|||
let processedUsers = copy.map((item) => { |
|||
return { |
|||
label: item.name, |
|||
value: item.id, |
|||
} |
|||
}) |
|||
|
|||
return Promise.resolve(processedUsers) |
|||
|
|||
} |
|||
|
|||
}} |
|||
placeholder="请选择指派人" |
|||
rules={[{ required: true, message: '请选择指派人' }]} |
|||
/> : ''} |
|||
|
|||
|
|||
</ProForm.Group> |
|||
|
|||
</ModalForm> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage, depUser, global } = state |
|||
const pakData = (dep) => { |
|||
// console.log(dep);
|
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// key: d.id,
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
// return {
|
|||
// loading: depMessage.isRequesting,
|
|||
// depData,
|
|||
// };
|
|||
return { |
|||
user: auth.user, |
|||
clientHeight: global.clientHeight, |
|||
loading: depMessage.isRequesting, |
|||
//depMessage: depMessage.data || [],
|
|||
depUser: depUser.data || [], |
|||
depData |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(NominateModal); |
|||
@ -1,136 +0,0 @@ |
|||
'use strict'; |
|||
import React, { useState, useEffect, useCallback, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, TreeSelect, Modal, Form, Select, Input } from 'antd'; |
|||
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect, ProFormSelect } from '@ant-design/pro-form'; |
|||
import { getDepUser } from '../../../organization/actions/user' |
|||
import { appointTask, pushAppointSMS } from '../../actions/appointTask' |
|||
import moment from 'moment' |
|||
import { v4 as uuidv4 } from 'uuid'; |
|||
|
|||
const { TextArea } = Input; |
|||
|
|||
const NominateModal = (props) => { |
|||
const { queryData, recordId, visible, user, onCancel, depMessage, loading, depUser, clientHeight, depData, onVisibleChange, dispatch } = props |
|||
const [depId, setDepId] = useState(0) |
|||
const [depUsers, setDepUsers] = useState([]) |
|||
// const [value, setValue] = useState(undefined);
|
|||
const [selectedUserId, setSelectedUserId] = useState(null); |
|||
const [form] = Form.useForm(); |
|||
|
|||
const handleTreeSelectChange = async (value) => { |
|||
setSelectedUserId(null) |
|||
setDepId(value) |
|||
// 根据选择的部门ID获取对应的用户数据
|
|||
//setDepUsers([])
|
|||
const res = await dispatch(getDepUser(value)) |
|||
let processedUsers = res.payload.data?.map((item) => { |
|||
return { |
|||
label: item.name, |
|||
value: item.id, |
|||
phone: item.phone |
|||
} |
|||
}) |
|||
setDepUsers(processedUsers) |
|||
form.resetFields(['nameId']) |
|||
|
|||
} |
|||
const handleFinish = () => { |
|||
form.validateFields().then(values => { |
|||
dispatch(appointTask({ recordId: recordId, performerId: values.nameId, handleAdvice: values.handleOpinions, handleState: '已指派' })).then((res) => { |
|||
if (res.success) { |
|||
setSelectedUserId(null) |
|||
queryData() |
|||
onCancel() |
|||
setDepUsers([]) |
|||
form.resetFields() |
|||
// const phone = depUsers.find(u => u.value == values.nameId)?.phone;
|
|||
// dispatch(pushAppointSMS({ phone: [phone] }))
|
|||
} |
|||
}) |
|||
}) |
|||
|
|||
} |
|||
|
|||
const cancelHandler = () => { |
|||
// form.resetFields()
|
|||
// setDepUsers([])
|
|||
onCancel() |
|||
} |
|||
return ( |
|||
<Spin spinning={false}> |
|||
<Modal |
|||
title='指派' |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onCancel={cancelHandler} |
|||
destroyOnClose onOk={handleFinish}> |
|||
<Form form={form}> |
|||
<div style={{ display: 'flex' }}> |
|||
<div style={{ marginRight: 30 }}> |
|||
<Form.Item label='部门:' name='departmentId' rules={[{ required: true, message: '请选择部门' }]}> |
|||
<TreeSelect |
|||
style={{ width: '160px' }} |
|||
// value={value}
|
|||
dropdownStyle={{ |
|||
maxHeight: 400, |
|||
overflow: 'auto', |
|||
}} |
|||
placeholder="选择部门" |
|||
//allowClear
|
|||
treeDefaultExpandAll={false} |
|||
treeData={depData} |
|||
onSelect={handleTreeSelectChange} |
|||
/> |
|||
|
|||
</Form.Item> |
|||
</div> |
|||
<div> |
|||
<Form.Item label='指派人:' name='nameId' rules={[{ required: true, message: '选择指派人' }]}> |
|||
<Select placeholder="请选择指派人" style={{ |
|||
width: '160px', |
|||
}} options={depUsers} |
|||
onChange={(value) => setSelectedUserId(value)} |
|||
> |
|||
</Select> |
|||
|
|||
</Form.Item> |
|||
</div> |
|||
</div> |
|||
<Form.Item label='处理意见:' name='handleOpinions'> |
|||
<TextArea /> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage, depUser, global } = state |
|||
const pakData = (dep) => { |
|||
// console.log(dep);
|
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// key: d.id,
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
// return {
|
|||
// loading: depMessage.isRequesting,
|
|||
// depData,
|
|||
// };
|
|||
return { |
|||
user: auth.user, |
|||
clientHeight: global.clientHeight, |
|||
loading: depMessage.isRequesting, |
|||
//depMessage: depMessage.data || [],
|
|||
depUser: depUser.data || [], |
|||
depData |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(NominateModal); |
|||
@ -1,94 +0,0 @@ |
|||
import React, { useEffect } from 'react'; |
|||
import PropTypes from 'prop-types'; |
|||
import { delFileDir, queryFileDir, updateFileDir, } from '../../actions/file'; |
|||
import './menu.less' |
|||
import { message, Modal } from 'antd'; |
|||
import { ExclamationCircleOutlined } from '@ant-design/icons' |
|||
|
|||
const { confirm } = Modal; |
|||
|
|||
const FunctionMenu = props => { |
|||
const { dispatch, onDelDir, selectRoad } = props; |
|||
|
|||
useEffect(() => { |
|||
const box = document.getElementById('tree-box'); |
|||
if (box) |
|||
box.oncontextmenu = function (e) { |
|||
//取消默认的浏览器自带右键 很重要！！
|
|||
e.preventDefault(); |
|||
|
|||
//获取我们自定义的右键菜单
|
|||
var menu = document.querySelector("#rihgt-click-menu"); |
|||
|
|||
//根据事件对象中鼠标点击的位置，进行定位
|
|||
menu.style.left = e.clientX + 'px'; |
|||
menu.style.top = e.clientY + 'px'; |
|||
|
|||
//改变自定义菜单的高宽，让它显示出来
|
|||
menu.style.display = 'block'; |
|||
} |
|||
|
|||
//关闭右键菜单，很简单
|
|||
window.onclick = function (e) { |
|||
//用户触发click事件就可以关闭了，因为绑定在window上，按事件冒泡处理，不会影响菜单的功能
|
|||
document.querySelector('#rihgt-click-menu') ? document.querySelector('#rihgt-click-menu').style.display = 'none' : '' |
|||
} |
|||
}, [true]) |
|||
|
|||
const onDeleteDir = () => { |
|||
|
|||
if (selectRoad) { |
|||
const id = selectRoad |
|||
dispatch(delFileDir({ id })).then(res => { |
|||
const { type } = res; |
|||
if (type == 'DEL_FILE_DIR_SUCCESS') { |
|||
dispatch(queryFileDir()); |
|||
message.success('删除成功') |
|||
} else { |
|||
message.error('删除失败') |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
const showDeleteConfirm = () => { |
|||
|
|||
confirm({ |
|||
title: `是否确认删除该道路?`, |
|||
icon: <ExclamationCircleOutlined />, |
|||
// content: 'Some descriptions',
|
|||
okText: '是', |
|||
okType: 'danger', |
|||
cancelText: '否', |
|||
onOk() { |
|||
onDeleteDir(); |
|||
}, |
|||
onCancel() { |
|||
}, |
|||
}); |
|||
} |
|||
|
|||
const refreshFileDir = () => { |
|||
dispatch(queryFileDir()); |
|||
} |
|||
|
|||
return ( |
|||
<div id="rihgt-click-menu"> |
|||
<div class="context_item"> |
|||
<div class="inner_item" onClick={showDeleteConfirm}> |
|||
<i class="glyphicon glyphicon-file"></i> 删除 |
|||
</div> |
|||
</div> |
|||
<div class="context_item"> |
|||
<div class="inner_item" onClick={refreshFileDir}> |
|||
<i class="glyphicon glyphicon-file"></i> 刷新 |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
) |
|||
} |
|||
|
|||
FunctionMenu.propTypes = {} |
|||
|
|||
export default FunctionMenu |
|||
@ -1,43 +0,0 @@ |
|||
#rihgt-click-menu { |
|||
display: none; |
|||
font-size: 1.1em; |
|||
position: fixed; |
|||
width: 200px; |
|||
height: auto; |
|||
padding: 5px 0px; |
|||
border-radius: 5px; |
|||
top: 10; |
|||
left: 10; |
|||
background-color: #fff; |
|||
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24); |
|||
color: #333; |
|||
z-index: 999; |
|||
} |
|||
|
|||
#rihgt-click-menu .context_item { |
|||
height: 32px; |
|||
line-height: 32px; |
|||
cursor: pointer; |
|||
text-overflow: ellipsis; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
} |
|||
|
|||
#rihgt-click-menu .context_item:hover { |
|||
background-color: #ddd; |
|||
} |
|||
|
|||
#rihgt-click-menu .context_item .inner_item { |
|||
margin: 0px 10px; |
|||
} |
|||
|
|||
#rihgt-click-menu .context_item .inner_item i { |
|||
margin: 0 5px 0 0; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
#rihgt-click-menu .context_hr { |
|||
height: 1px; |
|||
border-top: 1px solid #bbb; |
|||
margin: 3px 10px; |
|||
} |
|||
@ -1,73 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react' |
|||
import PropTypes from 'prop-types'; |
|||
import { Modal, Input, Row, Col } from 'antd'; |
|||
const { Search } = Input; |
|||
const RoadModal = props => { |
|||
const { isVisible, onSubmit, onCancel, roads } = props; |
|||
const [roadName, setRoadName] = useState(''); |
|||
const [isRepeated, setIsRepeated] = useState(true); |
|||
|
|||
let timer = null; |
|||
useEffect(() => { |
|||
if (timer) |
|||
clearTimeout(timer) |
|||
else { |
|||
timer = setTimeout(() => { |
|||
if (roads && roads.some(item => item.roadName == roadName)) { |
|||
setIsRepeated(true) |
|||
} else { |
|||
setIsRepeated(false); |
|||
} |
|||
}, 500); |
|||
} |
|||
|
|||
}, [roadName]); |
|||
|
|||
|
|||
useEffect(() => { |
|||
if (!isVisible) { |
|||
setRoadName('') |
|||
setIsRepeated(false) |
|||
} |
|||
return () => { |
|||
setRoadName('') |
|||
} |
|||
}, [isVisible]) |
|||
|
|||
|
|||
const onInputText = (e) => { |
|||
const value = e.target.value; |
|||
setRoadName(value); |
|||
} |
|||
|
|||
const onConfirm = () => { |
|||
if (!isRepeated) |
|||
if (roadName && roadName.trim() != '') { |
|||
onSubmit(roadName) |
|||
} |
|||
} |
|||
|
|||
|
|||
return ( |
|||
<Modal title="添加道路" visible={isVisible} onOk={onConfirm} onCancel={onCancel} > |
|||
<Row type="flex" style={{ alignContent: 'center' }}> |
|||
<Col span={6}> |
|||
<span style={{ color: 'gray', lineHeight: "32px" }}>请输入道路名称:</span> |
|||
</Col> |
|||
<Col span={18}> |
|||
<Search placeholder='请输入道路名称' onChange={onInputText} value={roadName} /> |
|||
</Col> |
|||
<Row> |
|||
{ |
|||
isRepeated ? <span style={{ color: 'red' }}>道路名称重复</span> |
|||
: '' |
|||
} |
|||
</Row> |
|||
</Row> |
|||
</Modal> |
|||
) |
|||
} |
|||
|
|||
RoadModal.propTypes = {} |
|||
|
|||
export default RoadModal |
|||
@ -1,46 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react' |
|||
import { Modal, Input, Row, Col } from 'antd'; |
|||
import Upload from '../../../../components/Upload'; |
|||
const UploadModal = props => { |
|||
const { isVisible, onSubmit, onCancel, } = props; |
|||
const [files, setFiles] = useState() |
|||
|
|||
|
|||
useEffect(() => { |
|||
if (!isVisible) { |
|||
} |
|||
return () => { |
|||
} |
|||
}, [isVisible]) |
|||
|
|||
|
|||
|
|||
const onConfirm = () => { |
|||
onSubmit(files); |
|||
} |
|||
|
|||
const onFileUploaded = (fileList) => { |
|||
console.log('fileList: ', fileList); |
|||
setFiles(fileList); |
|||
} |
|||
|
|||
return ( |
|||
<Modal title="文件上传" visible={isVisible} onOk={onConfirm} onCancel={onCancel} > |
|||
<Row type="flex" style={{ alignContent: 'center' }}> |
|||
<Upload |
|||
uploadType={'project'} |
|||
maxFilesNum={1} |
|||
maxFileSize={10} |
|||
onChange={onFileUploaded} |
|||
clearFileList={isVisible} |
|||
// value
|
|||
// onStateChange
|
|||
/> |
|||
</Row> |
|||
</Modal> |
|||
) |
|||
} |
|||
|
|||
UploadModal.propTypes = {} |
|||
|
|||
export default UploadModal |
|||
@ -1,466 +0,0 @@ |
|||
import { connect } from 'react-redux'; |
|||
import './protable.less' |
|||
import { Card, Button, Row, DatePicker, Input, Modal, message, Image } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import { getFileList, createFileDir, queryFileDir, uploadFile, deleteFile } from '../actions/file'; |
|||
import { ExclamationCircleOutlined } from '@ant-design/icons'; |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { httpDel } from '@peace/utils' |
|||
import { PinyinHelper } from '@peace/utils'; |
|||
import RoadModal from './file/roadModal'; |
|||
// import Pdfh5 from "pdfh5";
|
|||
// import "pdfh5/css/pdfh5.css";
|
|||
import FunctionMenu from './file/functionMenu'; |
|||
const { confirm } = Modal; |
|||
|
|||
// @ts-ignore
|
|||
import UploadModal from './file/uploadModal'; |
|||
|
|||
// var pdfh5 = null;
|
|||
const DetailList = (props) => { |
|||
const { fileList, loading, dispatch, handelRefresh, onPageChange, user } = props; |
|||
const [imgSrc, setImgSrc] = useState({ imageView: false, imgSrc: '' }) |
|||
const [pdfView, setPdfView] = useState({ showPDF: false, pdfName: '', pdfurl: '' }) |
|||
var tyApiRoot = localStorage.getItem('tyApiRoot') |
|||
|
|||
// useEffect(() => {
|
|||
// if (pdfView.showPDF) {
|
|||
// pdfh5 = new Pdfh5("#pdf-loader", {
|
|||
// pdfurl: pdfView.pdfurl
|
|||
// })
|
|||
// }
|
|||
// }, [pdfView])
|
|||
|
|||
const handleRemove = (record, filePath) => { |
|||
if (record) { |
|||
dispatch(deleteFile(record.id)).then(res => { |
|||
if (res.type == 'DELETE_FILE_SUCCESS') { |
|||
message.success("文件删除成功"); |
|||
handelRefresh() |
|||
} else { |
|||
message.error("文件删除失败") |
|||
} |
|||
}) |
|||
} |
|||
let url = `${tyApiRoot}/attachments`, msg = {}; |
|||
const actionType = "DEL_FILE_RECORD"; |
|||
if (filePath) { |
|||
httpDel(dispatch, { url, actionType, msg, query: { src: filePath } }) |
|||
} |
|||
} |
|||
const overviewPDF = (record, filePath) => { |
|||
setPdfView({ showPDF: true, pdfName: record.fileName, pdfurl: filePath }) |
|||
} |
|||
|
|||
const showDeleteConfirm = (record, filePath) => { |
|||
confirm({ |
|||
title: '是否确认删除该文件?', |
|||
icon: <ExclamationCircleOutlined />, |
|||
// content: 'Some descriptions',
|
|||
okText: '是', |
|||
okType: 'danger', |
|||
cancelText: '否', |
|||
onOk() { |
|||
handleRemove(record, filePath); |
|||
}, |
|||
onCancel() { |
|||
}, |
|||
}); |
|||
} |
|||
//处理预览的逻辑
|
|||
const preview = (url) => { |
|||
let link = encodeURI(url) || '' |
|||
if (link) |
|||
if (url.indexOf("pdf") !== -1 || url.indexOf("csv") !== -1 || url.indexOf("jpg") !== -1 || url.indexOf("png") !== -1) { |
|||
window.open(link) |
|||
} else { |
|||
window.open(`https://view.officeapps.live.com/op/view.aspx?src=${link}`) |
|||
|
|||
} |
|||
} |
|||
const columns = [ |
|||
{ |
|||
title: '资料名称', |
|||
key: 'fileName', |
|||
dataIndex: 'fileName', |
|||
align: 'center', |
|||
}, { |
|||
title: '所属道路', |
|||
key: 'road', |
|||
dataIndex: 'road', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return fileList?.road?.roadName; |
|||
} |
|||
}, { |
|||
title: '资料类型', |
|||
key: 'fileType', |
|||
dataIndex: 'fileType', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return fileList?.type?.fileType; |
|||
} |
|||
}, |
|||
{ |
|||
title: '文件类型', |
|||
key: 'fileExt', |
|||
dataIndex: 'fileExt', |
|||
align: 'center' |
|||
}, |
|||
{ |
|||
title: '文件大小', |
|||
width: 100, |
|||
key: 'fileSize', |
|||
dataIndex: 'fileSize', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
let size = 0; |
|||
if (record.fileSize < 1024 * 1024) { |
|||
size = (record.fileSize / 1024).toFixed(2) + 'KB' |
|||
} else { |
|||
size = (record.fileSize / 1024 / 1024).toFixed(2) + 'MB' |
|||
} |
|||
return <span>{size}</span> |
|||
} |
|||
}, { |
|||
title: '创建时间', |
|||
key: 'createDate', |
|||
dataIndex: 'createDate', |
|||
valueType: 'dateTime', |
|||
align: 'center' |
|||
}, { |
|||
title: '操作', |
|||
width: 160, |
|||
key: 'option', |
|||
valueType: 'option', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
const regEx = /\bhttps?:\/\/[^:\/]+/ig; |
|||
const path = record.fileUrl; |
|||
const filename = path.substr(path.lastIndexOf("/") + 1); |
|||
const filePath = path.replace(regEx, ""); |
|||
const filePath_ = `${tyApiRoot}/attachments?src=${filePath}&filename=${filename}`; |
|||
|
|||
return <span> |
|||
{/* {<a style={{ color: '#333398' }} href={fpath}>下载</a>} */} |
|||
{<a style={{ color: '#333398' }} onClick={() => { |
|||
window.open(filePath_); |
|||
}} >下载</a>} |
|||
<span className="ant-divider" /> |
|||
<a style={{ color: '#333398' }} onClick={() => { showDeleteConfirm(record, filePath) }} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'FILEMANAGE')[0].isshow === "true" ? true : ''} |
|||
>删除</a> |
|||
<span className="ant-divider" /> |
|||
<a style={{ color: '#333398' }} onClick={() => { preview(path) }}>预览</a> |
|||
{/* { |
|||
['.png', '.jpg'].some(item => item == record.fileExt) ? |
|||
[<span className="ant-divider" />, |
|||
<a style={{ color: '#333398' }} onClick={() => { setImgSrc({ imageView: true, imgSrc: path }) }}>预览</a>] |
|||
: '' |
|||
} */} |
|||
{/* { |
|||
['.pdf'].some(item => item == record.fileExt) ? |
|||
[<span className="ant-divider" />, |
|||
<a style={{ color: '#333398' }} onClick={() => overviewPDF(record, path)}>预览</a>] |
|||
: '' |
|||
} */} |
|||
</span> |
|||
}, |
|||
}, |
|||
]; |
|||
return [ |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={fileList?.list || []} |
|||
loading={loading} |
|||
pagination={{ |
|||
total: fileList?.count || 0, |
|||
pageSize: 10, |
|||
defaultPageSize: 10, |
|||
showSizeChanger: false, |
|||
onChange: (page, pageSize) => { |
|||
onPageChange(page, pageSize) |
|||
} |
|||
}} |
|||
rowKey="key" |
|||
toolBarRender={false} |
|||
search={false} |
|||
/>, |
|||
<Image |
|||
width={200} |
|||
style={{ display: 'none' }} |
|||
src={imgSrc.imgSrc} |
|||
preview={{ |
|||
visible: imgSrc.imageView, |
|||
src: imgSrc.imgSrc, |
|||
onVisibleChange: value => { |
|||
setImgSrc({ imageView: value, imgSrc: '' }); |
|||
}, |
|||
}} |
|||
/>, |
|||
// <Modal
|
|||
// visible={pdfView.showPDF}
|
|||
// footer={null}
|
|||
// title={pdfView.pdfName}
|
|||
// width={860}
|
|||
// onCancel={() => {
|
|||
// pdfh5 = null;
|
|||
// setPdfView({ showPDF: false, pdfName: '', pdfurl: '' });
|
|||
// }}
|
|||
// >
|
|||
// <div id="pdf-loader" style={{ width: 830, height: 600, overflowY: 'hidden' }} />
|
|||
// </Modal>
|
|||
|
|||
]; |
|||
}; |
|||
|
|||
|
|||
|
|||
const RoadNameList = (props) => { |
|||
const [filterRoad, setFilterRoad] = useState([]); |
|||
const [addVisible, setAddVisible] = useState(false); |
|||
const [selectRoad, setSelectRoad] = useState(); |
|||
const { onChange, roads, loading, queryData, dispatch, user } = props |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'FILEMANAGE')[0].isshow === "true" ? true : '') |
|||
const columns = [ |
|||
{ |
|||
title: '道路名称', |
|||
key: 'roadName', |
|||
dataIndex: 'roadName', |
|||
align: 'center', |
|||
}, |
|||
|
|||
]; |
|||
|
|||
useEffect(() => { |
|||
if (roads && roads instanceof Array && roads.length) { |
|||
setSelectRoad(roads[0].rId) |
|||
onChange(roads[0]); |
|||
} |
|||
}, [roads]) |
|||
|
|||
useEffect(() => { |
|||
if (roads) { |
|||
setFilterRoad(roads) |
|||
} |
|||
}, [roads]) |
|||
|
|||
var timer = null; |
|||
const doRoadNameSearch = (e) => { |
|||
const name = e.target.value; |
|||
if (timer) { |
|||
clearTimeout(timer) |
|||
} else { |
|||
setTimeout(() => { |
|||
let _roads = roads.filter(road => PinyinHelper.isSearchMatched(road.roadName, name)); |
|||
setFilterRoad(_roads); |
|||
}, 500); |
|||
} |
|||
} |
|||
|
|||
const createRoadDir = (roadName) => { |
|||
dispatch(createFileDir({ roadName })).then(res => { |
|||
if (res.type == 'CREATE_FILE_DIR_SUCCESS') { |
|||
setAddVisible(false) |
|||
message.success('新增道路文件夹成功'); |
|||
dispatch(queryFileDir()) |
|||
} |
|||
}); |
|||
|
|||
} |
|||
|
|||
const onDelDir = () => { |
|||
|
|||
} |
|||
|
|||
return ( |
|||
<div id="tree-box" className='spilce'> |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={filterRoad} |
|||
loading={loading} |
|||
rowKey="name" |
|||
rowClassName={(record) => { |
|||
return record.rId == selectRoad ? 'list-row-actived' : ''; |
|||
}} |
|||
toolBarRender={() => [ |
|||
<div> |
|||
<Button onClick={() => setAddVisible(true)} type="primary" style={{ width: '100%', marginBottom: 8 }} |
|||
disabled={editAble} |
|||
>新增</Button> |
|||
<Input placeholder='输入道路名称' onChange={doRoadNameSearch} ></Input> |
|||
</div> |
|||
]} |
|||
options={false} |
|||
pagination={false} |
|||
search={false} |
|||
onRow={(record) => { |
|||
return { |
|||
onClick: () => { |
|||
if (record) { |
|||
let id = record.rId |
|||
if (selectRoad == record.rId) { |
|||
id = null |
|||
} |
|||
setSelectRoad(id); |
|||
onChange(record); |
|||
} |
|||
}, |
|||
}; |
|||
}} |
|||
/> |
|||
<RoadModal |
|||
roads={roads} |
|||
isVisible={addVisible} |
|||
onSubmit={createRoadDir} |
|||
onCancel={() => { setAddVisible(false) }} |
|||
/> |
|||
|
|||
<FunctionMenu |
|||
selectRoad={selectRoad} |
|||
dispatch={dispatch} |
|||
onDelDir={onDelDir} |
|||
/> |
|||
</div> |
|||
|
|||
); |
|||
}; |
|||
|
|||
|
|||
|
|||
const FileTable = (props) => { |
|||
const { roads, fileList, dispatch, fileListLoading, roadsLoading, user } = props; |
|||
const [record, setRecord] = useState(); |
|||
const [activeTabKey1, setActiveTabKey1] = useState('1'); |
|||
const [uploadVisible, setUploadVisible] = useState(false); |
|||
const { RangePicker } = DatePicker; |
|||
|
|||
useEffect(() => { |
|||
if (roads && roads instanceof Array) { |
|||
setRecord(roads[0]); |
|||
} |
|||
}, [roads]) |
|||
|
|||
useEffect(() => { |
|||
if (record) { |
|||
queryData(); |
|||
} |
|||
}, [record]) |
|||
|
|||
const queryData = () => { |
|||
const { rId } = record; |
|||
dispatch(getFileList({ fId: activeTabKey1, limit: 10, offset: 0, roadId: rId })) |
|||
} |
|||
|
|||
const onPageChange = (page, pageSize) => { |
|||
dispatch(getFileList({ fId: activeTabKey1, limit: pageSize, offset: (page - 1) * pageSize, roadId: rId })) |
|||
} |
|||
|
|||
useEffect(() => { |
|||
if (record && activeTabKey1) { |
|||
queryData(); |
|||
} |
|||
|
|||
}, [activeTabKey1, record]) |
|||
|
|||
const handelRefresh = () => { |
|||
queryData() |
|||
} |
|||
|
|||
const tabList = [ |
|||
{ |
|||
key: '1', |
|||
tab: '前期资料', |
|||
}, { |
|||
key: '2', |
|||
tab: '施工资料', |
|||
}, { |
|||
key: '3', |
|||
tab: '竣工资料', |
|||
}, { |
|||
key: '4', |
|||
tab: '维修资料', |
|||
}, { |
|||
key: '5', |
|||
tab: '道路资料', |
|||
}, |
|||
]; |
|||
const onTab1Change = (key) => { |
|||
setActiveTabKey1(key); |
|||
}; |
|||
|
|||
const handleChangeRecord = (newRecord) => { |
|||
let target = null; |
|||
if (!record || newRecord.rId != record.rId) { |
|||
target = newRecord; |
|||
} |
|||
setRecord(target); |
|||
} |
|||
const hanleUpload = (fileList) => { |
|||
let fileUrl, fileExt, fileName, fileSize; |
|||
if (fileList && fileList instanceof Array) { |
|||
const file = fileList[0]; |
|||
fileName = file.name; |
|||
fileExt = fileName.substr(fileName.lastIndexOf('.')); |
|||
fileUrl = file.url; |
|||
fileSize = file.size; |
|||
dispatch(uploadFile({ typeId: activeTabKey1, userId: user.id, fileSize, fileName, fileUrl, fileExt, roadId: record.rId })).then(res => { |
|||
if (res.type == 'UPLOAD_FILE_SUCCESS') { |
|||
message.success('文件新增成功'); |
|||
setUploadVisible(false); |
|||
queryData(); |
|||
} |
|||
}); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<div className='card-protable'> |
|||
<Card > |
|||
<RoadNameList |
|||
user={user} |
|||
dispatch={dispatch} |
|||
queryData={queryData} |
|||
onChange={(record) => handleChangeRecord(record)} |
|||
record={record} |
|||
roads={roads} |
|||
loading={roadsLoading} /> |
|||
</Card> |
|||
<Card |
|||
style={{ flex: 1 }} |
|||
tabList={tabList} |
|||
activeTabKey={activeTabKey1} |
|||
onTabChange={(key) => { |
|||
onTab1Change(key); |
|||
}} |
|||
> |
|||
<Row> |
|||
<Button onClick={() => { setUploadVisible(true) }} type="primary" style={{ width: 160, marginBottom: 8, visibility: record ? 'visible' : "hidden" }} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'FILEMANAGE')[0].isshow === "true" ? true : ''} |
|||
>上传</Button> |
|||
</Row> |
|||
<Card style={{ flex: 1 }}> |
|||
<DetailList user={user} fileList={fileList} record={record} loading={fileListLoading} dispatch={dispatch} handelRefresh={handelRefresh} onPageChange={onPageChange} /> |
|||
</Card> |
|||
</Card> |
|||
<UploadModal |
|||
isVisible={uploadVisible} |
|||
onCancel={() => { setUploadVisible(false) }} |
|||
onSubmit={hanleUpload} |
|||
/> |
|||
</div> |
|||
|
|||
); |
|||
}; |
|||
|
|||
function mapStateToProps(state) { |
|||
const { fileDirs, fileList, auth } = state; |
|||
return { |
|||
roads: fileDirs.data, |
|||
roadsLoading: fileDirs.isRequesting, |
|||
fileList: fileList.data, |
|||
fileListLoading: fileList.isRequesting, |
|||
user: auth.user, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(FileTable); |
|||
@ -1,188 +0,0 @@ |
|||
import React, { Component } from 'react' |
|||
import PropTypes from 'prop-types' |
|||
import { geoJson } from './mock_data'; |
|||
|
|||
export default class Bounds extends Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.map = props.map; |
|||
this.pl = {}; |
|||
this.textMarker = {}; |
|||
} |
|||
static propTypes = { |
|||
prop: PropTypes |
|||
} |
|||
|
|||
componentDidMount() { |
|||
if (!window.BoundPl) { |
|||
this.drawBounds(); |
|||
} |
|||
} |
|||
|
|||
componentWillUnmount() { |
|||
if (window.local_) |
|||
window.local_.remove(this.pl); |
|||
this.textMarker = null; |
|||
window.BoundPl = null; |
|||
} |
|||
|
|||
drawBounds = () => { |
|||
var map = this.map; |
|||
var loca = window.local_; |
|||
loca.ambLight = { |
|||
intensity: 0.3, |
|||
color: '#fff', |
|||
}; |
|||
loca.dirLight = { |
|||
intensity: 0.6, |
|||
color: '#fff', |
|||
target: [0, 0, 0], |
|||
position: [0, -1, 1], |
|||
}; |
|||
loca.pointLight = { |
|||
color: 'rgb(100,100,100)', |
|||
position: [120.24289, 30.341335, 20000], |
|||
intensity: 3, |
|||
// 距离表示从光源到光照强度为 0 的位置，0 就是光不会消失。
|
|||
distance: 50000, |
|||
}; |
|||
var geo = new Loca.GeoJSONSource({ |
|||
data: geoJson |
|||
}); |
|||
|
|||
var colors = ['#04398c', '#04398c', '#0542a5'].reverse(); |
|||
var height = [500]; |
|||
var pl = new Loca.PolygonLayer({ |
|||
// loca,
|
|||
zIndex: 1, |
|||
opacity: 0.6, |
|||
// cullface: 'none',
|
|||
shininess: 10, |
|||
hasSide: true, |
|||
}); |
|||
|
|||
pl.setSource(geo); |
|||
pl.setStyle({ |
|||
topColor: function (index, feature) { |
|||
var i = index % 3; |
|||
return colors[i]; |
|||
}, |
|||
sideColor: function (index, feature) { |
|||
return '#023890'; |
|||
}, |
|||
borderColor: function () { |
|||
return '#24dcf7' |
|||
}, |
|||
height: function (index, feature) { |
|||
return index == 0 ? height[0] : height[0] + index * 50; |
|||
}, |
|||
altitude: 0, |
|||
}); |
|||
loca.add(pl); |
|||
|
|||
// 创建纯文本标记
|
|||
var text = new AMap.Text({ |
|||
text: '纯文本标记', |
|||
anchor: 'center', // 设置文本标记锚点
|
|||
draggable: true, |
|||
cursor: 'pointer', |
|||
angle: 0, |
|||
visible: false, |
|||
offset: [60, 60], |
|||
extData: 'bounds_text', |
|||
style: { |
|||
'padding': '5px 10px', |
|||
'margin-bottom': '1rem', |
|||
'border-radius': '.25rem', |
|||
'background-color': 'rgba(0,0,0,0.5)', |
|||
// 'width': '12rem',
|
|||
'border-width': 0, |
|||
'box-shadow': '0 2px 6px 0 rgba(255, 255, 255, .3)', |
|||
'text-align': 'center', |
|||
'font-size': '16px', |
|||
'color': '#fff', |
|||
}, |
|||
}); |
|||
// text.setMap(map);
|
|||
if (!this.textMarker) |
|||
map.add(text); |
|||
this.textMarker = text; |
|||
console.log(text) |
|||
// 拾取
|
|||
map.on('mousemove', (e) => { |
|||
var feat = pl.queryFeature(e.pixel.toArray()); |
|||
// if (!text) {
|
|||
map.add(text); |
|||
// text = this.textMarker;
|
|||
// }
|
|||
|
|||
if (feat) { |
|||
text.show(); |
|||
text.setText(feat.properties.NAME); |
|||
text.setPosition(e.lnglat); |
|||
|
|||
pl.setStyle({ |
|||
topColor: (index, feature) => { |
|||
if (feature === feat) { |
|||
return [19, 43, 77, 1]; |
|||
} |
|||
// var v = feature.properties.health * 100;
|
|||
var i = index % 3; |
|||
return colors[i]; |
|||
}, |
|||
sideColor: (index, feature) => { |
|||
if (feature === feat) { |
|||
return '#023890'; |
|||
} |
|||
return '#023890'; |
|||
}, |
|||
borderColor: function () { |
|||
return '#24dcf7' |
|||
}, |
|||
height: function (index, feature) { |
|||
return index == 0 ? height[0] : height[0] + index * 50; |
|||
|
|||
}, |
|||
}); |
|||
} else { |
|||
pl.setStyle({ |
|||
topColor: function (index, feature) { |
|||
var i = index % 3; |
|||
return colors[i]; |
|||
}, |
|||
sideColor: function (index, feature) { |
|||
return '#023890'; |
|||
}, |
|||
borderColor: function () { |
|||
return '#24dcf7' |
|||
}, |
|||
height: function (index, feature) { |
|||
return index == 0 ? height[0] : height[0] + index * 50; |
|||
}, |
|||
altitude: 0, |
|||
}); |
|||
|
|||
text.hide(); |
|||
map.remove(text); |
|||
} |
|||
}); |
|||
|
|||
|
|||
map.setZoom(12.88) |
|||
map.setCenter([115.888149, 28.549851]); |
|||
map.setRotation(-68.7); |
|||
map.setPitch(42); |
|||
|
|||
this.pl = pl; |
|||
window.BoundPl = pl; |
|||
} |
|||
|
|||
render() { |
|||
return ( |
|||
<div> |
|||
</div> |
|||
) |
|||
} |
|||
} |
|||
|
|||
|
|||
File diff suppressed because one or more lines are too long
@ -1,163 +0,0 @@ |
|||
import React from 'react' |
|||
import PropTypes from 'prop-types' |
|||
import { useEffect } from 'react'; |
|||
import { useState } from 'react'; |
|||
import { DatePicker } from 'antd'; |
|||
import Bounds from './bounds'; |
|||
import moment from 'moment'; |
|||
import { getReportList } from '../../actions/patrol' |
|||
const { RangePicker } = DatePicker; |
|||
function PatrolGis(props) { |
|||
const { reportList, userId, dispatch } = props; |
|||
const [mapComplete, setMapComplete] = useState(false); |
|||
const [mapObj, setMapObj] = useState(); |
|||
const [dateRange, setDateRange] = useState([moment().add(-6, 'day'), |
|||
moment()]); |
|||
let markers = []; |
|||
let PATH = []; |
|||
|
|||
useEffect(() => { |
|||
if (AMap) loadMap(); |
|||
return () => { |
|||
if (window.local_) { |
|||
window.local_ = null |
|||
} |
|||
if (mapObj) |
|||
mapObj.clearMap(); |
|||
} |
|||
}, [true]) |
|||
|
|||
useEffect(() => { |
|||
if (mapObj) { |
|||
mapObj.remove(markers); |
|||
mapObj.remove(PATH); |
|||
} |
|||
let query = { userId, reportType: 'patrol' } |
|||
if (userId) { |
|||
if ((dateRange && dateRange instanceof Array)) { |
|||
query.startTime = moment(dateRange[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
query.endTime = moment(dateRange[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
} else { |
|||
query.startTime = moment().add(-6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
query.endTime = moment().endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
} |
|||
dispatch(getReportList(query)); |
|||
} else { |
|||
query.isTop = true; |
|||
dispatch(getReportList(query)); |
|||
} |
|||
}, [userId, dateRange]) |
|||
|
|||
useEffect(() => { |
|||
//console.log('userId', userId)
|
|||
if (reportList && mapObj) { |
|||
mapObj.clearMap(); |
|||
renderMarkers(); |
|||
if (userId) |
|||
renderPath(); |
|||
} |
|||
}, [reportList, mapObj, userId]) |
|||
|
|||
const loadMap = () => { |
|||
const map = new AMap.Map("amapId", { |
|||
resizeEnable: true, |
|||
center: [115.99255, 28.503617],//地图中心点，初始定位加载显示楼块
|
|||
zoom: 8,//地图显示的缩放级别
|
|||
zooms: [8, 18], |
|||
pitch: 0, // 地图俯仰角度，有效范围 0 度- 83 度
|
|||
viewMode: '3D', // 地图模式
|
|||
mapStyle: 'amap://styles/light', |
|||
}); |
|||
|
|||
//主题样式
|
|||
// var styleName = defaultStyleName;
|
|||
// map.setMapStyle(styleName);
|
|||
|
|||
let windowOnload = false; |
|||
map.on('complete', function () { |
|||
console.log("map-complete") |
|||
if (!window.local_) { |
|||
window.local_ = new Loca.Container({ map }); |
|||
setMapObj(map); |
|||
} |
|||
}); |
|||
window.onload = function () { |
|||
console.log("window.onload") |
|||
windowOnload = true; |
|||
} |
|||
}; |
|||
|
|||
const renderMarkers = () => { |
|||
const map = mapObj; |
|||
if (reportList && reportList instanceof Array) { |
|||
reportList.map(item => { |
|||
const { longitude, latitude, user } = item; |
|||
if (!longitude || !latitude) { |
|||
return; |
|||
} |
|||
const imageURL = '/assets/images/worker.png' |
|||
let icon = new AMap.Icon({ |
|||
size: new AMap.Size(24, 24), // 图标尺寸
|
|||
image: imageURL, // Icon的图像
|
|||
rotation: 270, |
|||
// imageOffset: new AMap.Pixel(-14, -14), // 图像相对展示区域的偏移量，适于雪碧图等
|
|||
imageSize: new AMap.Size(24, 24) // 根据所设置的大小拉伸或压缩图片
|
|||
}); |
|||
let marker = new AMap.Marker({ |
|||
position: new AMap.LngLat(longitude, latitude), |
|||
icon: icon, |
|||
offset: new AMap.Pixel(-12, -12), |
|||
// extData: {
|
|||
// name: user.name || '',
|
|||
// }
|
|||
}); |
|||
// marker.setTitle(s.name);
|
|||
markers.push(marker); |
|||
map.add(marker); |
|||
}) |
|||
} |
|||
} |
|||
|
|||
const renderPath = () => { |
|||
const map = mapObj; |
|||
if (reportList && reportList instanceof Array) { |
|||
let list = reportList |
|||
list.sort((a, b) => { |
|||
const timeA = moment(a.time).valueOf(); |
|||
const timeB = moment(b.time).valueOf(); |
|||
return timeA - timeB; |
|||
}) |
|||
let path = [] |
|||
list.map(item => { |
|||
const { longitude, latitude, } = item; |
|||
if (longitude && latitude) |
|||
path.push([item.longitude, item.latitude]) |
|||
}); |
|||
PATH = path; |
|||
var polyline1 = new AMap.Polyline({ |
|||
map: map, |
|||
path: path, // 设置线覆盖物路径
|
|||
showDir: true, |
|||
strokeColor: '#3366bb', // 线颜色
|
|||
strokeWeight: 7 // 线宽
|
|||
}); |
|||
} |
|||
} |
|||
// , display: userId ? 'block' : 'none'
|
|||
return ( |
|||
<div style={{ width: '100%', backgroundColor: '#101824', height: '100%', minHeight: 700, position: 'relative' }}> |
|||
<div id='amapId' style={{ width: '100%', height: '100%', background: "#101824", minHeight: 700 }} /> |
|||
<div style={{ position: 'absolute', top: 8, left: 20, display: userId ? 'block' : 'none' }}> |
|||
<RangePicker |
|||
onChange={(date, dateString) => { setDateRange(dateString) }} |
|||
defaultValue={dateRange} |
|||
/> |
|||
</div> |
|||
{mapObj ? <Bounds map={mapObj} /> : ''} |
|||
</div > |
|||
) |
|||
} |
|||
|
|||
PatrolGis.propTypes = {} |
|||
|
|||
export default PatrolGis |
|||
@ -1,113 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Spin, Table } from 'antd'; |
|||
import { ModalForm, ProForm, ProFormText, ProFormSelect } from '@ant-design/pro-form'; |
|||
import { putOperaTional, postCustodyunit, getCustodyunitOne,getxiuyangas } from "../../actions/infor" |
|||
|
|||
|
|||
import _ from 'lodash' |
|||
|
|||
const Guanli = (props) => { |
|||
const { visible, onVisibleChange, typecard, rewkeys, recortd, dispatch, setRecortd, setDelet } = props |
|||
const [success, setSuccess] = useState() |
|||
useEffect(() => { |
|||
return () => { |
|||
setRecortd() |
|||
} |
|||
}, [setRecortd]) |
|||
return ( |
|||
<Spin spinning={false}> |
|||
{/* { |
|||
newlysay ? */} |
|||
<ModalForm |
|||
width={'90rem'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={(values) => { |
|||
setDelet(values) |
|||
const query = { ...values, id: recortd?.id, serialNumber: recortd?.id } |
|||
dispatch(postCustodyunit(query)).then((res) => { |
|||
if (res.success === true) { |
|||
let date = { fourceUpdate: false } |
|||
dispatch(getxiuyangas(date)).then((res) => { |
|||
}) |
|||
} |
|||
}) |
|||
return true |
|||
}} |
|||
initialValues={recortd} |
|||
> |
|||
<ProForm.Group> |
|||
<ProFormText |
|||
name='responsibleUnitForManagementAndMaintenance' |
|||
width="md" |
|||
label='管养责任单位' |
|||
placeholder="请输入管养责任单位" |
|||
disabled |
|||
/><ProFormText |
|||
name='maintenanceUnit' |
|||
width="md" |
|||
label='养护单位' |
|||
placeholder="请输入养护单位" |
|||
/><ProFormText |
|||
name='management' |
|||
width="md" |
|||
label='管理人员' |
|||
placeholder="请输入管理人员" |
|||
|
|||
/><ProFormText |
|||
name='worker' |
|||
width="md" |
|||
label='工人' |
|||
placeholder="请输入工人" |
|||
/><ProFormText |
|||
name='publicWelfarePost' |
|||
width="md" |
|||
label='公益岗位' |
|||
placeholder="请输入公益岗位" |
|||
/><ProFormText |
|||
name='countyHighway' |
|||
width="md" |
|||
label='县道' |
|||
placeholder="请输入县道" |
|||
/><ProFormText |
|||
name='townshipRoad' |
|||
width="md" |
|||
label='乡道' |
|||
placeholder="请输入乡道" |
|||
/><ProFormText |
|||
name='villageRoad' |
|||
width="md" |
|||
label='村道' |
|||
placeholder="请输入村道" |
|||
/><ProFormText |
|||
name='bridge' |
|||
width="md" |
|||
label='桥梁' |
|||
placeholder="请输入桥梁" |
|||
/> |
|||
</ProForm.Group> |
|||
|
|||
</ModalForm> |
|||
|
|||
</Spin> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(Guanli); |
|||
@ -1,112 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Spin, Table } from 'antd'; |
|||
import { ModalForm, ProForm, ProFormText, ProFormSelect } from '@ant-design/pro-form'; |
|||
import { putOperaTional, putHighways } from "../../actions/infor" |
|||
import _ from 'lodash' |
|||
|
|||
const HightModal = (props) => { |
|||
const { visible, onVisibleChange, typecard, rewkeys, recortd, dispatch, setRecortd, setDelet } = props |
|||
const [success, setSuccess] = useState() |
|||
|
|||
useEffect(() => { |
|||
return () => { |
|||
setRecortd() |
|||
} |
|||
}, [setRecortd]) |
|||
// console.log(recortd)
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
{/* { |
|||
newlysay ? */} |
|||
<ModalForm |
|||
width={'90rem'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={(values) => { |
|||
if (rewkeys === 'passenger') { |
|||
setDelet(values) |
|||
const query = { ...values, id: recortd?.id } |
|||
dispatch(putOperaTional(query)).then((res) => { |
|||
setSuccess(res.success) |
|||
}) |
|||
return true |
|||
|
|||
} |
|||
if (rewkeys === 'highways') { |
|||
setDelet(values) |
|||
|
|||
const query = { ...values, id: recortd?.id } |
|||
dispatch(putHighways(query)).then((res) => { |
|||
setSuccess(res.success) |
|||
}) |
|||
return true |
|||
|
|||
} |
|||
|
|||
}} |
|||
initialValues={recortd} |
|||
> |
|||
{/* {typecard == 'compile' ? */} |
|||
<ProForm.Group |
|||
> |
|||
<ProFormText |
|||
name='name' |
|||
width="md" |
|||
label='类型' |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recortd?.[0]?.value}
|
|||
disabled |
|||
|
|||
/> |
|||
<ProFormText |
|||
name='count' |
|||
width="md" |
|||
label='数量' |
|||
|
|||
placeholder="请输入数量" |
|||
rules={[ |
|||
{ |
|||
required: true, |
|||
message: '请输入整数', |
|||
pattern: RegExp(/^[0-9]\d*$/, 'g'), |
|||
|
|||
}, |
|||
// getValueFromEvent=(event)=>{
|
|||
// return event.target.value.replace(/\D/g,'')
|
|||
// }
|
|||
]} |
|||
|
|||
/> |
|||
|
|||
</ProForm.Group> |
|||
{/* : <ProForm.Group> |
|||
vfdscfd |
|||
</ProForm.Group>} */} |
|||
|
|||
</ModalForm> |
|||
{/* : '' |
|||
} */} |
|||
|
|||
</Spin> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(HightModal); |
|||
@ -1,421 +0,0 @@ |
|||
|
|||
import React, { useEffect, useState, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Button, Popconfirm } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import './protable.less' |
|||
import { getRoadway, getHighways, getCustodyunit, delProject } from "../actions/infor" |
|||
import HightModal from './highways/highwaysdata'; |
|||
import Guanli from './highways/guanli'; |
|||
|
|||
const TransporTationTable = (props) => { |
|||
const { dispatch, user, depData, depMessage, depLoading } = props |
|||
const [rowSelected, setRowSelected] = useState([]) |
|||
const [sitename, setSitename] = useState()//名称
|
|||
const [counts, setCounts] = useState()//shuju
|
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalVisibleyilan, setModalVisibleyilan] = useState(false); |
|||
const [modalVisibleyilans, setModalVisibleyilans] = useState(false); |
|||
|
|||
const [modalRecord, setModalRecord] = useState(); |
|||
const [typecard, setTypecard] = useState(); |
|||
const [activeKey, setActiveKey] = useState('tab1'); |
|||
const [recortd, setRecortd] = useState() |
|||
const [whichofits, setWhichofits] = useState('sheshi') |
|||
const [delet, setDelet] = useState() |
|||
const [differentiate, setDifferentiate] = useState('road') |
|||
const [grade, setGrade] = useState('县') |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'MAINTENANCEMANAGE')[0].isshow === "true" ? true : '') |
|||
const ref = useRef() |
|||
useEffect(() => { ref.current.reload() }, [whichofits, delet]) |
|||
//打开弹窗
|
|||
const hightModal = (type, record) => { |
|||
setModalVisibleyilan(true); |
|||
// setModalType(type);
|
|||
if (type == 'edit') { |
|||
setModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
} |
|||
const yilanModal = (type, record) => { |
|||
setModalVisibleyilans(true); |
|||
// setModalType(type);
|
|||
if (type == 'edit') { |
|||
setModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
} |
|||
const columns = { |
|||
tab1: [ |
|||
{ |
|||
title: '类型', |
|||
dataIndex: 'placeName', |
|||
fixed: 'left', |
|||
width: 120, |
|||
search: false, |
|||
options: 1, |
|||
backgroundColor: "#ffffff", |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setSitename(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入类型进行搜索', |
|||
|
|||
}, |
|||
render: (dom, record) => { |
|||
return record.name |
|||
}, |
|||
}, |
|||
{ |
|||
title: '数量', |
|||
search: false, |
|||
dataIndex: 'containers', |
|||
|
|||
fixed: 'left', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
|
|||
return record.count |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'creatTime', |
|||
valueType: 'dateTimeRange', |
|||
hideInSearch: true, |
|||
width: 160, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div>{record.id !== null ? (<Button type="link" |
|||
onClick={() => { |
|||
hightModal('edit', record) |
|||
setTypecard('compile') |
|||
setRecortd(record) |
|||
}} |
|||
disabled={editAble} |
|||
>编辑</Button>) : null}</div> |
|||
|
|||
} |
|||
}, |
|||
|
|||
], |
|||
tab2: [ |
|||
{ |
|||
title: '管养责单位', |
|||
dataIndex: 'placeName', |
|||
fixed: 'left', |
|||
width: 120, |
|||
options: 1, |
|||
search: false, |
|||
backgroundColor: "#ffffff", |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setSitename(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入项目名称进行搜索', |
|||
|
|||
}, |
|||
render: (dom, record) => { |
|||
return record.responsibleUnitForManagementAndMaintenance |
|||
}, |
|||
}, |
|||
{ |
|||
title: '养护单位', |
|||
search: false, |
|||
dataIndex: 'time1', |
|||
valueType: 'dateRange', |
|||
|
|||
// fixed: 'left',
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.maintenanceUnit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '管理人员（人）', |
|||
search: false, |
|||
dataIndex: 'time2', |
|||
valueType: 'dateRange', |
|||
// align: 'right',
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.management |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '工人（人）', |
|||
search: false, |
|||
dataIndex: 'time3', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.worker |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '公益岗位（人）', |
|||
search: false, |
|||
dataIndex: 'time4', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.publicWelfarePost |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '县道（km）', |
|||
search: false, |
|||
dataIndex: 'time5', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.countyHighway |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '乡道（km）', |
|||
search: false, |
|||
dataIndex: 'time6', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.townshipRoad |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '村道（km）', |
|||
search: false, |
|||
dataIndex: 'time7', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.villageRoad |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '桥梁（座）', |
|||
search: false, |
|||
dataIndex: 'time8', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.bridge |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'creatTime', |
|||
valueType: 'dateTimeRange', |
|||
hideInSearch: true, |
|||
width: 160, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div><Button type="link" |
|||
onClick={() => { |
|||
yilanModal('edit', record) |
|||
setTypecard('compile') |
|||
setRecortd(record) |
|||
}} |
|||
disabled={editAble} |
|||
>编辑</Button></div> |
|||
|
|||
} |
|||
}, |
|||
|
|||
] |
|||
} |
|||
return ( |
|||
<Spin spinning={false}> |
|||
<div className='protable-transpor'> |
|||
<ProTable |
|||
actionRef={ref} |
|||
toolbar={{ |
|||
multipleLine: true, |
|||
|
|||
menu: { |
|||
type: 'tab', |
|||
activeKey, |
|||
onChange: (key) => setActiveKey(key), |
|||
items: [ |
|||
{ |
|||
key: 'tab1', |
|||
label: <span onClick={() => { |
|||
setWhichofits('sheshi') |
|||
setDifferentiate('bridge') |
|||
}}>设施统计{activeKey === 'tab1'}</span>, |
|||
}, |
|||
{ |
|||
key: 'tab2', |
|||
label: <span onClick={() => { |
|||
setWhichofits('guanli') |
|||
setDifferentiate('project') |
|||
}}>管养统计{activeKey === 'tab2'}</span>, |
|||
}, |
|||
|
|||
], |
|||
}, |
|||
}} |
|||
form={{ |
|||
submitter: false |
|||
}} |
|||
scroll={{ x: 800 }} |
|||
options={false} |
|||
ref={c => { finishedProductTable = c; }} |
|||
style={{ width: "100% ", overflow: "auto", height: '760px' }} |
|||
//rowKey='id'
|
|||
onReset={(v) => { |
|||
setSitename('') |
|||
}} |
|||
// rowSelection={{
|
|||
// selectedRowKeys: rowSelected,
|
|||
// onChange: (selectedRowKeys) => {
|
|||
// setRowSelected(selectedRowKeys);
|
|||
// },
|
|||
// }}
|
|||
columns={columns[activeKey]} |
|||
dataSource={counts || []} |
|||
request={async (params) => { |
|||
//console.log(whichofits)
|
|||
if (whichofits == 'sheshi') { |
|||
const query = { |
|||
} |
|||
setRowSelected([]); |
|||
const res = await dispatch(getHighways(query)); |
|||
let rslt = res.payload.data?.vehicleRes?.map(item => { |
|||
return { |
|||
...item, |
|||
name: item.name + "(个)" |
|||
} |
|||
}) |
|||
const additionalProperties = Object.entries(res.payload.data?.conserveData[0]).map(([key, value]) => ({ |
|||
id: null, |
|||
name: key, |
|||
count: Number(value), |
|||
type: null |
|||
})) |
|||
additionalProperties.forEach(item => { rslt.push(item) }) |
|||
setCounts(rslt) |
|||
return { |
|||
...res, |
|||
total: res.payload.data ? res.payload.data.count : 0 |
|||
} |
|||
} if (whichofits == 'guanli') { |
|||
const query = { |
|||
|
|||
} |
|||
setRowSelected([]); |
|||
const res = await dispatch(getCustodyunit(query)); |
|||
setCounts(res.payload.data) |
|||
return { |
|||
...res, |
|||
total: res.payload.data ? res.payload.data.count : 0 |
|||
} |
|||
} |
|||
}} |
|||
search={{ |
|||
defaultCollapsed: false, |
|||
optionRender: (searchConfig, formProps, dom) => [ |
|||
...dom.reverse(), |
|||
// <Popconfirm title="确认导出?" onConfirm={() => { props.exports(rowSelected,grade,differentiate) }}>
|
|||
// <Button
|
|||
// >
|
|||
// 导出
|
|||
// </Button>
|
|||
// </Popconfirm>
|
|||
], |
|||
}} |
|||
> |
|||
</ProTable> |
|||
</div> |
|||
{modalVisibleyilan ? <HightModal |
|||
visible={modalVisibleyilan} |
|||
onVisibleChange={setModalVisibleyilan} |
|||
modalRecord={modalRecord} |
|||
typecard={typecard} |
|||
rewkeys={'highways'} |
|||
recortd={recortd} |
|||
setRecortd={setRecortd} |
|||
setDelet={setDelet} |
|||
/> : ''} |
|||
{modalVisibleyilans ? <Guanli |
|||
visible={modalVisibleyilans} |
|||
onVisibleChange={setModalVisibleyilans} |
|||
modalRecord={modalRecord} |
|||
typecard={typecard} |
|||
rewkeys={'guanli'} |
|||
recortd={recortd} |
|||
setRecortd={setRecortd} |
|||
setDelet={setDelet} |
|||
/> : ''} |
|||
</Spin > |
|||
) |
|||
} |
|||
const data = [ |
|||
{ name: "管养责任单位", type: 'responsibleUnitForManagementAndMaintenance' }, |
|||
{ name: "养护单位", type: 'maintenanceUnit' }, |
|||
{ name: "管理人员", type: 'management' }, |
|||
{ name: "工人", type: 'worker' }, |
|||
{ name: "公益岗位", type: 'publicWelfarePost' }, |
|||
{ name: "县道", type: 'countyHighway' }, |
|||
{ name: "乡道", type: 'townshipRoad' }, |
|||
{ name: "村道", type: 'villageRoad' }, |
|||
{ name: "桥梁", type: 'bridge' }, |
|||
] |
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(TransporTationTable); |
|||
@ -1,383 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Spin, Table } from 'antd'; |
|||
import { DrawerForm, ProForm, ProFormText, ProFormSelect } from '@ant-design/pro-form'; |
|||
import { putRoadway, putSpecificVehicle, putHouseholds,putCircuit,putVehicle,putPurchase } from "../../actions/infor" |
|||
import { putBridge } from "../../actions/infor" |
|||
import _ from 'lodash' |
|||
const UserModal = (props) => { |
|||
const { visible, onVisibleChange, typecard, rewkeys, data, recortd, sitename,setDelet, dispatch, setRecortd, engineering,whichofits } = props |
|||
const [newlys, setNewlys] = useState() //必填数据
|
|||
const [newlysay, setNewlysay] = useState() //处理hou
|
|||
const [records, setRecords] = useState()//处理
|
|||
const [recordsay, setRecordsay] = useState()//必填数据
|
|||
// const [success, setSuccess] = useState() //状态
|
|||
// const [establishment, setEstablishment] = useState() //业户类型
|
|||
// console.log(recortd)
|
|||
useEffect(() => { |
|||
const array = [] |
|||
if (rewkeys === 'transportation') { |
|||
const xindata = [...data] |
|||
setNewlys(xindata?.splice(0, 2)) |
|||
setNewlysay(xindata) |
|||
} if (rewkeys === 'bridge') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
// console.log(array)
|
|||
} |
|||
if (rewkeys === 'weihuo') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
// console.log(array)
|
|||
} |
|||
if (rewkeys === 'chuzu') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
array?.splice(1, 1) |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
} |
|||
if (rewkeys === 'yehu') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
|
|||
setNewlysay(array) |
|||
// console.log(array)
|
|||
} if (rewkeys === 'xianlu') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
} if (rewkeys === 'cheliang') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
}if (rewkeys === 'zhichao') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
} |
|||
}, []) |
|||
useEffect(() => { |
|||
const arr = [] |
|||
if (rewkeys === 'transportation') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
setRecords(arr) |
|||
} |
|||
if (rewkeys === 'bridge') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
setRecords(arr) |
|||
} |
|||
if (rewkeys === 'weihuo') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
setRecords(arr) |
|||
} |
|||
if (rewkeys === 'chuzu') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
setRecords(arr) |
|||
} if (rewkeys === 'yehu') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
// setEstablishment(arr.splice(-1, 1))
|
|||
setRecords(arr) |
|||
} |
|||
if (rewkeys === 'xianlu') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
// setEstablishment(arr.splice(-1, 1))
|
|||
setRecords(arr) |
|||
} if (rewkeys === 'cheliang') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
// setEstablishment(arr.splice(-1, 1))
|
|||
setRecords(arr) |
|||
} |
|||
}, [recortd]) |
|||
useEffect(() => { |
|||
return () => { |
|||
setRecortd() |
|||
} |
|||
}, [setRecortd]) |
|||
// console.log(recortd)
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
{/* { |
|||
newlysay ? */} |
|||
<DrawerForm |
|||
width={'90rem'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={(values) => { |
|||
if (Object.values(values).length > 0) { |
|||
if (rewkeys === 'transportation') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, level: whichofits, roadId: records?.[0]?.value || '' } |
|||
dispatch(putRoadway(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values, level: whichofits } |
|||
dispatch(putRoadway(query)).then((res) => { |
|||
|
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys === 'bridge') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, roadId: records?.[0]?.value || '' } |
|||
dispatch(putBridge(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values } |
|||
dispatch(putBridge(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys === 'weihuo' || rewkeys === 'chuzu') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, vehicleId: records?.[0]?.value || '', type: rewkeys == 'chuzu' ? '出租车' : '危货' } |
|||
dispatch(putSpecificVehicle(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys == 'chuzu' ? '出租车' : '危货' } |
|||
dispatch(putSpecificVehicle(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys === 'yehu') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, businessId: records?.[0]?.value, type: rewkeys == 'chuzu' ? '出租车' : '危货' } |
|||
dispatch(putHouseholds(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys === 'chuzu' ? '出租车' : '危货' } |
|||
dispatch(putHouseholds(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} if (rewkeys === 'xianlu') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, lineId: records?.[0]?.value || '' } |
|||
dispatch(putCircuit(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values } |
|||
dispatch(putCircuit(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys === 'cheliang') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, carId: records?.[0]?.value || '' } |
|||
dispatch(putVehicle(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values } |
|||
dispatch(putVehicle(query)).then((res) => { |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys == 'zhichao') { |
|||
|
|||
if (typecard == 'compile') { |
|||
console.log(typecard) |
|||
|
|||
setDelet(values) |
|||
const query = { ...values, overspeedId: records?.[0]?.value || '' } |
|||
dispatch(putPurchase(query)).then((res) => { |
|||
console.log(res) |
|||
}) |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values } |
|||
dispatch(putPurchase(query)).then((res) => { |
|||
console.log(res) |
|||
|
|||
}) |
|||
return true |
|||
} |
|||
} |
|||
} else { return false } |
|||
|
|||
}} |
|||
initialValues={recortd} |
|||
> |
|||
{typecard == 'compile' ? |
|||
<ProForm.Group |
|||
> |
|||
<ProFormText |
|||
name={newlys?.[0]?.type} |
|||
width="md" |
|||
label={newlys?.[0]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
value={recordsay?.[0]?.value} |
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/><ProFormText |
|||
name={newlys?.[1]?.type} |
|||
width="md" |
|||
label={newlys?.[1]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
value={recordsay?.[1]?.value} |
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/> |
|||
{rewkeys === 'yehu' ? |
|||
<ProFormSelect |
|||
rules={[{ required: true, message: "必填" }]} |
|||
options={[ |
|||
{ |
|||
value: '出租车', |
|||
label: '出租车', |
|||
}, { |
|||
value: '危货', |
|||
label: '危险货运', |
|||
}, |
|||
]} |
|||
name='type' |
|||
label='类型' |
|||
/> : null |
|||
} |
|||
{newlysay?.map((item, index) => { |
|||
return <ProFormText width="md" |
|||
name={item?.type} label={newlysay[index]?.name} placeholder="请输入名称" |
|||
key={index} |
|||
/> |
|||
})} |
|||
|
|||
</ProForm.Group> |
|||
: <ProForm.Group> |
|||
<ProFormText |
|||
name={newlys?.[0]?.type} |
|||
width="md" |
|||
label={newlys?.[0]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordssy?.[0]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/><ProFormText |
|||
name={newlys?.[1]?.type} |
|||
width="md" |
|||
label={newlys?.[1]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordssy?.[1]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/> |
|||
{rewkeys === 'yehu' ? |
|||
<ProFormSelect |
|||
rules={[{ required: true, message: "必填" }]} |
|||
options={[ |
|||
{ |
|||
value: '出租车', |
|||
label: '出租车', |
|||
}, { |
|||
value: '危货', |
|||
label: '危险货运', |
|||
}, |
|||
]} |
|||
name='type' |
|||
label='类型' |
|||
/> : null |
|||
} |
|||
{newlysay?.map((item, index) => { |
|||
return <ProFormText width="md" |
|||
name={item?.type} label={newlysay[index]?.name} placeholder="请输入名称" key={index} |
|||
|
|||
|
|||
/> |
|||
})} |
|||
</ProForm.Group>} |
|||
|
|||
</DrawerForm> |
|||
{/* : '' |
|||
} */} |
|||
|
|||
</Spin> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(UserModal); |
|||
@ -1,227 +0,0 @@ |
|||
import React, { useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Modal, Form, Button, Input, Switch } from 'antd'; |
|||
import Uploads from "../../../../components/Upload/index" |
|||
import { putAddPropagata } from '../../actions/infor'; |
|||
import { putEditPropagata } from '../../actions/infor'; |
|||
import { getPropagata } from '../../actions/infor'; |
|||
|
|||
|
|||
const VideoUpload = (props) => { |
|||
// const [counts, setCounts] = useState()//shuju
|
|||
const { dispatch, record, counts, setCounts, user } = props |
|||
const [success, setSuccess] = useState() //状态
|
|||
const [form] = Form.useForm(); |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'PUBLICITYVIDEO')[0].isshow === "true" ? true : '') |
|||
//console.log('editAble', props)
|
|||
let edit = editAble |
|||
//弹窗
|
|||
const [isModalVisible, setIsModalVisible] = useState(false); |
|||
const showModal = () => { |
|||
setIsModalVisible(true); |
|||
|
|||
} |
|||
const showModalEdit = () => { |
|||
setIsModalVisible(true); |
|||
}; |
|||
|
|||
//新增
|
|||
const handleOkAdd = () => { |
|||
form.validateFields().then((values) => { |
|||
const videoAddress = values.video.map((item) => { |
|||
return item.storageUrl |
|||
}) |
|||
const videoname = values.videoname |
|||
const enable = values.show |
|||
const data = { name: videoname, video: videoAddress, enable: enable } |
|||
dispatch(putAddPropagata(data)).then(() => { |
|||
dispatch(getPropagata()).then((res) => { |
|||
setCounts(res.payload.data) |
|||
}) |
|||
}) |
|||
form.resetFields() |
|||
setIsModalVisible(false); |
|||
} |
|||
); |
|||
}; |
|||
//编辑
|
|||
const handleOkEdit = (record) => { |
|||
|
|||
form.validateFields().then((values) => { |
|||
const videoname = values.username |
|||
const id = record.id |
|||
const newVideoAddress = values.video.map((item) => { |
|||
return item.storageUrl |
|||
}) |
|||
const data = { publicityId: id, name: videoname, video: newVideoAddress } |
|||
dispatch(putEditPropagata(data)).then(() => { |
|||
dispatch(getPropagata()).then((res) => { |
|||
setCounts(res.payload.data) |
|||
console.log(data); |
|||
}) |
|||
}) |
|||
setIsModalVisible(false); |
|||
} |
|||
); |
|||
}; |
|||
|
|||
const handleCancel = () => { |
|||
setIsModalVisible(false); |
|||
}; |
|||
const handleCancelEdit = () => { |
|||
setIsModalVisible(false); |
|||
form.resetFields() |
|||
}; |
|||
|
|||
const onFinish = (values) => { |
|||
console.log('Success:', values); |
|||
}; |
|||
|
|||
const onFinishFailed = (errorInfo) => { |
|||
console.log('Failed:', errorInfo); |
|||
}; |
|||
|
|||
return ( |
|||
<div > |
|||
{ |
|||
props.type_ys ? <div><Button type='primary' disabled={editAble} >新增</Button> |
|||
<Modal visible={isModalVisible} onOk={handleOkAdd} onCancel={handleCancelEdit} > |
|||
<Form |
|||
form={form} |
|||
name="basic" |
|||
labelCol={{ |
|||
span: 5, |
|||
}} |
|||
wrapperCol={{ |
|||
span: 16, |
|||
}} |
|||
initialValues={{ |
|||
show: true |
|||
}} |
|||
onFinish={onFinish} |
|||
onFinishFailed={onFinishFailed} |
|||
autoComplete="off" |
|||
> |
|||
<Form.Item |
|||
label="视频名称" |
|||
name="videoname" |
|||
rules={[ |
|||
{ |
|||
required: true, |
|||
message: '请输入视频名称!', |
|||
max: 50, |
|||
}, |
|||
]} |
|||
> |
|||
<Input |
|||
placeholder="请输入视频名称" /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item |
|||
label="选择视频" |
|||
name="video" |
|||
rules={[ |
|||
{ |
|||
required: true, |
|||
message: '必须上传视频!', |
|||
}, |
|||
]} |
|||
> |
|||
<Uploads |
|||
maxFilesNum={1} |
|||
fileTypes={['mp4']} |
|||
maxFileSize={200} |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="是否开启展示" |
|||
name="show" |
|||
> |
|||
<Switch checkedChildren="展示" unCheckedChildren="关闭" defaultChecked={true} /> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
</div> |
|||
: |
|||
<div><Button disabled={editAble} type='link' onClick={showModalEdit} style={{ Position: "absolute", left: "-50px", top: "32px" }}>编辑</Button> |
|||
<Modal visible={isModalVisible} onOk={() => handleOkEdit(record)} onCancel={handleCancel}> |
|||
<Form |
|||
form={form} |
|||
name="basic" |
|||
labelCol={{ |
|||
span: 5, |
|||
}} |
|||
wrapperCol={{ |
|||
span: 16, |
|||
}} |
|||
initialValues={{ |
|||
username: record.name, video: record.video.map((item) => { |
|||
return { url: item } |
|||
}) |
|||
}} |
|||
onFinish={onFinish} |
|||
onFinishFailed={onFinishFailed} |
|||
autoComplete="off" |
|||
|
|||
> |
|||
<Form.Item |
|||
label="视频名称" |
|||
name="username" |
|||
rules={[ |
|||
{ |
|||
required: false, |
|||
message: '没有做出任何修改!', |
|||
max: 50, |
|||
}, |
|||
]} |
|||
> |
|||
<Input |
|||
placeholder="请输入视频名称" |
|||
/> |
|||
|
|||
</Form.Item> |
|||
<Form.Item |
|||
label="选择视频" |
|||
name="video" |
|||
rules={[ |
|||
{ |
|||
required: true, |
|||
message: '必须上传视频!', |
|||
}, |
|||
]} |
|||
> |
|||
<Uploads |
|||
maxFilesNum={1} |
|||
fileTypes={['mp4']} |
|||
maxFileSize={200} |
|||
/> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
</div> |
|||
} |
|||
</div > |
|||
) |
|||
} |
|||
|
|||
|
|||
|
|||
function mapStateToProps(state) { |
|||
const { depMessage, auth } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(VideoUpload); |
|||
@ -1,551 +0,0 @@ |
|||
import React, { useEffect, useState, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Button, Popconfirm, Col, Input, Row } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import './protable.less' |
|||
import moment from 'moment'; |
|||
import { getPurchase, delPurchase } from "../actions/infor" |
|||
import UserModal from './infor/details'; |
|||
import Datajuji from './datajuji' |
|||
const InForTable = (props) => { |
|||
const { dispatch, user, depData, depMessage, depLoading } = props |
|||
const [rowSelected, setRowSelected] = useState([]) |
|||
const [counts, setCounts] = useState()//shuju
|
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalRecord, setModalRecord] = useState(); |
|||
const [typecard, setTypecard] = useState(); |
|||
const [recortd, setRecortd] = useState() |
|||
const [monitor, setMonitor] = useState() |
|||
const [delet, setDelet] = useState() |
|||
const [nameOfInspectionPoint, setNameOfInspectionPoint] = useState()//检测点名称
|
|||
const [licensePlate, setLicensePlate] = useState()//车牌号
|
|||
const [numberOfAxles, setNumberOfAxles] = useState()//车轴数
|
|||
const [overrunRateUpper, setOverrunRateUpper] = useState()//超限率上限
|
|||
const [overrunRateFloor, setOverrunRateFloor] = useState()//超限率下限
|
|||
const [testTime, setTestTime] = useState()//超限率下限
|
|||
const [datajuji, setdatajuji] = useState() //数据聚集弹窗
|
|||
const ref = useRef() |
|||
useEffect(() => { ref.current.reload() }, [monitor, delet]) |
|||
//打开弹窗
|
|||
const openModal = (type, record) => { |
|||
setModalVisible(true); |
|||
// setModalType(type);
|
|||
if (type == 'edit') { |
|||
setModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
} |
|||
const deldata = (id) => { // 治超删除
|
|||
const query = { |
|||
overspeedId: id |
|||
} |
|||
dispatch(delPurchase(query)).then((res) => { |
|||
setDelet(res) |
|||
}) |
|||
} |
|||
const columns = |
|||
[ |
|||
{ |
|||
title: '区/县', |
|||
dataIndex: 'placeName', |
|||
fixed: 'left', |
|||
width: 120, |
|||
options: 1, |
|||
search: false, |
|||
backgroundColor: "#ffffff", |
|||
fieldProps: { |
|||
placeholder: '请输入检测点名称进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
}, |
|||
render: (dom, record) => { |
|||
return record.districtcounty |
|||
}, |
|||
}, |
|||
{ |
|||
title: '检测点名称', |
|||
// search: false,
|
|||
dataIndex: 'containers1', |
|||
|
|||
fixed: 'left', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.nameOfInspectionPoint |
|||
}, |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setNameOfInspectionPoint(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入检测点进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '车牌号码', |
|||
// search: false,
|
|||
dataIndex: 'containers444', |
|||
|
|||
fixed: 'left', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.licensePlate |
|||
}, |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setLicensePlate(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入车牌号进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '车轴数', |
|||
// search: false,
|
|||
dataIndex: 'containers2', |
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.numberOfAxles |
|||
}, |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
setNumberOfAxles(value.currentTarget.value) |
|||
}, |
|||
placeholder: '请输入车轴数进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '超限率(%)', |
|||
// search: false,
|
|||
dataIndex: 'containers3', |
|||
// valueType: 'dateRange',
|
|||
//
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.overrunRate |
|||
}, |
|||
fieldProps: { |
|||
placeholder: '请输入超限率进行搜索', |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
}, |
|||
renderFormItem: (item, { type, defaultRender, formItemProps, fieldProps, ...rest }, form) => { |
|||
return <Input.Group > |
|||
<Row gutter={8}> |
|||
<Col span={8}> |
|||
<Input |
|||
onChange={(value) => { |
|||
setOverrunRateFloor(value.currentTarget.value) |
|||
}} |
|||
placeholder='超限率下限' /> |
|||
</Col> |
|||
<Col span={8}> |
|||
<Input |
|||
onChange={(value) => { |
|||
setOverrunRateUpper(value.currentTarget.value) |
|||
}} |
|||
placeholder='超限率上限' /> |
|||
</Col> |
|||
</Row> |
|||
</Input.Group> |
|||
} |
|||
|
|||
}, { |
|||
title: '超限重量(kg)', |
|||
search: false, |
|||
dataIndex: 'containers4', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.overrunWeight |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '车货总重(kg)', |
|||
search: false, |
|||
dataIndex: 'containers5', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.grossVehicleWeight |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '车货限重(kg)', |
|||
search: false, |
|||
dataIndex: 'containers6', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.vehicleCargoWeightLimit |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '检测时间', |
|||
// search: false,
|
|||
width: 140, |
|||
key: 'since', |
|||
dataIndex: 'createdAt', |
|||
valueType: 'date', |
|||
render: (dom, record) => { |
|||
return record.testTime?.slice(0, 10) |
|||
}, |
|||
fieldProps: { |
|||
onChange: (value, cs) => { |
|||
// console.log(cs)
|
|||
setTestTime(cs) |
|||
}, |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '经营业户名称', |
|||
search: false, |
|||
dataIndex: 'containers8', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 120, |
|||
render: (dom, record) => { |
|||
return record.nameOfBusinessOwner |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '经营业户地址', |
|||
search: false, |
|||
dataIndex: 'containers9', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.businessAddress |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '通知人', |
|||
search: false, |
|||
dataIndex: 'containers10', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.notifier |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '通知方式', |
|||
search: false, |
|||
dataIndex: 'containers11', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.notificationMethod |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '通知结果(打不通、表示不来、不是当事人)', |
|||
search: false, |
|||
dataIndex: 'containers12', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 240, |
|||
|
|||
render: (dom, record) => { |
|||
return record.notificationResults |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '处理时间', |
|||
search: false, |
|||
dataIndex: 'time9', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.processingTime |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '扣分', |
|||
search: false, |
|||
dataIndex: 'containers13', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.deductPoints |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, { |
|||
title: '罚款', |
|||
search: false, |
|||
dataIndex: 'containers14', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.fine |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '备注', |
|||
search: false, |
|||
dataIndex: 'containers14', |
|||
valueType: 'dateRange', |
|||
|
|||
|
|||
width: 140, |
|||
|
|||
render: (dom, record) => { |
|||
return record.remarks |
|||
}, |
|||
fieldProps: { |
|||
getPopupContainer: (triggerNode) => triggerNode.parentNode, |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'creatTime', |
|||
valueType: 'dateTimeRange', |
|||
hideInSearch: true, |
|||
width: 160, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div><Button type="link" |
|||
onClick={() => { |
|||
openModal('edit', record) |
|||
setTypecard('compile') |
|||
setRecortd(record) |
|||
}} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
>编辑</Button> |
|||
|
|||
<Popconfirm title='是否确认删除' onConfirm={() => { deldata(record.id) }} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
|
|||
> |
|||
<Button type="link" |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
>删除</Button> |
|||
</Popconfirm></div> |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
key: "direction", |
|||
hideInTable: true, |
|||
dataIndex: "direction", |
|||
order: 6, |
|||
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { |
|||
return ( |
|||
<div> <Button |
|||
type="primary" |
|||
style={{ width: "100px" }} |
|||
onClick={() => { |
|||
openModal('edit', record) |
|||
setTypecard('') |
|||
}} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
> |
|||
新增 |
|||
</Button> |
|||
|
|||
{/* <Button |
|||
type='primary' |
|||
onClick={() => { setdatajuji(true)}} style={{ marginLeft: 15 }} |
|||
> |
|||
数据汇集 |
|||
</Button> */} |
|||
{/* <Button |
|||
type="primary" |
|||
style={{ width: "100px", marginLeft: 20 }} |
|||
|
|||
> |
|||
导入 |
|||
</Button> */} |
|||
</div> |
|||
|
|||
|
|||
); |
|||
}, |
|||
}, |
|||
] |
|||
return ( |
|||
<Spin spinning={false}> |
|||
<div className='protable-transpor'> |
|||
<ProTable |
|||
actionRef={ref} |
|||
scroll={{ x: 800 }} |
|||
options={false} |
|||
ref={c => { finishedProductTable = c; }} |
|||
style={{ width: "100% ", overflow: "auto", height: '760px' }} |
|||
rowKey='id' |
|||
|
|||
rowSelection={{ |
|||
selectedRowKeys: rowSelected, |
|||
onChange: (selectedRowKeys) => { |
|||
setRowSelected(selectedRowKeys); |
|||
}, |
|||
}} |
|||
columns={columns} |
|||
dataSource={counts || []} |
|||
onReset={(v) => { |
|||
setNameOfInspectionPoint('') |
|||
setLicensePlate('') |
|||
setNumberOfAxles('') |
|||
setOverrunRateUpper('') |
|||
setOverrunRateFloor('') |
|||
setTestTime('') |
|||
}} |
|||
request={async (params) => { |
|||
// console.log(params)
|
|||
const query = { |
|||
limit: params.pageSize, |
|||
page: params.current - 1, |
|||
nameOfInspectionPoint: nameOfInspectionPoint, |
|||
licensePlate: licensePlate, |
|||
numberOfAxles: numberOfAxles, |
|||
overrunRateUpper: overrunRateUpper, |
|||
overrunRateFloor: overrunRateFloor, |
|||
testTime: testTime |
|||
} |
|||
setRowSelected([]); |
|||
const res = await dispatch(getPurchase(query)); |
|||
// console.log(res)
|
|||
setCounts(res.payload.data.rows) |
|||
return { |
|||
...res, |
|||
total: res.payload.data ? res.payload.data.count : 0 |
|||
} |
|||
}} |
|||
search={{ |
|||
defaultCollapsed: false, |
|||
optionRender: (searchConfig, formProps, dom) => [ |
|||
...dom.reverse(), |
|||
<Popconfirm title={rowSelected.length === 0 ? '请勾选内容' : "确认导出?"} |
|||
showCancel={rowSelected.length === 0 ? false : true} |
|||
onConfirm={() => { |
|||
// console.log(rowSelected)
|
|||
rowSelected.length === 0 ? null : props.exports(rowSelected, counts) |
|||
}} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
> |
|||
<Button |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'OVERLOADMANAGE')[0].isshow === "true" ? true : ''} |
|||
|
|||
> |
|||
导出 |
|||
</Button> |
|||
</Popconfirm> |
|||
], |
|||
}} |
|||
|
|||
> |
|||
</ProTable></div> |
|||
{modalVisible ? <UserModal |
|||
visible={modalVisible} |
|||
onVisibleChange={setModalVisible} |
|||
modalRecord={modalRecord} |
|||
typecard={typecard} |
|||
rewkeys={'zhichao'} |
|||
data={data} |
|||
recortd={recortd} |
|||
setDelet={setDelet} |
|||
setMonitor={setMonitor} |
|||
// sitename={sitename}
|
|||
setRecortd={setRecortd} |
|||
/> : ''} |
|||
{datajuji ? <Datajuji |
|||
visible={datajuji} |
|||
onCancel={() => { setdatajuji(false) }} |
|||
// handleSaveScore={handleSaveScore}
|
|||
// searchCompany={searchCompany}
|
|||
// companys={companys}
|
|||
// editData={modalRecord}
|
|||
// readOnly={readOnly}
|
|||
// applyState={applyState}
|
|||
></Datajuji> : ''} |
|||
</Spin > |
|||
) |
|||
} |
|||
const data = { |
|||
"districtcounty": "区/县", |
|||
"nameOfInspectionPoint": "检测点名称", |
|||
"licensePlate": "车牌号码", |
|||
"numberOfAxles": "车轴数", |
|||
"overrunRate": "超限率", |
|||
"overrunWeight": "超限重量", |
|||
"grossVehicleWeight": "车货总重", |
|||
"vehicleCargoWeightLimit": "车货限重", |
|||
"testTime": "检测时间", |
|||
"nameOfBusinessOwner": "经营业户名称", |
|||
"businessAddress": "经营业户地址", |
|||
"notifier": "通知人", |
|||
"notificationMethod": "通知方式", |
|||
"notificationResults": "通知结果", |
|||
"processingTime": "处理时间", |
|||
"deductPoints": "扣分", |
|||
"fine": "罚款", |
|||
"remarks": "备注" |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(InForTable); |
|||
@ -1,139 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Input, Select, DatePicker, InputNumber, Button, Modal } from 'antd'; |
|||
import { unitList } from '../containers/assess' |
|||
import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|||
import moment from 'moment'; |
|||
import { getRoadadministration, addRoadadministration, delRoadadministration, modifyRoadadministration } from '../actions/luzheng'; |
|||
// import Uploads from "../../../../components/Upload/index"
|
|||
// import Uploads from '../../../components/Upload/index'
|
|||
import Uploads from './uploads' |
|||
const { Option } = Select; |
|||
|
|||
const LuzhengModel = ({ editData, check, visible, onCancel, dispatch }) => { |
|||
const [form] = Form.useForm(); |
|||
// console.log(editData,'editData')
|
|||
return ( |
|||
<Modal |
|||
title="路政信息" |
|||
open={visible} |
|||
visible={visible} |
|||
cancelButtonProps={{ |
|||
disabled: check, |
|||
}} |
|||
footer={!check ? [ |
|||
<Button key="submit" type="primary" onClick={() => { |
|||
if (check) { |
|||
return onCancel() |
|||
} |
|||
form.validateFields().then(values => { |
|||
if (editData) { |
|||
dispatch(modifyRoadadministration(editData?.id, { |
|||
...values |
|||
})).then(res => { |
|||
if (res.success) { |
|||
onCancel() |
|||
} |
|||
}) |
|||
} else { |
|||
dispatch(addRoadadministration({ |
|||
...values, |
|||
})).then(res => { |
|||
if (res.success) { |
|||
onCancel() |
|||
} |
|||
}) |
|||
} |
|||
|
|||
}) |
|||
}}> |
|||
确定 |
|||
</Button>, |
|||
<Button onClick={onCancel}> |
|||
取消 |
|||
</Button> |
|||
] : null} |
|||
onOk={() => { |
|||
if (check) { |
|||
return onCancel() |
|||
} |
|||
form.validateFields().then(values => { |
|||
if (editData) { |
|||
dispatch(modifyRoadadministration(editData?.id, { |
|||
...values |
|||
})).then(res => { |
|||
if (res.success) { |
|||
onCancel() |
|||
} |
|||
}) |
|||
} else { |
|||
dispatch(addRoadadministration({ |
|||
...values, |
|||
})).then(res => { |
|||
if (res.success) { |
|||
onCancel() |
|||
} |
|||
}) |
|||
} |
|||
|
|||
}) |
|||
}} |
|||
onCancel={() => { |
|||
onCancel() |
|||
}} |
|||
> |
|||
<Form |
|||
form={form} |
|||
initialValues={editData ? { |
|||
...editData, |
|||
enforcementdate: moment(editData.enforcementdate) |
|||
} : {}} |
|||
disabled={check} |
|||
labelCol={{ |
|||
span: 6, |
|||
}} |
|||
wrapperCol={{ |
|||
span: 18, |
|||
}} |
|||
> |
|||
<Form.Item name="enforcementdate" label="执法日期" rules={[{ required: true, message: '请填写' }]}> |
|||
{/* <Select> |
|||
{ |
|||
unitList.map(item => ( |
|||
<Option value={item} key={item} /> |
|||
)) |
|||
} |
|||
</Select> */} |
|||
<DatePicker /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="roadname" label="执法道路" rules={[{ required: true, message: '请填写' }, { max: 100, message: '不可超过一百个字符' }]}> |
|||
<Input /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="enforcementreslt" label="执法成果" rules={[{ required: true, message: '请填写' }, { max: 100, message: '不可超过一百个字符' }]}> |
|||
<Input /> |
|||
</Form.Item> |
|||
<Form.Item name="picfile" label="执法图片"> |
|||
<Uploads |
|||
maxFilesNum={3} |
|||
fileTypes={['png', 'jpg', 'jpeg']} |
|||
maxFileSize={200} |
|||
fileList={editData?.picfile} |
|||
listType={'picture-card'} |
|||
isedit={editData ? true : false} |
|||
/> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
); |
|||
}; |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, assess } = state |
|||
return { |
|||
user: auth.user, |
|||
assess: assess.data || [] |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(LuzhengModel); |
|||
@ -1,799 +0,0 @@ |
|||
import { connect } from 'react-redux'; |
|||
import './protable.less' |
|||
import { Card, Button, DatePicker, Input, Modal, Spin, Image, message, Popover, Tree, Descriptions } from 'antd'; |
|||
import { DownOutlined, RightOutlined, CaretDownOutlined, CaretRightOutlined } from '@ant-design/icons'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import { getReportList, getReportDetail } from '../actions/patrol'; |
|||
import React, { useEffect, useState, useMemo } from 'react'; |
|||
import { httpDel } from '@peace/utils' |
|||
import { PinyinHelper } from '@peace/utils'; |
|||
// @ts-ignore
|
|||
import styles from './protable.less'; |
|||
import moment from 'moment'; |
|||
import { getAllDepUsers } from '../actions/allDepUsers' |
|||
import { getDepMessage, getDepUser, createUser, updateUser, delUser, resetPwd, createDep, delDep, updateDep } from '../../organization/actions/user' |
|||
import { reportTypeText } from './patrolTable' |
|||
import './maintenanceTable.less' |
|||
|
|||
const DetailForm = (props) => { |
|||
const { visible, data, handleClose, loading } = props; |
|||
const [qndmn] = useState(localStorage.getItem('qndmn')); |
|||
const keyList = [ |
|||
{ key: '道路类型', name: 'reportType' }, |
|||
{ key: '其他', name: 'projectType' }, |
|||
{ key: '路线代码', name: 'codeRoad' }, |
|||
{ key: '路线名称', name: 'road' }, |
|||
{ key: '养护路段', name: 'roadSectionStart' }, |
|||
{ key: '具体位置', name: 'address' }, |
|||
{ key: '路面类型', name: 'roadType' }, |
|||
{ key: '路面宽度(米)', name: 'roadWidth' }, |
|||
{ key: '错车道（个）', name: 'wrongLane' }, |
|||
{ key: '行道树（棵）', name: 'roadsideTrees' }, |
|||
{ key: '边沟（米）', name: 'roadsideDitch' }, |
|||
{ key: '护栏（米）', name: 'guardrail' }, |
|||
{ key: '标线（米）', name: 'roadMarking' }, |
|||
{ key: '养护人员人数（人）', name: 'maintenanceStaffCount' }, |
|||
{ key: '修整路肩（平方米）', name: 'shoulderRepair' }, |
|||
{ key: '清理边沟（米）', name: 'ditchCleaning' }, |
|||
{ key: '修补沥青路面（平方米）', name: 'asphaltRepair' }, |
|||
{ key: '修补水泥路面（平方米）', name: 'concreteRepair' }, |
|||
{ key: '除草（米）', name: 'grassMowing' }, |
|||
{ key: '树刷白（株/公里）', name: 'treeWhitening' }, |
|||
{ key: '桩刷白（个）', name: 'pileWhitening' }, |
|||
{ key: '维护护栏（个）', name: 'guardrailMaintenance' }, |
|||
{ key: '修复端头（块）', name: 'endHeadRepair' }, |
|||
{ key: '其他养护内容', name: 'otherDescription' }, |
|||
{ key: '养护前图片', name: 'conserveBeforePic' }, |
|||
{ key: '养护中图片', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后图片', name: 'conserveAfterPic' }, |
|||
{ key: '上报视频', name: 'videoUrl' }, |
|||
|
|||
]; |
|||
const keyListOld = [ |
|||
// { key: '编号', name: 'id' },
|
|||
{ key: '工程类型', name: 'projectType' }, |
|||
{ key: '所在路段', name: 'road' }, |
|||
{ key: '具体位置', name: 'address' }, |
|||
{ key: '巡查内容', name: 'content' }, |
|||
{ key: '路线代码', name: 'codeRoad' }, |
|||
// { key: '病害照片', name: 'scenePic' },
|
|||
{ key: '养护前', name: 'conserveBeforePic' }, |
|||
{ key: '养护中', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后', name: 'conserveAfterPic' }, |
|||
|
|||
]; |
|||
const roadInfo = [ |
|||
{ key: '路面类型', name: 'roadType' }, |
|||
{ key: '路面宽度/米', name: 'roadWidth' }, |
|||
{ key: '错车道/个', name: 'wrongLane' }, |
|||
{ key: '行道树/棵', name: 'roadsideTrees' }, |
|||
{ key: '边沟/米', name: 'roadsideDitch' }, |
|||
{ key: '护栏/米', name: 'guardrail' }, |
|||
{ key: '标线/米', name: 'roadMarking' }, |
|||
]; |
|||
const mantenanceInfo = [ |
|||
{ key: '养护人员人数/人', name: 'maintenanceStaffCount' }, |
|||
{ key: '修整路肩/平方米', name: 'shoulderRepair' }, |
|||
{ key: '开挖、清理边沟/米', name: 'ditchCleaning' }, |
|||
{ key: '修补沥青路面/平米', name: 'asphaltRepair' }, |
|||
{ key: '修补水泥路面/平米', name: 'concreteRepair' }, |
|||
{ key: '除草/米', name: 'grassMowing' }, |
|||
{ key: '行道树刷白/株/公里', name: 'treeWhitening' }, |
|||
{ key: '公里桩/百米桩刷漆/个', name: 'pileWhitening' }, |
|||
{ key: '维修护栏/米', name: 'guardrailMaintenance' }, |
|||
{ key: '修复端头/块', name: 'endHeadRepair' }, |
|||
{ key: '其他', name: 'otherDescription' }, |
|||
]; |
|||
const mantenancePic = [ |
|||
{ key: '养护前图片', name: 'conserveBeforePic' }, |
|||
{ key: '养护中图片', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后图片', name: 'conserveAfterPic' }, |
|||
]; |
|||
const renderContent = (data) => { |
|||
if (data) { |
|||
// console.log('data1111', data)
|
|||
if (moment(data.time).isAfter(moment('2023-08-03 00:00:00'))) { |
|||
return <div className='maintenanceNew'> |
|||
<Descriptions title="基础信息" bordered style={{ marginBottom: 20 }}> |
|||
<Descriptions.Item label="道路类型">{data['codeRoad'] && data['codeRoad'].length ? data['codeRoad'][0] === 'X' ? '县道' : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' : ''}</Descriptions.Item> |
|||
<Descriptions.item label="其他">{reportTypeText(data['projectType']) || ''}</Descriptions.item> |
|||
<Descriptions.item label="路线代码">{data['codeRoad'] || ''}</Descriptions.item> |
|||
<Descriptions.item label="路线名称">{data['road'] || ''}</Descriptions.item> |
|||
<Descriptions.item label="养护路段" span={2}>{data['roadSectionStart'] && data['roadSectionEnd'] ? data['roadSectionStart'] + '-' + data['roadSectionEnd'] : ''}</Descriptions.item> |
|||
<Descriptions.Item label="具体位置" span={3} >{data['address'] || ''}</Descriptions.Item> |
|||
</Descriptions> |
|||
<Descriptions title="道路信息" bordered style={{ marginBottom: 20 }}> |
|||
{roadInfo.map(item => ( |
|||
<Descriptions.Item label={item.key}> |
|||
{data[item.name] || ''} |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护作业内容" bordered style={{ marginBottom: 20 }}> |
|||
{mantenanceInfo.map(item => ( |
|||
<Descriptions.Item label={item.key}> |
|||
{data[item.name] || ''} |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护图片" bordered style={{ marginBottom: 20 }} column={3}> |
|||
{mantenancePic.map(item => ( |
|||
<Descriptions.Item label={item.key} className="custom-item" span={3}> |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data[item.name]?.map(imgSrc => { |
|||
return <div style={{ width: '50px', margin: 6, display: 'flex' }}> |
|||
<Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} /> |
|||
</div> |
|||
}) || '暂无图片'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护视频" bordered style={{ marginBottom: 20 }} column={3}> |
|||
<Descriptions.Item label={'养护视频'} className="custom-item" > |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data['videoUrl']?.map(videoSrc => { |
|||
return <div style={{ width: '44%', margin: 6, display: 'flex' }}> |
|||
<video src={qndmn + '/' + videoSrc} width={'100%'} style={{ marginBottom: 4 }} controls /> |
|||
</div> |
|||
}) || '暂无视频'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
</Descriptions> |
|||
</div> |
|||
|
|||
|
|||
// keyList.map(obj => {
|
|||
// return <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name != 'conserveBeforePic' && obj.name != 'conserveAfterPic' && obj.name != 'roadSectionStart' && obj.name != 'videoUrl' && obj.name.indexOf('conserve') == -1 ?
|
|||
// <Input
|
|||
// style={{ width: '60%' }}
|
|||
// value={
|
|||
// obj.name == 'id' ?
|
|||
// moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// :
|
|||
// obj.name === 'projectType' ?
|
|||
// reportTypeText(data[obj.name])
|
|||
// : obj.name === 'reportType' ? data['codeRoad'] && data['codeRoad'].length ? data['codeRoad'][0] === 'X' ? '县道'
|
|||
// : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' : '' :
|
|||
// data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// : obj.name != 'roadSectionStart' && obj.name != 'videoUrl' ?
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// }) : '暂无图片'
|
|||
// }
|
|||
// </div> : obj.name != 'videoUrl' ? <div style={{ width: '60%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// <Input style={{ width: '100%' }} disabled value={data[obj.name] + '-' + data['roadSectionEnd']} />
|
|||
|
|||
// </div> : <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(videoUrl => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <video src={qndmn + '/' + videoUrl} width={'100%'} style={{ marginBottom: 4 }} controls />
|
|||
// </div>
|
|||
// }) : '暂无视频'
|
|||
// }
|
|||
// </div>
|
|||
// }
|
|||
|
|||
// </div>
|
|||
// })
|
|||
|
|||
// } else {
|
|||
// return keyListOld.map(obj => {
|
|||
// return <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name != 'scenePic' && obj.name.indexOf('conserve') == -1 ?
|
|||
// <Input
|
|||
// style={{ width: '70%' }}
|
|||
// value={
|
|||
// obj.name == 'id' ?
|
|||
// moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// :
|
|||
// obj.name == 'projectType' ?
|
|||
// reportTypeText(data[obj.name]) :
|
|||
// data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// :
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// }) : '暂无图片'
|
|||
// }
|
|||
// </div>
|
|||
|
|||
// }
|
|||
// </div>
|
|||
// })
|
|||
|
|||
// }
|
|||
|
|||
} else { |
|||
return <div className='maintenanceNew'> |
|||
<Descriptions title="养护信息" bordered style={{ marginBottom: 20 }} column={3}> |
|||
<Descriptions.Item label="道路类型">{data['codeRoad'] && data['codeRoad'].length ? data['codeRoad'][0] === 'X' ? '县道' : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' : ''}</Descriptions.Item> |
|||
<Descriptions.item label="养护路段" >{data['roadSectionStart'] && data['roadSectionEnd'] ? (data['roadSectionStart'] + '-' + data['roadSectionEnd']) : ''}</Descriptions.item> |
|||
<Descriptions.item label="路线代码">{data['codeRoad'] || ''}</Descriptions.item> |
|||
{/* <Descriptions.item label="路线名称">{data['code'] || ''}</Descriptions.item> */} |
|||
<Descriptions.Item label="具体位置" span={3} >{data['address'] || ''}</Descriptions.Item> |
|||
<Descriptions.Item label="养护内容" span={3} >{data['content'] || ''}</Descriptions.Item> |
|||
</Descriptions> |
|||
<Descriptions title="养护图片" bordered style={{ marginBottom: 20 }} > |
|||
{mantenancePic.map(item => ( |
|||
<Descriptions.Item label={item.key} className="custom-item" span={3}> |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data[item.name]?.map(imgSrc => { |
|||
return <div style={{ width: '50px', margin: 6, display: 'flex' }}> |
|||
<Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} /> |
|||
</div> |
|||
}) || '暂无图片'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护视频" bordered style={{ marginBottom: 20 }} > |
|||
<Descriptions.Item label={'养护视频'} className="custom-item" > |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data['videoUrl']?.map(videoSrc => { |
|||
return <div style={{ width: '44%', margin: 6, display: 'flex' }}> |
|||
<video src={qndmn + '/' + videoSrc} width={'100%'} style={{ marginBottom: 4 }} controls /> |
|||
</div> |
|||
}) || '暂无视频'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
</Descriptions> |
|||
</div> |
|||
} |
|||
|
|||
} else { |
|||
return '暂无数据' |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<Modal |
|||
width={'60%'} |
|||
// style={{ width: 800 }}
|
|||
visible={visible} |
|||
footer={null} |
|||
onCancel={handleClose} |
|||
title={'养护管理详情'} |
|||
> |
|||
<Spin spinning={loading}> |
|||
{renderContent(data)} |
|||
</Spin> |
|||
</Modal > |
|||
) |
|||
} |
|||
|
|||
const DetailList = (props) => { |
|||
const { reportList, loading, dispatch, handleOpen, handelRefresh, user } = props; |
|||
const [visible, setVisible] = useState(false) |
|||
const [selectRecord, setSelectRecord] = useState() |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'CONSERVATIONMANAGE')[0].isshow === "true" ? true : '') |
|||
const checkDetail = (record) => { |
|||
dispatch(getReportDetail(record.id)) |
|||
} |
|||
|
|||
const handleRemove = (record) => { |
|||
let url = 'report/{reportId}'; |
|||
const actionType = "DEL_REPORT_RECORD"; |
|||
const msg = {} |
|||
if (record) { |
|||
url = url.replace('{reportId}', record.id) |
|||
httpDel(dispatch, { url, actionType, msg }).then(res => { |
|||
if (res.success) { |
|||
message.success("记录删除成功") |
|||
handelRefresh(); |
|||
} else { |
|||
message.error("记录删除失败") |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
let basicDate = null; |
|||
let counter = 0; |
|||
|
|||
const columns = [ |
|||
// {
|
|||
// title: '编号',
|
|||
// key: 'id',
|
|||
// dataIndex: 'id',
|
|||
// align: 'center',
|
|||
// render: (text, record) => {
|
|||
// let day = moment(record.time).format("YYYYMMDD")
|
|||
// if (!basicDate) {
|
|||
// basicDate = day;
|
|||
// counter += 1;
|
|||
// } else if (basicDate == day) {
|
|||
// counter += 1;
|
|||
// } else if (basicDate != day) {
|
|||
// basicDate = day;
|
|||
// counter = 1;
|
|||
// }
|
|||
// return moment(record.time).format("YYYYMMDD") * 10000 + counter;
|
|||
// }
|
|||
// },
|
|||
{ |
|||
title: '道路类型', |
|||
key: 'projectType', |
|||
dataIndex: 'projectType', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return (record.codeRoad && record.codeRoad.length > 0) |
|||
? record.codeRoad[0] === 'X' |
|||
? '县道' |
|||
: record.codeRoad[0] === 'Y' |
|||
? '乡道' |
|||
: '村道' |
|||
: '' |
|||
} |
|||
}, { |
|||
title: '所属道路', |
|||
key: 'road', |
|||
dataIndex: 'road', |
|||
align: 'center' |
|||
}, { |
|||
title: '所在路段', |
|||
key: 'address', |
|||
dataIndex: 'address', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return `${record.roadSectionStart || ''}-${record.roadSectionEnd || ''}` |
|||
} |
|||
}, |
|||
{ |
|||
title: '具体位置', |
|||
key: 'address', |
|||
dataIndex: 'address', |
|||
align: 'center' |
|||
}, |
|||
{ |
|||
title: '上报人', |
|||
width: 100, |
|||
key: 'userName', |
|||
dataIndex: 'userName', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return record?.user?.name |
|||
} |
|||
}, { |
|||
title: '上报时间', |
|||
key: 'time', |
|||
dataIndex: 'time', |
|||
valueType: 'dateTime', |
|||
align: 'center' |
|||
}, { |
|||
title: '操作', |
|||
width: 200, |
|||
key: 'option', |
|||
valueType: 'option', |
|||
align: 'center', |
|||
render: (text, record) => { |
|||
return [ |
|||
<Button |
|||
onClick={() => { checkDetail(record); handleOpen(); }} |
|||
style={{ marginRight: 10 }}>查看</Button>, |
|||
<Popover |
|||
content={[ |
|||
<div style={{ width: '100%', height: 30 }}> |
|||
<Button onClick={() => setVisible(false)} style={{ float: "right" }} >否</Button> |
|||
<Button type="primary" onClick={() => handleRemove(record)} style={{ marginRight: 8, float: "right" }} >是</Button> |
|||
</div> |
|||
]} |
|||
visible={selectRecord == record.id && visible} |
|||
trigger="click" |
|||
onClick={() => user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'CONSERVATIONMANAGE')[0].isshow === "true" ? '' : setSelectRecord(record.id)} |
|||
title="是否删除该记录？" |
|||
onVisibleChange={(newVisible) => setVisible(newVisible)} |
|||
> |
|||
<Button disabled={editAble}>删除</Button> |
|||
</Popover> |
|||
] |
|||
} |
|||
}, |
|||
]; |
|||
return ( |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={reportList} |
|||
loading={loading} |
|||
pagination={{ |
|||
pageSize: 10, |
|||
defaultPageSize: 10, |
|||
showSizeChanger: false, |
|||
}} |
|||
rowKey="key" |
|||
toolBarRender={false} |
|||
search={false} |
|||
/> |
|||
); |
|||
}; |
|||
|
|||
|
|||
|
|||
const PatrolNameList = (props) => { |
|||
const { Search } = Input; |
|||
const [users, setUsers] = useState([]); |
|||
const { onChange, record, userList, loading, depMessage, depUser, clientHeight, dispatch, user } = props; |
|||
const [selectRoad, setSelectRoad] = useState(); |
|||
const [selectedTree, setSelectedTree] = useState(); |
|||
const [depSelectedKeys, setDepSelectedKeys] = useState([]) |
|||
const [depAllUser, setDepAllUser] = useState([]) |
|||
//const [depMessagedata, setdepMessagedata] = useState()//侧边栏的展示数据
|
|||
const [expandedKeys, setExpandedKeys] = useState([]); |
|||
const [searchValue, setSearchValue] = useState(''); |
|||
const [autoExpandParent, setAutoExpandParent] = useState(true); |
|||
const [defaultData, setDefaultData] = useState([]); |
|||
const [dataList, setDataList] = useState([]); |
|||
//console.log('record', record)
|
|||
useEffect(() => { |
|||
let departments = [] |
|||
const generateData = (data, _preKey, _tns) => { |
|||
const preKey = _preKey || '0'; |
|||
const tns = _tns || []; |
|||
const children = []; |
|||
|
|||
data.forEach(department => { |
|||
const key = `${preKey}-${department.depId}`; |
|||
const node = { |
|||
title: department.depName.toString(), |
|||
key, |
|||
children: [], |
|||
}; |
|||
|
|||
if (department.users.length > 0) { // 仅当部门有用户时添加子节点
|
|||
department.users.forEach(user => { |
|||
node.children.push({ |
|||
title: user.name.toString(), |
|||
key: `${key}-${user.id}`, |
|||
isLeaf: true, // 用户节点为叶子节点
|
|||
}); |
|||
}); |
|||
} |
|||
|
|||
if (department.children && department.children.length > 0) { |
|||
const childKeys = generateData(department.children, key, node.children); |
|||
children.push(...childKeys); |
|||
} |
|||
|
|||
tns.push(node); |
|||
if (node.children.length > 0 && department.expanded) { // 仅当部门展开时添加子节点
|
|||
children.push(key); |
|||
} |
|||
}); |
|||
return children; |
|||
}; |
|||
if (user?.username === 'SuperAdmin') { |
|||
departments = [...new Set(depAllUser)] |
|||
} else { |
|||
let depAllUserCopy = [] |
|||
depAllUser.map((item) => { |
|||
if (item.depId === user?.departmentId) { |
|||
depAllUserCopy.push(item) |
|||
} |
|||
}) |
|||
departments = [...new Set(depAllUserCopy)] |
|||
} |
|||
|
|||
const processedData = []; |
|||
const expandedKeys = generateData(departments, null, processedData); |
|||
setDefaultData(processedData); |
|||
setDataList(processedData.map(item => ({ key: item.key, title: item.title.toString(), children: item.children }))); |
|||
setExpandedKeys(expandedKeys); |
|||
}, [depAllUser]) |
|||
|
|||
useEffect(() => { |
|||
dispatch(getAllDepUsers()).then((res) => { |
|||
if (res.success) setDepAllUser(res?.payload?.data) |
|||
}) |
|||
|
|||
|
|||
}, []) |
|||
const getParentKey = (key, tree) => { |
|||
let parentKey; |
|||
for (let i = 0; i < tree.length; i++) { |
|||
const node = tree[i]; |
|||
if (node.children) { |
|||
if (node.children.some((item) => item.key === key)) { |
|||
parentKey = node.key; |
|||
} else { |
|||
parentKey = getParentKey(key, node.children); |
|||
} |
|||
} |
|||
if (parentKey) { |
|||
break; |
|||
} |
|||
} |
|||
return parentKey; |
|||
}; |
|||
|
|||
const handleSearch = (value) => { |
|||
const filteredKeys = []; |
|||
const expandedKeys = []; |
|||
|
|||
const loopTreeData = (data) => { |
|||
data.forEach((item) => { |
|||
if (item.title.indexOf(value) > -1) { |
|||
filteredKeys.push(item.key); |
|||
let parentKey = getParentKey(item.key, defaultData); |
|||
while (parentKey) { |
|||
if (!expandedKeys.includes(parentKey)) { |
|||
expandedKeys.push(parentKey); |
|||
} |
|||
parentKey = getParentKey(parentKey, defaultData); |
|||
} |
|||
} |
|||
if (item.children) { |
|||
loopTreeData(item.children); |
|||
} |
|||
}); |
|||
}; |
|||
|
|||
loopTreeData(defaultData); |
|||
setSearchValue(value); |
|||
setExpandedKeys(expandedKeys); |
|||
}; |
|||
|
|||
const handleExpand = (expandedKeys) => { |
|||
setExpandedKeys(expandedKeys); |
|||
}; |
|||
|
|||
const renderTreeNodes = (data) => { |
|||
return data.map((item) => { |
|||
const { key, title, children } = item; |
|||
const isLeaf = !children || children.length === 0; |
|||
|
|||
return ( |
|||
<Tree.TreeNode |
|||
key={key} |
|||
title={title} |
|||
icon={isLeaf ? null : ( |
|||
expandedKeys.includes(key) ? <CaretDownOutlined /> : <CaretRightOutlined /> |
|||
)} |
|||
isLeaf={isLeaf} |
|||
> |
|||
{children && children.length > 0 && renderTreeNodes(children)} |
|||
</Tree.TreeNode> |
|||
); |
|||
}); |
|||
}; |
|||
|
|||
const treeData = useMemo(() => { |
|||
const loop = (data) => |
|||
data.map((item) => { |
|||
const { title, key, children } = item; |
|||
const strTitle = title.toString(); |
|||
const index = strTitle.indexOf(searchValue); |
|||
const beforeStr = strTitle.substring(0, index); |
|||
const afterStr = strTitle.slice(index + searchValue.length); |
|||
const titleNode = index > -1 ? ( |
|||
<span> |
|||
{beforeStr} |
|||
<span style={{ color: '#f50' }}>{searchValue}</span> |
|||
{afterStr} |
|||
</span> |
|||
) : ( |
|||
<span>{strTitle}</span> |
|||
); |
|||
|
|||
if (children && children.length > 0) { |
|||
return { |
|||
title: titleNode, |
|||
key, |
|||
children: loop(children), |
|||
}; |
|||
} |
|||
|
|||
return { |
|||
title: titleNode, |
|||
key, |
|||
}; |
|||
}); |
|||
|
|||
return loop(defaultData); |
|||
}, [searchValue, defaultData]); |
|||
useEffect(() => { |
|||
if (userList && userList instanceof Array && userList.length) { |
|||
setSelectRoad(userList[0].id) |
|||
// onChange(userList[0]);
|
|||
} |
|||
}, [userList]) |
|||
|
|||
useEffect(() => { |
|||
if (userList && userList instanceof Array) { |
|||
let users = userList.filter(user => user.remark != 'sp'); |
|||
setUsers(users); |
|||
} |
|||
}, [userList]) |
|||
const handleSelect = (selectedKeys, { selected, selectedNodes, node }) => { |
|||
if (selected) { |
|||
if (selectedKeys[0].split("-").length - 1 >= 2) { |
|||
let id = selectedKeys[0].split('-')[selectedKeys[0].split('-').length - 1] |
|||
//console.log('id', id)
|
|||
onChange(id); |
|||
} |
|||
|
|||
} |
|||
//('selectedKeys', selectedKeys, selected, selectedNodes, node)
|
|||
|
|||
}; |
|||
|
|||
if (loading) { |
|||
return <div>Loading...</div> |
|||
} |
|||
|
|||
return ( |
|||
<div className='spilce' style={{ height: '600px', width: '100%', overflow: 'auto' }} > |
|||
<Search |
|||
placeholder="请输入上报人员" |
|||
value={searchValue} |
|||
onChange={(e) => handleSearch(e.target.value)} |
|||
/> |
|||
<Tree |
|||
expandedKeys={expandedKeys} |
|||
onExpand={handleExpand} |
|||
autoExpandParent={autoExpandParent} |
|||
onSelect={handleSelect} |
|||
> |
|||
{renderTreeNodes(treeData)} |
|||
</Tree> |
|||
</div> |
|||
|
|||
); |
|||
}; |
|||
|
|||
|
|||
|
|||
const MaintenanceTable = (props) => { |
|||
const { userList, user, reportList, dispatch, allDepUsers, reportListLoading, reportDetail, reportDetailLoading, userLoading, exports, depMessage, depUser, clientHeight } = props; |
|||
const [record, setRecord] = useState(1); |
|||
const [dateRange, setDateRange] = useState(); |
|||
const [detailVisible, setDetailVisible] = useState(false) |
|||
|
|||
const { RangePicker } = DatePicker; |
|||
// console.log('allDepUsers', allDepUsers)
|
|||
useEffect(() => { |
|||
queryData() |
|||
}, []) |
|||
|
|||
useEffect(() => { |
|||
// if (userList && userList instanceof Array) {
|
|||
// let users = userList.filter(user => user.remark != 'sp');
|
|||
// setRecord(users[0]);
|
|||
// }
|
|||
}, [userList]) |
|||
|
|||
useEffect(() => { |
|||
// if (record) {
|
|||
queryData() |
|||
// }
|
|||
}, [record, dateRange, allDepUsers, user]) |
|||
|
|||
const queryData = () => { |
|||
if (allDepUsers && allDepUsers.length && user) { |
|||
//console.log('ssssss',)
|
|||
const userL = allDepUsers.find(item => item.depId === user.departmentId)?.users?.map(child => { return child.id }) |
|||
let userId = null |
|||
if (user?.username === 'SuperAdmin' && record === 1) { |
|||
userId = undefined |
|||
} else if (user?.username !== 'SuperAdmin' && record === 1) { |
|||
userId = userL && userL.length ? userL + '' : undefined |
|||
} else { |
|||
userId = record |
|||
} |
|||
|
|||
//: user?.username === 'SuperAdmin' && record === 1 ? record?.id : record ? record : user?.id
|
|||
let query = { |
|||
userId, |
|||
reportType: 'conserve', |
|||
asc: true |
|||
} |
|||
if ((dateRange && dateRange instanceof Array && dateRange[0] != '')) { |
|||
query.startTime = moment(dateRange[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
query.endTime = moment(dateRange[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
} |
|||
dispatch(getReportList(query)) |
|||
} |
|||
} |
|||
|
|||
const handleClose = () => { |
|||
setDetailVisible(false) |
|||
} |
|||
const handleOpen = () => { |
|||
setDetailVisible(true) |
|||
} |
|||
|
|||
const handelRefresh = () => { |
|||
let query = { |
|||
userId: record.id, |
|||
reportType: 'conserve', |
|||
asc: true |
|||
} |
|||
dispatch(getReportList(query)); |
|||
} |
|||
|
|||
const handleExport = () => { |
|||
if (reportList && reportList instanceof Array && reportList.length) { |
|||
let ids = reportList.map(item => item.id); |
|||
exports(ids); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<div className='card-protable'> |
|||
<Card > |
|||
<PatrolNameList |
|||
depMessage={depMessage} depUser={depUser} clientHeight={clientHeight} dispatch={dispatch} user={user} |
|||
onChange={(record) => setRecord(record)} record={record} userList={userList} loading={userLoading} handelRefresh={handelRefresh} /> |
|||
</Card> |
|||
<Card style={{ flex: 1 }} > |
|||
<div style={{ marginBottom: 20 }}> |
|||
<RangePicker onChange={(date, dateString) => { setDateRange(dateString) }} /> |
|||
<Button style={{ marginLeft: 20 }}>查询</Button> |
|||
<Button style={{ marginLeft: 20 }} onClick={handleExport}>导出</Button> |
|||
</div> |
|||
<Card style={{ flex: 1 }}> |
|||
<DetailList |
|||
user={user} |
|||
reportList={reportList} record={record} loading={reportListLoading} dispatch={dispatch} handleOpen={handleOpen} |
|||
handelRefresh={handelRefresh} |
|||
/> |
|||
</Card> |
|||
<DetailForm |
|||
visible={detailVisible} |
|||
handleClose={handleClose} |
|||
data={reportDetail} |
|||
loading={reportDetailLoading} /> |
|||
</Card> |
|||
</div> |
|||
|
|||
); |
|||
}; |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage, userList, reportList, reportDetail, depUser, global, allDepUsers } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
clientHeight: global.clientHeight, |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
userList: userList.data || [], |
|||
userLoading: userList.isRequesting, |
|||
reportList: reportList.data, |
|||
reportListLoading: reportList.isRequesting, |
|||
reportDetail: reportDetail.data, |
|||
reportDetailLoading: reportDetail.isRequesting, |
|||
depUser: depUser.data || [], |
|||
allDepUsers: allDepUsers.data || [] |
|||
|
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(MaintenanceTable) |
|||
@ -1,19 +0,0 @@ |
|||
.maintenanceNew { |
|||
.ant-descriptions-item-label { |
|||
width: 19%; |
|||
} |
|||
|
|||
.ant-descriptions-item-content { |
|||
width: 40px; |
|||
} |
|||
} |
|||
|
|||
.maintenanceOld { |
|||
.ant-descriptions-item-label { |
|||
width: 20%; |
|||
} |
|||
|
|||
.ant-descriptions-item-content { |
|||
width: 40px; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because it is too large
@ -1,235 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Form, Spin, Table } from 'antd'; |
|||
import { DrawerForm, ProForm, ProFormText, ProFormSelect, ProFormDatePicker, ProFormTextArea } from '@ant-design/pro-form'; |
|||
import { putProject } from "../../actions/infor" |
|||
import _ from 'lodash' |
|||
|
|||
const data = { |
|||
"entryName": "项目名称", |
|||
"projectMileage": "项目规模(公里)", |
|||
"investment": " 项目投资（万元）", |
|||
"buildUnit": "业主单位", |
|||
"qutityUnit": "质量监督单位", |
|||
"constructionUnit": "施工单位", |
|||
"designUnit": "设计单位", |
|||
"constructionControlUnit": "监理单位", |
|||
//"startTime": "开工时间",
|
|||
//"remark": "备注",
|
|||
"roadCodeStart": "起点路段编码", |
|||
} |
|||
const ProjectModal = (props) => { |
|||
const { visible, onVisibleChange, typecard, rewkeys, recortd, dispatch, setRecortd, setDelet, getData } = props |
|||
//console.log('typecard', newlysay)
|
|||
const [newlys, setNewlys] = useState() //必填数据
|
|||
|
|||
const [newlysay, setNewlysay] = useState() //处理hou
|
|||
const [records, setRecords] = useState()//处理
|
|||
const [recordsay, setRecordsay] = useState()//必填数据
|
|||
const [success, setSuccess] = useState() //状态
|
|||
useEffect(() => { |
|||
const array = [] |
|||
if (rewkeys === 'road') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
// console.log()
|
|||
|
|||
} |
|||
if (rewkeys === 'bridge') { |
|||
_.forIn(data, function (value, key) { |
|||
array.push({ name: value, type: key }) |
|||
}); |
|||
setNewlys(array?.splice(0, 2)) |
|||
setNewlysay(array) |
|||
// console.log()
|
|||
|
|||
} |
|||
}, []) |
|||
useEffect(() => { |
|||
const arr = [] |
|||
if (rewkeys === 'road') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
|
|||
setRecords(arr) |
|||
} |
|||
if (rewkeys === 'bridge') { |
|||
_.forIn(recortd, function (value, key) { |
|||
arr.push({ value: value, type: key }) |
|||
}); |
|||
setRecordsay(arr.splice(1, 2)) |
|||
setRecords(arr) |
|||
} |
|||
}, [recortd]) |
|||
useEffect(() => { |
|||
return () => { |
|||
setRecortd() |
|||
} |
|||
}, []) |
|||
// console.log(recortd)
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
{/* { |
|||
newlysay ? */} |
|||
<DrawerForm |
|||
width={'90rem'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={(values) => { |
|||
// console.log(values)
|
|||
if (rewkeys === 'road') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys, projectId: records?.[0]?.value || '', done: values.done === 'true' ? true : false } |
|||
dispatch(putProject(query)).then((res) => { |
|||
}) |
|||
getData() |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys, done: values.done === 'true' ? true : false } |
|||
dispatch(putProject(query)).then((res) => { |
|||
}) |
|||
getData() |
|||
return true |
|||
} |
|||
} |
|||
if (rewkeys === 'bridge') { |
|||
if (typecard == 'compile') { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys, projectId: records?.[0]?.value || '', done: values.done === 'true' ? true : false } |
|||
dispatch(putProject(query)).then((res) => { |
|||
|
|||
}) |
|||
getData() |
|||
return true |
|||
} else { |
|||
setDelet(values) |
|||
const query = { ...values, type: rewkeys, done: values.done === 'true' ? true : false } |
|||
dispatch(putProject(query)).then((res) => { |
|||
|
|||
}) |
|||
getData() |
|||
return true |
|||
} |
|||
} |
|||
}} |
|||
initialValues={{ ...recortd, done: typecard == 'compile' ? recortd?.done ? 'true' : 'false' : '' }} |
|||
> |
|||
{typecard == 'compile' ? |
|||
<ProForm.Group |
|||
> |
|||
<ProFormText |
|||
name={newlys?.[0]?.type} |
|||
width="md" |
|||
label={newlys?.[0]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordsay?.[0]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/><ProFormText |
|||
name={newlys?.[1]?.type} |
|||
width="md" |
|||
label={newlys?.[1]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordsay?.[1]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/> |
|||
<ProFormSelect |
|||
options={[ |
|||
{ |
|||
value: 'true', |
|||
label: '是', |
|||
}, { |
|||
value: 'false', |
|||
label: '否', |
|||
}, |
|||
]} |
|||
name='done' |
|||
label='是否已完成' |
|||
rules={[{ required: true, message: "必填" }]} |
|||
/> |
|||
{newlysay?.map((item, index) => { |
|||
return <ProFormText width="md" |
|||
name={item?.type} label={newlysay[index]?.name} placeholder="请输入名称" |
|||
key={index} |
|||
/> |
|||
})} |
|||
|
|||
</ProForm.Group> |
|||
: <ProForm.Group> |
|||
<ProFormText |
|||
name={newlys?.[0]?.type} |
|||
width="md" |
|||
label={newlys?.[0]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordssy?.[0]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/><ProFormText |
|||
name={newlys?.[1]?.type} |
|||
width="md" |
|||
label={newlys?.[1]?.name} |
|||
|
|||
placeholder="请输入名称" |
|||
// value={recordssy?.[1]?.value}
|
|||
// rules={[{ required: true, message: "必填" }]}
|
|||
/> |
|||
<ProFormSelect |
|||
request={async () => [ |
|||
{ |
|||
value: 'true', |
|||
label: '是', |
|||
}, { |
|||
value: 'false', |
|||
label: '否', |
|||
}, |
|||
]} |
|||
|
|||
name='done' |
|||
label='是否已完成' |
|||
rules={[{ required: true, message: "必填" }]} |
|||
/> |
|||
{newlysay?.map((item, index) => { |
|||
return <ProFormText width="md" |
|||
name={item?.type} label={newlysay[index]?.name} placeholder="请输入名称" key={index} |
|||
|
|||
|
|||
/> |
|||
})} |
|||
|
|||
|
|||
</ProForm.Group>} |
|||
<ProFormDatePicker width="md" name='startTime' label='开工时间' ></ProFormDatePicker> |
|||
<ProFormTextArea width="md" name='remark' label='备注' ></ProFormTextArea> |
|||
</DrawerForm> |
|||
{/* : '' |
|||
} */} |
|||
|
|||
</Spin> |
|||
) |
|||
} |
|||
function mapStateToProps (state) { |
|||
const { depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(ProjectModal); |
|||
@ -1,177 +0,0 @@ |
|||
import React, { useEffect, useState, useRef } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Button, Popconfirm, Switch } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import './protable.less' |
|||
import VideoUpload from './infor/videoUpload'; |
|||
import { getPropagata } from '../actions/infor'; |
|||
import { putEditPropagata } from '../actions/infor'; |
|||
import { delPropagata } from '../actions/infor'; |
|||
|
|||
const promotionalTable = (props) => { |
|||
const { dispatch, user } = props |
|||
const [rowSelected, setRowSelected] = useState([]) |
|||
const [counts, setCounts] = useState()//shuju
|
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'PUBLICITYVIDEO')[0].isshow === "true" ? true : '') |
|||
|
|||
const onClickEnable = (record) => { |
|||
const id = record.id |
|||
const name = record.name |
|||
const video = record.video |
|||
|
|||
const enable = true ? record.enable == false : true |
|||
const data = ({ publicityId: id, name: name, video: video, enable: enable }) |
|||
dispatch(putEditPropagata(data)).then((res) => { |
|||
dispatch(getPropagata()).then((res) => { |
|||
setCounts(res.payload.data) |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
|
|||
|
|||
const columns = |
|||
[ |
|||
{ |
|||
title: '序号', |
|||
search: false, |
|||
dataIndex: 'containers', |
|||
fixed: 'left', |
|||
width: 120, |
|||
render: (dom, record, key) => { |
|||
return key + 1 |
|||
} |
|||
}, |
|||
{ |
|||
title: '视频名称', |
|||
dataIndex: 'videoName', |
|||
fixed: 'left', |
|||
search: false, |
|||
width: 120, |
|||
options: 1, |
|||
render: (dom, record) => { |
|||
return record.name |
|||
} |
|||
}, |
|||
{ |
|||
title: '是否展示', |
|||
dataIndex: 'shuffling', |
|||
valueType: 'shufflingRange', |
|||
search: false, |
|||
width: 120, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div > |
|||
<Switch checkedChildren="展示" unCheckedChildren="关闭" onClick={() => onClickEnable(record)} defaultChecked={true ? record.enable == true : false} disabled={editAble} /> |
|||
</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'creatTime', |
|||
valueType: 'dateTimeRange', |
|||
hideInSearch: true, |
|||
width: 120, |
|||
fixed: 'right', |
|||
render: (dom, record) => { |
|||
return <div style={{ position: 'relative', marginTop: '-30px' }}> |
|||
<VideoUpload record={record} counts={counts} setCounts={setCounts} user={user} /> |
|||
<Popconfirm |
|||
disabled={editAble} |
|||
title="是否确定删除？" |
|||
arrowPointAtCenter={true} |
|||
showArrow={true} |
|||
position="topRight" |
|||
onConfirm={ |
|||
() => { |
|||
const query = { |
|||
publicityId: record.id |
|||
} |
|||
dispatch(delPropagata(query)).then(() => { |
|||
dispatch(getPropagata()).then((res) => { |
|||
setCounts(res.payload.data) |
|||
}) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
> |
|||
<Button type="link" float="right" disabled={editAble} |
|||
>删除</Button> |
|||
</Popconfirm> |
|||
</div> |
|||
|
|||
} |
|||
}, |
|||
{ |
|||
key: "direction", |
|||
hideInTable: true, |
|||
dataIndex: "direction", |
|||
order: 6, |
|||
renderFormItem: (item, { type, defaultRender, ...rest }, form, record) => { |
|||
return ( |
|||
<div> |
|||
<VideoUpload type_ys={1} counts={counts} setCounts={setCounts} /> |
|||
</div> |
|||
); |
|||
}, |
|||
}, |
|||
] |
|||
|
|||
//获取数据
|
|||
useEffect(() => { |
|||
const vedio = dispatch(getPropagata()).then((res) => { |
|||
setCounts(res.payload.data) |
|||
}) |
|||
}, []) |
|||
|
|||
|
|||
return ( |
|||
|
|||
<Spin spinning={false}> |
|||
<div className='protable-transpor'> |
|||
<ProTable |
|||
scroll={{ x: 800 }} |
|||
options={false} |
|||
style={{ width: "100% ", overflow: "auto", height: '760px' }} |
|||
rowKey='id' |
|||
form={{ |
|||
submitter: false, |
|||
}} |
|||
columns={columns} |
|||
dataSource={counts || []} |
|||
request={async (params) => { |
|||
const query = { |
|||
limit: params.pageSize, |
|||
offset: ((params.current ? params.current : 1) - 1) * params.pageSize |
|||
} |
|||
setRowSelected([]); |
|||
}} |
|||
> |
|||
</ProTable></div> |
|||
</Spin > |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
|
|||
const { auth, depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(promotionalTable); |
|||
@ -1,31 +0,0 @@ |
|||
.protable-transpor { |
|||
.ant-table-cell-fix-left { |
|||
background-color: #ffffff !important; |
|||
} |
|||
|
|||
.ant-table-cell-fix-right { |
|||
background-color: #ffffff !important; |
|||
} |
|||
|
|||
} |
|||
|
|||
.list-row-actived { |
|||
background-color: #e2f6ff; |
|||
font-weight: 600; |
|||
color: #1E80FF |
|||
} |
|||
|
|||
|
|||
.ant-divider { |
|||
width: 0px; |
|||
height: 8px; |
|||
border-left: 1px solid gray; |
|||
margin: 0px 8px; |
|||
opacity: 0.8; |
|||
} |
|||
|
|||
.card-protable { |
|||
display: flex; |
|||
flex-direction: row; |
|||
width: 100%; |
|||
} |
|||
File diff suppressed because it is too large
@ -1,152 +0,0 @@ |
|||
import React, { useState, useEffect, useRef } from 'react'; |
|||
import { Modal, Form, Input, Select, Button } from 'antd'; |
|||
import { connect } from 'react-redux'; |
|||
import { getRoadway } from '../../actions/infor' |
|||
import { getUserList } from '../../actions/patrol'; |
|||
import { editTask } from '../../actions/task'; |
|||
|
|||
const AddModal = (props) => { |
|||
const { dispatch, recordRow, visible, onClose, user, lookVal } = props |
|||
const { TextArea } = Input |
|||
const [form] = Form.useForm() |
|||
const [inputVal, setIputVal] = useState(undefined) |
|||
const [selectVal, setSelectVal] = useState('') |
|||
const [roadRes, setRoadRes] = useState([])//路线列表
|
|||
const [userList, setUserList] = useState([])//用户列表
|
|||
useEffect(async () => { |
|||
const res = await dispatch(getUserList()) |
|||
setUserList(res?.payload.data) |
|||
}, [true]) |
|||
|
|||
const onChange = () => { |
|||
form.resetFields(['code'])//清空具体某个表单的值
|
|||
} |
|||
useEffect(() => { |
|||
form.setFieldsValue(recordRow ? { 'name': recordRow?.road.id, 'code': recordRow?.road.id, 'danger': recordRow?.dangerDescription, 'user': recordRow?.user.id } : {}) |
|||
}, [recordRow]) |
|||
useEffect(async () => { |
|||
const res = await dispatch(getRoadway({})) |
|||
setRoadRes(res?.payload.data) |
|||
}, []) |
|||
//新增和修改
|
|||
const handleSaveUpdate = () => { |
|||
form.validateFields().then((values) => { |
|||
//console.log('values', recordRow)
|
|||
//console.log('values', values)
|
|||
const val = { |
|||
dangerDescription: values.danger, |
|||
userId: values.user, |
|||
routeId: values.name, |
|||
id: recordRow?.id |
|||
} |
|||
dispatch(editTask(val)).then(res => { |
|||
if (res.success) { |
|||
onClose() |
|||
form.resetFields() |
|||
} |
|||
}) |
|||
}) |
|||
} |
|||
|
|||
return ( |
|||
<Modal visible={visible} |
|||
title={lookVal ? '查看' : recordRow ? '编辑任务' : '新增数据'} |
|||
onCancel={() => { |
|||
onClose() |
|||
form.resetFields()//清空所有个表单的值
|
|||
setSelectVal('')//置空路线代码的选择
|
|||
}} |
|||
onOk={ |
|||
handleSaveUpdate |
|||
} |
|||
footer={ |
|||
lookVal ? null : [ |
|||
<Button onClick={() => { onClose(); form.resetFields(); setSelectVal('') }}>取消</Button>, |
|||
<Button type='primary' onClick={handleSaveUpdate}>确认</Button> |
|||
] |
|||
} |
|||
> |
|||
<Form form={form}> |
|||
<Form.Item |
|||
label="路线名称" |
|||
name="name" |
|||
//initialValues={recordRow?.road.routeName}
|
|||
rules={[{ required: true, message: '路线名称' }]} > |
|||
<Select |
|||
disabled={lookVal ? true : false} |
|||
allowClear='true' |
|||
showSearch |
|||
placeholder="请输入关键词" |
|||
onChange={(value) => { |
|||
onChange() |
|||
setSelectVal(value) |
|||
}} |
|||
filterOption={(input, option) => |
|||
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()) |
|||
} |
|||
options={roadRes?.map((item) => ({ |
|||
label: item.routeName, |
|||
value: item.id |
|||
}) |
|||
)} |
|||
/> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="路线代码" |
|||
name="code" |
|||
rules={[{ required: true, message: '路线代码' }]}> |
|||
<Select |
|||
disabled={lookVal ? true : false} |
|||
placeholder="请输入关键词" |
|||
value={selectVal} |
|||
> |
|||
<Select.Option key={selectVal}>{selectVal}</Select.Option> |
|||
</Select> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="隐患说明" |
|||
name="danger" |
|||
rules={[{ required: true, message: '隐患说明' }]}> |
|||
<TextArea disabled={lookVal ? true : false} /> |
|||
</Form.Item> |
|||
<Form.Item |
|||
label="责任人" |
|||
name="user" |
|||
rules={[{ required: true, message: '责任人' }]}> |
|||
<Select |
|||
disabled={lookVal ? true : false} |
|||
allowClear='true' |
|||
showSearch |
|||
placeholder="请输入负责人" |
|||
options={userList?.map((item) => ({ |
|||
label: item.name, |
|||
value: item.id |
|||
}) |
|||
)} |
|||
/> |
|||
</Form.Item> |
|||
{lookVal ? <Form.Item |
|||
label="下发时间" |
|||
name="issuanceTime" |
|||
> |
|||
<Input disabled={lookVal ? true : false} /> |
|||
</Form.Item> : ''} |
|||
{lookVal ? <Form.Item |
|||
label="图片说明" |
|||
name="picture" |
|||
> |
|||
<Input disabled={lookVal ? true : false} /> |
|||
</Form.Item> : ''} |
|||
</Form> |
|||
</Modal > |
|||
|
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(AddModal) |
|||
File diff suppressed because it is too large
@ -1,327 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import React, { Component } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Upload, message, Modal, Card, Button } from 'antd'; |
|||
import moment from 'moment'; |
|||
import { PlusOutlined, UploadOutlined, CloseOutlined } from '@ant-design/icons'; |
|||
|
|||
class Uploads extends Component { |
|||
constructor(props) { |
|||
super(props); |
|||
this.ApiRoot = localStorage.getItem('tyApiRoot') |
|||
this.state = { |
|||
fileUploading: false, |
|||
fileList: [], |
|||
curPreviewPic: '', |
|||
delPicIng: false, |
|||
removeFilesList: [] |
|||
}; |
|||
} |
|||
dealName = (uploaded) => { |
|||
|
|||
let realName = uploaded.split('/')[2] |
|||
let x1 = realName.split('.') |
|||
let x2 = x1[0].split('_') |
|||
let showName = `${x2[0]}.${x1[1]}` |
|||
return showName |
|||
} |
|||
|
|||
setFileList = (value) => { |
|||
let defaultFileList = []; |
|||
defaultFileList = value.map((u, index) => { |
|||
// let fileUrl = `${this.ApiRoot}/${u.url}`;
|
|||
let fileUrl = `${u.url}`; |
|||
return { |
|||
uid: -index - 1, |
|||
name: this.dealName(u.url), |
|||
status: 'done', |
|||
storageUrl: u.url, |
|||
url: fileUrl |
|||
}; |
|||
}); |
|||
// onChange(defaultFileList)
|
|||
this.setState({ |
|||
fileList: defaultFileList |
|||
}); |
|||
}; |
|||
|
|||
componentDidMount () { |
|||
const { value } = this.props; |
|||
if (value) { |
|||
this.setFileList(value); |
|||
} |
|||
} |
|||
|
|||
componentWillReceiveProps (np) { |
|||
const { dispatch, value: thisEditData, onChange } = this.props; |
|||
const { value: nextEditData, clearFileList } = np; |
|||
console.log(nextEditData,'哈哈哈哈') |
|||
|
|||
const setFileList = () => { |
|||
let defaultFileList = []; |
|||
defaultFileList = nextEditData.map((u, index) => { |
|||
// let fileUrl = `${this.ApiRoot}/${u.storageUrl}`;
|
|||
let fileUrl = `${u.url}`; |
|||
return { |
|||
uid: -index - 1, |
|||
name: this.dealName(u.storageUrl), |
|||
status: 'done', |
|||
storageUrl: u.storageUrl, |
|||
url: fileUrl, |
|||
size: u.size || -1 |
|||
}; |
|||
}); |
|||
this.setState({ |
|||
fileList: defaultFileList |
|||
}); |
|||
}; |
|||
if (nextEditData && nextEditData.length) { |
|||
if (!thisEditData || !this.state.fileList.length) { |
|||
setFileList(); |
|||
} else if (nextEditData.length != thisEditData.length) { |
|||
setFileList(); |
|||
} else { |
|||
let repeat = true; |
|||
for (let i = 0; i < thisEditData.length; i++) { |
|||
if (thisEditData[i] != nextEditData[i]) { |
|||
repeat = false; |
|||
break; |
|||
} |
|||
} |
|||
if (!repeat) { |
|||
setFileList(); |
|||
} |
|||
} |
|||
} |
|||
|
|||
|
|||
if (clearFileList) { |
|||
this.setState({ |
|||
fileList: [] |
|||
}); |
|||
} |
|||
|
|||
|
|||
// else{
|
|||
// this.setState({
|
|||
// fileList:[],
|
|||
// })
|
|||
// }
|
|||
} |
|||
|
|||
render () { |
|||
const UploadPath = { |
|||
project: ['txt', 'dwg', 'doc', 'docx', 'xls', 'xlsx', 'pdf', 'png', 'jpg', 'rar', 'zip'], |
|||
report: ['doc', 'docx', 'xls', 'xlsx', 'pdf'], |
|||
data: ['txt', 'xls', 'xlsx'], |
|||
image: ['png', 'jpg', 'svg', 'jpeg'], |
|||
three: ['js'], |
|||
video: ['mp4'] |
|||
}; |
|||
/** |
|||
* uploadType 【string】 主要区别文件上传路径 以及类型 以 web/routes/attachment/index.js 中 UploadPath 的 key 值为准；默认 project； |
|||
* disabled 【boolean】 上传是否可用 |
|||
* maxFilesNum 【number】 最大上传数量 |
|||
* fileTypes 【array[string]】 可允许上传的文件类型； |
|||
* maxFileSize 【number】 单个文件最大大小 M |
|||
* listType 【antd】 upload 组件的属性 |
|||
* onChange 【function】 文件数量变化时候回调 返回文件 |
|||
* value 【array[obj]】 编辑数据 [{url:'xxx', [size:999]}] |
|||
* onStateChange 【function】 文件状态改变回调函数 上传中 return { uploading:true/false } |
|||
*/ |
|||
const { |
|||
uploadType, |
|||
disabled, |
|||
maxFilesNum, |
|||
fileTypes, |
|||
maxFileSize, |
|||
listType, |
|||
onChange, |
|||
value, |
|||
showUploadList, |
|||
onStateChange |
|||
} = this.props; |
|||
const { fileList, curPreviewPic, delPicIng, removeFilesList } = this.state; |
|||
const that = this; |
|||
let uploadType_ = uploadType || 'project'; |
|||
let maxFilesNum_ = maxFilesNum || 1; |
|||
let defaultFileTypes = fileTypes || UploadPath[uploadType_]; |
|||
const uploadProps = { |
|||
name: 'checkFile_', |
|||
multiple: false, |
|||
showUploadList: showUploadList || true, |
|||
action: `${this.ApiRoot}/attachments/${uploadType_}`, |
|||
listType: listType || 'text', |
|||
disabled: disabled, |
|||
beforeUpload: (file) => { |
|||
if (fileList.length >= maxFilesNum_) { |
|||
message.warning(`最多选择${maxFilesNum_}个文件上传`); |
|||
return false; |
|||
} |
|||
if (file.name.length > 60) { |
|||
message.warning(`文件名过长(大于60字符)，请修改后上传`); |
|||
return false; |
|||
} |
|||
const extNames = file.name.split('.'); |
|||
var reg = /^[\.\s\u4e00-\u9fa5a-zA-Z0-9_-]{0,}$/; |
|||
if (!reg.exec(file.name)) { |
|||
message.warning(`文件名包含除字母、汉字、数字、中划线、下划线之外的字符，请修改后上传`); |
|||
return false; |
|||
} |
|||
let isDAE = false; |
|||
if (extNames.length > 0) { |
|||
let fileType = extNames[extNames.length - 1].toLowerCase(); |
|||
isDAE = defaultFileTypes.some((f) => f == fileType); |
|||
} |
|||
if (!isDAE) { |
|||
message.error(`只能上传 ${defaultFileTypes.join()} 格式的文件!`); |
|||
return false; |
|||
} |
|||
const isLt = file.size / 1024 / 1024 < (maxFileSize || 3); |
|||
if (!isLt) { |
|||
message.error(`文件必须小于${maxFileSize || 3}MB!`); |
|||
return false; |
|||
} |
|||
this.setState({ |
|||
fileUploading: true |
|||
}); |
|||
if (onStateChange) { |
|||
onStateChange({ uploading: true }); |
|||
} |
|||
}, |
|||
onChange (info) { |
|||
const status = info.file.status; |
|||
if (status === 'uploading') { |
|||
that.setState({ |
|||
fileList: info.fileList |
|||
}); |
|||
} |
|||
if (status === 'done') { |
|||
let { uploaded, url } = info.file.response; |
|||
let size = info.file.size; |
|||
let nextFileList = fileList; |
|||
nextFileList[nextFileList.length - 1] = { |
|||
uid: -moment().unix(), |
|||
name: that.dealName(uploaded), |
|||
status: 'done', |
|||
storageUrl: uploaded, |
|||
url: url, |
|||
size: size |
|||
}; |
|||
onChange(nextFileList); |
|||
that.setState({ |
|||
fileUploading: false, |
|||
fileList: nextFileList |
|||
}); |
|||
if (onStateChange) { |
|||
onStateChange({ uploading: false }); |
|||
} |
|||
} else if (status === 'error') { |
|||
that.setState({ |
|||
fileUploading: false |
|||
}); |
|||
message.error(`${info.file.name} 上传失败，请重试`); |
|||
if (onStateChange) { |
|||
onStateChange({ uploading: false }); |
|||
} |
|||
} |
|||
}, |
|||
onRemove (file) { |
|||
let nextFileList = []; |
|||
fileList.map((f, i) => { |
|||
if (f.uid != file.uid) { |
|||
nextFileList.push(f); |
|||
} |
|||
}); |
|||
let nextRemoveFiles = removeFilesList.concat([file.storageUrl]); |
|||
if (curPreviewPic == file.url) { |
|||
that.setState({ |
|||
curPreviewPic: '' |
|||
}); |
|||
} |
|||
onChange(nextFileList); |
|||
that.setState({ |
|||
fileList: nextFileList, |
|||
removeFilesList: nextRemoveFiles |
|||
}); |
|||
}, |
|||
onPreview (file) { |
|||
let filePostfix = file.url.split('.').pop(); |
|||
filePostfix = filePostfix.toLowerCase(); |
|||
if (UploadPath.image.some((img) => img == filePostfix)) { |
|||
that.setState({ |
|||
curPreviewPic: file.url |
|||
}); |
|||
} else { |
|||
message.warn('仅支持图片预览'); |
|||
} |
|||
} |
|||
}; |
|||
|
|||
let fileList_ = fileList |
|||
// .map(f => {
|
|||
// if (f.storageUrl) {
|
|||
// let realName = f.storageUrl.split('/').pop()
|
|||
// if (f.name != realName) {
|
|||
// f.name = realName
|
|||
// }
|
|||
// }
|
|||
// return f
|
|||
// })
|
|||
|
|||
return ( |
|||
<div> |
|||
<Spin spinning={delPicIng}> |
|||
<Upload {...uploadProps} fileList={fileList_}> |
|||
{ |
|||
disabled ? ( |
|||
'' |
|||
) : |
|||
listType == 'picture-card' ? |
|||
( |
|||
fileList.length >= maxFilesNum_ ? null : ( |
|||
<div style={{}}> |
|||
<PlusOutlined /> |
|||
<div>上传图片</div> |
|||
</div> |
|||
) |
|||
) : ( |
|||
<Button disabled={fileList.length >= maxFilesNum_} icon={<UploadOutlined />}> 文件上传 </Button> |
|||
) |
|||
} |
|||
</Upload> |
|||
{ |
|||
curPreviewPic ? ( |
|||
<Card |
|||
bodyStyle={{ |
|||
padding: 8 |
|||
}} |
|||
> |
|||
<div style={{ marginBottom: 8 }} > |
|||
<span>文件预览</span> |
|||
<span |
|||
style={{ float: 'right' }} |
|||
onClick={() => { this.setState({ curPreviewPic: '' }); }} |
|||
> |
|||
<CloseOutlined style={{ fontSize: 20 }} /> |
|||
</span> |
|||
</div> |
|||
<img style={{ width: '100%' }} src={curPreviewPic}></img> |
|||
</Card> |
|||
) : '' |
|||
} |
|||
</Spin> |
|||
</div> |
|||
); |
|||
} |
|||
} |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(Uploads); |
|||
@ -1,215 +0,0 @@ |
|||
|
|||
import { connect } from 'react-redux'; |
|||
import './protable.less' |
|||
import { Card, Button, Popconfirm, Badge,Col, Row } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
// import { Badge, Button } from 'antd';
|
|||
import React, { useEffect, useState } from 'react'; |
|||
// @ts-ignore
|
|||
import styles from './protable.less'; |
|||
const DetailList = (props) => { |
|||
const { ip } = props; |
|||
const [tableListDataSource, setTableListDataSource] = useState([]); |
|||
|
|||
const columns= [ |
|||
{ |
|||
title: '视频', |
|||
key: 'createdAt', |
|||
dataIndex: 'createdAt', |
|||
valueType: 'dateTime', |
|||
render: (dom, record) => { |
|||
return <Row> |
|||
<Col span={8}></Col> |
|||
<Col span={8}>col-8</Col> |
|||
<Col span={8}>col-8</Col> |
|||
</Row> |
|||
}, |
|||
}, |
|||
]; |
|||
useEffect(() => { |
|||
const source = []; |
|||
for (let i = 0; i < 15; i += 1) { |
|||
source.push({ |
|||
createdAt: Date.now() - Math.floor(Math.random() * 10000), |
|||
code: `const getData = async params => {
|
|||
const data = await getData(params); |
|||
return { list: data.data, ...data }; |
|||
};`,
|
|||
key: i, |
|||
}); |
|||
} |
|||
setTableListDataSource(source); |
|||
}, [ip]); |
|||
return ( |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={tableListDataSource} |
|||
pagination={{ |
|||
pageSize: 3, |
|||
showSizeChanger: false, |
|||
}} |
|||
rowKey="key" |
|||
toolBarRender={false} |
|||
search={false} |
|||
/> |
|||
); |
|||
}; |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
const ipListDataSource= []; |
|||
|
|||
for (let i = 0; i < 10; i += 1) { |
|||
ipListDataSource.push({ |
|||
ip: `106.14.98.1${i}4`, |
|||
cpu: 10, |
|||
mem: 20, |
|||
status: [Math.floor(Math.random() * 10) % 4], |
|||
disk: 30, |
|||
}); |
|||
} |
|||
|
|||
|
|||
|
|||
const IPList = (props) => { |
|||
const { onChange, ip } = props; |
|||
|
|||
const columns= [ |
|||
{ |
|||
title: '路段名称', |
|||
key: 'ip', |
|||
dataIndex: 'ip', |
|||
render: (_, item) => { |
|||
console.log(item.ip) |
|||
return <Badge status={item.status} text={item.ip} />; |
|||
}, |
|||
}, |
|||
|
|||
]; |
|||
return ( |
|||
<div className='spilce'> |
|||
<ProTable |
|||
columns={columns} |
|||
request={(params, sorter, filter) => { |
|||
// 表单搜索项会从 params 传入，传递给后端接口。
|
|||
console.log(params, sorter, filter); |
|||
return Promise.resolve({ |
|||
data: ipListDataSource, |
|||
success: true, |
|||
}); |
|||
}} |
|||
rowKey="ip" |
|||
rowClassName={(record) => { |
|||
return record.ip === ip ? styles['split-row-select-active'] : ''; |
|||
}} |
|||
toolbar={{ |
|||
search: { |
|||
onSearch: (value) => { |
|||
alert(value); |
|||
}, |
|||
}, |
|||
}} |
|||
options={false} |
|||
pagination={false} |
|||
search={false} |
|||
onRow={(record) => { |
|||
return { |
|||
onClick: () => { |
|||
if (record.ip) { |
|||
onChange(record.ip); |
|||
} |
|||
}, |
|||
}; |
|||
}} |
|||
/></div> |
|||
|
|||
); |
|||
}; |
|||
|
|||
|
|||
|
|||
const videoTable = () => { |
|||
const [ip, setIp] = useState('0.0.0.0'); |
|||
const tabList = [ |
|||
{ |
|||
key: 'tab1', |
|||
tab: '公交', |
|||
}, |
|||
{ |
|||
key: 'tab2', |
|||
tab: '路段', |
|||
}, |
|||
]; |
|||
const contentList= { |
|||
tab1: [<div className='card-protable'> |
|||
<Card > |
|||
<IPList onChange={(cIp) => setIp(cIp)} ip={ip} /> |
|||
</Card> |
|||
<Card style={{flex:1}}> |
|||
<DetailList ip={ip} /> |
|||
</Card> |
|||
</div>], |
|||
tab2: [<div className='card-protable'> |
|||
<Card > |
|||
<IPList onChange={(cIp) => setIp(cIp)} ip={ip} /> |
|||
</Card> |
|||
<Card style={{flex:1}}> |
|||
|
|||
<DetailList ip={ip} /> |
|||
</Card> |
|||
</div>] |
|||
}; |
|||
const [activeTabKey1, setActiveTabKey1] = useState('tab1'); |
|||
const [activeTabKey2, setActiveTabKey2] = useState('app'); |
|||
const onTab1Change = (key) => { |
|||
setActiveTabKey1(key); |
|||
}; |
|||
|
|||
const onTab2Change = (key) => { |
|||
setActiveTabKey2(key); |
|||
}; |
|||
return ( |
|||
<> |
|||
<Card |
|||
style={{ |
|||
width: '100%', |
|||
}} |
|||
tabList={tabList} |
|||
activeTabKey={activeTabKey1} |
|||
onTabChange={(key) => { |
|||
onTab1Change(key); |
|||
}} |
|||
> |
|||
{contentList[activeTabKey1]} |
|||
</Card> |
|||
|
|||
</> |
|||
|
|||
); |
|||
}; |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth, depMessage } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(videoTable); |
|||
@ -1,169 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import AssessModal from '../components/assessModal'; |
|||
import { Form, Space, DatePicker, Button, Select, Popconfirm } from 'antd' |
|||
import moment from 'moment'; |
|||
|
|||
export const unitList = [ |
|||
'县道', |
|||
'蒋巷镇', |
|||
'三江镇', |
|||
'塔城乡', |
|||
'泾口乡', |
|||
'八一乡', |
|||
'冈上镇', |
|||
'南新乡', |
|||
'富山乡', |
|||
'莲塘镇', |
|||
'金湖管理处', |
|||
'武阳镇', |
|||
'向塘镇', |
|||
'幽兰镇', |
|||
'广福镇', |
|||
'塘南镇', |
|||
'银三角管委会', |
|||
'黄马乡', |
|||
] |
|||
function Assess(props) { |
|||
const { dispatch, assess, user } = props; |
|||
const [assessModalVisible, setAssessModalVisible] = useState(false); |
|||
const [editData, setEditData] = useState(null); |
|||
const [query, setQuery] = useState({ page: 1, pageSize: 10 }) |
|||
const [loading, setLoading] = useState(false); |
|||
const [isCheck, setIsCheck] = useState(false) |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '') |
|||
useEffect(() => { |
|||
return () => { }; |
|||
}, []); |
|||
|
|||
useEffect(() => { |
|||
getData() |
|||
}, [query]) |
|||
|
|||
const getData = () => { |
|||
setLoading(true) |
|||
dispatch(getAssess(query)).then(res => { |
|||
setLoading(false) |
|||
}) |
|||
} |
|||
|
|||
return ( |
|||
<div> |
|||
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}> |
|||
<Form layout="inline" onFinish={(v) => { |
|||
setQuery({ ...query, unit: v.unit, month: v.month ? moment(v.month).format() : undefined }) |
|||
}}> |
|||
<Form.Item name="unit" label="责任单位" > |
|||
<Select style={{ width: 200 }} placeholder="全部" allowClear> |
|||
{ |
|||
unitList.map(item => ( |
|||
<Option value={item} key={item} /> |
|||
)) |
|||
} |
|||
</Select> |
|||
</Form.Item> |
|||
|
|||
<Form.Item name="month" label="考核月份"> |
|||
<DatePicker picker="month" style={{ width: 200 }} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item> |
|||
<Button type="primary" htmlType="submit">搜索</Button> |
|||
</Form.Item> |
|||
</Form> |
|||
|
|||
<Button type="primary" disabled={editAble} |
|||
onClick={() => { |
|||
setAssessModalVisible(true) |
|||
}}>新增</Button> |
|||
</div> |
|||
<ProTable |
|||
columns={[{ |
|||
title: '责任单位', |
|||
dataIndex: 'unit', |
|||
key: 'unit', |
|||
}, |
|||
{ |
|||
title: '考核月份', |
|||
dataIndex: 'month', |
|||
key: 'month', |
|||
render: (text, record) => ( |
|||
text ? moment(record.month).format('YYYY-MM') : '' |
|||
) |
|||
}, |
|||
{ |
|||
title: '考核得分', |
|||
dataIndex: 'totalPoints', |
|||
key: 'totalPoints', |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
key: 'action', |
|||
render: (text, record) => ( |
|||
<span> |
|||
<Button type="link" onClick={() => { |
|||
setAssessModalVisible(true) |
|||
setEditData(record) |
|||
setIsCheck(true) |
|||
}}>详情</Button> |
|||
<Button type="link" onClick={() => { |
|||
setAssessModalVisible(true) |
|||
setEditData(record) |
|||
disabled = { editAble } |
|||
}}>编辑</Button> |
|||
<Popconfirm |
|||
title="确定删除此条数据吗?" |
|||
onConfirm={() => { |
|||
setLoading(true) |
|||
dispatch(delAssess({ id: record.id })).then(res => { |
|||
setLoading(false) |
|||
if (res.success) { |
|||
getData() |
|||
} |
|||
}) |
|||
}} |
|||
> |
|||
<Button type="link" danger disabled={editAble}>删除</Button> |
|||
</Popconfirm> |
|||
</span> |
|||
), |
|||
},]} |
|||
dataSource={assess.rows || []} |
|||
loading={loading} |
|||
pagination={{ |
|||
total: assess?.count || 0, |
|||
pageSize: 10, |
|||
defaultPageSize: 10, |
|||
showSizeChanger: false, |
|||
onChange: (page, pageSize) => { |
|||
setQuery({ |
|||
...query, |
|||
page, limit: pageSize |
|||
}) |
|||
} |
|||
}} |
|||
rowKey="key" |
|||
toolBarRender={false} |
|||
search={false} |
|||
/> |
|||
{ |
|||
assessModalVisible ? <AssessModal check={isCheck} visible={assessModalVisible} editData={editData} onCancel={() => { |
|||
getData() |
|||
setIsCheck(false) |
|||
setEditData(null) |
|||
setAssessModalVisible(false) |
|||
}} /> : '' |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, assess } = state |
|||
return { |
|||
user: auth.user, |
|||
assess: assess.data || [], |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(Assess); |
|||
@ -1,38 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import BridgeTable from '../components/bridgeTable'; |
|||
const superagent = require('superagent'); |
|||
const bridge = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
const exports = (ids, differentiate) => { |
|||
let idas = ids.toString() |
|||
if (differentiate == 'bridge') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&token=${user.token}`) |
|||
}if(differentiate=='project'){ |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&token=${user.token}`) |
|||
} |
|||
|
|||
|
|||
} |
|||
return ( |
|||
<> <BridgeTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(bridge); |
|||
@ -1,38 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import BuildingTable from '../components/buildingTable'; |
|||
const superagent = require('superagent'); |
|||
const building = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
const exports = (ids, differentiate) => { |
|||
//console.log('sssss1', ids, differentiate)
|
|||
let idas = ids.toString() |
|||
if (differentiate == 'bridge') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&token=${user.token}`) |
|||
} if (differentiate == 'project') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&token=${user.token}`) |
|||
} |
|||
|
|||
|
|||
} |
|||
return ( |
|||
<> <BuildingTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(building); |
|||
@ -1,42 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import EnforceTable from '../components/enforceTable'; |
|||
const superagent = require('superagent'); |
|||
const enforce = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
//批量导出
|
|||
const exports = (ids, counts) => { |
|||
// console.log(user);
|
|||
let reportIds = []; |
|||
if (ids.length) |
|||
reportIds = ids |
|||
else |
|||
reportIds = (counts || {}).ids || []; |
|||
superagent.post('/_report/http') |
|||
.send({ id: reportIds.map(i => Number(i)) }).end((err, res) => { |
|||
const resTextIs = res.text.split('/').pop() |
|||
window.open( |
|||
'/_api/' + |
|||
`attachments?src=files/${resTextIs}&filename=${encodeURIComponent(resTextIs)}&token=${user.token}`) |
|||
}) |
|||
} |
|||
return ( |
|||
<> <EnforceTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(enforce); |
|||
@ -1,40 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { queryFileDir } from '../actions/file'; |
|||
import FileTable from '../components/fileTable'; |
|||
const superagent = require('superagent'); |
|||
const patrol = (props) => { |
|||
const { dispatch, user } = props |
|||
|
|||
useEffect(() => { |
|||
dispatch(queryFileDir()) |
|||
}, [true]) |
|||
//批量导出
|
|||
const exports = (ids, counts) => { |
|||
let reportIds = []; |
|||
if (ids.length) |
|||
reportIds = ids |
|||
else |
|||
reportIds = (counts || {}).ids || []; |
|||
superagent.post('/_report/http') |
|||
.send({ id: reportIds.map(i => Number(i)) }).end((err, res) => { |
|||
const resTextIs = res.text.split('/').pop() |
|||
window.open( |
|||
'/_api/' + |
|||
`attachments?src=files/${resTextIs}&filename=${encodeURIComponent(resTextIs)}&token=${user.token}`) |
|||
}) |
|||
} |
|||
|
|||
return ( |
|||
<> <FileTable exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(patrol); |
|||
@ -1,33 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import HighwaysTable from '../components/highwaysTable'; |
|||
const superagent = require('superagent'); |
|||
const highways = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
const exports = (ids, counts) => { |
|||
//console.log(counts);
|
|||
let idas = ids.toString() |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${'overspeed'}&token=${user.token}`) |
|||
|
|||
} |
|||
return ( |
|||
<> <HighwaysTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(highways); |
|||
@ -1,26 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import Infor from './infor'; |
|||
import transportation from './transportation'; |
|||
import BridgeTable from './bridge'; |
|||
import HigHways from './highways'; |
|||
import OperaTional from './operational'; |
|||
import Enforce from './enforce'; |
|||
import Public from './public'; |
|||
import Videois from './videois'; |
|||
import PromoTional from './promotional'; |
|||
import Maintenance from './maintenance'; |
|||
import Patrol from './patrol'; |
|||
import File from './file'; |
|||
import Jiekouguanli from './jiekouguanli'; |
|||
import Task from './task' |
|||
import Assess from './assess' |
|||
import VideoCenter from './videoCenter'; |
|||
import Building from './building' |
|||
import MaintenanceSpotCheck from './maintenanceSpotCheck' |
|||
export { |
|||
Infor, transportation, BridgeTable, HigHways, |
|||
OperaTional, Enforce, Public, Videois, PromoTional, |
|||
Maintenance, Patrol, File, Jiekouguanli, |
|||
Task, Building, Assess, VideoCenter, MaintenanceSpotCheck |
|||
}; |
|||
@ -1,46 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import InForTable from '../components/inforTable'; |
|||
const superagent = require('superagent'); |
|||
const infor = (props) => { |
|||
const { dispatch, user} = props |
|||
const [data, setData] = useState() |
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalRecord, setModalRecord] = useState(); |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
// //打开弹窗
|
|||
// const openModal = (type, record) => {
|
|||
// setModalVisible(true);
|
|||
// // setModalType(type);
|
|||
// if (type == 'edit') {
|
|||
// setModalRecord(record);
|
|||
// } else {
|
|||
// setModalRecord(null);
|
|||
// }
|
|||
// }
|
|||
//批量导出
|
|||
const exports = (ids,counts) => { |
|||
console.log(counts); |
|||
let idas=ids.toString() |
|||
window.open( |
|||
'/_api/'+`data/export/?ids=${idas||''}&exp=${'overspeed'}&token=${user.token}`) |
|||
|
|||
} |
|||
return ( |
|||
<> <InForTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const {auth}=state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(infor); |
|||
@ -1,9 +0,0 @@ |
|||
import React from 'react' |
|||
|
|||
export default function Jiekouguanli() { |
|||
return ( |
|||
<div> |
|||
<img src='/assets/images/jiekou.png' style={{width:'100%'}}></img> |
|||
</div> |
|||
) |
|||
} |
|||
@ -1,211 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|||
import { getRoadadministration, addRoadadministration, delRoadadministration, modifyRoadadministration } from '../actions/luzheng'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import AssessModal from '../components/luzhengmodel'; |
|||
import { Form, Space, DatePicker, Button, Select, Popconfirm, Image, Tooltip } from 'antd' |
|||
import moment from 'moment'; |
|||
import { values } from 'lodash'; |
|||
|
|||
export const unitList = [ |
|||
'县道', |
|||
'蒋巷镇', |
|||
'三江镇', |
|||
'塔城乡', |
|||
'泾口乡', |
|||
'八一乡', |
|||
'冈上镇', |
|||
'南新乡', |
|||
'富山乡', |
|||
'莲塘镇', |
|||
'金湖管理处', |
|||
'武阳镇', |
|||
'向塘镇', |
|||
'幽兰镇', |
|||
'广福镇', |
|||
'塘南镇', |
|||
'银三角管委会', |
|||
'黄马乡', |
|||
] |
|||
function Assess(props) { |
|||
const { dispatch, assess, user } = props; |
|||
const [assessModalVisible, setAssessModalVisible] = useState(false); |
|||
const [editData, setEditData] = useState(null); |
|||
const [query, setQuery] = useState({ page: 1, pageSize: 10 }) |
|||
const [loading, setLoading] = useState(false); |
|||
const [isCheck, setIsCheck] = useState(false) |
|||
const [datasource, setdatasource] = useState([]) |
|||
const [dateRange, setDateRange] = useState(['1970-1-1', '2099-12-31']); |
|||
const { RangePicker } = DatePicker |
|||
const [total, settotal] = useState(0) |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'ASSESSMANAGE')?.isshow === "true" ? true : '') |
|||
useEffect(() => { |
|||
|
|||
return () => { }; |
|||
}, []); |
|||
|
|||
useEffect(() => { |
|||
getData() |
|||
}, [query]) |
|||
|
|||
const getData = () => { |
|||
setLoading(true) |
|||
console.log(query, 'query') |
|||
dispatch(getRoadadministration({ ...query })).then(res => { |
|||
if (res?.success) { |
|||
setdatasource(res?.payload?.data?.rows) |
|||
settotal(res?.payload?.data?.count) |
|||
setLoading(false) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
return ( |
|||
<div> |
|||
<div style={{ marginBottom: '20px', display: 'flex', justifyContent: 'space-between' }}> |
|||
<Form layout="inline" onFinish={(v) => { |
|||
|
|||
setQuery({ |
|||
...query, page: 1, unit: v.unit, startTime: v?.time && moment(v?.time[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'), |
|||
endTime: v?.time && moment(v?.time[1]).add(1, 'days').endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|||
}) |
|||
}}> |
|||
|
|||
|
|||
<Form.Item name="time" label="执行日期"> |
|||
<RangePicker onChange={(date, dateString) => { setDateRange(dateString) }} style={{ marginRight: '50px' }} /> |
|||
</Form.Item> |
|||
|
|||
<Form.Item> |
|||
<Button type="primary" htmlType="submit">搜索</Button> |
|||
</Form.Item> |
|||
</Form> |
|||
|
|||
<Button type="primary" disabled={editAble} |
|||
onClick={() => { |
|||
setAssessModalVisible(true) |
|||
}}>新增</Button> |
|||
</div> |
|||
<ProTable |
|||
columns={[{ |
|||
title: '执法日期', |
|||
dataIndex: 'enforcementdate', |
|||
key: 'enforcementdate', |
|||
render: (t, r) => { |
|||
return r?.enforcementdate ? moment(r?.enforcementdate).format('YYYY-MM-DD') : '--' |
|||
} |
|||
}, |
|||
{ |
|||
title: '执法道路', |
|||
dataIndex: 'roadname', |
|||
key: 'roadname', |
|||
render: (t, r) => { |
|||
return <Tooltip title={r?.roadname}> |
|||
<span className='shenglve'>{r?.roadname && r?.roadname?.length > 20 ? r?.roadname?.substr(0, 20) + '...' : r?.roadname}</span> |
|||
</Tooltip> |
|||
} |
|||
}, |
|||
{ |
|||
title: '执法成果', |
|||
dataIndex: 'enforcementreslt', |
|||
key: 'enforcementreslt', |
|||
render: (t, r) => { |
|||
return <Tooltip title={r?.enforcementreslt}> |
|||
<span className='shenglve'>{r?.enforcementreslt && r?.enforcementreslt?.length > 20 ? r?.enforcementreslt?.substr(0, 20) + '...' : r?.enforcementreslt}</span> |
|||
</Tooltip> |
|||
} |
|||
}, |
|||
{ |
|||
title: '执法图片', |
|||
dataIndex: 'picfile', |
|||
key: 'picfile', |
|||
render: (t, r) => { |
|||
if (r?.picfile && r?.picfile?.length !== 0) { |
|||
return r?.picfile?.map(i => { |
|||
return <span style={{ marginRight: 10 }}> |
|||
<Image src={i?.url} width={80} /> |
|||
</span> |
|||
}) |
|||
} else { |
|||
return '--' |
|||
} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
key: 'action', |
|||
render: (text, record) => ( |
|||
<span> |
|||
<Button type="link" onClick={() => { |
|||
setAssessModalVisible(true) |
|||
setEditData(record) |
|||
setIsCheck(true) |
|||
}}>详情</Button> |
|||
<Button type="link" onClick={() => { |
|||
setAssessModalVisible(true) |
|||
setEditData(record) |
|||
|
|||
}} disabled={editAble}>编辑</Button> |
|||
<Popconfirm |
|||
title="确定删除此条数据吗?" |
|||
onConfirm={() => { |
|||
setLoading(true) |
|||
dispatch(delRoadadministration(record.id)).then(res => { |
|||
setLoading(false) |
|||
if (res.success) { |
|||
setQuery({ ...query, page: 1, pageSize: 10, limit: 10 }) |
|||
// getData(page)
|
|||
} |
|||
}) |
|||
}} |
|||
> |
|||
<Button type="link" danger disabled={editAble}>删除</Button> |
|||
</Popconfirm> |
|||
</span> |
|||
), |
|||
},]} |
|||
dataSource={datasource || []} |
|||
loading={loading} |
|||
pagination={{ |
|||
total: total || 0, |
|||
pageSize: 10, |
|||
defaultPageSize: 10, |
|||
showSizeChanger: false, |
|||
onChange: (page, pageSize) => { |
|||
console.log(page, 'page') |
|||
setQuery({ |
|||
...query, |
|||
page, limit: pageSize |
|||
}) |
|||
} |
|||
}} |
|||
rowKey="key" |
|||
toolBarRender={false} |
|||
search={false} |
|||
/> |
|||
{ |
|||
assessModalVisible ? <AssessModal check={isCheck} visible={assessModalVisible} editData={editData} onCancel={() => { |
|||
getData() |
|||
setIsCheck(false) |
|||
setEditData(null) |
|||
setAssessModalVisible(false) |
|||
}} /> : '' |
|||
} |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, assess } = state |
|||
return { |
|||
user: auth.user, |
|||
assess: assess.data || [], |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(Assess); |
|||
@ -1,41 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import MaintenanceTable from '../components/maintenanceTable'; |
|||
import { getUserList } from '../actions/patrol'; |
|||
const superagent = require('superagent'); |
|||
|
|||
const Maintenance = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
|
|||
useEffect(() => { |
|||
dispatch(getUserList()) |
|||
}, [true]) |
|||
|
|||
//批量导出
|
|||
const exports = (ids, counts) => { |
|||
// console.log(user);
|
|||
let reportIds = ids.toString(); |
|||
window.open( |
|||
'/_api/' + |
|||
`data/export?exp=maintenance&ids=${reportIds}&token=${user.token}`) |
|||
} |
|||
return ( |
|||
<> <MaintenanceTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(Maintenance); |
|||
@ -1,668 +0,0 @@ |
|||
import { connect } from 'react-redux'; |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { Button, Modal, Form, Input, Divider, Spin, Image, DatePicker, Descriptions, Table } from 'antd' |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import { getReportSpotPrepare, getSpotCheck, getSpotCheckDetail } from '../actions/extract' |
|||
import { getReportDetail } from '../actions/patrol'; |
|||
import moment from 'moment' |
|||
import '../components/maintenanceTable.less' |
|||
|
|||
|
|||
const DetailForm = (props) => { |
|||
const { visible, data, handleClose, loading } = props |
|||
//console.log('data1', data)
|
|||
const [qndmn] = useState(localStorage.getItem('qndmn')) |
|||
const changeBoolean = (bool) => { |
|||
// console.log('bool', bool)
|
|||
return bool ? '无异常' : '有异常' |
|||
} |
|||
const reportTypeText = (text) => { |
|||
switch (text) { |
|||
case 'road': return '道路'; |
|||
//
|
|||
case 'countyRoad': return '县道'; |
|||
case 'villageRoad': return '乡道'; |
|||
case 'rusticRoad': return '村道'; |
|||
//
|
|||
case 'bridge': return '桥梁'; |
|||
case 'culvert': return '涵洞'; |
|||
case 'other': return '其他'; |
|||
//
|
|||
case 'conserve': return '养护'; |
|||
case 'patrol': return '巡查'; |
|||
case 'construction': return '在建'; |
|||
default: return text; |
|||
} |
|||
} |
|||
const keyList = [ |
|||
{ key: '路线代码', name: 'codeRoad' }, |
|||
{ key: '其他', name: 'projectType' }, |
|||
{ key: '道路类型', name: 'reportType' }, |
|||
{ key: '路线名称', name: 'road' }, |
|||
{ key: '路线代码', name: 'codeRoad' }, |
|||
{ key: '养护路段', name: 'roadSectionStart' }, |
|||
{ key: '具体位置', name: 'address' }, |
|||
{ key: '路面类型', name: 'roadType' }, |
|||
{ key: '路面宽度(米)', name: 'roadWidth' }, |
|||
{ key: '错车道（个）', name: 'wrongLane' }, |
|||
{ key: '行道树（棵）', name: 'roadsideTrees' }, |
|||
{ key: '边沟（米）', name: 'roadsideDitch' }, |
|||
{ key: '护栏（米）', name: 'guardrail' }, |
|||
{ key: '标线（米）', name: 'roadMarking' }, |
|||
{ key: '养护人员人数（人）', name: 'maintenanceStaffCount' }, |
|||
{ key: '修整路肩（平方米）', name: 'shoulderRepair' }, |
|||
{ key: '清理边沟（米）', name: 'ditchCleaning' }, |
|||
{ key: '修补沥青路面（平方米）', name: 'asphaltRepair' }, |
|||
{ key: '修补水泥路面（平方米）', name: 'concreteRepair' }, |
|||
{ key: '除草（米）', name: 'grassMowing' }, |
|||
{ key: '树刷白（株/公里）', name: 'treeWhitening' }, |
|||
{ key: '桩刷白（个）', name: 'pileWhitening' }, |
|||
{ key: '维护护栏（个）', name: 'guardrailMaintenance' }, |
|||
{ key: '修复端头（块）', name: 'endHeadRepair' }, |
|||
{ key: '其他养护内容', name: 'otherDescription' }, |
|||
{ key: '养护前图片', name: 'conserveBeforePic' }, |
|||
{ key: '养护中图片', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后图片', name: 'conserveAfterPic' }, |
|||
{ key: '上报视频', name: 'videoUrl' }, |
|||
|
|||
]; |
|||
const keyListOld = [ |
|||
// { key: '编号', name: 'id' },
|
|||
{ key: '工程类型', name: 'projectType' }, |
|||
{ key: '所在路段', name: 'road' }, |
|||
{ key: '具体位置', name: 'address' }, |
|||
{ key: '巡查内容', name: 'content' }, |
|||
{ key: '路线代码', name: 'codeRoad' }, |
|||
// { key: '病害照片', name: 'scenePic' },
|
|||
{ key: '养护前', name: 'conserveBeforePic' }, |
|||
{ key: '养护中', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后', name: 'conserveAfterPic' }, |
|||
|
|||
]; |
|||
const roadInfo = [ |
|||
{ key: '路面类型', name: 'roadType' }, |
|||
{ key: '路面宽度/米', name: 'roadWidth' }, |
|||
{ key: '错车道/个', name: 'wrongLane' }, |
|||
{ key: '行道树/棵', name: 'roadsideTrees' }, |
|||
{ key: '边沟/米', name: 'roadsideDitch' }, |
|||
{ key: '护栏/米', name: 'guardrail' }, |
|||
{ key: '标线/米', name: 'roadMarking' }, |
|||
]; |
|||
const mantenanceInfo = [ |
|||
{ key: '养护人员人数/人', name: 'maintenanceStaffCount' }, |
|||
{ key: '修整路肩/平方米', name: 'shoulderRepair' }, |
|||
{ key: '开挖、清理边沟/米', name: 'ditchCleaning' }, |
|||
{ key: '修补沥青路面/平米', name: 'asphaltRepair' }, |
|||
{ key: '修补水泥路面/平米', name: 'concreteRepair' }, |
|||
{ key: '除草/米', name: 'grassMowing' }, |
|||
{ key: '行道树刷白/株/公里', name: 'treeWhitening' }, |
|||
{ key: '公里桩/百米桩刷漆/个', name: 'pileWhitening' }, |
|||
{ key: '维修护栏/米', name: 'guardrailMaintenance' }, |
|||
{ key: '修复端头/块', name: 'endHeadRepair' }, |
|||
{ key: '其他', name: 'otherDescription' }, |
|||
]; |
|||
const mantenancePic = [ |
|||
{ key: '养护前图片', name: 'conserveBeforePic' }, |
|||
{ key: '养护中图片', name: 'conserveUnderwayPic' }, |
|||
{ key: '养护后图片', name: 'conserveAfterPic' }, |
|||
]; |
|||
const renderContent = (data) => { |
|||
if (data) { |
|||
console.log('data1111', data) |
|||
if (moment(data.time).isAfter(moment('2023-08-03 00:00:00'))) { |
|||
return <div className='maintenanceNew'> |
|||
<Descriptions title="基础信息" bordered style={{ marginBottom: 20 }}> |
|||
<Descriptions.Item label="道路类型">{data['codeRoad'] && data['codeRoad'].length ? data['codeRoad'][0] === 'X' ? '县道' : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' : ''}</Descriptions.Item> |
|||
<Descriptions.item label="其他">{reportTypeText(data['projectType']) || ''}</Descriptions.item> |
|||
<Descriptions.item label="路线代码">{data['codeRoad'] || ''}</Descriptions.item> |
|||
<Descriptions.item label="路线名称">{data['code'] || ''}</Descriptions.item> |
|||
<Descriptions.item label="养护路段" span={2}>{data['roadSectionStart'] + '-' + data['roadSectionEnd'] || ''}</Descriptions.item> |
|||
<Descriptions.Item label="具体位置" span={3} >{data['address'] || ''}</Descriptions.Item> |
|||
</Descriptions> |
|||
<Descriptions title="道路信息" bordered style={{ marginBottom: 20 }}> |
|||
{roadInfo.map(item => ( |
|||
<Descriptions.Item label={item.key}> |
|||
{data[item.name] || ''} |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="道路信息" bordered style={{ marginBottom: 20 }}> |
|||
{mantenanceInfo.map(item => ( |
|||
<Descriptions.Item label={item.key}> |
|||
{data[item.name] || ''} |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护图片" bordered style={{ marginBottom: 20 }} > |
|||
{mantenancePic.map(item => ( |
|||
<Descriptions.Item label={item.key} span={3} > |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data[item.name]?.map(imgSrc => { |
|||
return <div style={{ width: '50px', margin: 6, display: 'flex' }}> |
|||
<Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} /> |
|||
</div> |
|||
}) || '暂无图片'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护视频" bordered style={{ marginBottom: 20 }} > |
|||
<Descriptions.Item label={'养护视频'} span={3}> |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data['videoUrl']?.map(videoSrc => { |
|||
return <div style={{ width: '44%', margin: 6, display: 'flex' }}> |
|||
<video src={qndmn + '/' + videoSrc} width={'100%'} style={{ marginBottom: 4 }} controls /> |
|||
</div> |
|||
}) || '暂无视频'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
</Descriptions> |
|||
</div> |
|||
// if (data) {
|
|||
// if (moment(data.time).isAfter(moment('2023-08-03 00:00:00'))) {
|
|||
// return keyList.map(obj => {
|
|||
// return <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name != 'conserveBeforePic' && obj.name != 'conserveAfterPic' && obj.name != 'roadSectionStart' && obj.name != 'videoUrl' && obj.name.indexOf('conserve') == -1 ?
|
|||
// <Input
|
|||
// style={{ width: '60%' }}
|
|||
// value={
|
|||
// obj.name == 'id' ?
|
|||
// moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// :
|
|||
// obj.name == 'projectType' ?
|
|||
// reportTypeText(data[obj.name])
|
|||
// : obj.name == 'reportType' && data['codeRoad'] ? data['codeRoad'][0] === 'X' ? '县道'
|
|||
// : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' :
|
|||
// data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// : obj.name != 'roadSectionStart' && obj.name != 'videoUrl' ?
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// }) : '暂无图片'
|
|||
// }
|
|||
// </div> : obj.name != 'videoUrl' ? <div style={{ width: '60%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// <Input style={{ width: '100%' }} disabled value={data[obj.name] + '-' + data['roadSectionEnd']} />
|
|||
|
|||
// </div> : <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(videoUrl => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <video width={'100%'} style={{ marginBottom: 4 }} >
|
|||
// <source src={qndmn + '/' + videoUrl} type="video/mp4" controls />
|
|||
// </video>
|
|||
// </div>
|
|||
// }) : '暂无视频'
|
|||
// }
|
|||
// </div>
|
|||
// }
|
|||
|
|||
// </div>
|
|||
// })
|
|||
|
|||
// } else {
|
|||
// return keyListOld.map(obj => {
|
|||
// return <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name != 'scenePic' && obj.name.indexOf('conserve') == -1 ?
|
|||
// <Input
|
|||
// style={{ width: '70%' }}
|
|||
// value={
|
|||
// obj.name == 'id' ?
|
|||
// moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// :
|
|||
// obj.name == 'projectType' ?
|
|||
// reportTypeText(data[obj.name]) :
|
|||
// data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// :
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// }) : '暂无图片'
|
|||
// }
|
|||
// </div>
|
|||
|
|||
// }
|
|||
// </div>
|
|||
// })
|
|||
|
|||
// }
|
|||
|
|||
} else { |
|||
return <div className='maintenanceNew'> |
|||
<Descriptions title="养护信息" bordered style={{ marginBottom: 20 }} column={3}> |
|||
<Descriptions.Item label="道路类型">{data['codeRoad'] && data['codeRoad'].length ? data['codeRoad'][0] === 'X' ? '县道' : data['codeRoad'][0] === 'Y' ? '乡道' : '村道' : ''}</Descriptions.Item> |
|||
<Descriptions.item label="养护路段" >{data['roadSectionStart'] && data['roadSectionEnd'] ? (data['roadSectionStart'] + '-' + data['roadSectionEnd']) : ''}</Descriptions.item> |
|||
<Descriptions.item label="路线代码">{data['codeRoad'] || ''}</Descriptions.item> |
|||
{/* <Descriptions.item label="路线名称">{data['code'] || ''}</Descriptions.item> */} |
|||
<Descriptions.Item label="具体位置" span={3} >{data['address'] || ''}</Descriptions.Item> |
|||
<Descriptions.Item label="养护内容" span={3} >{data['content'] || ''}</Descriptions.Item> |
|||
</Descriptions> |
|||
<Descriptions title="养护图片" bordered style={{ marginBottom: 20 }} > |
|||
{mantenancePic.map(item => ( |
|||
<Descriptions.Item label={item.key} className="custom-item" span={3}> |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data[item.name]?.map(imgSrc => { |
|||
return <div style={{ width: '50px', margin: 6, display: 'flex' }}> |
|||
<Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} /> |
|||
</div> |
|||
}) || '暂无图片'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
))} |
|||
</Descriptions> |
|||
<Descriptions title="养护视频" bordered style={{ marginBottom: 20 }} > |
|||
<Descriptions.Item label={'养护视频'} className="custom-item" > |
|||
<div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}> |
|||
{data['videoUrl']?.map(videoSrc => { |
|||
return <div style={{ width: '44%', margin: 6, display: 'flex' }}> |
|||
<video src={qndmn + '/' + videoSrc} width={'100%'} style={{ marginBottom: 4 }} controls /> |
|||
</div> |
|||
}) || '暂无视频'} |
|||
</div> |
|||
</Descriptions.Item> |
|||
</Descriptions> |
|||
</div> |
|||
} |
|||
} else { |
|||
return '暂无数据' |
|||
} |
|||
} |
|||
// const renderContent = (data) => {
|
|||
// if (data) {
|
|||
// if (data['inspectionNoException']) {
|
|||
// // 当'无异常'字段为true时，显示'无异常'和其他非异常相关字段
|
|||
// return keyList.map(obj => {
|
|||
// if (obj.name === 'inspectionNoException' || obj.name === 'reportType' || obj.name === 'projectType' || obj.name === 'road' || obj.name === 'roadSectionStart' || obj.name === 'address' || obj.name === 'codeRoad' || obj.name === 'scenePic' || obj.name === 'videoUrl') {
|
|||
// return (
|
|||
// <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name === 'scenePic' && data[obj.name] instanceof Array ?
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// })
|
|||
// }
|
|||
// </div>
|
|||
// : obj.name === 'roadSectionStart' ?
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// <Input style={{ width: '100%' }} disabled value={data[obj.name] + '-' + data['roadSectionEnd']} />
|
|||
// </div>
|
|||
// :
|
|||
// <Input
|
|||
// style={{ width: '70%' }}
|
|||
// value={
|
|||
// obj.name === 'inspectionNoException' ?
|
|||
// '无异常'
|
|||
// :
|
|||
// obj.name === 'id'
|
|||
// ? moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// : obj.name === 'projectType' || obj.name === 'reportType'
|
|||
// ? reportTypeText(data[obj.name])
|
|||
// : data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// }
|
|||
// </div>
|
|||
// );
|
|||
// } else {
|
|||
// return null; // 不渲染异常相关字段
|
|||
// }
|
|||
// });
|
|||
// } else {
|
|||
// // 当'无异常'字段为false或未定义时，显示其他异常相关字段
|
|||
// return keyList.map(obj => {
|
|||
// if (obj.name !== 'inspectionNoException') {
|
|||
// return (
|
|||
// <div style={{ display: 'flex', width: '100%', justifyContent: 'space-between', margin: '12px 0' }}>
|
|||
// <span style={{ fontSize: 16, color: 'gray', minWidth: '26%' }}>{obj.key}</span>
|
|||
// {
|
|||
// obj.name !== 'scenePic' && obj.name !== 'roadSectionStart' && obj.name.indexOf('conserve') === -1 ?
|
|||
// <Input
|
|||
// style={{ width: '70%' }}
|
|||
// value={
|
|||
// obj.name === 'id'
|
|||
// ? moment(data.time).format("YYYYMMDD") * 10000 + data.id
|
|||
// : obj.name === 'projectType' || obj.name === 'reportType'
|
|||
// ? reportTypeText(data[obj.name])
|
|||
// : data[obj.name]
|
|||
// }
|
|||
// disabled
|
|||
// />
|
|||
// : obj.name !== 'roadSectionStart' ?
|
|||
// <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// {
|
|||
// data[obj.name] && data[obj.name] instanceof Array ? data[obj.name].map(imgSrc => {
|
|||
// return <div style={{ width: '44%', margin: 6 }}>
|
|||
// <Image src={qndmn + '/' + imgSrc} width={'100%'} style={{ marginBottom: 4 }} />
|
|||
// </div>
|
|||
// }) : '暂无图片'
|
|||
// }
|
|||
// </div>
|
|||
// : <div style={{ width: '70%', display: 'flex', position: 'relative', flexWrap: 'wrap' }}>
|
|||
// <Input style={{ width: '100%' }} disabled value={data[obj.name] + '-' + data['roadSectionEnd']} />
|
|||
// </div>
|
|||
// }
|
|||
// </div>
|
|||
// );
|
|||
// } else {
|
|||
// return null; // 不渲染其他异常字段
|
|||
// }
|
|||
// });
|
|||
// }
|
|||
// } else {
|
|||
// return '暂无数据';
|
|||
// }
|
|||
// }
|
|||
return ( |
|||
<Modal |
|||
width={'60%'} |
|||
visible={visible} |
|||
footer={null} |
|||
onCancel={handleClose} |
|||
title={'养护管理详情'} |
|||
> |
|||
<Spin spinning={loading}> |
|||
{renderContent(data)} |
|||
</Spin> |
|||
</Modal> |
|||
) |
|||
} |
|||
const MaintenanceSpotCheck = (props) => { |
|||
const { dispatch, user, loading, reportDetail, reportDetailLoading } = props |
|||
const [data, setData] = useState()//外层表格的数据
|
|||
const [vis, setVis] = useState(false)//模态框的显示与隐藏变量
|
|||
const [count, setCount] = useState(0) |
|||
const [depId, setDepId] = useState(0) |
|||
const [depName, setDepName] = useState('') |
|||
const [total, setTotal] = useState(0) |
|||
const [previewId, setPreviewId] = useState(0) |
|||
const [reportData, setReportData] = useState([]) |
|||
const [detailVisible, setDetailVisible] = useState(false) |
|||
const [dateRange, setDateRange] = useState(['1970-1-1', '2099-12-31']); |
|||
const { RangePicker } = DatePicker |
|||
const [expandedRowKeys, setExpandedRowKeys] = useState([]); |
|||
|
|||
//console.log('reportData', reportData)
|
|||
const checkDetail = (record) => { |
|||
dispatch(getReportDetail(record?.id)) |
|||
} |
|||
const handleOpen = () => { |
|||
setDetailVisible(true) |
|||
} |
|||
const handleClose = () => { |
|||
setDetailVisible(false) |
|||
} |
|||
|
|||
//里层列名
|
|||
const columns = [ |
|||
{ |
|||
title: '抽查日期', |
|||
key: 'spotDate', |
|||
dataIndex: 'spotDate', |
|||
align: 'center', |
|||
// render: (_, record) => {
|
|||
// return
|
|||
// }
|
|||
}, |
|||
{ |
|||
title: '抽查乡镇', |
|||
key: 'projectType', |
|||
dataIndex: 'depName', |
|||
align: 'center', |
|||
|
|||
}, |
|||
{ |
|||
title: '抽查数量', |
|||
key: 'count', |
|||
dataIndex: 'count', |
|||
align: 'center', |
|||
|
|||
}, |
|||
{ |
|||
title: '抽查总数', |
|||
key: 'reportCount', |
|||
dataIndex: 'reportCount', |
|||
align: 'center', |
|||
|
|||
}, |
|||
|
|||
] |
|||
const queryData = (query = { startTime: '1970-1-1', endTime: '2099-12-31' }) => { |
|||
dispatch(getSpotCheckDetail(query)).then(res => { |
|||
if (res.success) { |
|||
const data = res?.payload.data?.map(item => { |
|||
return { |
|||
spotDate: moment(item.date).format('YYYY-MM-DD'), |
|||
depName: item.department?.name, |
|||
reportCount: item.reportCount, |
|||
count: Math.ceil((item.reportCount * item.percentage) / 100), |
|||
reportDetail: item.reportSpotChecks?.map(child => { |
|||
return child.report |
|||
}), |
|||
id: item.id |
|||
} |
|||
}) |
|||
//console.log('data1', data)
|
|||
setReportData(data) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
useEffect(() => { |
|||
queryData() |
|||
}, []) |
|||
const [form] = Form.useForm() |
|||
const addHanler = () => { |
|||
setVis(true) |
|||
} |
|||
const extractHandler = () => { |
|||
form.validateFields(['percentValue']).then(async (values) => { |
|||
if (Number(values.percentValue) > 0) { |
|||
const res = await dispatch(getReportSpotPrepare({ percentage: Number(values.percentValue) })) |
|||
// setCount(res?.payload.data?.reportCount)
|
|||
// setDepId(res?.payload.data?.lukyDepartment?.id)
|
|||
// setDepName(res?.payload.data?.lukyDepartment?.name)
|
|||
setPreviewId(res?.payload.data?.previewId) |
|||
// setTotal(Math.ceil((res?.payload.data?.reportCount) * (Number(values.percentValue) / 100)))
|
|||
|
|||
form.setFieldsValue({ |
|||
'result': res?.payload.data?.reportCount, |
|||
'village': res?.payload.data?.lukyDepartment?.name, |
|||
'total': Math.ceil((res?.payload.data?.reportCount) * (Number(values.percentValue) / 100)) |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
const cancelHandler = () => { |
|||
setVis(false) |
|||
form.resetFields() |
|||
} |
|||
const okHandler = async () => { |
|||
if (previewId !== 0) { |
|||
const res = await dispatch(getSpotCheck({ previewId })) |
|||
const rslt = res.payload.data.map(item => { |
|||
return { |
|||
spotDate: moment(item.date).format('YYYY-MM-DD'), |
|||
depName: item.department?.name, |
|||
reportCount: item.reportCount, |
|||
count: Math.ceil((item.reportCount * item.percentage) / 100), |
|||
reportDetail: item.reportSpotChecks?.map(child => { |
|||
return child.report |
|||
}), |
|||
id: item.id |
|||
} |
|||
}) || [] |
|||
setReportData(rslt) |
|||
form.resetFields() |
|||
setVis(false) |
|||
} |
|||
} |
|||
//console.log('setReportData', reportData)
|
|||
|
|||
const lookhandler = () => { |
|||
if ((dateRange && dateRange instanceof Array && dateRange[0] != '')) { |
|||
queryData({ startTime: moment(dateRange[0]).startOf('day').format('YYYY-MM-DD HH:mm:ss'), endTime: moment(dateRange[1]).endOf('day').format('YYYY-MM-DD HH:mm:ss') }) |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<div> |
|||
<Button onClick={addHanler} type='primary' style={{ marginRight: '50px' }}> 新增 </Button> |
|||
<RangePicker onChange={(date, dateString) => { setDateRange(dateString) }} style={{ marginRight: '50px' }} /> |
|||
<Button onClick={lookhandler} > 查询 </Button> |
|||
<Divider /> |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={reportData} |
|||
loading={loading} |
|||
expandable={{ |
|||
//expandedRowKeys, // 控制哪些行展开，这里需要通过 state 管理
|
|||
defaultExpandedRowKeys: ['0'], |
|||
// onExpand: handleExpand,
|
|||
expandedRowRender: (record) => ( |
|||
< Table |
|||
pagination={false} |
|||
dataSource={record?.reportDetail} |
|||
columns={ |
|||
[ |
|||
{ title: '所属道路', dataIndex: 'road' }, |
|||
{ |
|||
title: '所在路段', |
|||
key: 'address', |
|||
dataIndex: 'address', |
|||
align: 'center', |
|||
render: (_, r) => { |
|||
return `${r?.roadSectionStart || ''}-${r?.roadSectionEnd || ''}` |
|||
} |
|||
}, |
|||
{ title: '具体位置', dataIndex: 'address' }, |
|||
{ |
|||
title: '上报人', |
|||
width: 100, |
|||
key: 'userName', |
|||
dataIndex: 'userName', |
|||
align: 'center', |
|||
render: (text, r) => { |
|||
return r?.user?.name || '' |
|||
} |
|||
}, |
|||
{ |
|||
title: '上报时间', |
|||
key: 'time', |
|||
dataIndex: 'time', |
|||
valueType: 'dateTime', |
|||
align: 'center', |
|||
render: (_, r) => { |
|||
return moment(r?.time).format('YYYY-MM-DD HH:mm:ss') |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
key: 'caozuo', |
|||
align: 'center', |
|||
render: (_, r) => { |
|||
return <Button |
|||
onClick={() => { checkDetail(r); handleOpen() }} |
|||
style={{ marginRight: 10 }}>查看</Button> |
|||
} |
|||
} |
|||
// { title: '', dataIndex: 'subColumn1' },
|
|||
// { title: '', dataIndex: 'subColumn2' },
|
|||
// ... 其他子表格列配置
|
|||
]} |
|||
/> |
|||
), |
|||
}} |
|||
pagination={{ |
|||
pageSize: 10, |
|||
defaultPageSize: 10, |
|||
showSizeChanger: false, |
|||
}} |
|||
rowKey={(record) => { return record.id }} |
|||
toolBarRender={false} |
|||
search={false} |
|||
/> |
|||
<Modal visible={vis} onCancel={cancelHandler} title='养护抽查' onOk={okHandler}> |
|||
<Form form={form}> |
|||
<Form.Item |
|||
label="抽取比例(%)" |
|||
// name="percent"
|
|||
rules={[{ required: true, message: '请填写抽取比例' }]} |
|||
> |
|||
<Input.Group compact> |
|||
<Form.Item |
|||
name="percentValue" |
|||
noStyle |
|||
rules={[ |
|||
{ required: true, message: '请填写抽取比例' }, |
|||
{ |
|||
pattern: /^(100|\d{1,2})(\.\d{1,2})?$/, |
|||
message: '请输入有效的比例', |
|||
}, |
|||
]} |
|||
> |
|||
<Input style={{ width: '80%' }} placeholder="请输入抽取比例" /> |
|||
</Form.Item> |
|||
{/* <Form.Item |
|||
// name="percentSign"
|
|||
noStyle |
|||
style={{ width: '20%', textAlign: 'center' }} |
|||
> |
|||
% |
|||
</Form.Item> */} |
|||
</Input.Group> |
|||
</Form.Item> |
|||
<Form.Item className="ant-row" > |
|||
|
|||
<Button style={{ marginLeft: '200%' }} type='primary' onClick={extractHandler}>开始抽取</Button> |
|||
</Form.Item> |
|||
<Form.Item label='抽查总数' name='result'> |
|||
<Input disabled /> |
|||
</Form.Item> |
|||
<Form.Item label='抽查乡镇' name='village'> |
|||
<Input disabled /> |
|||
</Form.Item> |
|||
<Form.Item label='抽查条数' name='total'> |
|||
<Input disabled /> |
|||
</Form.Item> |
|||
</Form> |
|||
</Modal> |
|||
<DetailForm visible={detailVisible} |
|||
handleClose={handleClose} |
|||
data={reportDetail} |
|||
loading={reportDetailLoading} /> |
|||
</div> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, spotCheckDetail, reportDetail } = state |
|||
//('state1', state)
|
|||
return { |
|||
user: auth.user, |
|||
loading: spotCheckDetail?.isRequesting, |
|||
reportDetailLoading: reportDetail.isRequesting, |
|||
reportDetail: reportDetail.data, |
|||
|
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(MaintenanceSpotCheck); |
|||
@ -1,38 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import OperaTionalTable from '../components/operationalTable'; |
|||
const superagent = require('superagent'); |
|||
const operational = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
const exports = (ids,differentiate,genre) => { |
|||
let idas=ids.toString() |
|||
if(differentiate=='vehicle'){ |
|||
window.open( |
|||
'/_api/'+`data/export/?ids=${idas||''}&exp=${differentiate}&municipalType=${genre}&token=${user.token}`) |
|||
}if(differentiate=='business'){ |
|||
window.open( |
|||
'/_api/'+`data/export/?ids=${idas||''}&exp=${differentiate}&token=${user.token}`) |
|||
} |
|||
|
|||
|
|||
} |
|||
return ( |
|||
<> <OperaTionalTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(operational); |
|||
@ -1,39 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import { getUserList } from '../actions/patrol'; |
|||
import PatrolTable from '../components/patrolTable'; |
|||
|
|||
const patrol = (props) => { |
|||
const { dispatch, user, location: { pathname } } = props |
|||
|
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
setData(props) |
|||
}, []); |
|||
|
|||
useEffect(() => { |
|||
dispatch(getUserList()) |
|||
}, [true]) |
|||
//批量导出
|
|||
const exports = (ids, reportType) => { |
|||
let reportIds = ids.toString(); |
|||
window.open( |
|||
'/_api/' + |
|||
`data/export?exp=patrol&ids=${reportIds}&token=${user.token}&patrolType=${reportType}`) |
|||
} |
|||
return ( |
|||
<> |
|||
<PatrolTable data={data} exports={exports} pathname={pathname} user={user} /> |
|||
</> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(patrol); |
|||
@ -1,35 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import EnforceTable from '../components/enforceTable'; |
|||
import PromoTionalTable from '../components/promotionalTable'; |
|||
const superagent = require('superagent'); |
|||
const promotional = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
//批量导出
|
|||
const exports = (ids,counts) => { |
|||
console.log(counts); |
|||
let idas=ids.toString() |
|||
window.open( |
|||
'/_api/'+`data/export/?ids=${idas||''}&exp=${'overspeed'}&token=${user.token}`) |
|||
|
|||
} |
|||
return ( |
|||
<> <PromoTionalTable data={data} exports={exports}/> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(promotional); |
|||
@ -1,38 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import PublicTable from '../components/publicTable'; |
|||
const superagent = require('superagent'); |
|||
const Public = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
//批量导出
|
|||
const exports = (ids, rewkeys) => { |
|||
let idas = ids.toString() |
|||
if (rewkeys === 'xianlu') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${'busLine'}&token=${user.token}`) |
|||
} |
|||
if (rewkeys === 'cheliang') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${'busCar'}&token=${user.token}`) |
|||
} |
|||
} |
|||
return ( |
|||
<> <PublicTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(Public); |
|||
@ -1,186 +0,0 @@ |
|||
'use strict'; |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Button, Table, Spin, Select, Divider, Popconfirm } from 'antd'; |
|||
import moment from 'moment'; |
|||
import { debounce } from 'lodash' |
|||
import AddModal from '../components/task/addTaskModal'; |
|||
import { getRoadway } from '../actions/infor' |
|||
import { getTask } from '../actions/task' |
|||
import { delTask } from '../actions/task' |
|||
|
|||
const Task = (props) => { |
|||
const { dispatch } = props |
|||
const [addModalVis, setAddModalVis] = useState(false) |
|||
const [roadRes, setRoadRes] = useState([])//路线列表
|
|||
const [selectVal, setSelectVal] = useState('all')//选择框得值
|
|||
const [inputVal, setIputVal] = useState(undefined) |
|||
const [taskRes, setTaskRes] = useState([]) |
|||
const [recordRow, setRecordRow] = useState(null) |
|||
const [lookVal, setLookval] = useState('') |
|||
useEffect(async () => { |
|||
const res = await dispatch(getRoadway({})) |
|||
setRoadRes(res.payload.data) |
|||
}, []) |
|||
|
|||
const getData = async (querySelect = { id: inputVal, isdanger: selectVal === 'all' ? undefined : selectVal === 'y' ? true : false }) => { |
|||
const task = await dispatch(getTask(querySelect)) |
|||
setTaskRes(task.payload?.data) |
|||
} |
|||
useEffect(async () => { |
|||
getData() |
|||
}, []) |
|||
//搜索道路名称
|
|||
const searchRoadName = async (value) => { |
|||
const task = await dispatch(getTask({ id: value, isdanger: selectVal === 'all' ? undefined : selectVal === 'y' ? true : false })) |
|||
setTaskRes(task.payload?.data) |
|||
setIputVal(value) |
|||
} |
|||
//选择安全是否消除
|
|||
const changeSelect = async (value) => { |
|||
//console.log('value', value)
|
|||
const task1 = await dispatch(getTask({ id: inputVal, isdanger: value === 'all' ? undefined : value === 'y' ? true : false })) |
|||
setTaskRes(task1.payload?.data) |
|||
setSelectVal(value) |
|||
} |
|||
//刪除task
|
|||
const delTaskHandler = async (record) => { |
|||
const res = await dispatch(delTask({ id: record.id })) |
|||
if (res.success) { |
|||
getData() |
|||
} |
|||
} |
|||
//查看
|
|||
const look = (record) => { |
|||
setAddModalVis(true) |
|||
setLookval(record) |
|||
setRecordRow(record); |
|||
|
|||
} |
|||
//配置表格列
|
|||
const columns = [{ |
|||
title: '路线名称', |
|||
render: (_, record) => { |
|||
return <div>{record.road.routeName}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '路线代码', |
|||
render: (_, record) => { |
|||
return <div>{record.road.routeCode}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '隐患说明', |
|||
dataIndex: 'dangerDescription', |
|||
//with: 20,
|
|||
// textWrap: 'word-break',
|
|||
// ellipsis: true
|
|||
}, |
|||
{ |
|||
title: '下发时间', |
|||
render: (_, record) => { |
|||
return <div>{record.issuanceTime ? moment(record?.issuanceTime).format('YYYY-MM-DD HH:mm:ss') : ''}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '责任人', |
|||
//with: 20,
|
|||
render: (_, record) => { |
|||
return <div>{record.user.name}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '是否消除隐患', |
|||
render: (_, record) => { |
|||
return <div>{record.isdanger === null ? '' : record.isdanger === 'true' ? '是' : '否'}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '上报时间', |
|||
render: (_, record) => { |
|||
return <div>{record.reportTime ? moment(record.reportTime).format('YYYY-MM-DD HH:mm:ss') : ''}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
render: (dom, record) => { |
|||
return <div> |
|||
{record.reportTime ? '' : <Button type='link' onClick={() => { |
|||
setRecordRow(record); |
|||
setAddModalVis(true) |
|||
}}>编辑</Button>} |
|||
<Popconfirm title='确定要删除吗？' onConfirm={() => { delTaskHandler(record) }}><Button type='link'>刪除</Button></Popconfirm> |
|||
<Button type='link' onClick={() => { look(record) }}>查看</Button> |
|||
</div> |
|||
|
|||
} |
|||
}, |
|||
] |
|||
|
|||
//配置分页
|
|||
const paginationOpt = { |
|||
defaultCurrent: 1, |
|||
defaultPageSize: 5, |
|||
total: taskRes?.count, |
|||
showSizeChanger: true, |
|||
showQuickJumper: true, |
|||
pageSizeOptions: ["5", "10", "15"], |
|||
showTotal: function () { |
|||
return `共有${taskRes?.count}条` |
|||
} |
|||
} |
|||
|
|||
|
|||
return (<div className='taskMenu'> |
|||
<div style={{ display: 'flex', flexWrap: ' nowrap', justifyContent: 'space-between' }}> |
|||
<div style={{ marginLeft: 20 }}> |
|||
路线名称: <Select |
|||
allowClear='true' |
|||
showSearch |
|||
placeholder="请输入关键词" |
|||
//optionFilterProp="children"
|
|||
onChange={(value) => { searchRoadName(value) }} |
|||
//onSearch={(value) => { console.log('11111', value) }}
|
|||
filterOption={(input, option) => |
|||
(option?.label ?? '').toLowerCase().includes(input.toLowerCase()) |
|||
} |
|||
options={roadRes?.map((item) => ({ |
|||
label: item.routeName, |
|||
value: item.id |
|||
}) |
|||
)} |
|||
/> |
|||
</div> |
|||
<div> |
|||
是否存在安全隐患: <Select placeholder='请输入关键词' |
|||
options={[{ value: 'all', label: '全部' }, { value: 'y', label: '是' }, { value: 'n', label: '否' }]} |
|||
|
|||
onChange={(value) => { changeSelect(value) }}> |
|||
</Select> |
|||
</div> |
|||
<div > |
|||
<Button type='primary' onClick={() => { setRecordRow(null); setAddModalVis(true) }}>新增</Button> |
|||
</div> |
|||
</div> |
|||
<Divider style={{ marginTop: 10 }} /> |
|||
<Table columns={columns} dataSource={taskRes?.rows} size="small" pagination={paginationOpt}> |
|||
</Table> |
|||
<AddModal visible={addModalVis} onClose={() => { setAddModalVis(false); getData(); setRecordRow(null); setLookval(null) }} recordRow={recordRow} |
|||
lookVal={lookVal} |
|||
></AddModal> |
|||
|
|||
</div >) |
|||
|
|||
|
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
//const { task } = state;
|
|||
return { |
|||
|
|||
//isRequesting: task.isRequesting,
|
|||
} |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(Task); |
|||
@ -1,40 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import '../style.less'; |
|||
import { getDepMessage, getReportStatistic } from "../actions/infor" |
|||
import TransporTationTable from '../components/transportationTable'; |
|||
const superagent = require('superagent'); |
|||
const transportation = (props) => { |
|||
const { dispatch, user } = props |
|||
const [data, setData] = useState() |
|||
useEffect(() => { |
|||
// dispatch(getDepMessage())
|
|||
|
|||
setData(props) |
|||
}, []); |
|||
//批量导出
|
|||
const exports = (ids, grade, differentiate) => { |
|||
//console.log(differentiate);
|
|||
let idas = ids.toString() |
|||
if (differentiate == 'road') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&roadLevel=${grade || ''}&token=${user.token}`) |
|||
} if (differentiate == 'project') { |
|||
window.open( |
|||
'/_api/' + `data/export/?ids=${idas || ''}&exp=${differentiate}&token=${user.token}`) |
|||
} |
|||
|
|||
|
|||
} |
|||
return ( |
|||
<> <TransporTationTable data={data} exports={exports} /> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth } = state |
|||
return { |
|||
user: auth.user, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(transportation); |
|||
@ -1,30 +0,0 @@ |
|||
import React, { useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { getAssess, delAssess, editAssess } from '../actions/assess'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import AssessModal from '../components/assessModal'; |
|||
import { Form, Space, DatePicker, Button, Select, Popconfirm } from 'antd' |
|||
import moment from 'moment'; |
|||
|
|||
function VideoCenter (props) { |
|||
const { dispatch, vcmpWebUrl, vcmpMirrorId } = props; |
|||
|
|||
useEffect(() => { |
|||
return () => { }; |
|||
}, []); |
|||
|
|||
return ( |
|||
<div> |
|||
<iframe allowFullScreen src={`${vcmpWebUrl}/callService?mid=${vcmpMirrorId}`} style={{ height: 'calc(100vh - 142px)', width: '100%', display: 'block' }} frameBorder={0}></iframe> |
|||
</div> |
|||
); |
|||
} |
|||
function mapStateToProps (state) { |
|||
const { auth, global } = state |
|||
return { |
|||
user: auth.user, |
|||
vcmpWebUrl: global.vcmpWebUrl, |
|||
vcmpMirrorId: global.vcmpMirrorId, |
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(VideoCenter); |
|||
@ -1,243 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Input, Table, Button, Select, message, Popconfirm } from 'antd'; |
|||
// import { getAccidentInfo, createAccidentInfo, deleteAccidentInfo, editAccidentInfo, getAllCompany } from '../actions/device';
|
|||
|
|||
// import EditAccidentModal from '../components/editAccidentModal';
|
|||
import EditGuanlang from '../components/editGuanlang'; |
|||
import '../style.less'; |
|||
import { Func } from '$utils'; |
|||
|
|||
import moment from 'moment'; |
|||
var recordId = null; |
|||
const Guanlang = (props) => { |
|||
const { dispatch, user, totalPage, companys, creditScore } = props |
|||
const [data, setData] = useState([]) |
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalRecord, setModalRecord] = useState(); |
|||
const [companyName, setCompanyName] = useState(null) |
|||
const [creditCode, setCreditCode] = useState(null) |
|||
const [pageSize, setPageSize] = useState(10); |
|||
const [currentPage, setCurrentPage] = useState(1); |
|||
const [applyStatus, setApplyStatus] = useState(null); |
|||
const [applyState, setApplyState] = useState('check'); // check 查看；create 新增； apply 初审； approve 复审
|
|||
const [editModal, setEditModal] = useState(false); |
|||
const [readOnly, setReadOnly] = useState(false); |
|||
|
|||
const accidentInfo= [] |
|||
// const initial = (params, search = false) => {
|
|||
// dispatch(getAccidentInfo(params)).then(() => { if (search) setCurrentPage(1) })
|
|||
// }
|
|||
|
|||
useEffect(() => { |
|||
const params = { limit: pageSize, offset: currentPage } |
|||
// initial(params)
|
|||
}, [true]) |
|||
|
|||
|
|||
const openModal = (record, state) => { |
|||
if (state == 'check') { |
|||
setReadOnly(true) |
|||
} else { |
|||
setReadOnly(false) |
|||
} |
|||
searchCompany(record.companyName) |
|||
setApplyState(state); |
|||
setModalVisible(true); |
|||
setModalRecord(record); |
|||
} |
|||
const search = () => { |
|||
const params = { company: companyName, applyStatus, limit: pageSize, offset: 1 } |
|||
// initial(params, true)
|
|||
} |
|||
const clearSearch = () => { |
|||
setCompanyName(null) |
|||
setCreditCode(null) |
|||
const params = { limit: pageSize, offset: currentPage } |
|||
// initial(params)
|
|||
} |
|||
const columns = [ |
|||
{ |
|||
title: '序号', |
|||
dataIndex: 'companyName', |
|||
key: 'companyName', |
|||
|
|||
}, |
|||
{ |
|||
title: '设备名称', |
|||
dataIndex: 'accidentTime', |
|||
key: 'accidentTime', |
|||
|
|||
render: (text) => { |
|||
return moment(text).format('YYYY-MM-DD') |
|||
} |
|||
}, |
|||
{ |
|||
title: '设备状态', |
|||
dataIndex: 'stationName', |
|||
key: 'stationName', |
|||
|
|||
render: (v, t) => { |
|||
let list = t.accidentStations.map(item => item.stationName); |
|||
return list.join(','); |
|||
} |
|||
}, |
|||
{ |
|||
title: '接入类型', |
|||
dataIndex: 'stationName', |
|||
key: 'stationName', |
|||
|
|||
render: (v, t) => { |
|||
let list = t.accidentStations.map(item => item.stationName); |
|||
return list.join(','); |
|||
} |
|||
}, |
|||
{ |
|||
title: '设备厂家', |
|||
dataIndex: 'stationName', |
|||
key: 'stationName', |
|||
|
|||
render: (v, t) => { |
|||
let list = t.accidentStations.map(item => item.stationName); |
|||
return list.join(','); |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
render: (record) => { |
|||
return ( |
|||
<span> |
|||
<a onClick={() => openModal(record, 'check')}>查看 </a> |
|||
<a onClick={() => openModal(record, 'edit')}>编辑 </a> |
|||
<Popconfirm |
|||
title="确认删除" |
|||
onConfirm={() => { |
|||
// console.log(record)
|
|||
// dispatch(deleteAccidentInfo(record.id)).then((res) => {
|
|||
// if (res.success) {
|
|||
// message.success('删除记录成功');
|
|||
// search();
|
|||
// }
|
|||
// }
|
|||
// )
|
|||
} |
|||
} |
|||
> |
|||
<a>删除 </a> |
|||
</Popconfirm> |
|||
</span> |
|||
) |
|||
} |
|||
} |
|||
]; |
|||
|
|||
const handleSaveScore = (data) => { |
|||
console.log('执行了') |
|||
setModalVisible(false); |
|||
// if (applyState == 'create')
|
|||
// dispatch(createAccidentInfo(data)).then(res => {
|
|||
// if (res.success) {
|
|||
// message.success('事故资讯添加成功');
|
|||
// setModalVisible(false);
|
|||
// search();
|
|||
// }
|
|||
// })
|
|||
// else if (applyState == 'edit') {
|
|||
// dispatch(editAccidentInfo(data)).then(res => {
|
|||
// if (res.success) {
|
|||
// message.success('事故资讯编辑成功');
|
|||
// setModalVisible(false);
|
|||
// search();
|
|||
// }
|
|||
// })
|
|||
// }
|
|||
} |
|||
var timer = null; |
|||
const searchCompany = (companyName) => { |
|||
if (timer) { |
|||
clearTimeout(timer) |
|||
} else { |
|||
timer = setTimeout(() => { |
|||
// dispatch(getAllCompany({ companyName }));
|
|||
}, 400); |
|||
} |
|||
} |
|||
|
|||
const spanStyle = { diplay: 'inline-block', marginLeft: 10 } |
|||
const inputStyle = { width: 200 } |
|||
return ( |
|||
<div style={{ margin: 5 }}> |
|||
<div style={{ marginBottom: 10 }}> |
|||
<span style={spanStyle}> |
|||
设备搜索： |
|||
<Input style={inputStyle} placeholder='请输入' value={companyName} onChange={(v) => setCompanyName(v.target.value)}></Input> |
|||
</span> |
|||
<span style={{...spanStyle,marginLeft: 40}}> |
|||
接入类型： |
|||
<Input style={inputStyle} placeholder='请输入' value={companyName} onChange={(v) => setCompanyName(v.target.value)}></Input> |
|||
</span> |
|||
<span style={{...spanStyle,marginLeft: 40}}> |
|||
厂家筛选： |
|||
<Input style={inputStyle} placeholder='请输入' value={companyName} onChange={(v) => setCompanyName(v.target.value)}></Input> |
|||
</span> |
|||
<span style={{...spanStyle,marginLeft: 40}}> |
|||
查询状态： |
|||
<Input style={inputStyle} placeholder='请输入' value={companyName} onChange={(v) => setCompanyName(v.target.value)}></Input> |
|||
</span> |
|||
<Button type='primary' onClick={() => search()} style={{ marginLeft: 15 }}>查询</Button> |
|||
<Button onClick={() => { setModalVisible(true); setApplyState('create'); setReadOnly(false); setModalRecord(null) }} style={{ marginLeft: 15 }}>新增</Button> |
|||
</div> |
|||
|
|||
<div> |
|||
<Table |
|||
rowKey='id' |
|||
columns={columns} |
|||
dataSource={accidentInfo} |
|||
pagination={{ |
|||
total: totalPage, |
|||
showSizeChanger: true, |
|||
showQuickJumper: true, |
|||
current: currentPage, |
|||
showTotal: (total) => { |
|||
return <span style={{ fontSize: 15 }}>{`共${Math.ceil(total / pageSize)}页，${total}项`}</span> |
|||
}, |
|||
onShowSizeChange: (currentPage, pageSize) => { |
|||
setCurrentPage(currentPage); |
|||
setPageSize(pageSize); |
|||
const params = { company: companyName, creditCode, limit: pageSize, offset: currentPage } |
|||
// initial(params)
|
|||
}, |
|||
onChange: (page, pageSize) => { |
|||
setCurrentPage(page); |
|||
setPageSize(pageSize); |
|||
const params = { company: companyName, creditCode, limit: pageSize, offset: page } |
|||
// initial(params)
|
|||
} |
|||
}} |
|||
/> |
|||
|
|||
{modalVisible ? <EditGuanlang |
|||
visible={modalVisible} |
|||
onCancel={() => { setModalVisible(false) }} |
|||
handleSaveScore={handleSaveScore} |
|||
// searchCompany={searchCompany}
|
|||
companys={companys} |
|||
editData={modalRecord} |
|||
readOnly={readOnly} |
|||
applyState={applyState} |
|||
></EditGuanlang> : ''} |
|||
</div> |
|||
</div> |
|||
) |
|||
} |
|||
function mapStateToProps(state) { |
|||
const { auth, accidentInfo, allCompany } = state |
|||
return { |
|||
// user: auth?.user,
|
|||
// accidentInfo: accidentInfo?.data && accidentInfo?.data.rows || [],
|
|||
// totalPage: accidentInfo.data && accidentInfo.data.count,
|
|||
// companys: allCompany.data && allCompany.data.rows || []
|
|||
} |
|||
} |
|||
export default connect(mapStateToProps)(Guanlang); |
|||
|
|||
@ -1,13 +0,0 @@ |
|||
'use strict'; |
|||
import reducers from './reducers'; |
|||
import routes from './routes'; |
|||
import actions from './actions'; |
|||
import { getNavItem } from './nav-item'; |
|||
export default { |
|||
key: 'fillion', |
|||
name: '填报管理', |
|||
reducers: reducers, |
|||
routes: routes, |
|||
actions: actions, |
|||
getNavItem: getNavItem |
|||
}; |
|||
@ -1,115 +0,0 @@ |
|||
import React from 'react'; |
|||
import { Link } from 'react-router-dom'; |
|||
import { Menu } from 'antd'; |
|||
import { ReadOutlined } from '@ant-design/icons'; |
|||
const SubMenu = Menu.SubMenu; |
|||
export function getNavItem(user, dispatch) { |
|||
const isshow = user?.userResources?. |
|||
some(i => i.resourceId === 'OVERLOADMANAGE' || |
|||
i.resourceId === 'ROADMANAGE' || |
|||
i.resourceId === 'BRIDGEMANAGE' || |
|||
i.resourceId === 'MAINTENANCEMANAGE' || |
|||
i.resourceId === 'TRANSPORTATIONMANAGE' || |
|||
i.resourceId === 'CONSERVATIONMANAGE' || |
|||
i.resourceId === 'PUBLICTRANSPORTMANAGE' || |
|||
i.resourceId === 'FILEMANAGE' || |
|||
i.resourceId === 'PUBLICITYVIDEO' || |
|||
i.resourceId === 'FEEDBACKMANAGE' || |
|||
i.resourceId === 'REPORTMANAGE' || |
|||
i.resourceId === 'PATROLMANAGE' || |
|||
i.resourceId === 'ASSESSMANAGE' || |
|||
i.resourceId === 'VIDEOCENTER' || |
|||
i.resourceId === 'BUILDINGPROJECT' || |
|||
i.resourceId === 'MAINTENANCESPOTCHECK' || |
|||
i.resourceId === 'LUZHENG' |
|||
) |
|||
|
|||
return ( |
|||
user?.username == 'SuperAdmin' || isshow ? |
|||
<SubMenu key="fillion" icon={<ReadOutlined />} title={'数据管理'}> |
|||
{/* {user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'OVERLOADMANAGE') ? |
|||
<Menu.Item key="fillioninfor"> |
|||
<Link to="/fillion/infor">治超管理</Link> |
|||
</Menu.Item> : ''} */} |
|||
{/* <Menu.Item key="filliontask"> |
|||
<Link to="/fillion/task">任务管理</Link> |
|||
</Menu.Item> */} |
|||
|
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'LUZHENG') ? |
|||
<Menu.Item key="luzheng"> |
|||
<Link to="/fillion/luzheng">路政管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'ROADMANAGE') ? |
|||
<Menu.Item key="filliontransportation"> |
|||
<Link to="/fillion/transportation">道路管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'BRIDGEMANAGE') ? |
|||
<Menu.Item key="fillionbridge"> |
|||
<Link to="/fillion/bridge">桥梁管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'MAINTENANCEMANAGE') ? |
|||
<Menu.Item key="fillionhighways"> |
|||
<Link to="/fillion/highways">管养管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'TRANSPORTATIONMANAGE') ? |
|||
<Menu.Item key="fillionoperational"> |
|||
<Link to="/fillion/operational">运政管理</Link> |
|||
</Menu.Item> : ''} |
|||
{/* <Menu.Item key="fillionenforce"> |
|||
<Link to="/fillion/enforce">执法管理</Link> |
|||
</Menu.Item> */} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'CONSERVATIONMANAGE') ? |
|||
<Menu.Item key="fillionmaintenance"> |
|||
<Link to="/fillion/maintenance">养护管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'PATROLMANAGE') ? |
|||
<Menu.Item key="fillionpatrol"> |
|||
<Link to="/fillion/patrol">巡查管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'FEEDBACKMANAGE') ? |
|||
<Menu.Item key="fillionpatrolanomaly"> |
|||
<Link to="/fillion/patrol_anomaly">异常反馈</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'REPORTMANAGE') ? |
|||
|
|||
<Menu.Item key="fillionpatrolroad"> |
|||
<Link to="/fillion/patrol_road">建设上报</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'BUILDINGPROJECT') ? |
|||
<Menu.Item key="fillionbuilding"> |
|||
<Link to="/fillion/processsing">在建项目</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'PUBLICTRANSPORTMANAGE') ? |
|||
<Menu.Item key="fillionpublic"> |
|||
<Link to="/fillion/public">公交管理</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'FILEMANAGE') ? |
|||
<Menu.Item key="fileCont"> |
|||
<Link to="/fillion/file">档案管理</Link> |
|||
</Menu.Item> : ''} |
|||
{/* <Menu.Item key="fillionvideois"> |
|||
<Link to="/fillion/videois">视频管理</Link> |
|||
</Menu.Item> */} |
|||
{/* <Menu.Item key="jiekouguanli"> |
|||
<Link to="/fillion/jiekouguanli">接口管理</Link> |
|||
</Menu.Item> */} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'PUBLICITYVIDEO') ? |
|||
<Menu.Item key="fillionpromotional"> |
|||
<Link to="/fillion/promotional">宣传视频</Link> |
|||
</Menu.Item> : ''} |
|||
|
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'ASSESSMANAGE') ? |
|||
<Menu.Item key="fillionassess"> |
|||
<Link to="/fillion/assess">考核评分</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'VIDEOCENTER') ? |
|||
<Menu.Item key="fillionvideoCenter"> |
|||
<Link to="/fillion/videoCenter">视频中心</Link> |
|||
</Menu.Item> : ''} |
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'MAINTENANCESPOTCHECK') ? |
|||
<Menu.Item key="maintenanceSpotCheck"> |
|||
<Link to="/fillion/maintenanceSpotCheck">养护抽查</Link> |
|||
</Menu.Item> : ''} |
|||
</SubMenu> : null |
|||
); |
|||
} |
|||
@ -1,5 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
export default { |
|||
|
|||
} |
|||
@ -1,197 +0,0 @@ |
|||
'use strict'; |
|||
import { Infor } from './containers'; |
|||
import { transportation } from './containers'; |
|||
import { BridgeTable } from './containers'; |
|||
import { HigHways } from './containers'; |
|||
import { OperaTional } from './containers'; |
|||
import { Enforce } from './containers'; |
|||
import { Public } from './containers'; |
|||
import { Videois } from './containers'; |
|||
import { PromoTional } from './containers'; |
|||
import { Maintenance } from './containers' |
|||
import { Patrol } from './containers' |
|||
import { File } from './containers'; |
|||
import { Jiekouguanli } from './containers' |
|||
import { Task, Assess, VideoCenter, } from './containers' |
|||
import { Building } from './containers' |
|||
import { MaintenanceSpotCheck } from './containers' |
|||
import Luzheng from './containers/luzheng'; |
|||
export default [{ |
|||
type: 'inner', |
|||
route: { |
|||
path: '/fillion', |
|||
key: 'fillion', |
|||
breadcrumb: '数据管理', |
|||
menuSelectKeys: ['fillion'], |
|||
menuOpenKeys: ['fillion'], |
|||
childRoutes: [{ |
|||
path: '/infor', |
|||
key: 'fillioninfor', |
|||
menuSelectKeys: ['fillioninfor'], |
|||
component: Infor, |
|||
breadcrumb: '治超管理', |
|||
authCode: 'OVERLOADMANAGE' |
|||
}, |
|||
{ |
|||
path: '/luzheng', |
|||
key: 'luzheng', |
|||
menuSelectKeys: ['luzheng'], |
|||
component: Luzheng, |
|||
breadcrumb: '路政管理', |
|||
authCode: 'OVERLOADMANAGE' |
|||
}, |
|||
{ |
|||
path: '/task', |
|||
key: 'filliontask', |
|||
menuSelectKeys: ['filliontask'], |
|||
component: Task, |
|||
breadcrumb: '任务管理', |
|||
//authCode: 'OVERLOADMANAGE'
|
|||
}, { |
|||
path: '/transportation', |
|||
key: 'filliontransportation', |
|||
menuSelectKeys: ['filliontransportation'], |
|||
component: transportation, |
|||
breadcrumb: '道路管理', |
|||
authCode: 'ROADMANAGE' |
|||
|
|||
}, |
|||
{ |
|||
path: '/processsing', |
|||
key: 'fillionprocesssing', |
|||
menuSelectKeys: ['fillionprocesssing'], |
|||
component: Building, |
|||
breadcrumb: '在建项目', |
|||
authCode: 'BUILDINGPROJECT' |
|||
|
|||
} |
|||
, { |
|||
path: '/bridge', |
|||
key: 'fillionbridge', |
|||
menuSelectKeys: ['fillionbridge'], |
|||
component: BridgeTable, |
|||
breadcrumb: '桥梁管理', |
|||
authCode: 'BRIDGEMANAGE' |
|||
|
|||
} |
|||
, { |
|||
path: '/highways', |
|||
key: 'fillionhighways', |
|||
menuSelectKeys: ['fillionhighways'], |
|||
component: HigHways, |
|||
breadcrumb: '管养管理', |
|||
authCode: 'MAINTENANCEMANAGE' |
|||
|
|||
}, { |
|||
path: '/operational', |
|||
key: 'fillionoperational', |
|||
menuSelectKeys: ['fillionoperational'], |
|||
component: OperaTional, |
|||
breadcrumb: '运政管理', |
|||
authCode: 'TRANSPORTATIONMANAGE' |
|||
|
|||
}, { |
|||
path: '/enforce', |
|||
key: 'fillionenforce', |
|||
menuSelectKeys: ['fillionenforce'], |
|||
component: Enforce, |
|||
breadcrumb: '执法管理', |
|||
}, { |
|||
path: '/maintenance', |
|||
key: 'fillionmaintenance', |
|||
menuSelectKeys: ['fillionmaintenance'], |
|||
component: Maintenance, |
|||
breadcrumb: '养护管理', |
|||
authCode: 'CONSERVATIONMANAGE' |
|||
}, { |
|||
path: '/patrol', |
|||
key: 'fillionpatrol', |
|||
menuSelectKeys: ['fillionpatrol'], |
|||
component: Patrol, |
|||
breadcrumb: '巡查管理', |
|||
authCode: 'PATROLMANAGE' |
|||
|
|||
}, { |
|||
path: '/patrol_anomaly', |
|||
key: 'fillionpatrolanomaly', |
|||
menuSelectKeys: ['fillionpatrolanomaly'], |
|||
component: Patrol, |
|||
breadcrumb: '异常反馈', |
|||
authCode: 'FEEDBACKMANAGE' |
|||
|
|||
}, { |
|||
path: '/patrol_road', |
|||
key: 'fillionpatrolroad', |
|||
menuSelectKeys: ['fillionpatrolroad'], |
|||
component: Patrol, |
|||
breadcrumb: '建设上报', |
|||
authCode: 'REPORTMANAGE' |
|||
|
|||
}, { |
|||
path: '/public', |
|||
key: 'fillionpublic', |
|||
menuSelectKeys: ['fillionpublic'], |
|||
component: Public, |
|||
breadcrumb: '公交管理', |
|||
authCode: 'PUBLICTRANSPORTMANAGE' |
|||
|
|||
}, |
|||
{ |
|||
path: '/file', |
|||
key: 'fileCont', |
|||
menuSelectKeys: ['fileCont'], |
|||
component: File, |
|||
breadcrumb: '档案管理', |
|||
authCode: 'FILEMANAGE' |
|||
|
|||
}, |
|||
{ |
|||
path: '/videois', |
|||
key: 'fillionvideois', |
|||
menuSelectKeys: ['fillionvideois'], |
|||
component: Videois, |
|||
breadcrumb: '视频管理', |
|||
authCode: 'PUBLICITYVIDEO' |
|||
|
|||
}, |
|||
{ |
|||
path: '/jiekouguanli', |
|||
key: 'jiekouguanli', |
|||
menuSelectKeys: ['jiekouguanli'], |
|||
component: Jiekouguanli, |
|||
breadcrumb: '接口管理', |
|||
}, { |
|||
path: '/promotional', |
|||
key: 'fillionpromotional', |
|||
menuSelectKeys: ['fillionpromotional'], |
|||
component: PromoTional, |
|||
breadcrumb: '视频管理', |
|||
authCode: 'PUBLICITYVIDEO' |
|||
}, { |
|||
path: '/assess', |
|||
key: 'fillionassess', |
|||
menuSelectKeys: ['fillionassess'], |
|||
component: Assess, |
|||
breadcrumb: '考核评分', |
|||
authCode: 'ASSESSMANAGE' |
|||
}, { |
|||
path: '/videoCenter', |
|||
key: 'fillionvideoCenter', |
|||
menuSelectKeys: ['fillionvideoCenter'], |
|||
component: VideoCenter, |
|||
breadcrumb: '视频中心', |
|||
authCode: 'VIDEOCENTER' |
|||
|
|||
}, |
|||
{ |
|||
path: '/maintenanceSpotCheck', |
|||
key: 'maintenanceSpotCheck', |
|||
menuSelectKeys: ['maintenanceSpotCheck'], |
|||
component: MaintenanceSpotCheck, |
|||
breadcrumb: '养护抽查', |
|||
authCode: 'MAINTENANCESPOTCHECK' |
|||
|
|||
} |
|||
] |
|||
} |
|||
}]; |
|||
@ -1,3 +0,0 @@ |
|||
#example:hover { |
|||
font-size: larger; |
|||
} |
|||
@ -1,63 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getAuthority(orgId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_MEMBERS', |
|||
url: `${ApiTable.getEnterprisesMembers.replace('{enterpriseId}', orgId)}`, |
|||
msg: { error: '获取用户列表失败' }, |
|||
reducer: { name: 'members' } |
|||
}); |
|||
} |
|||
export function getResource(userId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_RESOURCE', |
|||
url: `${ApiTable.getResource}`, |
|||
msg: { error: '获取权限失败' }, |
|||
reducer: { name: 'resource' } |
|||
}); |
|||
} |
|||
export function getUserResource(userId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_USER_RESOURCE', |
|||
url: `${ApiTable.getUserResource}?userId=${userId}`, |
|||
msg: { error: '获取用户权限失败' }, |
|||
reducer: { name: 'userResource' } |
|||
}); |
|||
} |
|||
export function postUserRes(body) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
actionType: 'UPDATE_USER_RESOURCE', |
|||
url: `${ApiTable.postUserRes}`, |
|||
data: body, |
|||
msg: { success: '更新用户权限' } |
|||
}); |
|||
} |
|||
|
|||
export function postUserReso(body) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
dispatch: dispatch, |
|||
actionType: 'UPDATE_USER_RESOURCE', |
|||
url: `${ApiTable.postUserReso}`, |
|||
data: body, |
|||
msg: { success: '更新用户权限' } |
|||
}); |
|||
} |
|||
export default { |
|||
getAuthority, |
|||
getResource, |
|||
getUserResource, |
|||
postUserRes, |
|||
postUserReso |
|||
} |
|||
@ -1,11 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import * as authority from './authority' |
|||
import { getDepMessage, getDepUser, createUser } from './user' |
|||
|
|||
export default { |
|||
...authority, |
|||
getDepMessage, |
|||
getDepUser, |
|||
createUser, |
|||
} |
|||
@ -1,123 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import { basicAction } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getDepMessage() { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_DEPARTMENT_MESSAGE', |
|||
url: ApiTable.getDepMessage, |
|||
msg: { error: '获取部门信息失败' }, |
|||
reducer: { name: 'depMessage' } |
|||
}); |
|||
} |
|||
|
|||
export function getDepById(query) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
query, |
|||
actionType: 'GET_DEP_BY_ID', |
|||
url: ApiTable.getDepById, |
|||
msg: { error: '根据id获取部门失败失败' }, |
|||
reducer: { name: 'depByIdInfo' } |
|||
}); |
|||
} |
|||
|
|||
export function getDepUser(depId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_DEPARTMENT_USER', |
|||
url: ApiTable.getDepUser.replace('{depId}', depId), |
|||
msg: { error: '获取部门下用户信息失败' }, |
|||
reducer: { name: 'depUser' } |
|||
}); |
|||
} |
|||
|
|||
export function createUser(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'post', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'CREATE_DEPARTMENT_USER', |
|||
url: ApiTable.createUser, |
|||
msg: { option: '新建用户' }, |
|||
}); |
|||
} |
|||
|
|||
export function updateUser(userId, data) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'UPDATE_DEPARTMENT_USER', |
|||
url: ApiTable.updateUser.replace('{userId}', userId), |
|||
msg: { option: '修改用户' }, |
|||
}); |
|||
} |
|||
|
|||
export function delUser(userIds) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_DEPARTMENT_USER', |
|||
url: ApiTable.delUser.replace('{userIds}', userIds), |
|||
msg: { option: '删除用户' }, |
|||
}); |
|||
} |
|||
|
|||
export function resetPwd(userId, data) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'CREATE_DEPARTMENT_USER', |
|||
url: ApiTable.resetPwd.replace('{userId}', userId), |
|||
msg: { option: '重置用户密码' }, |
|||
}); |
|||
} |
|||
|
|||
export function createDep(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'CREATE_DEPARTMENT', |
|||
url: ApiTable.createDepMessage, |
|||
msg: { option: '新建部门' }, |
|||
}); |
|||
} |
|||
|
|||
export function delDep(depId) { |
|||
return dispatch => basicAction({ |
|||
type: 'del', |
|||
dispatch: dispatch, |
|||
actionType: 'DEL_DEPARTMENT', |
|||
url: ApiTable.delDepMessage.replace('{depId}', depId), |
|||
msg: { option: '删除部门' }, |
|||
}); |
|||
} |
|||
|
|||
export function updateDep(data) { |
|||
return dispatch => basicAction({ |
|||
type: 'put', |
|||
data, |
|||
dispatch: dispatch, |
|||
actionType: 'UPDATE_DEPARTMENT', |
|||
url: ApiTable.createDepMessage, |
|||
msg: { option: '修改部门' }, |
|||
}); |
|||
} |
|||
export default { |
|||
getDepMessage, |
|||
getDepUser, |
|||
createUser, |
|||
updateUser, |
|||
delUser, |
|||
resetPwd, |
|||
createDep, |
|||
delDep |
|||
} |
|||
@ -1,140 +0,0 @@ |
|||
import React, { useRef, useState, useEffect } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Card, Modal, TreeSelect } from 'antd'; |
|||
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form'; |
|||
|
|||
const DepModal = (props) => { |
|||
const { visible, onVisibleChange, onConfirm, depModalType, depData, data } = props |
|||
console.log('data', data) |
|||
const formRef = useRef(); |
|||
const roadCode = [ |
|||
{ title: "莲塘镇", value: "360121100000" }, |
|||
{ title: "向塘镇", value: "360121101000" }, |
|||
{ title: "三江镇", value: "360121102000" }, |
|||
{ title: "塘南镇", value: "360121103000" }, |
|||
{ title: "幽兰镇", value: "360121104000" }, |
|||
{ title: "蒋巷镇", value: "360121105000" }, |
|||
{ title: "武阳镇", value: "360121106000" }, |
|||
{ title: "冈上镇", value: "360121107000" }, |
|||
{ title: "广福镇", value: "360121108000" }, |
|||
//{ title: "昌东镇", value: "360121191000" },
|
|||
//{ title: "麻丘镇", value: "360121192000" },
|
|||
{ title: "泾口乡", value: "360121200000" }, |
|||
{ title: "南新乡", value: "360121201000" }, |
|||
{ title: "塔城乡", value: "360121202000" }, |
|||
{ title: "黄马乡", value: "360121203000" }, |
|||
{ title: "富山乡", value: "360121204000" }, |
|||
//{ title: "东新乡", value: "360121205000" },
|
|||
{ title: "八一乡", value: "360121206000" }, |
|||
//{ title: "小蓝经济开发区", value: "360121403000" },
|
|||
{ title: "银三角管理委员会", value: "360121471000" }, |
|||
// { title: "五星垦殖场", value: "360121501000" },
|
|||
// { title: "良种繁殖场", value: "360121572000" },
|
|||
] |
|||
useEffect(() => { |
|||
//console.log('depData', depData)
|
|||
}, []) |
|||
|
|||
const onFinish = (values) => { |
|||
if (onConfirm) { |
|||
if (depModalType === 'edit') { |
|||
let value = { |
|||
name: values.name, |
|||
depId: data.id, |
|||
dependence: values.dependence, |
|||
areaCode: values.areaCode |
|||
} |
|||
onConfirm(value) |
|||
} else { |
|||
onConfirm(values); |
|||
} |
|||
|
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
<ModalForm |
|||
title={depModalType === 'edit' ? '编辑部门' : '新增部门'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={onFinish} |
|||
formRef={formRef} |
|||
destroyOnClose |
|||
initialValues={depModalType === 'edit' ? data : null} |
|||
> |
|||
<ProFormText |
|||
name={['name']} |
|||
width="md" |
|||
label="部门名称" |
|||
required |
|||
maxLength={10} |
|||
placeholder="请输入部门名称" |
|||
fieldProps={{ |
|||
autocomplete: 'new-password' |
|||
}} |
|||
rules={[ |
|||
{ required: true, message: '请输入部门名称' }, { max: 10, message: '请输入10个字以内的名称' } |
|||
]} |
|||
/> |
|||
<ProFormTreeSelect |
|||
name={['dependence']} |
|||
width="md" |
|||
label="上级部门" |
|||
autocomplete='off' |
|||
placeholder="选择上级部门" |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id', |
|||
children: 'subordinate' |
|||
}} |
|||
request={async () => { |
|||
return depData |
|||
}} |
|||
/> |
|||
<ProFormTreeSelect |
|||
name={['areaCode']} |
|||
width="md" |
|||
label="所属区域" |
|||
autocomplete='off' |
|||
placeholder="选择所属区域" |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id', |
|||
//children: 'subordinate'
|
|||
}} |
|||
request={async () => { |
|||
return roadCode |
|||
}} |
|||
/> |
|||
</ModalForm> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { depMessage } = state; |
|||
|
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// key: d.id,
|
|||
children: d.subordinate.map(s => { |
|||
return { |
|||
title: s.name, |
|||
value: s.id, |
|||
} |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(DepModal); |
|||
@ -1,74 +0,0 @@ |
|||
import React, { useRef, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Card, Modal, TreeSelect } from 'antd'; |
|||
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form'; |
|||
|
|||
const ResetPwd = (props) => { |
|||
const { visible, onVisibleChange, onConfirm } = props; |
|||
const formRef = useRef(); |
|||
|
|||
const onFinish = (values) => { |
|||
if (onConfirm) { |
|||
onConfirm(values); |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
<ModalForm |
|||
title={'重置密码'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={onFinish} |
|||
formRef={formRef} |
|||
destroyOnClose |
|||
> |
|||
<ProFormText.Password |
|||
name={['password']} |
|||
width="md" |
|||
label="新密码" |
|||
required |
|||
placeholder="请输入密码" |
|||
fieldProps={{ |
|||
autocomplete: 'new-password' |
|||
}} |
|||
rules={[ |
|||
{ required: true, message: '请填写密码' }, |
|||
{ min: 6, message: '请填写至少6位密码' }, |
|||
]} |
|||
/> |
|||
<ProFormText.Password |
|||
name={['checkPassword']} |
|||
width="md" |
|||
label="确认密码" |
|||
required |
|||
autocomplete='off' |
|||
placeholder="请输入密码" |
|||
rules={[ |
|||
{ required: true, message: '请再次填写密码' }, |
|||
{ min: 6, message: '请填写至少6位密码' }, |
|||
{ |
|||
validator: (rule, value, callback) => { |
|||
const pwd = formRef.current.getFieldValue('password'); |
|||
if (!value) { |
|||
callback(); |
|||
} |
|||
if (pwd == value) { |
|||
callback(); |
|||
} else { |
|||
callback('两次输入的密码不一致'); |
|||
} |
|||
} |
|||
} |
|||
]} |
|||
/> |
|||
</ModalForm> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
return {}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(ResetPwd); |
|||
@ -1,119 +0,0 @@ |
|||
import React, { useEffect } from 'react'; |
|||
import { Checkbox, Table } from 'antd'; |
|||
import { useState } from 'react'; |
|||
|
|||
const CheckboxGroup = Checkbox.Group; |
|||
|
|||
const Resource = props => { |
|||
const { roleData, userRole, userSelected, setResCode, userType } = props; |
|||
const [indeterminate, setIndeterminate] = useState({}); |
|||
const [roleCheck, setRoleCheck] = useState({});//一级权限码
|
|||
const [parentRoleCheck, setParentRoleCheck] = useState({}); //二级权限码
|
|||
useEffect(() => { |
|||
const check = {} |
|||
const parentCheck = {} |
|||
const initInd = {} |
|||
roleData && roleData.map && roleData.map(r => { |
|||
let currentInd = false; |
|||
let sum = 0; |
|||
if (r.resources) { |
|||
check[r.code] = [] |
|||
r.resources.map(child => { |
|||
if (userRole.find(code => code.resourceId == child.code)) { |
|||
currentInd = true; |
|||
sum++; |
|||
check[r.code].push(child.code); |
|||
} |
|||
}) |
|||
} |
|||
parentCheck[r.code] = r.resources.length === sum |
|||
initInd[r.code] = parentCheck[r.code] ? false : currentInd |
|||
}); |
|||
setParentRoleCheck(parentCheck) |
|||
setRoleCheck(check); |
|||
setIndeterminate(initInd); |
|||
}, [userRole]); |
|||
|
|||
const setResData = (role) => { |
|||
let codes = []; |
|||
// Object.keys(partRole).map(r => {
|
|||
// if (partRole[r]) codes.push(r)
|
|||
// })
|
|||
Object.keys(role).map(r => { |
|||
if (role[r].length) { |
|||
codes.push(r); |
|||
} |
|||
codes = codes.concat(role[r]) |
|||
}) |
|||
setResCode(codes) |
|||
} |
|||
return ( |
|||
<Table |
|||
bordered |
|||
pagination={false} |
|||
dataSource={roleData} |
|||
columns={[{ |
|||
title: '功能', |
|||
key: 'name', |
|||
dataIndex: 'name', |
|||
render: (text, record) => { |
|||
const parentCode = record.code |
|||
return <Checkbox |
|||
|
|||
indeterminate={indeterminate[parentCode]} |
|||
onChange={(e) => { |
|||
const currentParCheck = JSON.parse(JSON.stringify(parentRoleCheck)); |
|||
currentParCheck[parentCode] = e.target.checked; |
|||
const currentCode = JSON.parse(JSON.stringify(roleCheck)); |
|||
currentCode[parentCode] = e.target.checked ? roleData.find(r => r.code == parentCode).resources.map(r => r.code) : [] |
|||
const currentInd = JSON.parse(JSON.stringify(indeterminate)); |
|||
currentInd[parentCode] = false; |
|||
|
|||
setParentRoleCheck(currentParCheck); |
|||
setRoleCheck(currentCode); |
|||
setIndeterminate(currentInd); |
|||
setResData(currentCode) |
|||
}} |
|||
checked={parentRoleCheck[parentCode] || false} |
|||
disabled={userSelected === "SuperAdmin" || userType === 4} |
|||
options={''} |
|||
> |
|||
{text} |
|||
</Checkbox> |
|||
} |
|||
}, { |
|||
title: '列表', |
|||
key: 'resources', |
|||
dataIndex: 'resources', |
|||
render: (text, record) => { |
|||
let data = []; |
|||
console.log() |
|||
text.map(s => { s.name !== "整治汇总编辑" ? data.push({ label: s.name, value: s.code }) : '' }) |
|||
let parentCode = record.code; |
|||
|
|||
return <CheckboxGroup |
|||
disabled={userSelected === "SuperAdmin" || userType === 4} |
|||
options={data} |
|||
value={roleCheck[parentCode] || []} |
|||
onChange={value => { |
|||
const checkArr = JSON.parse(JSON.stringify(roleCheck)); |
|||
const parentCheck = JSON.parse(JSON.stringify(parentRoleCheck)); |
|||
const ind = JSON.parse(JSON.stringify(indeterminate)); |
|||
const currentCode = roleData.find(r => r.code == parentCode) || {} |
|||
|
|||
checkArr[parentCode] = value; |
|||
ind[parentCode] = !!value.length && value.length < currentCode.resources.length |
|||
parentCheck[parentCode] = value.length === currentCode.resources.length |
|||
|
|||
setRoleCheck(checkArr); |
|||
setIndeterminate(ind); |
|||
setParentRoleCheck(parentCheck); |
|||
setResData(checkArr) |
|||
}} |
|||
/> |
|||
} |
|||
}]} |
|||
></Table > |
|||
) |
|||
} |
|||
export default Resource |
|||
@ -1,206 +0,0 @@ |
|||
import React from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin } from 'antd'; |
|||
import ProForm, { ProFormText, ModalForm, ProFormSwitch, ProFormTreeSelect } from '@ant-design/pro-form'; |
|||
|
|||
|
|||
|
|||
const UserModal = (props) => { |
|||
const { visible, modalType, depData, onVisibleChange, onConfirm, editData, depMessagedata } = props |
|||
const pakData = (dep) => { |
|||
// console.log(dep);
|
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// key: d.id,
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
|
|||
let depDatas = pakData(depMessagedata || []) |
|||
const onFinish = (values) => { |
|||
if (onConfirm) { |
|||
onConfirm(values); |
|||
} |
|||
} |
|||
|
|||
|
|||
const checkName = (rule, value, callback) => { |
|||
if (value && value.replace(/[^\u4E00-\u9FA5]/g).includes('undefined')) { |
|||
callback(new Error('请输入中文!')); |
|||
} else { |
|||
callback() |
|||
} |
|||
} |
|||
|
|||
|
|||
return ( |
|||
<Spin spinning={false}> |
|||
<ModalForm |
|||
title={modalType == 'edit' ? '编辑用户' : '新建用户'} |
|||
visible={visible} |
|||
onVisibleChange={onVisibleChange} |
|||
onFinish={onFinish} |
|||
|
|||
destroyOnClose |
|||
initialValues={ |
|||
modalType == 'edit' ? |
|||
{ |
|||
contract: editData |
|||
} : |
|||
{ |
|||
contract: { |
|||
enable: true |
|||
} |
|||
} |
|||
} |
|||
> |
|||
<ProForm.Group> |
|||
<ProFormText |
|||
name={['contract', 'name']} |
|||
width="md" |
|||
label="姓名" |
|||
required |
|||
placeholder="请输入姓名" |
|||
rules={[{ required: true, message: '请输入姓名' }, |
|||
{ max: 5, message: '请输入5个字以内的名称' }, |
|||
{ validator: checkName } |
|||
]} |
|||
/> |
|||
< ProFormText |
|||
name={['contract', 'phone']} |
|||
width="md" |
|||
label="手机号(用户名)" |
|||
required |
|||
fieldProps={{ |
|||
maxLength: 11, |
|||
}} |
|||
getValueFromEvent={(event) => { |
|||
return event.target.value.replace(/\D/g, '') |
|||
}} |
|||
placeholder="请输入手机号(用户名)" |
|||
rules={[ |
|||
{ required: true, valueType: Number, max: 11 }, { pattern: /^1([358][0-9]|4[579]|66|7[0135678]|9[89])[0-9]{8}$/, message: "请输入正确的手机号" } |
|||
]} |
|||
/> |
|||
|
|||
</ProForm.Group> |
|||
<ProForm.Group> |
|||
<ProFormTreeSelect |
|||
name={['contract', 'departmentId']} |
|||
placeholder="请选择所属部门" |
|||
width="md" |
|||
label="所属部门" |
|||
required |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id', |
|||
children: 'subordinate' |
|||
}} |
|||
onSelect={(selectedKeys, { selected, selectedNodes }) => { |
|||
if (selected) { |
|||
setDepSelectedKeys(selectedKeys) |
|||
setDepSelected(selectedNodes[0].name || "") |
|||
dispatch(getDepUser(selectedKeys[0])) |
|||
} |
|||
}} |
|||
fieldProps={{ |
|||
fieldNames: { |
|||
label: 'title', |
|||
}, |
|||
treeDefaultExpandAll: false, |
|||
}} |
|||
rules={[{ required: true, message: '请选择所属部门' }]} |
|||
request={async () => { |
|||
return depDatas |
|||
}} |
|||
expandedKeys={["title"]} |
|||
/> |
|||
{modalType == 'edit' ? null : <ProFormText.Password |
|||
name={['contract', 'password']} |
|||
width="md" |
|||
label="密码" |
|||
required |
|||
placeholder="请输入密码" |
|||
fieldProps={{ |
|||
autocomplete: 'new-password' |
|||
}} |
|||
rules={[ |
|||
{ required: true, message: '请填写密码' }, |
|||
{ min: 6, message: '请填写至少6位密码' }, |
|||
]} |
|||
/>} |
|||
{/* <ProFormText |
|||
name={['contract', 'username']} |
|||
width="md" |
|||
label="职位" |
|||
fieldProps={{ |
|||
maxLength: 30, |
|||
}} |
|||
getValueFromEvent={(event) => { |
|||
return event.target.value |
|||
}} |
|||
placeholder="请输入职位" |
|||
// rules={[
|
|||
// { required: true }
|
|||
// ]}
|
|||
/> */} |
|||
</ProForm.Group> |
|||
<ProForm.Group> |
|||
|
|||
<ProFormText |
|||
name={['contract', 'email']} |
|||
width="md" |
|||
label="邮箱" |
|||
// required
|
|||
placeholder="请输入邮箱" |
|||
rules={[ |
|||
// { required: true, message: '请输入邮箱' },
|
|||
{ type: 'email', message: '请输入正确格式的邮箱' }, |
|||
]} |
|||
/> |
|||
<ProFormSwitch |
|||
name={['contract', 'enable']} |
|||
width="md" |
|||
label="是否启用" |
|||
placeholder="请选择" |
|||
// defaultChecked
|
|||
valuePropName="checked" |
|||
/> |
|||
<ProFormSwitch |
|||
name={['contract', 'isAdmin']} |
|||
width="md" |
|||
label="是否管理员" |
|||
placeholder="请选择" |
|||
// defaultChecked
|
|||
valuePropName="checked" |
|||
/> |
|||
</ProForm.Group> |
|||
</ModalForm> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { depMessage } = state; |
|||
const pakData = (dep) => { |
|||
// console.log(dep);
|
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// key: d.id,
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
loading: depMessage.isRequesting, |
|||
depData, |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(UserModal); |
|||
@ -1,290 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Row, Col, Card, Button, Tree, Empty, Checkbox } from 'antd'; |
|||
import { getDepMessage, getDepUser } from '../actions/user'; |
|||
import { getResource, getUserResource, postUserRes, postUserReso } from '../actions/authority'; |
|||
import { getDepById } from '../actions/user'; |
|||
|
|||
import Resource from '../components/resource'; |
|||
import user from './user'; |
|||
|
|||
const Authority = (props) => { |
|||
const CheckboxGroup = Checkbox.Group; |
|||
const { dispatch, loading, depMessage, depUser, resource, userResource, clientHeight, user } = props |
|||
const r1 = ['USERMANAGE', 'AUTHORIMANAGE', 'OVERLOADMANAGE', 'ROADMANAGE', 'BRIDGEMANAGE', 'MAINTENANCEMANAGE', 'TRANSPORTATIONMANAGE', |
|||
'CONSERVATIONMANAGE', 'PATROLMANAGE', 'PUBLICTRANSPORTMANAGE', 'FILEMANAGE', 'PUBLICITYVIDEO', 'FEEDBACKMANAGE', 'REPORTMANAGE', |
|||
'ASSESSMANAGE', 'VIDEOCENTER', 'BUILDINGPROJECT', 'WXPATROLREPORT', 'WXMAINTENANCEREPORT', 'WXFEEDBACKMANAGE', 'WXBUILDINGROAD', |
|||
'WXTODOANDONE', 'MAINTENANCESPOTCHECK' |
|||
] |
|||
const [depUserCopy, setDepUserCopy] = useState([])//用于存放除了自己的管理的数组，即自己不能调整自己是否为管理员
|
|||
const [depSelectedKeys, setDepSelectedKeys] = useState([]) |
|||
const [userSelectedKeys, setUserSelectedKeys] = useState([]) |
|||
const [depSelected, setDepSelected] = useState() |
|||
const [userSelected, setUserSelected] = useState() |
|||
const [resCode, setResCode] = useState(userResource.map(i => i.resourceId)) |
|||
const [useName, setUseName] = useState()// 选中名字
|
|||
const [userType, setUserType] = useState() |
|||
const [depMessagedata, setdepMessagedata] = useState(depMessage) |
|||
|
|||
const rescodeall = resource[0]?.resources?.map(i => ({ label: i.name, value: i.code })) |
|||
//console.log(resource[0]?.resources?.map(i => ({ label: i.name, value: i.code })), '这个是总的骂')
|
|||
const [indeterminate, setIndeterminate] = useState(false); |
|||
const [checkAll, setCheckAll] = useState(true); |
|||
const [rescheckAll, setrescheckAll] = useState(false) |
|||
const [isshow, setisshow] = useState(false); |
|||
|
|||
let plainOptions = depUser.map(i => ({ label: i.name, value: i.id })); |
|||
const [checkedList, setCheckedList] = useState(depUser.map(i => i.id)); |
|||
const onChange = (list) => { |
|||
// console.log(list,'选择的')
|
|||
setCheckedList(list); |
|||
setIndeterminate(!!list.length && list.length < plainOptions.length); |
|||
// setResCode(userResource.map(i=>i.resourceId))
|
|||
setCheckAll(list.length === plainOptions.length); |
|||
dispatch(getUserResource(list)) |
|||
// if(list.length === plainOptions.length){
|
|||
// setUseName('全部用户')
|
|||
// }
|
|||
}; |
|||
|
|||
// console.log(userSelectedKeys,'当前1')
|
|||
const onresChange = (d) => { |
|||
setResCode(d) |
|||
setrescheckAll(d.length === r1.length) |
|||
} |
|||
const onresCheckAllChange = (d) => { |
|||
setrescheckAll(d.target.checked) |
|||
setResCode(d.target.checked ? r1 : []) |
|||
|
|||
} |
|||
const onCheckAllChange = (e) => { |
|||
setCheckedList(e.target.checked ? plainOptions.map(i => i.value) : []); |
|||
setIndeterminate(false); |
|||
// if(e.target.checked){
|
|||
// setUseName('全部用户')
|
|||
// }
|
|||
|
|||
setCheckAll(e.target.checked); |
|||
// setResCode(userResource.map(i=>i.resourceId))
|
|||
}; |
|||
const onshowchange = (e) => { |
|||
setisshow(e.target.checked) |
|||
} |
|||
//console.log('depMessagedata', depMessagedata)
|
|||
|
|||
useEffect(() => { |
|||
dispatch(getResource()) |
|||
if (!(depMessage && depMessage.length)) { |
|||
dispatch(getDepMessage()) |
|||
} |
|||
setResCode(userResource.map(i => i.resourceId)) |
|||
setisshow(userResource.some(i => i.isshow === "true")) |
|||
setrescheckAll(userResource.map(i => i.resourceId).length === 14) |
|||
}, []) |
|||
useEffect(() => { |
|||
setResCode(userResource.map(i => i.resourceId)) |
|||
setisshow(userResource.some(i => i.isshow === "true")) |
|||
setrescheckAll(userResource.map(i => i.resourceId).length === 14) |
|||
}, [userResource]) |
|||
useEffect(async () => { |
|||
if (depMessage.length) { |
|||
//('depMessage', depMessage)
|
|||
//超级管理员展示所有部门
|
|||
if (user?.username === 'SuperAdmin') { |
|||
setdepMessagedata(depMessage) |
|||
dispatch(getDepUser(depMessage[0]?.id)) |
|||
setDepSelectedKeys([depMessage[0]?.id]) |
|||
setDepSelected([depMessage[0]?.name]) |
|||
} else { |
|||
//不是超级管理员，展示相应部门的数据
|
|||
dispatch(getDepUser(user.departmentId)) |
|||
const res = await dispatch(getDepById({ deptId: parseInt(user.departmentId) })) |
|||
//console.log('resssss', res)
|
|||
setdepMessagedata(res.payload.data) |
|||
// if (authDep.length > 0) {
|
|||
// dispatch(getDepUser(authDep[0]?.id))
|
|||
// setDepSelectedKeys([authDep[0]?.id])
|
|||
// setDepSelected([authDep[0]?.name])
|
|||
// }
|
|||
} |
|||
|
|||
|
|||
} |
|||
|
|||
|
|||
}, [depMessage]) |
|||
// useEffect(() => {
|
|||
// if(user.username!=='SuperAdmin'){
|
|||
// dispatch(getDepMessage(user.departmentId))
|
|||
// }
|
|||
// }, [depMessage])
|
|||
useEffect(() => { |
|||
const copy = [...new Set(depUser)] |
|||
setDepUserCopy(copy) |
|||
if (copy.length) { |
|||
setUserSelectedKeys([copy[0].id]) |
|||
setUserSelected(copy[0].username) |
|||
dispatch(getUserResource(copy[0].id)) |
|||
setUseName(copy[0].name) |
|||
} |
|||
setCheckedList(copy.map(i => i.id)) |
|||
}, [depUser]) |
|||
// console.log(depUser,'用户信息')
|
|||
const handleSave = () => { |
|||
// console.log( userSelectedKeys[0],'当前选中的id')
|
|||
// checkedList.map(i=>{
|
|||
// dispatch(postUserRes({ userId: i, resCode: resCode,isShow:isshow })).then(res => {
|
|||
// if (res.success) {
|
|||
// dispatch(getUserResource(i))
|
|||
// }
|
|||
// })
|
|||
// dispatch(postUserReso({ userId: i, resCode: resCode,isShow:isshow }))
|
|||
// })
|
|||
|
|||
dispatch(postUserRes({ userId: userSelectedKeys[0], resCode: resCode, isShow: isshow })).then(res => { |
|||
if (res.success) { |
|||
dispatch(getUserResource(userSelectedKeys[0])) |
|||
} |
|||
}) |
|||
dispatch(postUserReso({ userId: userSelectedKeys[0], resCode: resCode, isShow: isshow })) |
|||
} |
|||
|
|||
return ( |
|||
<Spin spinning={loading}> |
|||
<Row gutter={16}> |
|||
<Col span={4} style={{ height: '100%' }}> |
|||
<Card title="部门" bordered={false} bodyStyle={{ padding: 8, paddingTop: 24 }}> |
|||
{ |
|||
depMessagedata.length ? |
|||
<Tree |
|||
height={clientHeight - 100} |
|||
defaultExpandedKeys={[depMessagedata[0].id]} |
|||
selectedKeys={depSelectedKeys} |
|||
onSelect={(selectedKeys, { selected, selectedNodes, node }) => { |
|||
setUserType(selectedNodes[0].type) |
|||
setCheckedList(depUserCopy.map(i => i.id)) |
|||
// setResCode(userResource.map(i=>i.resourceId))
|
|||
|
|||
|
|||
if (selected) { |
|||
setCheckedList(depUserCopy.map(i => i.id)) |
|||
setDepSelectedKeys(selectedKeys) |
|||
setDepSelected(selectedNodes[0].name || "") |
|||
dispatch(getDepUser(selectedKeys[0])) |
|||
|
|||
// setResCode(userResource.map(i=>i.resourceId))
|
|||
|
|||
} |
|||
|
|||
}} |
|||
treeData={depMessagedata} |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id', |
|||
children: 'subordinate' |
|||
}} |
|||
/> : '' |
|||
} |
|||
</Card> |
|||
</Col> |
|||
<Col span={4} style={{ height: '100%', }}> |
|||
<Card title={` 用户列表`} bordered={false} bodyStyle={{ padding: 8, paddingTop: 24 }}> |
|||
{ |
|||
depUserCopy?.length ? |
|||
<Tree |
|||
height={clientHeight - 100} |
|||
defaultSelectedKeys={[depUserCopy[0]?.id]} |
|||
selectedKeys={userSelectedKeys} |
|||
onSelect={(selectedKeys, { selected, selectedNodes, node, event }) => { |
|||
const name = node.name |
|||
setUseName(name) |
|||
|
|||
if (selected) { |
|||
// console.log(selectedKeys,'选中的selectedKeys')
|
|||
// console.log(selectedNodes[0].username || '','node')
|
|||
// console.log(selectedKeys[0],'请求的值')
|
|||
setUserSelectedKeys(selectedKeys) |
|||
setUserSelected(selectedNodes[0].username || '') |
|||
dispatch(getUserResource(selectedKeys[0])) |
|||
} |
|||
|
|||
}} |
|||
treeData={depUserCopy} |
|||
fieldNames={{ |
|||
title: 'name', |
|||
key: 'id' |
|||
}} |
|||
/> : <Empty /> |
|||
|
|||
// <div>
|
|||
// <Checkbox indeterminate={indeterminate} onChange={onCheckAllChange} checked={checkAll} disabled={user?.department?.type==="qifu"&&user?.userResources?.filter(i=>i.resourceId==='AUTHORIMANAGE')[0].isShow==="true"?true:''}>
|
|||
// 全选
|
|||
// </Checkbox>
|
|||
|
|||
// <CheckboxGroup options={plainOptions} value={checkedList} onChange={onChange} disabled={user?.department?.type==="qifu"&&user?.userResources?.filter(i=>i.resourceId==='AUTHORIMANAGE')[0].isShow==="true"?true:''}/>
|
|||
// </div> : <Empty />
|
|||
|
|||
} |
|||
</Card> |
|||
</Col> |
|||
<Col span={16} style={{ height: '100%', }}> |
|||
<Checkbox onChange={onshowchange} checked={isshow} disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'AUTHORIMANAGE')[0]?.isshow === "true" ? true : ''}> |
|||
不可编辑 |
|||
</Checkbox> |
|||
{depUserCopy?.length ? |
|||
<Card title={` 功能范围`} bordered={false} bodyStyle={{ padding: 8, paddingTop: 24 }}> |
|||
{/* <Resource |
|||
userSelected={userSelected} |
|||
roleData={resource} |
|||
userRole={userResource} |
|||
setResCode={setResCode} |
|||
userType={user?.department?.type==="qifu"&&user?.userResources?.filter(i=>i.resourceId==='AUTHORIMANAGE')[0].isShow==="true"?4:userType} |
|||
/> */} |
|||
<div> |
|||
<Checkbox |
|||
onChange={onresCheckAllChange} |
|||
checked={rescheckAll} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'AUTHORIMANAGE')[0].isshow === "true" ? true : ''} |
|||
> |
|||
全选 |
|||
</Checkbox> |
|||
<CheckboxGroup |
|||
options={rescodeall} |
|||
value={resCode} |
|||
onChange={onresChange} |
|||
disabled={user?.username !== 'SuperAdmin' && user?.userResources?.filter(i => i.resourceId === 'AUTHORIMANAGE')[0].isshow === "true" ? true : ''} |
|||
/> |
|||
</div> |
|||
<Row type="flex" justify="center" style={{ marginBottom: 16, marginTop: 16, textAlign: 'center' }}> |
|||
<Col span="24"> |
|||
<Button |
|||
disabled={userSelected === "SuperAdmin" || userType === 4} |
|||
onClick={handleSave} |
|||
style={{ width: '60%' }} |
|||
type='primary'>保存修改</Button> |
|||
</Col></Row> |
|||
</Card> |
|||
: <Card title={`[]功能范围`} bordered={false} bodyStyle={{ padding: 8, paddingTop: 24 }}> |
|||
<Empty /> |
|||
</Card> |
|||
} |
|||
</Col> |
|||
</Row> |
|||
</Spin > |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { userResource, resource, depMessage, depUser, global, auth } = state; |
|||
return { |
|||
clientHeight: global.clientHeight, |
|||
loading: depMessage.isRequesting || depUser.isRequesting || resource.isRequesting, |
|||
userResource: userResource.data || [], |
|||
resource: resource.data || [], |
|||
depMessage: depMessage.data || [], |
|||
depUser: depUser.data || [], |
|||
user: auth.user |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(Authority); |
|||
@ -1,7 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
|
|||
import UserManage from './user'; |
|||
|
|||
|
|||
export { UserManage}; |
|||
@ -1,460 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { DeleteOutlined, EllipsisOutlined, FormOutlined } from '@ant-design/icons'; |
|||
import { Spin, Space, Button, Popconfirm, Row, Col, Tree, Table, Card, Switch, Tooltip, Breadcrumb } from 'antd'; |
|||
import ProTable from '@ant-design/pro-table'; |
|||
import { getDepById } from '../actions/user'; |
|||
import { getDepMessage, getDepUser, createUser, updateUser, delUser, resetPwd, createDep, delDep, updateDep } from '../actions/user' |
|||
import { postUserRes } from '../actions/authority' |
|||
import UserModal from '../components/userModal'; |
|||
import ResetPwd from '../components/resetPwd'; |
|||
import DepModal from '../components/depModal'; |
|||
|
|||
const TreeNode = Tree.TreeNode; |
|||
|
|||
const UserManage = (props) => { |
|||
const { dispatch, loading, depMessage, depUser, clientHeight, user, actions } = props |
|||
const [modalVisible, setModalVisible] = useState(false); |
|||
const [modalType, setModalType] = useState(); |
|||
const [modalRecord, setModalRecord] = useState(); |
|||
const [pwdModalVisible, setPwdModalVisible] = useState(false); |
|||
const [depSelectedKeys, setDepSelectedKeys] = useState([]) |
|||
const [rowSelected, setRowSelected] = useState([]) |
|||
const [depModalVisible, setDepModalVisible] = useState(false); |
|||
const [depModalType, setDepModalType] = useState(); |
|||
const [depModalRecord, setDepModalRecord] = useState(); |
|||
const [selectedTree, setSelectedTree] = useState(); |
|||
const [depCrumbs, setDepCrumbs] = useState([]); |
|||
const [depUserCopy, setDepUserCopy] = useState([]) |
|||
const [uid, setuid] = useState() |
|||
const [editAble, setEditAble] = useState(user?.username !== 'SuperAdmin' && user?.userResources?.find(i => i.resourceId === 'USERMANAGE')?.isshow === "true" ? true : '')//控制操作(新增删除等操作，对应权限的'不可编辑')是否可操作
|
|||
const [depMessagedata, setdepMessagedata] = useState(depMessage) |
|||
//('depMessagedata', depMessagedata)
|
|||
useEffect(async () => { |
|||
if (depMessage.length) { |
|||
//console.log('depMessage', depMessage)
|
|||
//超级管理员展示所有部门
|
|||
if (user?.username === 'SuperAdmin') { |
|||
setdepMessagedata(depMessage) |
|||
setDepSelectedKeys([depMessage[0].id]) |
|||
dispatch(getDepUser(depMessage[0].id)) |
|||
} else { |
|||
//不是超级管理员，展示相应部门的数据
|
|||
dispatch(getDepUser(user.departmentId)) |
|||
const res = await dispatch(getDepById({ deptId: parseInt(user.departmentId) })) |
|||
//('resssss', res)
|
|||
setdepMessagedata(res.payload.data) |
|||
// setDepSelectedKeys([res.payload.data[0].id])
|
|||
// dispatch(getDepUser(res.payload.data[0].id))
|
|||
|
|||
} |
|||
} |
|||
|
|||
|
|||
}, [depMessage]) |
|||
useEffect(() => { |
|||
let code = ['USERMANAGE', 'AUTHORIMANAGE'] |
|||
//console.log('你來u盧克嗎', depUser, uid)
|
|||
// console.log(depUser.filter(i=>i.phone===uid)[0]?.id,'当前的用户user')
|
|||
if (depUser?.filter(i => i.phone === uid)[0]?.id) { |
|||
//console.log('你來u盧克嗎', depUser, uid)
|
|||
|
|||
dispatch(postUserRes({ userId: depUser.filter(i => i.phone === uid)[0]?.id, resCode: code, isShow: false })) |
|||
} |
|||
}, [uid]) |
|||
useEffect(() => { |
|||
dispatch(getDepMessage()) |
|||
}, []) |
|||
useEffect(() => { |
|||
//console.log('depuser', depUser, user)
|
|||
// const copy = depUser.filter((item) => {
|
|||
// //console.log('item1', item)
|
|||
// return item.id !== user.id//把自己筛选出去
|
|||
// })
|
|||
// //console.log('copy', copy)
|
|||
const copy = [...new Set(depUser)] |
|||
setDepUserCopy(copy) |
|||
}, [depUser]) |
|||
useEffect(() => { |
|||
if (depMessage.length) { |
|||
|
|||
|
|||
} |
|||
}, [depMessage]) |
|||
|
|||
useEffect(() => { |
|||
const list = handleCrumbs(depSelectedKeys) |
|||
setDepCrumbs(list) |
|||
|
|||
}, [depSelectedKeys]) |
|||
//删除自己退出登录
|
|||
const conFirmHandler = (record) => { |
|||
delUsers([record.id]) |
|||
if (user?.id === record.id) { |
|||
dispatch(actions.auth.logout(user)); |
|||
history.push(`/network`); |
|||
} |
|||
} |
|||
const columns = |
|||
[ |
|||
{ |
|||
title: '姓名', |
|||
dataIndex: 'name', |
|||
}, |
|||
{ |
|||
title: '手机号(用户名)', |
|||
dataIndex: 'phone', |
|||
}, |
|||
{ |
|||
title: '邮箱', |
|||
dataIndex: 'email', |
|||
}, { |
|||
title: '启用状态', |
|||
dataIndex: 'enable', |
|||
render: (_, r) => { |
|||
return <Switch checkedChildren="启用" unCheckedChildren="禁用" disabled defaultChecked={r.enable} /> |
|||
} |
|||
}, |
|||
{ |
|||
title: '是否管理员', |
|||
dataIndex: 'isadmin', |
|||
render: (_, r) => { |
|||
return <div>{r.isAdmin ? '是' : '否'}</div> |
|||
} |
|||
}, |
|||
{ |
|||
title: '操作', |
|||
dataIndex: 'action', |
|||
render: (dom, record) => { |
|||
// return record.username == 'SuperAdmin' ? '' : [
|
|||
// <Button type="link" onClick={() => { openModal('edit', record) }}>编辑</Button>,
|
|||
// <Popconfirm
|
|||
// title="确认删除?"
|
|||
// onConfirm={() => {
|
|||
// delUsers([record.id])
|
|||
// }}
|
|||
// >
|
|||
// <Button type="link">删除</Button>
|
|||
// </Popconfirm>,
|
|||
// <Button
|
|||
// type="link"
|
|||
// onClick={() => {
|
|||
// setModalRecord(record);
|
|||
// setPwdModalVisible(true);
|
|||
// }}
|
|||
// >重置密码</Button>
|
|||
// ]
|
|||
return [ |
|||
<Button type="link" onClick={() => { openModal('edit', record) }} disabled={editAble}>编辑</Button>, |
|||
<Popconfirm |
|||
title="确认删除?" |
|||
onConfirm={() => { conFirmHandler(record) }} |
|||
disabled={editAble} |
|||
> |
|||
<Button type="link" disabled={editAble}>删除</Button> |
|||
</Popconfirm>, |
|||
<Button |
|||
type="link" |
|||
onClick={() => { |
|||
setModalRecord(record); |
|||
setPwdModalVisible(true); |
|||
}} |
|||
disabled={editAble} |
|||
>重置密码</Button> |
|||
] |
|||
}, |
|||
}, |
|||
]; |
|||
|
|||
//弹窗确认
|
|||
const onConfirm = (values) => { |
|||
//('values.contract', values.contract)
|
|||
if (modalType == 'edit') { |
|||
dispatch(updateUser(modalRecord.id, values.contract)).then(res => { |
|||
if (res.success) { |
|||
setModalVisible(false); |
|||
dispatch(getDepUser(depSelectedKeys[0])); |
|||
} |
|||
}); |
|||
} else { |
|||
dispatch(createUser(values.contract)).then(res => { |
|||
if (res.success) { |
|||
setModalVisible(false); |
|||
dispatch(getDepMessage()) |
|||
setuid(values.contract.phone) |
|||
|
|||
} |
|||
}); |
|||
} |
|||
|
|||
} |
|||
|
|||
//打开弹窗
|
|||
const openModal = (type, record) => { |
|||
setModalVisible(true); |
|||
setModalType(type); |
|||
if (type == 'edit') { |
|||
setModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
} |
|||
|
|||
//打开部门弹窗
|
|||
const openDepModal = (type, record) => { |
|||
setDepModalVisible(true) |
|||
setDepModalType(type) |
|||
if (type == 'edit') { |
|||
setDepModalRecord(record); |
|||
} else { |
|||
setModalRecord(null); |
|||
} |
|||
|
|||
} |
|||
|
|||
//删除用户
|
|||
const delUsers = (ids, type) => { |
|||
dispatch(delUser(ids)).then(res => { |
|||
dispatch(getDepUser(depSelectedKeys[0])); |
|||
if (type == 'batch') { |
|||
setRowSelected([]); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
//重置密码
|
|||
const onPwdConfirm = (values) => { |
|||
dispatch(resetPwd(modalRecord.id, { password: values.password })).then(res => { |
|||
if (res.success) { |
|||
setPwdModalVisible(false); |
|||
dispatch(getDepUser(depSelectedKeys[0])); |
|||
} |
|||
}); |
|||
} |
|||
//部门新增及编辑
|
|||
const onDepConfirm = (data) => { |
|||
//console.log('depModalType:', depModalType);
|
|||
//console.log('data:', data);
|
|||
if (depModalType == 'edit') { |
|||
|
|||
dispatch(updateDep(data)).then(res => { |
|||
if (res.success) { |
|||
setDepModalVisible(false); |
|||
dispatch(getDepMessage()); |
|||
} |
|||
}); |
|||
} else { |
|||
dispatch(createDep(data)).then(res => { |
|||
if (res.success) { |
|||
setDepModalVisible(false); |
|||
dispatch(getDepMessage()); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
} |
|||
// 删除部门
|
|||
const delDepartment = (id) => { |
|||
dispatch(delDep(id)).then(res => { |
|||
if (res.success) { |
|||
dispatch(getDepMessage()) |
|||
} |
|||
}); |
|||
} |
|||
const renderTree = (item, id) => { |
|||
return <div style={{ display: 'flex', width: '6vw', justifyContent: 'space-between' }}> |
|||
<Tooltip title={item.name}> |
|||
<div style={{ width: '70%', textOverflow: 'ellipsis', whiteSpace: 'nowrap', overflow: 'hidden' }}>{item.name}</div> |
|||
</Tooltip> |
|||
<div style={{ width: '30%' }} > |
|||
{ |
|||
selectedTree == id ? <> |
|||
{user?.username === 'SuperAdmin' ? <FormOutlined onClick={() => { |
|||
setDepModalRecord(item) |
|||
setDepModalVisible(true) |
|||
setDepModalType('edit') |
|||
}} /> : null} |
|||
{user?.username === 'SuperAdmin' ? <Popconfirm title='是否确认删除?' onConfirm={() => { delDepartment(id) }} > |
|||
<DeleteOutlined style={{ marginLeft: 5 }} /> |
|||
</Popconfirm> : ''} |
|||
</> : null |
|||
} |
|||
</div> |
|||
|
|||
</div> |
|||
} |
|||
|
|||
const handleCrumbs = (id) => { |
|||
let crumbsList = [] |
|||
|
|||
depMessage?.forEach(d => { |
|||
if (id == d.id) { |
|||
crumbsList.push(d.name) |
|||
} |
|||
d.subordinate?.forEach(s => { |
|||
if (id == s.id) { |
|||
crumbsList.push(d.name) |
|||
crumbsList.push(s.name) |
|||
} |
|||
s.subordinate?.forEach(a => { |
|||
if (id == a.id) { |
|||
crumbsList.push(d.name) |
|||
crumbsList.push(s.name) |
|||
crumbsList.push(a.name) |
|||
} |
|||
}) |
|||
}) |
|||
}) |
|||
return crumbsList |
|||
} |
|||
|
|||
|
|||
return (<div > |
|||
<Spin spinning={loading} /* style={{ height: "calc(100vh - 70px)" }} */> |
|||
<Row gutter={16} /* style={{ overflow: "scroll" }} */> |
|||
<Col flex="260px" style={{ height: '100%' }}> |
|||
|
|||
<Card bordered={false} bodyStyle={{ padding: 8, paddingTop: 24, }}> |
|||
{user?.username === 'SuperAdmin' ? <Button |
|||
type="primary" |
|||
key="primary" |
|||
style={{ marginLeft: 10 }} |
|||
onClick={() => openDepModal('create')} |
|||
> |
|||
新建部门</Button> : null} |
|||
|
|||
|
|||
{ |
|||
depMessage.length ? |
|||
<Tree |
|||
height={clientHeight - 95} |
|||
defaultExpandedKeys={[depMessagedata[0]?.id]} |
|||
selectedKeys={depSelectedKeys} |
|||
onSelect={(selectedKeys, e) => { |
|||
// console.log('selectedKeys:',selectedKeys);
|
|||
|
|||
if (e.selected) { |
|||
handleCrumbs(selectedKeys) |
|||
setSelectedTree(selectedKeys) |
|||
setDepSelectedKeys(selectedKeys) |
|||
dispatch(getDepUser(selectedKeys[0])) |
|||
} |
|||
}} |
|||
style={{ paddingTop: 20 }} |
|||
> |
|||
{ |
|||
depMessagedata?.map((s, index) => { |
|||
return <TreeNode title={renderTree(s, s.id)} key={s.id} > |
|||
{ |
|||
s.subordinate.map(k => { |
|||
return <TreeNode title={renderTree(k, k.id)} key={k.id} onMouseOver={() => { setIShowIcon(k.id) }} onMouseOut={() => { setIShowIcon(null) }}> |
|||
{ |
|||
k.subordinate.map(i => { |
|||
return <TreeNode title={renderTree(i, i.id)} key={i.id} onMouseOver={() => { setIShowIcon(i.id) }} onMouseOut={() => { setIShowIcon(null) }}> |
|||
</TreeNode> |
|||
}) |
|||
} |
|||
</TreeNode> |
|||
}) |
|||
} |
|||
</TreeNode> |
|||
}) |
|||
} |
|||
</Tree> : '' |
|||
} |
|||
</Card> |
|||
</Col> |
|||
|
|||
<Col /* flex="auto" */ style={{ width: "calc(100% - 260px)", height: '100%', display: "black" }}> |
|||
<Card bordered={false} height={clientHeight} bodyStyle={{ padding: 8, paddingTop: 24, overflow: "hidden", width: "100%" }}> |
|||
<Breadcrumb separator=">" style={{ marginLeft: 24 }}> |
|||
{ |
|||
depCrumbs?.map((c, index) => { return (<Breadcrumb.Item key={index}>{c}</Breadcrumb.Item>) }) |
|||
} |
|||
</Breadcrumb> |
|||
<ProTable |
|||
columns={columns} |
|||
dataSource={depUserCopy} |
|||
style={{ width: "100% ", height: clientHeight - 95, overflow: "auto" }} |
|||
rowSelection={{ |
|||
selectedRowKeys: rowSelected, |
|||
onChange: (selectedRowKeys) => { |
|||
setRowSelected(selectedRowKeys); |
|||
|
|||
}, |
|||
getCheckboxProps: (record) => { |
|||
return { |
|||
disabled: record.username === 'SuperAdmin', |
|||
} |
|||
}, |
|||
}} |
|||
options={false} |
|||
search={false} |
|||
rowKey="id" |
|||
toolBarRender={() => [ |
|||
<span> |
|||
<Button |
|||
type="primary" |
|||
key="primary" |
|||
style={{ marginRight: 10 }} |
|||
onClick={() => openModal('create')} |
|||
disabled={editAble} |
|||
>新建用户</Button> |
|||
{/* <Button style={{ marginRight: 10 }} onClick={() => { dispatch(getDepUser(depSelectedKeys[0])); }}>刷新</Button> */} |
|||
<Popconfirm title="确认删除?" onConfirm={() => { delUsers(rowSelected, 'batch') }} disabled={editAble}> |
|||
<Button disabled={editAble}>批量删除</Button> |
|||
</Popconfirm> |
|||
</span> |
|||
]} |
|||
/> |
|||
</Card> |
|||
|
|||
{ |
|||
depMessage.length && modalVisible ? |
|||
<UserModal |
|||
depMessagedata={depMessagedata} |
|||
dispatch={dispatch} |
|||
visible={modalVisible} |
|||
onVisibleChange={setModalVisible} |
|||
modalType={modalType} |
|||
onConfirm={onConfirm} |
|||
editData={modalRecord} |
|||
/> |
|||
: '' |
|||
} |
|||
{pwdModalVisible ? <ResetPwd visible={pwdModalVisible} |
|||
onVisibleChange={setPwdModalVisible} |
|||
onConfirm={onPwdConfirm} /> : ''} |
|||
|
|||
{depModalVisible ? <DepModal visible={depModalVisible} |
|||
onVisibleChange={setDepModalVisible} |
|||
depModalType={depModalType} |
|||
data={depModalRecord} |
|||
onConfirm={onDepConfirm} /> : ''} |
|||
|
|||
|
|||
|
|||
</Col> |
|||
</Row> |
|||
</Spin> |
|||
</div> |
|||
|
|||
) |
|||
} |
|||
|
|||
function mapStateToProps(state) { |
|||
const { depMessage, depUser, global, auth } = state; |
|||
// console.log(state);
|
|||
return { |
|||
clientHeight: global.clientHeight, |
|||
loading: depMessage.isRequesting, |
|||
depMessage: depMessage.data || [], |
|||
depUser: depUser.data || [], |
|||
user: auth.user, |
|||
actions: global.actions |
|||
|
|||
|
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(UserManage); |
|||
@ -1,15 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import reducers from './reducers'; |
|||
import routes from './routes'; |
|||
import actions from './actions'; |
|||
import { getNavItem } from './nav-item'; |
|||
|
|||
export default { |
|||
key: 'organization', |
|||
name: '', |
|||
reducers: reducers, |
|||
routes: routes, |
|||
actions: actions, |
|||
getNavItem: getNavItem |
|||
}; |
|||
@ -1,39 +0,0 @@ |
|||
import React from 'react'; |
|||
import { Link } from 'react-router-dom'; |
|||
import { Menu } from 'antd'; |
|||
import { SettingOutlined } from '@ant-design/icons'; |
|||
import { Func } from '$utils'; |
|||
import { push } from 'react-router-redux'; |
|||
|
|||
|
|||
const SubMenu = Menu.SubMenu; |
|||
|
|||
export function getNavItem(user, dispatch) { |
|||
// if (!Func.isAuthorized("ORG_MANAGE")) {
|
|||
// return null
|
|||
// }
|
|||
// // console.log(!Func.isAuthorized("ORG_MANAGE"));
|
|||
// if (user.type != 1 && user.type != 2 && user.type != 3) {
|
|||
// dispatch(push('/fillion/infor'));
|
|||
// return null
|
|||
// }
|
|||
const isshow = user?.userResources?.some(i => i.resourceId === 'USERMANAGE' || i.resourceId === 'AUTHORIMANAGE') |
|||
return ( |
|||
user?.username == 'SuperAdmin' || isshow ? |
|||
<SubMenu key="organization" icon={<SettingOutlined />} title={'授权管理'}> |
|||
|
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'USERMANAGE') ? < Menu.Item key="userManage"> |
|||
<Link to="/organization/user">用户管理</Link> |
|||
</Menu.Item> : '' |
|||
} |
|||
|
|||
{user?.username == 'SuperAdmin' || user?.userResources?.some(i => i.resourceId === 'AUTHORIMANAGE') ? <Menu.Item key="userAuthority"> |
|||
<Link to="/organization/authority"> 权限管理</Link> |
|||
</Menu.Item> : ''} |
|||
|
|||
|
|||
|
|||
|
|||
</SubMenu > : null |
|||
) |
|||
} |
|||
@ -1,5 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
export default { |
|||
|
|||
}; |
|||
@ -1,32 +0,0 @@ |
|||
'use strict'; |
|||
import { UserManage, AdminiSter } from './containers'; |
|||
import Authority from './containers/authority'; |
|||
export default [{ |
|||
type: 'inner', |
|||
route: { |
|||
path: '/organization', |
|||
key: 'organization', |
|||
breadcrumb: '授权管理', |
|||
menuSelectKeys: ['userManage'], |
|||
menuOpenKeys: ['organization'], |
|||
childRoutes: [{ |
|||
path: '/user', |
|||
key: 'userManage', |
|||
menuSelectKeys: ['userManage'], |
|||
component: UserManage, |
|||
breadcrumb: '用户管理', |
|||
authCode: 'USERMANAGE' |
|||
|
|||
}, |
|||
{ |
|||
path: '/authority', |
|||
key: 'userAuthority', |
|||
menuSelectKeys: ['userAuthority'], |
|||
component: Authority, |
|||
breadcrumb: '权限管理', |
|||
authCode: 'AUTHORIMANAGE' |
|||
} |
|||
|
|||
] |
|||
} |
|||
}]; |
|||
@ -1,204 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import { basicAction, clearData } from '@peace/utils' |
|||
import { ApiTable } from '$utils' |
|||
|
|||
export function getMembers (orgId) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_MEMBERS', |
|||
url: `${ApiTable.getEnterprisesMembers.replace('{enterpriseId}', orgId)}`, |
|||
msg: { error: '获取用户列表失败' }, |
|||
reducer: { name: 'members' } |
|||
}); |
|||
} |
|||
|
|||
|
|||
//获取大屏道路统计信息
|
|||
export function getdaolutongji () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_DAOLUTONGJI', |
|||
url: ApiTable.getBgroadstatistics, |
|||
msg: { error: '获取道路统计信息失败' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
|
|||
//获取治超监测点处理数据信息
|
|||
export function getjiandmanage () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_JIANDMANAGE', |
|||
url: ApiTable.getzhichaomanager, |
|||
msg: { error: '获取治超监测点处理数据信息失败' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
|
|||
|
|||
//获取治超详情列
|
|||
export function getjiandetail () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_JIANDETAIL', |
|||
url: ApiTable.getzhichaodetail, |
|||
msg: { error: '获取治超监测点处理数据信息失败' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
// <<<<<<< HEAD
|
|||
// 获取运政数据统计
|
|||
export function getyunzheng () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_YUNZHENG', |
|||
url: ApiTable.getYunZheng, |
|||
msg: { error: '获取运政统计数据信息' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
// 获取道路养护数据统计及列表
|
|||
export function getRoadmaintain () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_ROADMAINTAIN', |
|||
url: ApiTable.getroadmaintain, |
|||
msg: { error: '获取道路养护数据信息' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
// 获取治超详情列
|
|||
export function getZhichaolist () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_ZHICHAOLIST', |
|||
url: ApiTable.getzhichaoList, |
|||
msg: { error: '获取治超详情列表数据' }, |
|||
// reducer: { name: 'members' }
|
|||
// =======
|
|||
}); |
|||
} |
|||
|
|||
//获取宣传数据
|
|||
export function getxuanchuan () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_XUANCHUAN', |
|||
url: ApiTable.getpropagata, |
|||
msg: { error: '获取宣传信息失败' }, |
|||
// reducer: { name: 'members' }
|
|||
}); |
|||
} |
|||
|
|||
//获取公交车辆层级信息
|
|||
export function getBusTierList () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_BUSTIER', |
|||
url: ApiTable.getBusTier, |
|||
msg: { error: '获取公交车辆层级信息失败' }, |
|||
reducer: { name: 'busTier' } |
|||
// >>>>>>> 385f017aeac33adc39a31e75faf6254a1a881d16
|
|||
}); |
|||
} |
|||
//获取道路拥堵指数
|
|||
export function getGodshuju () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_GODSHUJU', |
|||
url: ApiTable.getgodshuju, |
|||
msg: { error: '获取道路拥堵指数失败' }, |
|||
// reducer: { name: 'busTier' }
|
|||
// >>>>>>> 385f017aeac33adc39a31e75faf6254a1a881d16
|
|||
}); |
|||
} |
|||
|
|||
//获取路政列表
|
|||
export function getHighwayList () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_HIGHWAYS', |
|||
url: ApiTable.getHighways, |
|||
msg: { error: '获取路政列表失败' }, |
|||
reducer: { name: 'highways' } |
|||
}); |
|||
} |
|||
//获取道路养护统计及列表
|
|||
export function getRoadMaintenanceList () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_ROAD_MAINTENANCES', |
|||
url: ApiTable.getRoadMaintenance, |
|||
msg: { error: '获取道路养护列表失败' }, |
|||
reducer: { name: 'roadMaintenances' } |
|||
}); |
|||
} |
|||
//获取管养单位概况
|
|||
export function getCustodyunit () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_CUSTODY_UNIT', |
|||
url: ApiTable.getCustodyunit, |
|||
msg: { error: '获取管养单位概况失败' }, |
|||
// reducer: { name: 'roadMaintenances' }
|
|||
}); |
|||
} |
|||
|
|||
export function getNearestAssessData (query = {}) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
query, |
|||
dispatch: dispatch, |
|||
actionType: 'GET_NEAREST_ASSESS_DATA', |
|||
url: ApiTable.nearestAssessData, |
|||
msg: { error: '获取各乡镇考核得分情况失败' }, |
|||
}); |
|||
} |
|||
|
|||
export function getVideoCenterList () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_VIDEO_CENTER_LIST', |
|||
url: ApiTable.videoCenterList, |
|||
msg: { error: '获取视频中心列表失败' }, |
|||
reducer: { name: 'videoCenterList' } |
|||
}); |
|||
} |
|||
|
|||
export function getBusRunTime () { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: 'GET_BUS_REALTIME_LIST', |
|||
url: ApiTable.busRealtimeList, |
|||
msg: { error: '获取公交实时信息失败' }, |
|||
reducer: { name: 'busRunTime', params: { noClear: true } } |
|||
}); |
|||
} |
|||
|
|||
export const getBuslineActionType = 'GET_BUS_LINE' |
|||
export function getBusline (busLicence) { |
|||
return dispatch => basicAction({ |
|||
type: 'get', |
|||
dispatch: dispatch, |
|||
actionType: getBuslineActionType, |
|||
url: ApiTable.busLine + `?busLicence=${busLicence}`, |
|||
msg: { error: '获取公交路线信息失败' }, |
|||
reducer: { name: 'busLine', params: { noClear: true } } |
|||
}); |
|||
} |
|||
@ -1,7 +0,0 @@ |
|||
'use strict'; |
|||
|
|||
import * as example from './example' |
|||
|
|||
export default { |
|||
...example |
|||
} |
|||
@ -1,79 +0,0 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { connect } from 'react-redux'; |
|||
import { Spin, Card } from 'antd'; |
|||
import Build from './footer/build' |
|||
import '../style.less'; |
|||
import Header from './heand'; |
|||
import Footer from './footer'; |
|||
import ProTable, { TableDropdown } from '@ant-design/pro-table'; |
|||
import Gis from './footer/gis/gis'; |
|||
import OlMap from './public/olMap' |
|||
import { getReportList } from '../../fillion/actions/patrol' |
|||
|
|||
const MAPID = 'screenGis' |
|||
|
|||
const Example = (props) => { |
|||
const { dispatch, actions, user, loading } = props |
|||
const [tabKey, setTabKey] = useState('leadership') |
|||
const [patrolList, setPatrolList] = useState([]); |
|||
const [roadProjectList, setRoadProjectList] = useState([]); |
|||
|
|||
const tabChange = (tab) => { |
|||
setTabKey(tab) |
|||
// dispatch({ type: 'TAB-CHANGE', data: tab })
|
|||
console.log(tab); |
|||
if (tab === 'conserve') { |
|||
dispatch(getReportList({ |
|||
reportType: 'conserve', |
|||
isTop: true |
|||
})).then(res => { |
|||
console.log(res); |
|||
if (res.success) { |
|||
setPatrolList(res.payload.data || []) |
|||
} |
|||
}) |
|||
} |
|||
if (tab === 'build') { |
|||
dispatch(getReportList({ |
|||
reportType: 'road', |
|||
isTop: true |
|||
})).then(res => { |
|||
if (res.success) { |
|||
setRoadProjectList(res.payload.data || []) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<Spin tip="biubiubiu~" spinning={loading}> |
|||
<div style={{ |
|||
backgroundColor: "#031839", width: "100vw", height: "100vh", /* transform: `scale(${Math.min( |
|||
document.body.clientWidth / 1920, |
|||
document.body.clientHeight / 1080 |
|||
)})`, */
|
|||
}}> |
|||
<div style={{ width: "100%", height: "10%" }}> |
|||
<Header tabChange={tabChange} tabKey={tabKey} dispatch={dispatch} user={user} /> |
|||
</div> |
|||
<div style={{ position: 'absolute', width: "100%", height: "90%" }}> |
|||
{/* <Gis tabKey={tabKey} /> */} |
|||
<OlMap patrolList={patrolList} roadProjectList={roadProjectList} tab={tabKey} /> |
|||
<Footer tabKey={tabKey} dispatch={dispatch} /> |
|||
</div> |
|||
</div> |
|||
</Spin> |
|||
) |
|||
} |
|||
|
|||
function mapStateToProps (state) { |
|||
const { auth, global, members } = state; |
|||
return { |
|||
loading: members.isRequesting, |
|||
user: auth.user, |
|||
actions: global.actions, |
|||
members: members.data |
|||
}; |
|||
} |
|||
|
|||
export default connect(mapStateToProps)(Example); |
|||
@ -1,139 +0,0 @@ |
|||
|
|||
import React, { Component } from 'react'; |
|||
import { Row, Col } from 'antd'; |
|||
|
|||
export default class AutoRollComponent extends Component { |
|||
|
|||
constructor(props) { |
|||
super(props); |
|||
this.scrollElem = null; |
|||
this.stopscroll = false; |
|||
this.preTop = 0; |
|||
this.cloneEle = null; |
|||
this.currentTop = 0; |
|||
this.marqueesHeight = 0; |
|||
this.interval = null; |
|||
this.state = { |
|||
enabledScroll: false |
|||
} |
|||
} |
|||
|
|||
get enabledScroll() { |
|||
let scrollElem = document.getElementById(this.props.divId); |
|||
let fatherElem = scrollElem?.parentNode || null; |
|||
if (scrollElem && fatherElem) { |
|||
return scrollElem.scrollHeight > fatherElem.scrollHeight |
|||
} |
|||
|
|||
return false; |
|||
} |
|||
|
|||
|
|||
marque = (height) => { |
|||
try { |
|||
this.scrollElem = document.getElementById(this.props.divId); |
|||
this.marqueesHeight = height; |
|||
if (this.scrollElem) { |
|||
this.scrollElem.style.height = this.marqueesHeight; |
|||
this.scrollElem.style.overflow = 'hidden'; |
|||
} |
|||
this.repeat(); |
|||
} catch (e) { console.log(e) } |
|||
} |
|||
|
|||
|
|||
repeat = () => { |
|||
this.scrollElem.scrollTop = 0; |
|||
let offset = 1.5 |
|||
|
|||
this.interval = setInterval(() => { |
|||
if (this.stopscroll) return; |
|||
this.currentTop = this.currentTop + offset; |
|||
this.preTop = this.scrollElem.scrollTop; |
|||
this.scrollElem.scrollTop = this.scrollElem.scrollTop + offset; |
|||
// console.log(`this.scrollElem.scrollTop:${this.scrollElem.scrollTop} === this.preTop:${this.preTop}`);
|
|||
if (this.preTop === this.scrollElem.scrollTop) { |
|||
this.scrollElem.scrollTop = this.marqueesHeight; |
|||
this.scrollElem.scrollTop = this.scrollElem.scrollTop + offset; |
|||
} |
|||
}, 40); |
|||
} |
|||
|
|||
|
|||
componentWillUnmount() { |
|||
clearInterval(this.interval); |
|||
} |
|||
|
|||
componentWillReceiveProps(nextProps) { |
|||
requestAnimationFrame(() => { |
|||
if (this.enabledScroll) { |
|||
if (!this.state.enabledScroll) { |
|||
this.setState({ enabledScroll: true }, () => { |
|||
this.marque(10) |
|||
}) |
|||
} |
|||
|
|||
} |
|||
}) |
|||
} |
|||
|
|||
componentDidMount() { |
|||
if (this.enabledScroll) { |
|||
this.setState({ enabledScroll: true }, () => { |
|||
this.marque(10) |
|||
}) |
|||
} |
|||
} |
|||
|
|||
onMouseOver = () => { |
|||
this.stopscroll = true; |
|||
} |
|||
|
|||
onMouseOut = () => { |
|||
this.stopscroll = false; |
|||
} |
|||
|
|||
|
|||
render() { |
|||
|
|||
const { changeStyleCol, heads, spans, data, divId, divHeight, content, containerStyle = {} } = this.props; |
|||
|
|||
return ( |
|||
<div style={{ ...containerStyle, textAlign: 'left' }}> |
|||
{ |
|||
heads ? |
|||
<Row style={{ lineHeight: '40px', height: 40 }}> |
|||
{heads.map((c, index) => { |
|||
return <Col span={spans[index]} key={index}>{c}</Col> |
|||
}) |
|||
} |
|||
</Row> : '' |
|||
} |
|||
|
|||
<div id={divId} style={{ overflow: 'hidden', height: divHeight }} onMouseOver={this.onMouseOver} onMouseOut={this.onMouseOut}> |
|||
<div> |
|||
{content ? content : ''} |
|||
{this.state.enabledScroll && content ? content : ''} |
|||
{ |
|||
data ? |
|||
data.map((q, idx) => { |
|||
return ( |
|||
<div key={idx}> |
|||
<Row gutter={16} style={{ borderBottom: '0px solid grey' }}> |
|||
{heads.map((c, index) => { |
|||
return <Col span={spans[index]} key={index} style={{ paddingTop: 8, textAlign: 'left', wordBreak: 'break-word', color: `${c === changeStyleCol ? q.changeColor : ''}` }}> |
|||
{index == 1 ? q.data[index] == -1 ? "-" : q.data[index] : index == 2 ? q.data[1] == -1 ? '-' : q.data[index] : q.data[index]}</Col> |
|||
}) |
|||
} |
|||
</Row> |
|||
</div> |
|||
) |
|||
}) : '' |
|||
} |
|||
<div style={{ margin: 16 }}></div> |
|||
</div> |
|||
</div> |
|||
</div > |
|||
) |
|||
} |
|||
} |
|||
@ -1,296 +0,0 @@ |
|||
|
|||
import './style.less' |
|||
import React, { useEffect, useRef } from 'react'; |
|||
// import ReactEcharts from 'echarts-for-react';
|
|||
import * as echarts from 'echarts'; |
|||
function Leftbottom(props) { |
|||
const { width, height, data, total, text } = props |
|||
const chartRef = useRef(null); |
|||
let colorList = [ |
|||
"rgba(7,185,254,1)", |
|||
"rgba(28,96,254,1)", |
|||
"rgba(4,251,240,1)", |
|||
] |
|||
let underColorList = [ |
|||
"rgba(7,185,254,0.5)", |
|||
"rgba(28,96,254,0.5)", |
|||
"rgba(4,251,240,0.5)", |
|||
] |
|||
const safetyData = [ |
|||
{ name: '县道', value: 72 }, |
|||
{ name: '乡道', value: 17 }, |
|||
{ name: '村道', value: 4 }, |
|||
] |
|||
//写死数据
|
|||
const dataNo = [ |
|||
{ name: '县', value: 207.8 }, |
|||
{ name: '乡', value: 680.5 }, |
|||
{ name: '村', value: 1800.7 }, |
|||
] |
|||
const chartTitle = '道路总公里'; |
|||
const title = '基础设施安全监测版块'; |
|||
let name = [], emptyName = [] |
|||
// console.log(data,'传入的值')
|
|||
// console.log(emptyName,'第二个')
|
|||
// const name = data?.map(d)
|
|||
data?.forEach(d => { |
|||
name.push(d.name) |
|||
emptyName.push({ |
|||
name: '', |
|||
value: d.value |
|||
}) |
|||
}) |
|||
|
|||
// let safetyOption = {
|
|||
// tooltip: {
|
|||
// show: true,
|
|||
// trigger: 'item',
|
|||
// position: 'right',
|
|||
// backgroundColor: 'rgba(0,0,0,0.7)',
|
|||
// textStyle: {
|
|||
// color: '#fff',
|
|||
// },
|
|||
// formatter: (values) => `${values.seriesName}<br /> ${values.marker} ${values.name} <b>${values.value}</b>个(${values.percent}%)`,
|
|||
// },
|
|||
// // title: {
|
|||
// // text:titleNum,//主标题文本
|
|||
// // left:'10%',
|
|||
// // top:'35%',
|
|||
// // subtext:chartTitle,//副标题文本
|
|||
// // textStyle:{
|
|||
// // fontFamily : "YouSheBiaoTiHei",
|
|||
// // fontSize: 20,
|
|||
// // color:'#FFFFFF',
|
|||
// // marginLeft:'20%',
|
|||
// // align:'center'
|
|||
// // },
|
|||
// // subtextStyle:{
|
|||
// // fontFamily : "PingFangSC-Medium PingFang SC",
|
|||
// // fontSize: 12,
|
|||
// // fontWeight:500,
|
|||
// // color:'#E9F7FF',
|
|||
|
|||
// // }
|
|||
// // },
|
|||
// legend: [
|
|||
|
|||
// {
|
|||
// orient: 'vertical',
|
|||
// textStyle: {
|
|||
// color: '#DDEFFF',
|
|||
// fontFamily: 'SourceHanSansCN-Regular',
|
|||
// fontSize: 12,
|
|||
// },
|
|||
// right: 0,
|
|||
// top: 'center',
|
|||
// align: 'left',
|
|||
// itemWidth: 10,
|
|||
// itemHeight: 10,
|
|||
// data: rightLegend || ['地灾', '隧道', '尾矿库', '水库大坝', '智慧消防'],
|
|||
// formatter: (name) => {
|
|||
// for (let i = 0; i < safetyOption.series[0].data.length; i += 1) {
|
|||
// if (name === safetyOption.series[0].data[i].name) {
|
|||
// return `${name} \t ${safetyOption.series[0].data[i].value}`;
|
|||
// }
|
|||
// }
|
|||
// },
|
|||
// },
|
|||
// ],
|
|||
// series: [
|
|||
// {
|
|||
// name: '道路统计',
|
|||
// type: 'pie',
|
|||
// radius: ['50%', '63%'],
|
|||
// center: ["30%", "50%"],
|
|||
// // emphasis: { // 设置高亮时显示标签
|
|||
// // label: {
|
|||
// // show: true
|
|||
// // },
|
|||
// // // scale: true, // 设置高亮时放大图形
|
|||
// // // scaleSize: 20
|
|||
// // },
|
|||
// label: {
|
|||
// show: false,
|
|||
// },
|
|||
// // selectedMode: 'single',
|
|||
// data: safetyData,
|
|||
// itemStyle: {
|
|||
// normal: {
|
|||
// color: (color) => {
|
|||
// const colorList = legendColor || [
|
|||
// '#98D8CA',
|
|||
// '#9494FF',
|
|||
// '#2A43FF',
|
|||
// '#FFD39F',
|
|||
// '#9D5F8B',
|
|||
// '#ADDE81',
|
|||
// '#F8EBA2',
|
|||
// '#5F8EFD',
|
|||
// '#2BB4D3',
|
|||
// '#1488C8',
|
|||
// ];
|
|||
// return colorList[color.dataIndex];
|
|||
// },
|
|||
// },
|
|||
// },
|
|||
// },
|
|||
// ],
|
|||
// };
|
|||
const option = { |
|||
tooltip: { |
|||
show: true, |
|||
trigger: 'item', |
|||
position: 'right', |
|||
backgroundColor: 'rgba(0,0,0,0.7)', |
|||
textStyle: { |
|||
color: '#fff', |
|||
}, |
|||
formatter: (values) => `${values.seriesName}<br /> ${values.marker} ${values.name}<b>${values.value}</b>公里`, |
|||
}, |
|||
// title: {
|
|||
// text:total,//主标题文本
|
|||
// left:'20%',
|
|||
// // top:'35%',
|
|||
// subtext:chartTitle,//副标题文本
|
|||
// textStyle:{
|
|||
// fontFamily : "YouSheBiaoTiHei",
|
|||
// fontSize: 20,
|
|||
// color:'#FFFFFF',
|
|||
// marginLeft:'20%',
|
|||
// align:'center'
|
|||
// },
|
|||
// subtextStyle:{
|
|||
// fontFamily : "PingFangSC-Medium PingFang SC",
|
|||
// fontSize: 12,
|
|||
// fontWeight:500,
|
|||
// color:'#E9F7FF',
|
|||
// align:'center'
|
|||
|
|||
// }
|
|||
// },
|
|||
legend: { |
|||
orient: "vertical", |
|||
itemWidth: 10, |
|||
itemHeight: 10, |
|||
// right: '30%',
|
|||
right: '10%', |
|||
top: 'center', |
|||
align: 'left', |
|||
data: name, |
|||
formatter: (name) => { |
|||
for (let i = 0; i < option.series[1].data.length; i += 1) { |
|||
if (name === option.series[1].data[i].name) { |
|||
let arr = [`{a|${name}}`, `{b|${option.series[1].data[i].value}}`] |
|||
return arr.join('\t'); |
|||
} |
|||
} |
|||
}, |
|||
textStyle: { |
|||
rich: { |
|||
a: { |
|||
color: '#E9F7FF', |
|||
fontSize: 14, |
|||
padding: [0, 10] |
|||
}, |
|||
b: { |
|||
fontSize: 16, |
|||
fontFamily: 'YouSheBiaoTiHei', |
|||
color: '#fff', |
|||
padding: [0, 0, 0, 12] |
|||
}, |
|||
} |
|||
} |
|||
}, |
|||
grid: { |
|||
left: '10%' |
|||
}, |
|||
|
|||
series: [ |
|||
{ |
|||
name: "底层背景", |
|||
type: "pie", |
|||
hoverAnimation: false, |
|||
legendHoverLink: false, |
|||
radius: ["50%", "62%"], |
|||
center: ['25%', '50%'], |
|||
color: underColorList, |
|||
label: { |
|||
show: false |
|||
}, |
|||
labelLine: { |
|||
show: false |
|||
}, |
|||
tooltip: { |
|||
show: false, |
|||
}, |
|||
|
|||
data: emptyName, |
|||
}, |
|||
{ |
|||
name: "道路统计", |
|||
type: "pie", |
|||
radius: ["57%", "70%"], |
|||
center: ['25%', '50%'], |
|||
color: colorList, |
|||
label: { |
|||
show: false |
|||
}, |
|||
data: dataNo, |
|||
// data: data,
|
|||
}, |
|||
], |
|||
}; |
|||
let currentIndex = -1; // 当前高亮图形在饼图数据中的下标
|
|||
useEffect(() => { |
|||
let myChart = echarts.init(chartRef.current); |
|||
// const highlightPie = () =>{ // 取消所有高亮并高亮当前图形
|
|||
// for(var idx in safetyOption.series[0].data)
|
|||
// // 遍历饼图数据，取消所有图形的高亮效果
|
|||
// myChart.dispatchAction({
|
|||
// type: 'downplay',
|
|||
// seriesIndex: 0,
|
|||
// dataIndex: idx
|
|||
// });
|
|||
// // 高亮当前图形
|
|||
// myChart.dispatchAction({
|
|||
// type: 'highlight',
|
|||
// seriesIndex: 0,
|
|||
// dataIndex: currentIndex
|
|||
// });
|
|||
// // myChart.dispatchAction({
|
|||
// // type: 'showTip',
|
|||
// // seriesIndex: 0,
|
|||
// // dataIndex: currentIndex,
|
|||
// // });
|
|||
// }
|
|||
// const selectPie=() =>{ // 高亮效果切换到下一个图形
|
|||
// var dataLen = safetyOption.series[0].data.length;
|
|||
// currentIndex = (currentIndex + 1) % dataLen;
|
|||
// highlightPie();
|
|||
// }
|
|||
// let changePieInterval = setInterval(selectPie, 1000);
|
|||
|
|||
myChart.onChartReady = (instance) => { |
|||
chartRef.current.safetyChart = instance; |
|||
} |
|||
myChart.setOption(option); |
|||
return () => { |
|||
// clearInterval(changePieInterval)
|
|||
} |
|||
}, [data]); |
|||
|
|||
return ( |
|||
<div className='build-left-bottom'> |
|||
<span style={{ position: "absolute", width: "10%", color: "#FFF", backgroundColor: 'rgba(216, 240, 255, 0.1)', right: "5%", textAlign: "center", top: 0 }}>公里</span> |
|||
<div className='build-left-bottom-title'> |
|||
<h2>2689.00</h2> |
|||
{/* <h2>{total}</h2> */} |
|||
<span>道路总公里</span> |
|||
</div> |
|||
<img src='/assets/images/quanju/chart-circle.png'></img> |
|||
<div ref={chartRef} style={{ width: width || "70%", height: height || "90%" }} id="ech"></div> |
|||
</div> |
|||
); |
|||
} |
|||
|
|||
export default Leftbottom |
|||
@ -1,7 +0,0 @@ |
|||
import React from 'react' |
|||
import './style.less' |
|||
export default function Leftcenter() { |
|||
return ( |
|||
<div className='build-left-center'>Leftcenter</div> |
|||
) |
|||
} |
|||
@ -1,7 +0,0 @@ |
|||
import React from 'react' |
|||
import './style.less' |
|||
export default function Lefttop() { |
|||
return ( |
|||
<div className='build-left-top'>Lefttop</div> |
|||
) |
|||
} |
|||
@ -1,244 +0,0 @@ |
|||
|
|||
import './style.less' |
|||
import { Col, Progress, Row } from 'antd'; |
|||
import React, { useEffect, useRef, useState } from 'react'; |
|||
// import ReactEcharts from 'echarts-for-react';
|
|||
import * as echarts from 'echarts'; |
|||
function Rightbottom(props) { |
|||
const { width, height, total, data, text } = props |
|||
const chartRef = useRef(null); |
|||
const [shuzu, setShuzu] = useState() |
|||
let colorList = [ |
|||
// "rgba(7,185,254,1)",
|
|||
"rgba(28,96,254,1)", |
|||
"rgba(4,251,240,1)", |
|||
// "rgba(255,194,20,1)",
|
|||
// 'rgba(255,255,255,1)'
|
|||
] |
|||
let underColorList = [ |
|||
// "rgba(7,185,254,0.5)",
|
|||
"rgba(28,96,254,0.5)", |
|||
"rgba(4,251,240,0.5)", |
|||
// "rgba(255,194,20,0.5)",
|
|||
// 'rgba(255,255,255,0.5)',
|
|||
] |
|||
let name = [], emptyName = [] |
|||
// const name = data?.map(d)
|
|||
|
|||
// const safetyData = [
|
|||
// {name: '一级公路', value: 42},
|
|||
// {name: '二级公路', value: 17},
|
|||
// {name: '三级公路', value: 17},
|
|||
// {name: '四级公路', value: 30},
|
|||
// {name: '等外公路', value: 30},
|
|||
|
|||
// ]
|
|||
|
|||
const rightLegend = ['一级公路', '二级公路', '三级公路', '四级公路', '等外公路'] |
|||
// let data=[
|
|||
// {name: "四级公路", value: 2969},
|
|||
// {name: "等外公路", value: 171},
|
|||
// {name: "三级公路", value: 103},
|
|||
// {name: "二级公路", value: 15},
|
|||
// ]
|
|||
// console.log(data.map(i=>i.name),'jjj')
|
|||
console.log(data); |
|||
let dataq = rightLegend.map((item, index) => { |
|||
console.log(item, index); |
|||
if (data.map(i => i.name).includes(item)) { |
|||
console.log(item); |
|||
console.log(1); |
|||
return { name: item, value: data.filter(i1 => i1.name === item)[0].value } |
|||
} else { |
|||
console.log(2); |
|||
return { name: item, value: 0 } |
|||
} |
|||
}) |
|||
console.log(dataq, '数据') |
|||
dataq?.sort((a, b) => b.value - a.value) |
|||
dataq?.forEach(d => { |
|||
name.push(d.name) |
|||
emptyName.push({ |
|||
name: '', |
|||
value: d.value |
|||
}) |
|||
}) |
|||
let siji = dataq.map((item, index) => { |
|||
if (item.name == "四级公路" || item.name == "等外公路") { |
|||
return item.value |
|||
} |
|||
|
|||
}) |
|||
let sanji = dataq.map((item, index) => { |
|||
if (item.name == "三级公路" || item.name == "二级公路" || item.name == "一级公路") { |
|||
return item.value |
|||
} |
|||
}) |
|||
let dataAll = [{ name: '四级', value: siji[0] + siji[1] }, { name: '三级及以上', value: sanji[2] + sanji[3] + sanji[4] }] |
|||
console.log(dataAll); |
|||
const chartTitle = '道路总公里'; |
|||
const title = '基础设施安全监测版块'; |
|||
// const number = 2738;
|
|||
// const leftLegend = ['地灾', '桥梁', '基坑', '边坡', '水库大坝']
|
|||
|
|||
const legendColor = undefined; |
|||
|
|||
var titleNum = 15 |
|||
const option = { |
|||
tooltip: { |
|||
show: true, |
|||
trigger: 'item', |
|||
position: 'right', |
|||
backgroundColor: 'rgba(0,0,0,0.7)', |
|||
textStyle: { |
|||
color: '#fff', |
|||
}, |
|||
formatter: (values) => `${values.seriesName}<br /> ${values.marker} ${values.name}<b>${values.value}</b>段`, |
|||
}, |
|||
// legend: {
|
|||
// orient: "vertical",
|
|||
// itemWidth: 10,
|
|||
// itemHeight: 10,
|
|||
// // right: '30%',
|
|||
// left: '50%',
|
|||
// top: 'center',
|
|||
// align: 'left',
|
|||
// data: name,
|
|||
// formatter: (name) => {
|
|||
// for (let i = 0; i < option.series[1].data.length; i += 1) {
|
|||
// if (name === option.series[1].data[i].name) {
|
|||
// let arr = [`{a|${name}}`, `{b|${option.series[1].data[i].value}}`]
|
|||
// return arr.join('\t');
|
|||
// }
|
|||
// }
|
|||
// },
|
|||
// textStyle: {
|
|||
// rich: {
|
|||
// a: {
|
|||
// color: '#E9F7FF',
|
|||
// fontSize: 14,
|
|||
// padding:[0,10]
|
|||
// },
|
|||
// b: {
|
|||
// fontSize: 16,
|
|||
// fontFamily: 'YouSheBiaoTiHei',
|
|||
// color: '#fff',
|
|||
// padding:[0,0,0,15]
|
|||
// },
|
|||
// }
|
|||
// }
|
|||
// },
|
|||
grid: { |
|||
left: '10%' |
|||
}, |
|||
|
|||
series: [ |
|||
{ |
|||
name: "底层背景", |
|||
type: "pie", |
|||
hoverAnimation: false, |
|||
legendHoverLink: false, |
|||
radius: ["50%", "62%"], |
|||
center: ['25%', '50%'], |
|||
color: underColorList, |
|||
label: { |
|||
show: false |
|||
}, |
|||
labelLine: { |
|||
show: false |
|||
}, |
|||
tooltip: { |
|||
show: false, |
|||
}, |
|||
|
|||
data: emptyName, |
|||
}, |
|||
{ |
|||
name: "公路等级统计", |
|||
type: "pie", |
|||
radius: ["57%", "70%"], |
|||
center: ['25%', '50%'], |
|||
color: colorList, |
|||
label: { |
|||
show: false |
|||
}, |
|||
data: dataAll, |
|||
}, |
|||
], |
|||
}; |
|||
let currentIndex = -1; // 当前高亮图形在饼图数据中的下标
|
|||
useEffect(() => { |
|||
let myChart = echarts.init(chartRef.current); |
|||
// const highlightPie = () =>{ // 取消所有高亮并高亮当前图形
|
|||
// for(var idx in safetyOption.series[0].data)
|
|||
// // 遍历饼图数据，取消所有图形的高亮效果
|
|||
// myChart.dispatchAction({
|
|||
// type: 'downplay',
|
|||
// seriesIndex: 0,
|
|||
// dataIndex: idx
|
|||
// });
|
|||
// // 高亮当前图形
|
|||
// myChart.dispatchAction({
|
|||
// type: 'highlight',
|
|||
// seriesIndex: 0,
|
|||
// dataIndex: currentIndex
|
|||
// });
|
|||
// // myChart.dispatchAction({
|
|||
// // type: 'showTip',
|
|||
// // seriesIndex: 0,
|
|||
// // dataIndex: currentIndex,
|
|||
// // });
|
|||
// }
|
|||
// const selectPie=() =>{ // 高亮效果切换到下一个图形
|
|||
// var dataLen = safetyOption.series[0].data.length;
|
|||
// currentIndex = (currentIndex + 1) % dataLen;
|
|||
// highlightPie();
|
|||
// }
|
|||
// let changePieInterval = setInterval(selectPie, 1000);
|
|||
|
|||
// myChart.onChartReady = (instance) => {
|
|||
// chartRef.current.safetyChart = instance;
|
|||
// }
|
|||
myChart.setOption(option); |
|||
return () => { |
|||
// clearInterval(changePieInterval)
|
|||
} |
|||
}, [data]); |
|||
|
|||
return ( |
|||
<div className='build-right-bottom'> |
|||
<div className='build-right-bottom-item1'> |
|||
<div> |
|||
|
|||
<span /> |
|||
<span className='sanji'><i style={{ color: 'rgba(28,96,254,1)' }}>►</i> 三级及以上</span> |
|||
</div> |
|||
<div>{sanji[2] + sanji[3] + sanji[4]}</div> |
|||
</div> |
|||
{/* <span style={{position:"absolute",width:"10%",color:"#FFF",backgroundColor:'rgba(216, 240, 255, 0.1)',right:"5%",textAlign:"center",top:0}}>段</span> */} |
|||
<div className='build-right-bottom-title'> |
|||
{/* <h2>{total || 0}</h2> */} |
|||
<h2>2689.00</h2> |
|||
<span>道路总公里</span> |
|||
</div> |
|||
{/* <div className='img1'> |
|||
<img src='/assets/images/quanju/all.png' /> |
|||
</div> */} |
|||
<div className='img'> |
|||
<img src='/assets/images/quanju/chart-circle.png' /> |
|||
</div> |
|||
<div /* ref={chartRef} */ style={{ width: width || "70%", height: height || "90%" }} /* id="ech" */> |
|||
<div ref={chartRef} style={{ width: "65%", height: "90%" }} id="ech"></div> |
|||
<div className='build-right-bottom-item2'> |
|||
<div> |
|||
|
|||
<span /> |
|||
<span className='siji'><i style={{ color: "rgba(4,251,240,1)" }}>►</i> 四级</span> |
|||
</div> |
|||
<div>{siji[0] + siji[1]}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
); |
|||
} |
|||
export default Rightbottom |
|||
@ -1,92 +0,0 @@ |
|||
import React from 'react' |
|||
import './style.less' |
|||
import AutoRollComponent from './AutoRollComponent' |
|||
export default function Rightcenter({data,sundata}) { |
|||
// const data =[ {name: '莲塘镇', total: 12739},
|
|||
// {name: '向塘镇', total: 2445},
|
|||
// {name: '蒋巷镇', total: 2035},
|
|||
// {name: '幽兰镇', total: 1999},
|
|||
// {name: '塘南镇', total: 1915},
|
|||
// {name: '武阳镇', total: 1842},
|
|||
// {name: '冈上镇', total: 1446},
|
|||
// {name: '广福镇', total: 1063},
|
|||
// {name: '三江镇', total: 851},
|
|||
// {name: '泾口乡', total: 657},
|
|||
// {name: '南新镇', total: 640},
|
|||
// {name: '八一乡', total: 569},
|
|||
// {name: '黄马乡', total: 541},
|
|||
// {name: '塔城乡', total: 534},
|
|||
// {name: '富山乡', total: 515},
|
|||
// {name: '东新乡', total: 513},
|
|||
// {name: '银三角', total: 513},
|
|||
// {name: '八月湖街道', total: 513},]
|
|||
// const province = undefined
|
|||
const FIRST = "linear-gradient(360deg, rgba(43, 180, 211, 0.1) 0%, rgba(43, 180, 211, 0.4) 100%)" |
|||
const SECOND = "linear-gradient(360deg, rgba(255, 209, 86, 0.1) 0%, rgba(255, 209, 86, 0.4) 100%)" |
|||
const THIRD = "linear-gradient(360deg, rgba(148, 148, 255, 0.1) 0%, rgba(148, 148, 255, 0.4) 100%)" |
|||
const OTHER = "linear-gradient(360deg, rgba(28, 96, 253, 0) 0%, rgba(28, 96, 253, 0.2) 100%)" |
|||
let TOTALS = data?.map(({ name, total }, index) => { |
|||
let max = Math.max(...data.map(item=>item.total)) |
|||
return { |
|||
name, |
|||
value: total, |
|||
percent: (total * 100 / max).toFixed(2) + "%" |
|||
} |
|||
}) |
|||
let new_TOTALS = TOTALS && TOTALS.length > 10 ? TOTALS.slice(0, 10) : TOTALS |
|||
function Cell(props) { |
|||
const { name, rank, value, percent, style = {},cebg } = props |
|||
let bg = RNAKS[rank] || OTHER |
|||
return <div style={{ |
|||
width: "100%", height: 34, display: "flex", justifyContent: 'center', |
|||
alignItems: "center", marginTop: 7, marginBottom: 7, |
|||
padding: "0 2%", |
|||
...style |
|||
}}> |
|||
<div style={{ |
|||
height: 20, color: "white",whiteSpace:'nowrap', |
|||
fontSize: 10, fontWeight: "bold", display: 'flex', |
|||
alignItems: "center", justifyContent: "center" |
|||
}} > |
|||
{name} |
|||
</div> |
|||
<div style={{ width: "92%", marginLeft: 10 }}> |
|||
{/* <div style={{ width: "100%", height: 18, fontSize: 12, fontWeight: 400, color: "white" }}>{name}</div> */} |
|||
|
|||
<div style={{ display: 'flex', justifyContent: "space-between", alignItems: "center", height: 13 }}> |
|||
<div style={{display:'flex', width:"85%"}}> |
|||
<div style={{ |
|||
position:'relative', |
|||
width: percent, height: 5, |
|||
background: cebg || "linear-gradient(270deg, #1C60FE 0%, rgba(28, 96, 254, 0) 100%)" |
|||
}} >{cebg?<span style={{position:'absolute',right:'0',top:'0',backgroundColor:"#FFF",height:"5px",width:"5px",borderRadius:"2.5px"}}/>:""}</div> |
|||
|
|||
<div style={{width:`calc(100% - ${percent})`,background:'rgba(255,255,255,0.0800)'}}/> |
|||
</div> |
|||
<div style={{ marginLeft: 10, fontSize: 12,color:"#FFFFFF" }}>{value}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
} |
|||
const renderContent = () => { |
|||
|
|||
return new_TOTALS?.map(({ name, value, percent }, index) => { |
|||
return <Cell key={index} rank={index} name={name} value={value} percent={percent} cebg={index===0?'linear-gradient(63deg, rgba(16, 39, 75, 1) 0%, rgba(7, 185, 254, 1) 100%)':undefined}/> |
|||
}) |
|||
|
|||
} |
|||
const RNAKS = [FIRST, SECOND, THIRD] |
|||
|
|||
return ( |
|||
<div className='build-right-center'> |
|||
<div className='build-right-center-top'> |
|||
<img src="/assets/images/quanju/gonglugongcheng.png"></img> |
|||
<div>在建公路工程数量/个</div> |
|||
<h2>{sundata}</h2> |
|||
</div> |
|||
<AutoRollComponent content={renderContent()} |
|||
containerStyle={{ position: "relative", height: "65%", }} |
|||
divHeight={"100%"} divId={"chart-overview-deviceList"} /> |
|||
</div> |
|||
) |
|||
} |
|||
@ -1,7 +0,0 @@ |
|||
import React from 'react' |
|||
import './style.less' |
|||
export default function Righttop() { |
|||
return ( |
|||
<div className='build-right-top'>Righttop</div> |
|||
) |
|||
} |
|||
@ -1,354 +0,0 @@ |
|||
import React, { useEffect, useState, useRef } from 'react' |
|||
import { connect } from 'react-redux'; |
|||
// import LeftTop from './Lefttop'
|
|||
// import LeftCenter from './Leftcenter'
|
|||
import LeftBottom from './Leftbottom' |
|||
// import RightTop from './Righttop'
|
|||
import Rightcenter from './Rightcenter' |
|||
// import Rightbottom from './Rightbottom'
|
|||
import NoData from '../../public/noData'; |
|||
import Module from '../../public/module' |
|||
import RightBottom from './Rightbottom' |
|||
import AutoRollComponent from './AutoRollComponent' |
|||
import './style.less' |
|||
import { getdaolutongji, getxuanchuan } from '../../../actions/example' |
|||
import { Carousel } from 'antd'; |
|||
import { getProject } from '../../../../fillion/actions/infor' |
|||
|
|||
// import { number } from 'echarts';
|
|||
const Build = (props) => { |
|||
const { dispatch, projectList } = props |
|||
let data1 = [ |
|||
{ name: "县", value: 207 }, |
|||
{ name: "乡", value: 729 }, |
|||
{ name: "村", value: 1938 } |
|||
] |
|||
// const safetyData = [
|
|||
// {name: '一级公路', value: 42},
|
|||
// {name: '二级公路', value: 17},
|
|||
// {name: '三级公路', value: 17},
|
|||
// {name: '四级公路', value: 30},
|
|||
// ]
|
|||
const [buildingnumber, setbuildingnumber] = useState(0) |
|||
const [data, setdata] = useState([]) |
|||
const [xuandata, setxuandata] = useState(null) |
|||
const lunbo = useRef(null) |
|||
const lunbovideo = useRef(null) |
|||
const [lunboindex, setlunboindex] = useState(0) |
|||
|
|||
//
|
|||
const lunboMsg = useRef({ index: 0 }) |
|||
|
|||
//获取道路管理数据
|
|||
const requestbuildingnumber = async () => { |
|||
const res = await dispatch(getdaolutongji()); |
|||
let alltype = Object.keys(res.payload.data?.roadType || {}).map((item) => ({ name: item, value: Number(keepThreeNum(res.payload.data.roadType[item])) })) |
|||
setdata(alltype.filter(item => item.name === '县' || item.name === "乡" || item.name === '村')) |
|||
setbuildingnumber(res.payload.data) |
|||
} |
|||
|
|||
//获取宣传栏数据
|
|||
const requestxuanchuanlan = async () => { |
|||
const res = await dispatch(getxuanchuan()); |
|||
// setdata(alltype.filter(item=>item.name!=='null'))
|
|||
setxuandata(res.payload.data || []) |
|||
} |
|||
|
|||
let t1 = Object.values(buildingnumber?.townRoad || {}) |
|||
|
|||
let totalgongli = t1.length !== 0 ? t1.reduce((x, y) => x + y.mileage, 0) : 0 //乡镇道路占比总公里数
|
|||
// let totalcount = t1.length !==0 ? t1.reduce((x,y)=>x+y.roadCount,0):0 //乡镇道路占比公路总条数
|
|||
let totalcount = buildingnumber?.buildedRoad || 0 |
|||
|
|||
// let sungongli = alltype.reduce((x,y)=>x+y.value,0)
|
|||
|
|||
const keepThreeNum = (value) => { |
|||
let resValue = 0 |
|||
//小数点的位置
|
|||
let index = value && value.toString().indexOf('.') + 1 |
|||
//小数的位数
|
|||
let num = value && Math.abs(Number(value)).toString().length - index |
|||
if (index && num > 3) { |
|||
resValue = value && Number(value).toFixed(3) |
|||
} else { |
|||
resValue = value |
|||
} |
|||
return resValue |
|||
} |
|||
let datas = Object.keys(buildingnumber?.townRoad || {}).map((item) => ({ name: item, number: buildingnumber.townRoad[item].roadCount, gongli: Number(keepThreeNum(buildingnumber.townRoad[item].mileage)) })) |
|||
|
|||
let list = datas.sort((a, b) => { |
|||
return b.number - a.number |
|||
}) |
|||
list = list.filter(item => item.name !== "其他") |
|||
|
|||
//道路等级数据
|
|||
let alldengji = Object.keys(buildingnumber?.roadLevel || {}).map((item) => ({ name: item, value: Number(keepThreeNum(buildingnumber.roadLevel[item])) })) |
|||
|
|||
let onlineproject = Object.keys(buildingnumber?.townProject || {}).map((item) => ({ name: item, total: buildingnumber.townProject[item] })) |
|||
onlineproject = onlineproject.sort((a, b) => { |
|||
return b.total - a.total |
|||
}) |
|||
let sunonlineproject = onlineproject?.reduce((x, y) => x + y.total, 0) |
|||
let buildingCount = buildingnumber?.buildingCount |
|||
//let projectAll=
|
|||
let safetyData = alldengji?.filter(item => item.name === '一级公路' || item.name === '二级公路' || item.name === '三级公路' || item.name === '四级公路' || item.name === '等外公路') |
|||
let sundata = data?.reduce((x, y) => x + y.value, 0) |
|||
let sunsafetyData = safetyData?.reduce((x, y) => x + y.value, 0) |
|||
|
|||
useEffect(() => { |
|||
requestbuildingnumber(); |
|||
requestxuanchuanlan() |
|||
dispatch(getProject()) |
|||
}, []) |
|||
|
|||
useEffect(() => { |
|||
lunbo.current.goTo(lunboindex) |
|||
}, [lunboindex]) |
|||
|
|||
const rendercontent = () => { |
|||
return (<div className='build-left-center-content'> |
|||
{list.map(({ name, number, gongli }, index) => <div className='build-left-center-item' key={index}> |
|||
<span>{name}</span> |
|||
<span>{number}</span> |
|||
<span>{gongli}</span> |
|||
</div>)} |
|||
</div>) |
|||
} |
|||
// const xuandata1 = [
|
|||
// {
|
|||
// "id": 26,
|
|||
// "name": "111",
|
|||
// "video":null,
|
|||
// "enable": true
|
|||
// }
|
|||
// ]
|
|||
|
|||
let videos = [] |
|||
if (xuandata && xuandata.length) { |
|||
for (let x of xuandata) { |
|||
if (x.enable) { |
|||
if (x.video && x.video.length) { |
|||
for (let v of x.video) { |
|||
videos.push(v) |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
return ( |
|||
<> |
|||
<div className='bgbuild-left'> |
|||
<Module title={"在建公路工程"} style={{ |
|||
width: "100%", |
|||
height: " 33%" |
|||
}} customize={true}> |
|||
<div style={{ height: "100%", position: "relative" }} > |
|||
{/* <span style={{ position: "absolute", width: "10%", color: "#FFF", backgroundColor: 'rgba(216, 240, 255, 0.1)', right: "5%", textAlign: "center" }}>条</span> */} |
|||
{buildingnumber && buildingnumber.buildedRoad !== 0 && totalgongli !== 0 ? <div className='build-left-top'> |
|||
{/* <div className='build-left-top-item'> |
|||
<div> |
|||
<i>►</i> |
|||
<span /> |
|||
<span>在建公路数量</span> |
|||
</div> |
|||
<div>{buildingnumber?.buildingRoad || 0}</div> |
|||
</div> */} |
|||
<img src='/assets/images/quanju/yuanhuan.webp' className='build-left-top-center' /> |
|||
<div className='build-left-top-item'> |
|||
<div>{buildingCount || 0}</div> |
|||
<div> |
|||
{/* <i>►</i> */} |
|||
{/* <span /> */} |
|||
<span>在建数量</span> |
|||
</div> |
|||
</div> |
|||
</div> : <NoData />} |
|||
</div> |
|||
</Module> |
|||
{/* <Module title={"各乡镇现有道路统计"} style={{ |
|||
width: "100%", |
|||
height: " 33%", marginTop: '3%' |
|||
}} customize={true}> |
|||
{ |
|||
totalcount && totalcount !== 0 ? |
|||
<div className='build-left-center'> |
|||
<div className='build-left-center-top'> |
|||
<div> |
|||
<img src='/assets/images/quanju/gonglugongli.png'></img> |
|||
<div> |
|||
<span>公路公里数/公里</span> |
|||
<span>{keepThreeNum(totalgongli)}</span> |
|||
</div> |
|||
</div> |
|||
<div> |
|||
<img src='/assets/images/quanju/gongluzong.png'></img> |
|||
<div> |
|||
<span>公路总数/条</span> |
|||
<span>{totalcount || 0}</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div className='build-left-center-titile'> |
|||
<span>乡镇名称</span> |
|||
<span>公路数量/条</span> |
|||
<span>公里</span> |
|||
</div> |
|||
<AutoRollComponent content={rendercontent()} containerStyle={{ position: "relative", height: "50%", }} |
|||
divHeight={"100%"} divId={"chart"} /> |
|||
</div> |
|||
: <NoData /> |
|||
} |
|||
</Module> */} |
|||
<Module title={"在建项目列表"} style={{ |
|||
width: "100%", |
|||
height: " 33%", marginTop: '3%' |
|||
}} customize={true}> |
|||
{ |
|||
totalcount && totalcount !== 0 ? |
|||
<div className='build-left-center' style={{ padding: 12 }}> |
|||
<div className='build-left-center'> |
|||
<div className='build-left-center-titile'> |
|||
<span>项目名称</span> |
|||
<span>项目规模(公里)</span> |
|||
<span>项目投资(万元)</span> |
|||
</div> |
|||
<AutoRollComponent content={ |
|||
<div className='build-left-center-content'> |
|||
{ |
|||
projectList.map((p, index) => { |
|||
return ( |
|||
<div className='build-left-center-item' key={index}> |
|||
<span className='ellipsis' title={p.entryName}>{p.entryName}</span> |
|||
<span>{p.projectMileage}</span> |
|||
<span>{p.investment}</span> |
|||
</div> |
|||
) |
|||
}) |
|||
} |
|||
</div> |
|||
} |
|||
containerStyle={{ position: "relative", height: "85%", }} |
|||
divHeight={"100%"} divId={"chart"} |
|||
/> |
|||
</div> |
|||
</div> |
|||
: <NoData /> |
|||
} |
|||
</Module> |
|||
<Module title={"道路统计"} style={{ |
|||
width: "100%", |
|||
height: " 30%", marginTop: '3%' |
|||
}} customize={true}> |
|||
{data && sundata !== 0 ? <LeftBottom |
|||
data={data} |
|||
width='100%' |
|||
height='100%' |
|||
text='道路总公里' |
|||
//total={keepThreeNum(sundata)}
|
|||
total={keepThreeNum(sundata)} |
|||
// colorList={colorList}
|
|||
// underColorList={underColorList}
|
|||
/> : <NoData />} |
|||
</Module> |
|||
|
|||
</div> |
|||
<div className='bgbuild-right'> |
|||
<Module title={"宣传栏"} style={{ |
|||
width: "100%", |
|||
height: " 33%" |
|||
}} customize={true}> |
|||
<div className='build-right-top'> |
|||
|
|||
{/* <img src='/assets/images/quanju/xuanchuanlan.jpg'></img> */} |
|||
<Carousel dots={false} ref={lunbo} key={lunboindex}> |
|||
{/* { |
|||
videos.map((v, i) => { |
|||
return i == lunboMsg.current.index ? |
|||
<video src={`${localStorage.getItem("qndmn")}/${v}`} key={Math.random()} autoPlay={i == lunboMsg.current.index} onEnded={() => { |
|||
if (i == videos.length - 1) { |
|||
setlunboindex(0) |
|||
lunboMsg.current.index = 0 |
|||
lunbo.current.goTo(1) |
|||
} else { |
|||
setlunboindex(i + 1) |
|||
lunboMsg.current.index = i + 1 |
|||
lunbo.current.next() |
|||
} |
|||
}}></video> |
|||
: <p>123</p> |
|||
}) |
|||
} */} |
|||
|
|||
{ |
|||
xuandata && xuandata !== null && xuandata.length !== 0 ? xuandata.filter(i => i.enable).map((item, index1) => { |
|||
|
|||
if (item.video && item.video !== null && item.video.length !== 0) { |
|||
return item.video.map((i, index) => { |
|||
if (index1 === lunboindex) { |
|||
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={true} ref={lunbovideo} onEnded={() => { |
|||
if (index1 < xuandata.filter(i => i.enable).length - 1) { |
|||
setlunboindex(lunboindex + 1) |
|||
} else { |
|||
setlunboindex(0) |
|||
} |
|||
|
|||
}}></video> |
|||
} else { |
|||
return <video src={`${localStorage.getItem("qndmn")}/${i}`} autoPlay={false} ></video> |
|||
} |
|||
}) |
|||
} |
|||
// return <video src={`${localStorage.getItem("qndmn")}/${item.video!==null&&item.video.length!==0?item.video[0]:""}`} autoPlay="autoplay" loop></video>
|
|||
|
|||
}) |
|||
: <video src='#'></video> |
|||
} |
|||
{/* <video src={xuandata&&xuandata!==null&&xuandata.length!==0?`${localStorage.getItem("qndmn")}/${xuandata[0].video!==null&&xuandata[0].video?xuandata[0].video[0]:""}`:"#"} autoPlay="autoplay" loop></video> */} |
|||
</Carousel> |
|||
<h2>全面建设好农村公路，切实发挥先行官作用</h2> |
|||
</div> |
|||
</Module> |
|||
<Module title={"各乡镇在建工程统计"} style={{ |
|||
width: "100%", |
|||
height: " 33%", marginTop: '3%' |
|||
}} customize={true}> |
|||
{sunonlineproject !== 0 ? <Rightcenter data={onlineproject} sundata={buildingCount} /> : <NoData />} |
|||
</Module> |
|||
<Module title={"各路段技术等级统计"} style={{ |
|||
width: "100%", |
|||
height: " 30%", marginTop: '3%' |
|||
}} customize={true}> |
|||
{safetyData && sunsafetyData !== 0 ? <RightBottom width='100%' |
|||
height='100%' |
|||
text='道路总公里' |
|||
total={keepThreeNum(sundata)} |
|||
data={keepThreeNum(safetyData)} /> : <NoData />} |
|||
</Module> |
|||
</div> |
|||
</> |
|||
) |
|||
} |
|||
function mapStateToProps (state) { |
|||
const { auth, depMessage, projectList } = state; |
|||
const pakData = (dep) => { |
|||
return dep.map((d) => { |
|||
return { |
|||
title: d.name, |
|||
value: d.id, |
|||
// children: d.type >= 2 ? [] : pakData(d.subordinate)
|
|||
children: pakData(d.subordinate) |
|||
} |
|||
}) |
|||
} |
|||
let depData = pakData(depMessage.data || []) |
|||
return { |
|||
user: auth.user, |
|||
depMessage: depMessage.data || [], |
|||
depLoading: depMessage.isRequesting, |
|||
depData, |
|||
projectList: projectList.data || [] |
|||
}; |
|||
} |
|||
export default connect(mapStateToProps)(Build); |
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue