1108 lines
49 KiB
JavaScript
1108 lines
49 KiB
JavaScript
import React from "react";
|
|
import _ from 'lodash';
|
|
import $ from 'jquery';
|
|
import * as API from '../apis/prjReportApi';
|
|
import {Row, Col, Progress, Tooltip, message, InputNumber, Popover, Button } from 'antd';
|
|
import {observable, action, toJS} from "mobx";
|
|
import {WeaDatePicker, WeaInput, WeaBrowser, WeaLocaleProvider, WeaInputNumber, WeaError} from "ecCom";
|
|
import {FeedBackInfoStore} from "./portal/feedBackInfoStore"
|
|
import {FeedBackSettingStore} from "./portal/feedBackSettingStore"
|
|
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
|
|
export class ReportStore {
|
|
@observable prjid = "";
|
|
@observable modeInfo = {};wEAver2018
|
|
@observable projInfo = {};
|
|
@observable columns = [];
|
|
@observable tableDatas = [];
|
|
@observable tableForamtDatas = [];
|
|
@observable dialogVisible = false;
|
|
@observable dialogData = {};
|
|
@observable dialogSource = {};
|
|
@observable columnsWidth = true;
|
|
|
|
@observable submitHash = {};
|
|
@observable submitData = [];
|
|
@observable expandedRowKeys = [];
|
|
@observable nowVersionSelected = '0';
|
|
@observable monthOptions = [];
|
|
@observable canSave = true;
|
|
|
|
@observable submitLoading = false;
|
|
@observable submitTip = "正在生成流程视图数据,请稍后...";
|
|
|
|
@observable remind1 = new Array();
|
|
@observable remind2 = new Array();
|
|
@observable remind3 = new Array();
|
|
@observable remind4 = new Array();
|
|
@observable feedBackInfoStore = new FeedBackInfoStore();
|
|
@observable feedBackSettingStore = new FeedBackSettingStore();
|
|
|
|
@observable prjstatus = "";
|
|
|
|
@observable type = ""; //反馈周期
|
|
@observable activity = ""; //当前活动周期
|
|
@action
|
|
init = (prjid) => {
|
|
this.prjid = prjid;
|
|
|
|
this.onQueryData(true);
|
|
this.nowVersionSelected = '0';
|
|
}
|
|
|
|
@action
|
|
onQueryData = (isInit) => {
|
|
if (!this.prjid) return;
|
|
this.tableDatas = [];
|
|
this.tableForamtDatas = [];
|
|
this.remind1 = new Array();
|
|
this.remind2 = new Array();
|
|
this.remind3 = new Array();
|
|
this.remind4 = new Array();
|
|
API.getFeedBackData({prjid: this.prjid}).then(({columns, datas, projInfo, month, type, activity}) => {
|
|
// if (!msg) {
|
|
// let month = ["201908", "201909"];
|
|
// let columns = [{
|
|
// dataIndex: "name",
|
|
// width: 250,
|
|
// fixed: "left",
|
|
// title: "任务名称",
|
|
// key: "name"
|
|
// }, {
|
|
// dataIndex: "hrmids",
|
|
// width: 60,
|
|
// title: "小组经理",
|
|
// key: "hrmids"
|
|
// }, {
|
|
// dataIndex: "dateRange",
|
|
// width: 150,
|
|
// title: "时间段",
|
|
// key: "dateRange"
|
|
// }, {
|
|
// dataIndex: "islandmark",
|
|
// width: 50,
|
|
// title: "里程碑",
|
|
// key: "islandmark"
|
|
// }, {
|
|
// dataIndex:"progress",
|
|
// width: 45,
|
|
// title: "进度",
|
|
// key: "progress"
|
|
// }, {
|
|
// children: [{
|
|
// dataIndex: "planCtx_201908",
|
|
// width: 170,
|
|
// title: "计划内容",
|
|
// key: "planCtx_201908"
|
|
// }, {
|
|
// dataIndex: "finishTime_201908",
|
|
// width: 125,
|
|
// title: "完成时间",
|
|
// key: "finishTime_201908"
|
|
// }, {
|
|
// dataIndex: "assistUser_201908",
|
|
// width: 125,
|
|
// title: "配合人员",
|
|
// key: "assistUser_201908"
|
|
// }, {
|
|
// dataIndex: "progress_201908",
|
|
// width: 50,
|
|
// title: "进度",
|
|
// key: "progress_201908"
|
|
// }, {
|
|
// dataIndex: "finishCtx_201908",
|
|
// width: 180,
|
|
// title: "完成情况",
|
|
// key: "finishCtx_201908"
|
|
// }, {
|
|
// dataIndex: "unFinishReason_201908",
|
|
// width: 80,
|
|
// title: "未完成原因",
|
|
// key: "unFinishReason_201908"
|
|
// }],
|
|
// title: "2019年8月"
|
|
// }, {
|
|
// children: [{
|
|
// dataIndex: "planCtx_201909",
|
|
// width: 170,
|
|
// title: "计划内容",
|
|
// key: "planCtx_201909"
|
|
// }, {
|
|
// dataIndex: "finishTime_201909",
|
|
// width: 125,
|
|
// title: "完成时间",
|
|
// key: "finishTime_201909"
|
|
// }, {
|
|
// dataIndex: "assistUser_201909",
|
|
// width: 125,
|
|
// title: "配合人员",
|
|
// key: "assistUser_201909"
|
|
// }, {
|
|
// dataIndex: "progress_201909",
|
|
// width: 50,
|
|
// title: "进度",
|
|
// key: "progress_201909"
|
|
// }, {
|
|
// dataIndex: "finishCtx_201909",
|
|
// width: 180,
|
|
// title: "完成情况",
|
|
// key: "finishCtx_201909"
|
|
// }, {
|
|
// dataIndex: "unFinishReason_201909",
|
|
// width: 80,
|
|
// title: "未完成原因",
|
|
// key: "unFinishReason_201909"
|
|
// }, {
|
|
// dataIndex: "caozuo_201909",
|
|
// width: 80,
|
|
// title: "操作",
|
|
// key: "caozuo_201909"
|
|
// }],
|
|
// title: "2019年9月"
|
|
// }]
|
|
// let datas = [{
|
|
// islandmark: "否",
|
|
// hrmids: [{
|
|
// name: "杨文元-tw",
|
|
// id: "21"
|
|
// }],
|
|
// unFinishReason_201908: "111",
|
|
// finishTime_201909: "",
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: "",
|
|
// finishTime_201908: "",
|
|
// unFinishReason_201909: "",
|
|
// assistUser_201909: "",
|
|
// assistUser_201908: "",
|
|
// hbid_201908: "7",
|
|
// hbid_201909: "45",
|
|
|
|
// children: [{
|
|
// islandmark: "否",
|
|
// unFinishReason_201908: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// finishTime_201909: {
|
|
// viewAttr: 1,
|
|
// value: "2019-09-30"
|
|
// },
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: "test"
|
|
// },
|
|
// finishTime_201908: {
|
|
// viewAttr: 1,
|
|
// value: "2019-08-26"
|
|
// },
|
|
// unFinishReason_201909: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// assistUser_201909: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// assistUser_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// hbid_201908: 11,
|
|
// hbid_201909: 47,
|
|
// caozuo_201909:"11",
|
|
// name: "test",
|
|
// finishCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: [{
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "ddd",
|
|
// attach: [],
|
|
// wcnrid: "26"
|
|
// }]
|
|
// },
|
|
// progress: "-1%",
|
|
// planCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: "test"
|
|
// },
|
|
// finishCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// key: 502,
|
|
// progress_201909: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// }
|
|
// }, {
|
|
// islandmark: "否",
|
|
// unFinishReason_201908: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// finishTime_201909: {
|
|
// viewAttr: 1,
|
|
// value: "2019-09-30"
|
|
// },
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: "test2"
|
|
// },
|
|
// finishTime_201908: {
|
|
// viewAttr: 1,
|
|
// value: "2019-08-26"
|
|
// },
|
|
// unFinishReason_201909: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// assistUser_201909: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// assistUser_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// hbid_201908: 9,
|
|
// hbid_201909: 46,
|
|
// name: "test2",
|
|
// finishCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: [{
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "tt",
|
|
// attach: [],
|
|
// wcnrid: "25"
|
|
// }]
|
|
// },
|
|
// progress: "-1%",
|
|
// planCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: "test2"
|
|
// },
|
|
// finishCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// key: 503,
|
|
// progress_201909: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// }
|
|
// }],
|
|
// name: "工作包001",
|
|
// finishCtx_201909: "",
|
|
// progress: "15%",
|
|
// planCtx_201909: "",
|
|
// finishCtx_201908: "",
|
|
// key: 1,
|
|
// progress_201909: {
|
|
// viewAttr: 3,
|
|
// value: 15
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 15
|
|
// }
|
|
// }, {
|
|
// islandmark: "否",
|
|
// hrmids: [{
|
|
// name: "杨文元-tw",
|
|
// id: "21"
|
|
// }],
|
|
// unFinishReason_201908: "",
|
|
// finishTime_201909: "",
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: "",
|
|
// finishTime_201908: "",
|
|
// unFinishReason_201909: "",
|
|
// assistUser_201909: "杨文元-tw",
|
|
// assistUser_201908: "",
|
|
// hbid_201908: "8",
|
|
// hbid_201909: "41",
|
|
// children: [{
|
|
// islandmark: "否",
|
|
// unFinishReason_201908: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// finishTime_201909: {
|
|
// viewAttr: 1,
|
|
// value: "2019-09-30"
|
|
// },
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: "test3"
|
|
// },
|
|
// finishTime_201908: {
|
|
// viewAttr: 1,
|
|
// value: "2019-08-26"
|
|
// },
|
|
// unFinishReason_201909: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// assistUser_201909: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// assistUser_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// hbid_201908: 12,
|
|
// hbid_201909: 44,
|
|
// name: "test3",
|
|
// finishCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: [{
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "test",
|
|
// attach: [],
|
|
// wcnrid: "24"
|
|
// }]
|
|
// },
|
|
// progress: "-1%",
|
|
// planCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: "test3"
|
|
// },
|
|
// finishCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// key: 504,
|
|
// progress_201909: {
|
|
// viewAttr: 1,
|
|
// value: 100.0
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// }
|
|
// }, {
|
|
// islandmark: "否",
|
|
// unFinishReason_201908: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// finishTime_201909: {
|
|
// viewAttr: 1,
|
|
// value: "2019-09-30"
|
|
// },
|
|
// dateRange: ["2019-08-26", "2019-08-26"],
|
|
// planCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: "test4"
|
|
// },
|
|
// finishTime_201908: {
|
|
// viewAttr: 1,
|
|
// value: "2019-08-26"
|
|
// },
|
|
// unFinishReason_201909: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// assistUser_201909: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// assistUser_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// hbid_201908: 10,
|
|
// hbid_201909: 42,
|
|
// name: "test4",
|
|
// finishCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: [{
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "test2",
|
|
// attach: [],
|
|
// wcnrid: "23"
|
|
// }, {
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "test",
|
|
// attach: [],
|
|
// wcnrid: "22"
|
|
// }]
|
|
// },
|
|
// progress: "-1%",
|
|
// planCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: "test4"
|
|
// },
|
|
// finishCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// key: 505,
|
|
// progress_201909: {
|
|
// viewAttr: 1,
|
|
// value: 100.0
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// }
|
|
// }, {
|
|
// islandmark: "否",
|
|
// unFinishReason_201908: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// finishTime_201909: {
|
|
// viewAttr: 1,
|
|
// value: "2019-09-30"
|
|
// },
|
|
// dateRange: ["2019-10-08", "2019-10-26"],
|
|
// planCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: "test5"
|
|
// },
|
|
// finishTime_201908: {
|
|
// viewAttr: 1,
|
|
// value: "2019-08-26"
|
|
// },
|
|
// unFinishReason_201909: {
|
|
// viewAttr: 1,
|
|
// value: ""
|
|
// },
|
|
// assistUser_201909: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// assistUser_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// hbid_201908: 21,
|
|
// hbid_201909: 43,
|
|
// name: "test5",
|
|
// finishCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: [{
|
|
// cjsj: "2019-09-11",
|
|
// attachids: "",
|
|
// ctx: "test",
|
|
// attach: [],
|
|
// wcnrid: "21"
|
|
// }]
|
|
// },
|
|
// progress: "-1%",
|
|
// planCtx_201909: {
|
|
// viewAttr: 1,
|
|
// value: "test5"
|
|
// },
|
|
// finishCtx_201908: {
|
|
// viewAttr: 1,
|
|
// value: []
|
|
// },
|
|
// key: 1001,
|
|
// progress_201909: {
|
|
// viewAttr: 1,
|
|
// value: 100.0
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 0.0
|
|
// }
|
|
// }],
|
|
// name: "工作包002",
|
|
// finishCtx_201909: "",
|
|
// progress: "11%",
|
|
// planCtx_201909: "",
|
|
// finishCtx_201908: "",
|
|
// key: 501,
|
|
// progress_201909: {
|
|
// viewAttr: 3,
|
|
// value: 100
|
|
// },
|
|
// progress_201908: {
|
|
// viewAttr: 1,
|
|
// value: 11
|
|
// }
|
|
// }];
|
|
// let projInfo = {
|
|
// prjstatus: 11,
|
|
// manager: "1",
|
|
// jindu: "",
|
|
// name: "测试项目001",
|
|
// statusname: "计划变更",
|
|
// id: 1,
|
|
// version: [{
|
|
// showname: "当前版本",
|
|
// key: "0",
|
|
// selected: true
|
|
// }]
|
|
// };
|
|
|
|
this.columns = columns;
|
|
if (this.columns && this.columns.length <= 1) {
|
|
this.columns = this.columns.map(col => {
|
|
col.fixed = "";
|
|
return col
|
|
});
|
|
$('.ant-table-content').css('padding-left', '0');
|
|
}
|
|
this.computeColumnsWidth(this.columns);
|
|
this.tableDatas = datas;
|
|
this.tableForamtDatas = this.compileByType(this.tableDatas);
|
|
if (isInit) {
|
|
this.expandedRowKeys = this.tableForamtDatas.map(f => f.key);
|
|
}
|
|
this.projInfo = projInfo;
|
|
month&&(this.monthOptions=[...month].map((mon) => {
|
|
return {
|
|
showname: mon,
|
|
key: mon
|
|
}
|
|
}));
|
|
projInfo&&(this.prjstatus=projInfo.prjstatus);
|
|
this.type = type;
|
|
this.activity = activity;
|
|
// } else {
|
|
// message.warning(res.msg)
|
|
// }
|
|
|
|
})
|
|
}
|
|
|
|
@action
|
|
onExpandedRowKeysChange = (Keys) => {
|
|
this.expandedRowKeys = Keys;
|
|
}
|
|
@action
|
|
onEditionChange = (key) => {
|
|
this.nowVersionSelected = key;
|
|
this.onQueryData(this.prjid, key);
|
|
}
|
|
|
|
// @action
|
|
// saveData = (key) => {
|
|
// let check = true;
|
|
// if (!this.submitData.length && key === '2') {
|
|
// message.error("无数据修改");
|
|
// return;
|
|
// }
|
|
|
|
// if (key === '1') {
|
|
|
|
// toJS(this.remind1).map(c => {
|
|
// if (c && !c.props.children.props.value && c.props.children.props.viewAttr == "3") {
|
|
// c.showError();
|
|
// check = false;
|
|
// }
|
|
// });
|
|
// toJS(this.remind2).map(c => {
|
|
// if (c && !c.props.children.props.value && c.props.children.props.viewAttr == "3") {
|
|
// c.showError();
|
|
// check = false;
|
|
// }
|
|
// });
|
|
// toJS(this.remind3).map(c => {
|
|
// if(c&&c.props.children.props.replaceDatas&&(c.props.children.props.replaceDatas[0]?!c.props.children.props.replaceDatas[0].id:!c.props.children.props.replaceDatas[0])&&c.props.children.props.viewAttr=="3"){
|
|
// c.showError();
|
|
// check = false;
|
|
// }
|
|
// });
|
|
|
|
|
|
// }
|
|
// if(!check){
|
|
// message.error("请检查必填项");
|
|
// return;
|
|
// }
|
|
|
|
// const jsondata = JSON.stringify(this.submitData)
|
|
// if (key === '2') {
|
|
// this.submitTip = "数据保存中,请稍后...";
|
|
// this.submitLoading = true;
|
|
// API.save({jsondata, projId: this.prjid}).then(res => { //保存
|
|
// this.submitLoading = false;
|
|
// if ('' + res.code === '200') {
|
|
// this.submitData = [];
|
|
// this.submitHash= [];
|
|
// message.success(res.msg)
|
|
// this.onQueryData(this.prjid,{});
|
|
// } else {
|
|
// message.warning(res.msg)
|
|
// }
|
|
// })
|
|
// } else if (key === '1') { //提交
|
|
// this.submitTip = "正在生成流程视图数据,请稍后...";
|
|
// this.submitLoading = true;
|
|
// API.submit({jsondata, projId: this.prjid}).then(res => {
|
|
// this.submitLoading = false;
|
|
// if ('' + res.code === '200') {
|
|
// this.submitData = [];
|
|
// this.submitHash= [];
|
|
// message.success(res.msg)
|
|
// window.open(res.datas.linkUrl, '_blank');
|
|
// } else {
|
|
// message.warning(res.msg)
|
|
// }
|
|
// })
|
|
// }
|
|
// }
|
|
|
|
@action
|
|
computeColumnsWidth = (columns) => {
|
|
this.columnsWidth = 0;
|
|
if (!(columns && columns.length)) return '0';
|
|
columns.forEach(col => {
|
|
if (col.children) {
|
|
col.children.forEach(child => {
|
|
if (child.width) {
|
|
this.columnsWidth += child.width
|
|
} else {
|
|
this.columnsWidth += 200
|
|
}
|
|
|
|
})
|
|
}
|
|
})
|
|
}
|
|
|
|
@action
|
|
compileByType = (datas, parentIndex = null) => {
|
|
|
|
let tempDatas = [];
|
|
_.forEach(datas, (item, index) => {
|
|
const tempObj = {};
|
|
_.forIn(item, (valueObj, key) => {
|
|
if (key == 'key') {
|
|
tempObj[key] = valueObj;
|
|
} else {
|
|
let value = valueObj.hasOwnProperty('value') ? valueObj['value'] : valueObj,
|
|
// viewAttr = valueObj.hasOwnProperty('viewAttr') ? valueObj['viewAttr'] : 1;
|
|
viewAttr = 1;
|
|
if (_.startsWith(key, 'progress') && value !== "") {
|
|
value = parseFloat(value)<0?0:parseFloat(value);
|
|
if (!_.startsWith(key, 'progress_')) {
|
|
tempObj[key] = (
|
|
<div className="percent-btn-group">
|
|
<Progress ecId={`${this && this.props && this.props.ecId || ''}_Progress@48f3o7`} type="circle" percent={value} status={value === 100 && 'success'}
|
|
width={32}/>
|
|
</div>
|
|
)
|
|
} else {
|
|
if ('' + viewAttr === '1') {
|
|
tempObj[key] = (
|
|
<div title={`${value}%`}>{value}%</div>
|
|
)
|
|
} else {
|
|
tempObj[key] = (
|
|
<div className="progress-input-number">
|
|
|
|
<InputNumber ecId={`${this && this.props && this.props.ecId || ''}_InputNumber@3x1g2s`}
|
|
defaultValue={value<(item["progress"] != "" ? parseInt(item["progress"]) : 0)?item["progress"] != "" ? parseInt(item["progress"]) : 0:value}
|
|
// viewAttr={viewAttr}
|
|
disabled={viewAttr==1?true:false}
|
|
min={item["progress"] != "" ? parseInt(item["progress"]) : 0}
|
|
max={100}
|
|
onChange={(val) => {
|
|
if (val === '' || val < 0) {
|
|
val = 0
|
|
}
|
|
this.changeData(val, index, key, parentIndex, item)
|
|
}}
|
|
/>
|
|
|
|
</div>
|
|
)
|
|
}
|
|
}
|
|
} else if (key === 'dateRange' && (value[0] || value[1])) {
|
|
const beginDate = value[0]?value[0]:'', endDate = value[1]?value[1]:'';
|
|
const renderDate = (date) => {
|
|
return date;
|
|
// const dateArr = date.split("-");
|
|
// return `${dateArr[0]}-${dateArr[1]}-${dateArr[2]}`
|
|
}
|
|
tempObj[key] = (<div>
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@qdh4py`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@l18w2r`} span={11}>{renderDate(beginDate)}</Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@hcn2z4`} span={2}> - </Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@b9kfcy`} span={11}>{renderDate(endDate)}</Col>
|
|
</Row>
|
|
</div>)
|
|
} else if (key === 'hrmids') {
|
|
tempObj[key] = (<WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@tpal86`}
|
|
type={17}
|
|
title={getLabel('179', '人力资源')}
|
|
isSingle={false}
|
|
replaceDatas={JSON.parse(valueObj).datas}
|
|
viewAttr={1}
|
|
/>)
|
|
} else if (_.startsWith(key, 'assistUser_')) { //配合人员
|
|
tempObj[key] = (
|
|
<WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@n13qi1`}
|
|
// style={{width:"100%"}}
|
|
type={17}
|
|
title={getLabel('179', '人力资源')}
|
|
// isMultCheckbox
|
|
isSingle={false}
|
|
replaceDatas={JSON.parse(valueObj).datas}
|
|
viewAttr={1}
|
|
// onChange={(id, name, data) => {
|
|
// this.changeData(data, index, key, parentIndex, item)
|
|
// }}
|
|
/>)
|
|
}else if (_.startsWith(key, 'finishTime_')) { //完成时间
|
|
// tempObj[key] = (<WeaError
|
|
// ref={(ref) => {
|
|
// this.remind1.push(ref);
|
|
// }}
|
|
// error={getLabel(385869,"此项必填")}
|
|
// tipPosition="left"
|
|
// ><WeaDatePicker
|
|
// value={value}
|
|
// viewAttr={viewAttr}
|
|
// onChange={(val) => {
|
|
// this.changeData(val, index, key, parentIndex, item)
|
|
// }}
|
|
// /></WeaError>)
|
|
tempObj[key] = (<WeaDatePicker ecId={`${this && this.props && this.props.ecId || ''}_WeaDatePicker@cnepkp`}
|
|
value={value}
|
|
viewAttr={viewAttr}
|
|
onChange={(val) => {
|
|
this.changeData(val, index, key, parentIndex, item)
|
|
}}
|
|
/>)
|
|
} else if (_.startsWith(key, 'planCtx_')) { //计划内容
|
|
const tempArr = key.split("_");
|
|
const total = tempArr[0] + 'Total_' + tempArr[1];
|
|
|
|
tempObj[key] = (<Tooltip ecId={`${this && this.props && this.props.ecId || ''}_Tooltip@xs2870`} placement="bottom" title={value}><Row ecId={`${this && this.props && this.props.ecId || ''}_Row@sthcnf`} className="plan_input_wrapper">
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@051msv`} span={18} >
|
|
|
|
{/* <WeaError
|
|
ref={(ref) => {
|
|
this.remind1.push(ref);
|
|
}}
|
|
error={getLabel(385869,"此项必填")}
|
|
tipPosition="left"
|
|
>
|
|
<WeaInput
|
|
value={value}
|
|
viewAttr={viewAttr}
|
|
onChange={(val) => {
|
|
this.changeData(val, index, key, parentIndex, item)
|
|
}}
|
|
/>
|
|
</WeaError> */}
|
|
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@wof0nm`}
|
|
value={value}
|
|
viewAttr={viewAttr}
|
|
onChange={(val) => {
|
|
this.changeData(val, index, key, parentIndex, item)
|
|
}}
|
|
/>
|
|
|
|
</Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@43t0hs`} span={6}>
|
|
<div className="plan_input_add">
|
|
{item[total] && item[total] > 0 &&
|
|
<a className='plan_input_add_number'
|
|
onClick={() => {
|
|
this.onToggleDialog(true, value, {
|
|
type: 'plan',
|
|
index,
|
|
key,
|
|
parentIndex,
|
|
item,
|
|
modeInfo: this.modeInfo
|
|
})
|
|
}}
|
|
title={item[total]}>{item[total]}</a>}
|
|
{viewAttr > 1 &&
|
|
<i className="icon-coms-Add-to-o icon-select"
|
|
onClick={() => {
|
|
this.onToggleDialog(true, value, {
|
|
type: 'plan',
|
|
index,
|
|
key,
|
|
parentIndex,
|
|
item,
|
|
modeInfo: this.modeInfo
|
|
})
|
|
}}
|
|
/>}
|
|
</div>
|
|
</Col>
|
|
</Row>
|
|
</Tooltip>
|
|
)
|
|
} else if (_.startsWith(key, 'finishCtx_')) { //完成情况
|
|
const planCtx = `planCtx_${key.split("_")[1]}`;
|
|
const viewAttrCopy = item[planCtx] && item[planCtx]['viewAttr'] ? item[planCtx]['viewAttr'] : 1;
|
|
const len = value.length || 0;
|
|
value = _.isArray(toJS(value)) && value.length ? value : [];
|
|
const showData = len == 0 ? "" : value[len - 1]['ctx'];
|
|
let showDatas = "";
|
|
let content = [];
|
|
value.length > 0 && value.map((item,index)=>{
|
|
content.push(
|
|
<p style={{borderBottom:"1px solid gray",wordWrap:"break-word"}}>
|
|
{index+1}.{item.ctx && item.ctx}
|
|
<span style={{float:"right"}}>{item.cjsj && item.cjsj}</span>
|
|
</p>
|
|
)
|
|
})
|
|
value.map(item=>{
|
|
showDatas += (item.ctx+"\r\n")
|
|
});
|
|
tempObj[key] = (<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@oehu12`} className="plan_input_wrapper2">
|
|
{/* <Popover content={<div style={{width:"400px"}}>{content}</div>} placement="left" trigger="hover"> */}
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@sdqmyo`} span={18}>
|
|
{
|
|
viewAttr == 3 &&<WeaError ecId={`${this && this.props && this.props.ecId || ''}_WeaError@36zg9q`}
|
|
ref={(ref) => {
|
|
this.remind1.push(ref);
|
|
}}
|
|
error={getLabel(385869,"此项必填")}
|
|
tipPosition="left"
|
|
>
|
|
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@00puej`}
|
|
placeholder={getLabel('22069', '完成情况')}
|
|
value={showData}
|
|
viewAttr={viewAttr}
|
|
style={{border: "1px solid #ddd"}}
|
|
readOnly = {true}
|
|
className='finish-input-border'
|
|
onChange={(val) => {
|
|
value[len - 1] = {...value[len - 1], ctx: val}
|
|
this.changeData(value, index, key, parentIndex, item)
|
|
}}/>
|
|
|
|
</WeaError>
|
|
}
|
|
{
|
|
viewAttr == 1 && <span className="report-span2" >{showData}</span>
|
|
}
|
|
|
|
</Col>
|
|
{/* </Popover> */}
|
|
{/* */}
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@05f13f`} span={6}>
|
|
<div className="plan_input_add">
|
|
{len > 0 && item[key.replace('finishCtx','caozuo')] &&
|
|
<a className='plan_input_add_number'
|
|
onClick={() => {
|
|
// console.log(111,item[key.replace('finishCtx','caozuo')],item)
|
|
this.onToggleDialog(true, value, {
|
|
type: 'condition', index, key, parentIndex, item, mainid:item[key.replace('finishCtx','caozuo')]
|
|
})
|
|
}}
|
|
title={len}>{len}</a>
|
|
}
|
|
{viewAttrCopy > 1 &&
|
|
<i className="icon-coms-Add-to-o icon-select"
|
|
onClick={() => {
|
|
this.onToggleDialog(true, value, {
|
|
type: 'condition', index, key, parentIndex, item
|
|
})
|
|
}}
|
|
/>}
|
|
</div>
|
|
</Col>
|
|
</Row>)
|
|
} else if (_.startsWith(key, 'unFinishReason_')) { //未完成原因
|
|
let content=<span style={{borderBottom:"1px solid gray",wordWrap:"break-word",width:"400px"}}>{value}</span>
|
|
tempObj[key] = ( <Popover ecId={`${this && this.props && this.props.ecId || ''}_Popover@twcexo`} content={<div style={{width:"400px"}}>{content}</div>} placement="left" trigger="hover"><WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@6n32nm`}
|
|
value={value}
|
|
viewAttr={viewAttr}
|
|
onChange={(val) => {
|
|
this.changeData(val, index, key, parentIndex, item)
|
|
}}
|
|
/></Popover>)
|
|
} else if (_.startsWith(key, 'caozuo_')) { //操作项
|
|
let content=<span style={{borderBottom:"1px solid gray",wordWrap:"break-word",width:"400px"}}>{value}</span>
|
|
tempObj[key] = ( <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@rb9f7d`} onClick={()=>{this.openDialog(value)}}>{getLabel(93, "编辑")}</Button> );
|
|
} else if (!item['children']) {
|
|
tempObj[key] = (<Tooltip ecId={`${this && this.props && this.props.ecId || ''}_Tooltip@0j6qr8`} title={value} placement="bottomLeft"><span className="report-span" >{value}</span></Tooltip>);
|
|
} else {
|
|
if (key === 'children' && value.length) { //递归解析树形结构
|
|
tempObj[key] = this.compileByType(item.children, index + '')
|
|
} else { //纯文本显示值
|
|
tempObj[key] = (<Tooltip ecId={`${this && this.props && this.props.ecId || ''}_Tooltip@rmeig2`} title={value} placement="bottomLeft"><span className="report-span" >{value}</span></Tooltip>);
|
|
}
|
|
}
|
|
}
|
|
|
|
})
|
|
tempDatas.push(tempObj)
|
|
})
|
|
// console.log(tempDatas);
|
|
return tempDatas;
|
|
}
|
|
|
|
@action
|
|
openDialog = (value) => {
|
|
this.feedBackInfoStore.handleFeedBackInfoDialog(true,{id:value});
|
|
}
|
|
|
|
@action
|
|
changeData = (value, index, key, parentIndex, item) => {
|
|
this.onDataChange(value, index, key, parentIndex, item)
|
|
}
|
|
|
|
@action
|
|
onDataChange = (value, index, key, parentIndex, item) => {
|
|
// console.log(value, index, key, parentIndex, item);
|
|
//处理数据显示
|
|
if (parentIndex) {
|
|
if (_.startsWith(key, 'planCtxTotal_')) {
|
|
const data = this.tableDatas[parentIndex].children[index][key];
|
|
const viewAttr = data.hasOwnProperty('viewAttr') ? data.viewAttr : ""; //获取数据原本的viewAttr
|
|
this.tableDatas[parentIndex].children[index][key] = viewAttr ? {value, viewAttr} : value;
|
|
|
|
} else if (_.startsWith(key, 'finishCtx_')){
|
|
// console.log(toJS(this.tableDatas[parentIndex].children[index][key]));
|
|
const data = this.tableDatas[parentIndex].children[index][key];
|
|
const viewAttr = data.hasOwnProperty('viewAttr') ? data.viewAttr : ""; //获取数据原本的viewAttr
|
|
|
|
let finshCtxs = [];
|
|
value.map(item=>{
|
|
let attachids = [];
|
|
let attachs = item.attach;
|
|
attachs.length > 0 && attachs.map(attach=>{
|
|
attachids.push(attach['fileid']);
|
|
})
|
|
let newitem = {
|
|
...item,
|
|
attachids : attachids
|
|
}
|
|
finshCtxs.push(newitem);
|
|
});
|
|
|
|
this.tableDatas[parentIndex].children[index][key] = viewAttr ? {value : finshCtxs, viewAttr} : finshCtxs;
|
|
}else {
|
|
const data = this.tableDatas[parentIndex].children[index][key];
|
|
const viewAttr = data.hasOwnProperty('viewAttr') ? data.viewAttr : ""; //获取数据原本的viewAttr
|
|
// if (viewAttr == '3' && !('' + value)) {
|
|
// return;
|
|
// }
|
|
this.tableDatas[parentIndex].children[index][key] = viewAttr ? {value, viewAttr} : {value};
|
|
}
|
|
} else {
|
|
this.tableDatas[index][key].value = value;
|
|
}
|
|
|
|
this.tableForamtDatas = this.compileByType(this.tableDatas)
|
|
//处理数据保存
|
|
const id = item['hbid_' + key.split('_')[1]];
|
|
const formatKey = key.split("_")[0];
|
|
//配合人员特殊处理
|
|
if (formatKey == "assistUser") {
|
|
let value_ = value;
|
|
let assistUserIds = [];
|
|
if (value_.length > 0) {
|
|
value_.map(item => {
|
|
assistUserIds.push(parseInt(item.id));
|
|
});
|
|
}
|
|
value = assistUserIds;
|
|
}
|
|
let finshCtxs = [];
|
|
|
|
let param = {
|
|
id,
|
|
key: item['key'],
|
|
[formatKey]: value,
|
|
};
|
|
//完成情况相关附件特殊处理
|
|
if (_.startsWith(key, 'finishCtx_')){
|
|
|
|
value.map(item=>{
|
|
let attachids = [];
|
|
let attachs = item.attach;
|
|
attachs.length > 0 && attachs.map(attach=>{
|
|
attachids.push(attach['fileid']);
|
|
})
|
|
let newitem = {
|
|
...item,
|
|
attachids : attachids
|
|
}
|
|
finshCtxs.push(newitem);
|
|
});
|
|
param = {
|
|
id,
|
|
key: item['key'],
|
|
[formatKey]: finshCtxs,
|
|
};
|
|
}
|
|
if (!this.submitHash[""+id]) {
|
|
this.submitData.push(param);
|
|
this.submitHash = {
|
|
...this.submitHash,
|
|
[id] : '' + (this.submitData.length - 1)
|
|
}
|
|
} else {
|
|
this.submitData[this.submitHash[""+id]] = Object.assign(this.submitData[this.submitHash[id]], param);
|
|
}
|
|
|
|
}
|
|
|
|
@action
|
|
onToggleDialog = (bool, data, dialogSource = {}) => {
|
|
this.dialogVisible = bool;
|
|
this.dialogData = data;
|
|
this.dialogSource = dialogSource;
|
|
}
|
|
|
|
@action getLineClass = () => {
|
|
this.lineindex ++ ;
|
|
if(this.lineindex % 2 == 1){
|
|
return "dark-row"
|
|
}else{
|
|
return "light-row"
|
|
}
|
|
}
|
|
|
|
@action
|
|
setDialogData = (v) => {
|
|
this.dialogData = v;
|
|
}
|
|
|
|
@action
|
|
saveMxDatas = () =>{
|
|
const mxParams = JSON.stringify({mxdatas:toJS(this.dialogData)});
|
|
const params = {mainid:this.dialogSource.mainid,mxdatas:mxParams}
|
|
API.saveMxDatas(params).then(data=>{
|
|
if(data.success){
|
|
message.success(getLabel(18758,"保存成功"));
|
|
this.onToggleDialog(false);
|
|
this.onQueryData(true);
|
|
}else{
|
|
message.error(getLabel('507580','出现错误！对不起，您暂时没有权限！！'));
|
|
}
|
|
})
|
|
}
|
|
|
|
}
|
|
|
|
export default new ReportStore();
|