201 lines
9.3 KiB
JavaScript
201 lines
9.3 KiB
JavaScript
|
||
import { Button, Row, Col, InputNumber, Modal, message } from 'antd';
|
||
import {observer} from 'mobx-react';
|
||
import { WeaSearchGroup, WeaFormItem, WeaDialog, WeaUpload, WeaProgress, WeaLocaleProvider, WeaTableEditable, WeaNewScroll } from 'ecCom';
|
||
import { WeaSwitch } from "comsMobx"
|
||
import { toJS } from "mobx"
|
||
const getLabel = WeaLocaleProvider.getLabel;
|
||
|
||
@observer
|
||
class FeedBackInfoDialog extends React.Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state={
|
||
width:1020,
|
||
height:650,
|
||
}
|
||
}
|
||
|
||
render() {
|
||
const {feedBackInfoStore} = this.props;
|
||
const {visible,handleFeedBackInfoDialog,fieldinfo,form,setFormFields,title,mxdatas,setMxDatas} = feedBackInfoStore;
|
||
const { isFormInit } = form;
|
||
|
||
const columns = [{
|
||
title: 'id',
|
||
dataIndex: 'id',
|
||
width: '0%',
|
||
com: [
|
||
{type: 'INPUT', key: 'id'}
|
||
],
|
||
colSpan: 0
|
||
},{
|
||
title: <span>{getLabel('22069', '完成情况')}</span>,
|
||
dataIndex: 'ctx',
|
||
width: '50%',
|
||
com: [
|
||
{type: 'INPUT', key: 'ctx'}
|
||
],
|
||
},
|
||
{
|
||
title: <span>{getLabel('156', '附件')}</span>,
|
||
dataIndex: 'attach',
|
||
key: 'attach',
|
||
width: '50%',
|
||
com: [
|
||
{
|
||
type: 'CUSTOM',
|
||
key: 'attach',
|
||
render: (text, record, number, onEdit) => {
|
||
return (<WeaUpload ecId={`${this && this.props && this.props.ecId || ''}_WeaUpload@ufsjv5`}
|
||
btnSize="small"
|
||
uploadUrl={`${window.ecologyContentPath || ''}/api/doc/upload/uploadFile`}
|
||
category="string"
|
||
maxUploadSize={50}
|
||
viewAttr={2}
|
||
isDetail={true}
|
||
datas={record.attach || []}
|
||
listType="list"
|
||
clearWhenReset={false}
|
||
showClearAll={false}
|
||
onChange={(ids, list) => {
|
||
onEdit({
|
||
type: "CUSTOM",
|
||
record: {
|
||
...record,
|
||
},
|
||
index : record.key,
|
||
key: "attach",
|
||
value: list
|
||
});
|
||
}
|
||
}
|
||
/>)
|
||
}
|
||
}
|
||
],
|
||
}
|
||
]
|
||
|
||
let group = [];
|
||
const formParams = form.getFormParams();
|
||
isFormInit && fieldinfo.map((c,i) => {
|
||
let items = [];
|
||
c.items.map(fields => {
|
||
let hide = false;
|
||
let dom;
|
||
let hasunderline = false;
|
||
//只读样式控制
|
||
let stylecss = { 'margin-right': '5px', 'margin-top': '6px' };
|
||
if (fields.viewAttr == "1" || (fields.conditionType == "BROWSER" && fields.browserConditionParam.viewAttr == "1")) {
|
||
hasunderline = true;
|
||
stylecss = { 'margin-right': '5px', 'margin-top': '16px' };
|
||
}
|
||
if (fields.domkey[0] == "finish") {
|
||
if (fields.viewAttr == "1") {
|
||
dom = <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@drin38@${fields.domkey[0]}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@i8y1hh@${fields.domkey[0]}`} span={12} style={stylecss}>
|
||
<WeaProgress ecId={`${this && this.props && this.props.ecId || ''}_WeaProgress@xmqsm8@${fields.domkey[0]}`} name={fields.domkey[0]} percent={fields.value || 0} strokeColor={fields.strokeColor} status="active" />
|
||
</Col><span style={{ color: "#FF0000" }}>{fields.befSpan || ""}</span>
|
||
</Row>
|
||
} else {
|
||
dom = <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@kf05jt@${fields.domkey[0]}`}>
|
||
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@56w1oj@${fields.domkey[0]}`} span={24} style={stylecss}>
|
||
<InputNumber ecId={`${this && this.props && this.props.ecId || ''}_InputNumber@tv3wyo@${fields.domkey[0]}`} name={fields.domkey[0]} min={0} value={formParams.finish}
|
||
onChange={(v) => { this.checkProgress(v); }} />
|
||
<span style={{ marginLeft: 5 }}>%</span>
|
||
</Col>
|
||
</Row>
|
||
}
|
||
}else {
|
||
dom = <WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@8rv6lq@${fields.domkey[0]}`} fieldConfig={fields} form={form} />;
|
||
}
|
||
if (hasunderline) {
|
||
items.push({
|
||
com: (<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@9xah8d@${fields.domkey[0]}`}
|
||
label={`${fields.label}`}
|
||
labelCol={{ span: `${fields.labelcol}` }}
|
||
error={form.getError(fields)}
|
||
tipPosition="bottom"
|
||
wrapperCol={{ span: `${fields.fieldcol}` }} underline>
|
||
{dom}
|
||
</WeaFormItem>),
|
||
colSpan: 1,
|
||
hide: hide
|
||
});
|
||
} else {
|
||
items.push({
|
||
com: (<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@3v8lba@${fields.domkey[0]}`}
|
||
label={`${fields.label}`}
|
||
labelCol={{ span: `${fields.labelcol}` }}
|
||
error={form.getError(fields)}
|
||
tipPosition="bottom"
|
||
wrapperCol={{ span: `${fields.fieldcol}` }} >
|
||
{dom}
|
||
</WeaFormItem>),
|
||
colSpan: 1,
|
||
hide: hide
|
||
});
|
||
}
|
||
|
||
});
|
||
group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@64tg0e@${i}`} needTigger={true} title={c.title} col={1} showGroup={c.defaultshow} items={items} />)
|
||
});
|
||
|
||
return (
|
||
<div>
|
||
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@soq3pd`}
|
||
style={{height:'700px',width:'800px'}}
|
||
title={title||getLabel('518174','编辑反馈信息') }
|
||
visible={visible}
|
||
maskClosable={false}
|
||
icon="icon-coms-project"
|
||
iconBgcolor="#217346"
|
||
onCancel={()=>handleFeedBackInfoDialog(false)}
|
||
buttons={this.getDialogButtons()}
|
||
>
|
||
<WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@r9hfc0`} height='700px'>
|
||
{group}
|
||
<WeaTableEditable ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEditable@wht3cn`}
|
||
title={getLabel('22069', '完成情况')}
|
||
columns={columns}
|
||
// initialDatas={toJS(mxdatas)||[]}
|
||
datas={toJS(mxdatas)||[]}
|
||
onChange={(datas) => {
|
||
setMxDatas(datas);
|
||
}}
|
||
/>
|
||
</WeaNewScroll>
|
||
</WeaDialog>
|
||
</div>)
|
||
}
|
||
|
||
getDialogButtons(){
|
||
const {store,prjid,feedBackInfoStore} = this.props;
|
||
let btn = [];
|
||
btn.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vpn70m@save`} type="primary" onClick={()=>{feedBackInfoStore.saveFeedBackInfo(store,{prjid:prjid});}}>{getLabel(86,"保存")}</Button>);
|
||
btn.push(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@gk2e6t@close`} type="primary" onClick={()=>feedBackInfoStore.handleFeedBackInfoDialog(false)}>{getLabel(309,"关闭")}</Button>);
|
||
return btn
|
||
}
|
||
|
||
checkProgress = (value) => { //进度编辑校验
|
||
const { finishmax, setFormFields } = this.props.feedBackInfoStore;
|
||
if (Number(finishmax) == 99) {
|
||
if (value > 99) {
|
||
message.error(getLabel(383829, "该任务所必须的相关文档或者相关流程不存在，任务不能完成100%。"));
|
||
setFormFields({ finish: { value: 99 } });
|
||
} else {
|
||
setFormFields({ finish: { value: value } });
|
||
}
|
||
} else {
|
||
if (value > 100) {
|
||
setFormFields({ finish: { value: 100 } });
|
||
} else {
|
||
setFormFields({ finish: { value: value } });
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
export default FeedBackInfoDialog; |