Skip to content

W
WebPublic
提交 b02d0411 authored 作者: 钟是志's avatar 钟是志
浏览文件
操作

28753 北电]求职创业补贴管理，审批页面按钮无反应

上级 78d1d3c1
隐藏空白字符变更
内嵌 并排
正在显示 包含 963 行增加 和 940 行删除
one_stop_public/Base16/SplitBase16Index.js
浏览文件 @ b02d0411
...@@ -35,7 +35,7 @@ function giveKey(key, datas) { ...@@ -35,7 +35,7 @@ function giveKey(key, datas) {
} }
export async function countAllValues(datas, item) { export async function countAllValues(datas, item) {
console.log(datas); // console.log(datas);
if (item.setNull) { if (item.setNull) {
datas.allValues = JSON.stringify({}); datas.allValues = JSON.stringify({});
} else { } else {
......
one_stop_public/DetailForAudit/DetailSplit.js
浏览文件 @ b02d0411
...@@ -3,21 +3,21 @@ ...@@ -3,21 +3,21 @@
* 2019年9月19日 * 2019年9月19日
* 查看详情页面 * 查看详情页面
*/ */
import React, { Component, Fragment, useRef } from 'react'; import React, { Component, Fragment, useEffect, useState } from 'react';
import { import {
Row, Row,
Col, Col,
Timeline, Timeline,
Icon, Icon,
Form, Form,
Button, Button,
Spin, Spin,
Radio, Radio,
Popconfirm, Popconfirm,
Checkbox, Checkbox,
Switch, Switch,
InputNumber, InputNumber,
message, message,
} from 'antd'; } from 'antd';
import Card from './components/Card'; import Card from './components/Card';
import { getToken } from '@/webPublic/one_stop_public/utils/token'; import { getToken } from '@/webPublic/one_stop_public/utils/token';
...@@ -37,10 +37,10 @@ import TrunToDetail from './trunToDetail'; ...@@ -37,10 +37,10 @@ import TrunToDetail from './trunToDetail';
import Countersign from './components/Countersign'; import Countersign from './components/Countersign';
import ChildTaskModel from './ChildTaskModel'; import ChildTaskModel from './ChildTaskModel';
import { import {
checkNeedFormValidateFieldsAndScroll, checkNeedFormValidateFieldsAndScroll,
must, must,
submitValues, submitValues,
checkNeedWriteAuditInfo, checkNeedWriteAuditInfo,
} from './splitDetailSplit'; } from './splitDetailSplit';
import { queryApiVersion, queryApiActionPath } from '@/webPublic/one_stop_public/utils/queryConfig'; import { queryApiVersion, queryApiActionPath } from '@/webPublic/one_stop_public/utils/queryConfig';
import { isJSON } from '@/webPublic/zyd_public/utils/utils'; import { isJSON } from '@/webPublic/zyd_public/utils/utils';
...@@ -48,949 +48,971 @@ import HistoryFormList from '@/webPublic/one_stop_public/DetailForAudit/HistoryF ...@@ -48,949 +48,971 @@ import HistoryFormList from '@/webPublic/one_stop_public/DetailForAudit/HistoryF
@connect() @connect()
class DetailSplit extends Component { class DetailSplit extends Component {
constructor() { constructor() {
super(); super();
this.state = { this.state = {
isTakeFlow: false, isTakeFlow: false,
data: {}, // 详情数据 data: {}, // 详情数据
stepFlow: [], stepFlow: [],
items: [], items: [],
obj: {}, obj: {},
isSecond: false, // 如果为true,表示重新发起 isSecond: false, // 如果为true,表示重新发起
selects: new Map(), selects: new Map(),
left: 0, left: 0,
top: 0, top: 0,
max: 4, max: 4,
width: 100, width: 100,
taskId: '', // 模型id taskId: '', // 模型id
appId: '', // 事务id appId: '', // 事务id
code: '', // 事务code 当前表单唯一值 code: '', // 事务code 当前表单唯一值
isHandle: false, // 判断用户是否有权限 isHandle: false, // 判断用户是否有权限
id: '', // 表单id id: '', // 表单id
btns: [], // 自定义按钮 btns: [], // 自定义按钮
taskFormKey: '', // 多表单显示的key taskFormKey: '', // 多表单显示的key
itemsOK: [], // 多表单显示的表单 itemsOK: [], // 多表单显示的表单
hisTaskFormKeys: {}, // 历史任务相关 hisTaskFormKeys: {}, // 历史任务相关
isLoading: false, // 请求状态 isLoading: false, // 请求状态
formColor: '', // 流程紧急度颜色 formColor: '', // 流程紧急度颜色
formLevel: '', // 流程文本 formLevel: '', // 流程文本
btnList: [], // 紧急度按钮返回数据 btnList: [], // 紧急度按钮返回数据
radiovalue: '', // 单选id radiovalue: '', // 单选id
isEnd: false, // 是否结束 isEnd: false, // 是否结束
isShowTitle: true, // 是否展示流程步骤几个字 isShowTitle: true, // 是否展示流程步骤几个字
isSumbitLoading: false, // 发起时触发 isSumbitLoading: false, // 发起时触发
isOpenTrunToModel: false, // 用户转办,回收弹框控制变量 isOpenTrunToModel: false, // 用户转办,回收弹框控制变量
trunToStatus: '转办', // 当前节点存在状态 trunToStatus: '转办', // 当前节点存在状态
trunData: '', // 转办当前选中数据 trunData: '', // 转办当前选中数据
isCloseUserDetail: false, // 是否展示用户基础详细信息 isCloseUserDetail: false, // 是否展示用户基础详细信息
checkedConfimList: [], // 用户选择打印元素 checkedConfimList: [], // 用户选择打印元素
checkListOptions: [], // 历史表单复选框存放值 checkListOptions: [], // 历史表单复选框存放值
isShowTitleTwo: true, // 历史表单展示状态 isShowTitleTwo: true, // 历史表单展示状态
paddingBottom: 0, paddingBottom: 0,
isSign: false, // 是否使用签名 isSign: false, // 是否使用签名
userInfo: '', // 得到用户数据 userInfo: '', // 得到用户数据
setData: '', // 配置的数据 setData: '', // 配置的数据
countersignModal: '', // 开启加签弹框函数 countersignModal: '', // 开启加签弹框函数
isAllPrint: false, isAllPrint: false,
closeAutoSign: false, // 28521 退役大学生评优管理/在校退役大学生评优审核，去掉审核签名 closeAutoSign: false, // 28521 退役大学生评优管理/在校退役大学生评优审核，去掉审核签名
}; };
window.callbackSubmitInfoZhiYong = undefined; window.callbackSubmitInfoZhiYong = undefined;
} }
/** /**
* @function 同步加签函数 * @function 同步加签函数
* @param { function } func 打开加签弹框函数 * @param { function } func 打开加签弹框函数
*/ */
updateCountersignModal = func => { updateCountersignModal = (func) => {
this.setState({ this.setState({
countersignModal: func, countersignModal: func,
}); });
}; };
/** /**
* 关闭转办,回收弹框 * 关闭转办,回收弹框
*/ */
handleTrunToModel = () => { handleTrunToModel = () => {
this.setState({ this.setState({
isOpenTrunToModel: false, isOpenTrunToModel: false,
trunData: '', trunData: '',
trunToStatus: '', trunToStatus: '',
}); });
}; };
/** /**
* 打开转办,回收弹框 * 打开转办,回收弹框
* @param { string } text 当前按钮状态 * @param { string } text 当前按钮状态
*/ */
showTrunToModel = (text, record) => { showTrunToModel = (text, record) => {
this.setState({ this.setState({
isOpenTrunToModel: true, isOpenTrunToModel: true,
trunToStatus: text, trunToStatus: text,
trunData: record, trunData: record,
}); });
}; };
examineFlow = (...ags) => { examineFlow = (...ags) => {
this.flowExamineModal.showModal(...ags); this.flowExamineModal.showModal(...ags);
}; };
componentDidMount() { componentDidMount() {
this.getInit(); this.getInit();
if (this.props.onRef) {
this.props.onRef(this);
}
}
// getInit2 = () => { if (this.props.onRef) {
// console.log('getInit2'); this.props.onRef(this);
// } }
}
/** /**
* @function 默认请求 * @function 默认请求
*/ */
getInit = handleUser => { getInit = (handleUser) => {
const { dispatch } = this.props; const { dispatch, formPrepareData } = this.props;
const id = this.props.history.location.state && this.props.history.location.state.id; const id = this.props.history.location.state && this.props.history.location.state.id;
const code = this.props.history.location.state && this.props.history.location.state.code; const code = this.props.history.location.state && this.props.history.location.state.code;
const queryId = this.props.history.location.query && this.props.history.location.query.id; const queryId = this.props.history.location.query && this.props.history.location.query.id;
const taskId = this.props.history.location.state && this.props.history.location.state.taskId; const taskId = this.props.history.location.state && this.props.history.location.state.taskId;
if (!id && !code) { if (!id && !code) {
if (queryId) { if (queryId) {
} else { } else {
openToast('error', '数据已过期', '当前页面数据已过期,请重新进入'); openToast('error', '数据已过期', '当前页面数据已过期,请重新进入');
router.push('/portal/home'); router.push('/portal/home');
return; return;
} }
} }
const val = formPrepareData;
if (val) {
if (this.props.changeData) {
this.props.changeData(val);
}
const checkListOptions = [];
const checkedConfimList = [];
if (val.hisTaskForm.formKeys) {
val.hisTaskForm.formKeys.map((item) => {
checkListOptions.push({
label: item.taskName,
value: item.formKey,
});
});
}
if (val && !val.taskInfo) {
permRequest('/UnifiedAppFormApi/getTaskInfos', {
// 获取每一步的审核人.
id: queryId ? queryId : id, // 审批表Id
code: code || null, // 表单值
}).then((res) => {
val.taskInfo = res.taskInfo;
this.setState(
{
data: val,
stepFlow: val.taskInfo,
obj: JSON.parse(val.content),
code: val.code,
taskId: val.taskId,
isSecond: val.isSecond ? val.isSecond : false,
appId: val.appId,
code: val.code,
isHandle: val.isHandle,
id,
btns: val.btns,
taskFormKey: val.taskFormKey,
hisTaskFormKeys: val.hisTaskForm,
isLoading: true,
formColor: val.formColor,
formLevel: val.formLevel,
isEnd: val.isEnd,
checkListOptions,
checkedConfimList,
},
() => {
if (val.isSecond) {
this.props.dispatch({
type: 'urge/GetMyBtn',
payload: {},
callback: (arr) => {
this.setState(
{
btnList: arr,
radiovalue: val.formLevelId ? val.formLevelId : arr[arr.length - 1].id,
},
() => {
// this.giveMessageTop();
},
);
},
});
} else {
// this.giveMessageTop();
}
},
);
});
}
}
dispatch({
type: 'emailorphone/GetLogo',
payload: {
configKeys: ['isCloseUserDetail', 'isCloseFlowPath', 'isAllPrint', 'closeAutoSign'],
},
callback: (val) => {
const closeAutoSign = !!(val[3] && val[3].configValue === 'true');
this.setState({
isCloseUserDetail: !!(val[0] && val[0].configValue === 'true'),
isAllPrint: !!(val[2] && val[2].configValue === 'true'),
closeAutoSign,
});
dispatch({ if (!closeAutoSign) {
type: 'affair/getIdFormDetail', /**
payload: { * 获取设置的数据
id: queryId ? queryId : id, // 审批表Id */
code: code || null, // 表单值 this.props.dispatch({
handleUser: handleUser || null, // 处理人 type: 'UserSetCenterApi/queryUserSet',
taskId, // 多任务流程会使用到,后续改为必须传入 payload: {},
lite: true, callback: (val) => {
}, this.setState({
callback: val => { setData: val,
if (this.props.changeData) { });
this.props.changeData(val); },
} });
const checkListOptions = []; }
const checkedConfimList = [];
if (val.hisTaskForm.formKeys) {
val.hisTaskForm.formKeys.map(item => {
checkListOptions.push({
label: item.taskName,
value: item.formKey,
});
});
}
if (val && !val.taskInfo) {
permRequest('/UnifiedAppFormApi/getTaskInfos', { // 获取每一步的审核人.
id: queryId ? queryId : id, // 审批表Id
code: code || null, // 表单值
})
.then(res => {
val.taskInfo = res.taskInfo;
this.setState(
{
data: val,
stepFlow: val.taskInfo,
obj: JSON.parse(val.content),
code: val.code,
taskId: val.taskId,
isSecond: val.isSecond ? val.isSecond : false,
appId: val.appId,
code: val.code,
isHandle: val.isHandle,
id,
btns: val.btns,
taskFormKey: val.taskFormKey,
hisTaskFormKeys: val.hisTaskForm,
isLoading: true,
formColor: val.formColor,
formLevel: val.formLevel,
isEnd: val.isEnd,
checkListOptions,
checkedConfimList,
},
() => {
if (val.isSecond) {
this.props.dispatch({
type: 'urge/GetMyBtn',
payload: {},
callback: arr => {
this.setState({
btnList: arr,
radiovalue: val.formLevelId ? val.formLevelId : arr[arr.length - 1].id,
}, () => {
// this.giveMessageTop();
});
},
});
} else {
// this.giveMessageTop();
}
},
);
}); if (val[1]?.configValue) {
} sessionStorage.setItem(
}, 'isCloseFlowPath',
}); val[1]?.configValue === 'true' ? JSON.stringify(true) : JSON.stringify(false),
);
}
},
});
if (getToken()) {
const user = localStorage.getItem('user');
if (user && isJSON(user)) {
this.setState({
userInfo: JSON.parse(user),
});
}
}
};
dispatch({ /**
type: 'emailorphone/GetLogo', * @function 用户点击确认执行相应操作
payload: { * @description: 注意 用户点击状态时在点击动态配置按钮时进行了保存,并在该函数中最终提交给后端
configKeys: ['isCloseUserDetail', 'isCloseFlowPath', 'isAllPrint', 'closeAutoSign'], * @param { string } oldkey 按钮状态
}, * @param { string } btnValue 按钮选中状态
callback: val => { * @param { string } value 审批理由
const closeAutoSign = !!(val[3] && val[3].configValue === 'true'); * @param { boolean } checked 加签状态
this.setState({ * @param { function } callback 回调函数
isCloseUserDetail: !!(val[0] && val[0].configValue === 'true'), */
isAllPrint: !!(val[2] && val[2].configValue === 'true'), affairOk = (oldkey, btnValue, value, checked, callback) => {
closeAutoSign, const { dispatch } = this.props;
}); const { radiovalue, isSecond, userInfo, setData, data, btns, taskId, code } = this.state;
const { handleUser } = this.props.history.location.state;
const isCloseFlowPath = sessionStorage.getItem('isCloseFlowPath')
? JSON.parse(sessionStorage.getItem('isCloseFlowPath'))
: false;
if (callback) {
callback();
}
if (!closeAutoSign) { let checkSumbitInfo = checkNeedFormValidateFieldsAndScroll({
/** // 检查是否必填表单值
* 获取设置的数据 btns,
*/ btnValue,
this.props.dispatch({ });
type: 'UserSetCenterApi/queryUserSet',
payload: {},
callback: val => {
this.setState({
setData: val,
});
},
});
}
if (val[1]?.configValue) { let needWriteAuditInfo = checkNeedWriteAuditInfo({
sessionStorage.setItem( // 检查是否必填审批理由
'isCloseFlowPath', btns,
val[1]?.configValue === 'true' ? JSON.stringify(true) : JSON.stringify(false), btnValue,
); });
} if (needWriteAuditInfo && !value) {
}, let d = document.getElementById('textarea_shen_pi_li_you');
}); if (d) {
if (getToken()) { message.warning('请输入审批理由');
const user = localStorage.getItem('user'); return false;
if (user && isJSON(user)) { }
this.setState({ }
userInfo: JSON.parse(user), const argumentsSubmitValue = {
}); isCloseFlowPath,
} radiovalue,
} isSecond,
taskId,
code,
btnValue,
oldkey,
value,
checked,
setData,
data,
userInfo,
btns,
dispatch,
that: this,
handleUser,
};
}; if (!checkSumbitInfo) {
// 如果不需要校验 直接提交数据
const values = this.props.form.getFieldsValue();
argumentsSubmitValue.values = values;
submitValues(argumentsSubmitValue);
} else {
this.props.form.validateFieldsAndScroll((err, values) => {
// 校验是否填了必填字段
if (!err) {
argumentsSubmitValue.values = values;
submitValues(argumentsSubmitValue);
}
});
}
};
onChange = (e) => {
this.setState({
radiovalue: e.target.value,
});
};
/** /**
* @function 用户点击确认执行相应操作 * @function 复选框状态函数
* @description: 注意 用户点击状态时在点击动态配置按钮时进行了保存,并在该函数中最终提交给后端 * @event change
* @param { string } oldkey 按钮状态 */
* @param { string } btnValue 按钮选中状态 onCheckChange = (checkedValues) => {
* @param { string } value 审批理由 this.setState({
* @param { boolean } checked 加签状态 checkedConfimList: checkedValues,
* @param { function } callback 回调函数 });
*/ };
affairOk = (oldkey, btnValue, value, checked, callback) => { /**
const { dispatch } = this.props; * @function 加签点击函数
const { * @event click
radiovalue, */
isSecond, onClickCountersign = () => {
userInfo, const { countersignModal } = this.state;
setData, countersignModal();
data, };
btns, /**
taskId, * @function 通过用户复选框选择拼装为对应打印页面
code, */
} = this.state;
const { handleUser } = this.props.history.location.state;
const isCloseFlowPath = sessionStorage.getItem('isCloseFlowPath')
? JSON.parse(sessionStorage.getItem('isCloseFlowPath'))
: false;
if (callback) {
callback();
}
let checkSumbitInfo = checkNeedFormValidateFieldsAndScroll({ // 检查是否必填表单值 changeTake = (checked) => {
btns, this.setState({ isTakeFlow: checked });
btnValue, };
});
let needWriteAuditInfo = checkNeedWriteAuditInfo({ // 检查是否必填审批理由 changePadding = (value) => {
btns, this.setState({ paddingBottom: value });
btnValue, };
});
if (needWriteAuditInfo && !value) {
let d = document.getElementById('textarea_shen_pi_li_you');
if (d) {
message.warning('请输入审批理由');
return false;
}
}
const argumentsSubmitValue = {
isCloseFlowPath,
radiovalue,
isSecond,
taskId,
code,
btnValue,
oldkey,
value,
checked,
setData,
data,
userInfo,
btns,
dispatch,
that: this,
handleUser,
};
if (!checkSumbitInfo) { // 如果不需要校验 直接提交数据 render() {
const values = this.props.form.getFieldsValue(); const {
argumentsSubmitValue.values = values; stepFlow,
submitValues(argumentsSubmitValue); isHandle,
} else { hisTaskFormKeys,
this.props.form.validateFieldsAndScroll((err, values) => { // 校验是否填了必填字段 id,
if (!err) { appId,
argumentsSubmitValue.values = values; code,
submitValues(argumentsSubmitValue); steps,
} data,
}); btns,
} isSecond,
isLoading,
formColor,
formLevel,
btnList,
radiovalue,
isEnd,
isShowTitle,
isSumbitLoading,
isOpenTrunToModel,
trunToStatus,
trunData,
isCloseUserDetail,
checkListOptions,
checkedConfimList,
isTakeFlow,
paddingBottom,
setData,
isSign,
isAllPrint,
closeAutoSign, // 28521 退役大学生评优管理/在校退役大学生评优审核，去掉审核签名
} = this.state;
const { showPrint } = this.props;
const isCloseFlowPath = sessionStorage.getItem('isCloseFlowPath')
? JSON.parse(sessionStorage.getItem('isCloseFlowPath'))
: false;
const isTrunTo = sessionStorage.getItem('isTrunTo')
? JSON.parse(sessionStorage.getItem('isTrunTo'))
: false;
const domainName = sessionStorage.getItem('domainName')
? sessionStorage.getItem('domainName')
: '';
const routerState = {
history: this.props?.history,
location: this.props?.location,
match: this.props?.match,
computedMatch: this.props?.computedMatch,
route: this.props?.route,
};
// console.log(data, isAllPrint);
return (
<Fragment>
<div
style={{
width: '100%',
display: 'flex',
justifyContent: 'center',
}}>
<div style={{ width: '100%' }}>
<div
className={styles.header}
style={{
position: 'relative',
}}>
{isCloseFlowPath ? null : ( // 关闭流程紧急度显示
<span
style={{
position: 'absolute',
left: 0,
top: '30%',
}}>
{isSecond ? (
<>
<span style={{ marginRight: 12 }}>
{must}
流程紧急度
</span>
<Radio.Group onChange={this.onChange} value={radiovalue}>
{btnList.length > 0
? btnList.map((item) => (
<Radio key={item.id + Math.random()} value={item.id}>
<span style={{ color: item.color }}>{item.name}</span>
</Radio>
))
: ''}
</Radio.Group>
</>
) : (
<>
紧急程度:
<span
style={{
color: formColor || '',
marginLeft: 21,
}}>
{formLevel || '暂无'}
</span>
</>
)}
</span>
)}
}; {data.appName ? data.appName : '当前表单'}
{(isEnd || isAllPrint) && showPrint !== false ? (
<>
<Popconfirm
onConfirm={() => {
if (!checkedConfimList || !checkedConfimList.length) {
message.warning('请选择需要打印的表单');
return false;
}
if (domainName) {
window.open(
`${domainName}/protal/printRouter?id=${data.id}&list=${JSON.stringify(
checkedConfimList,
)}&padding=${paddingBottom}&isTakeFlow=${isTakeFlow}&token=${getToken()}`,
);
} else {
openToast('warning', '未配置域名地址,请联系管理员');
}
}}
title={
<div>
<div>
是否带流程:
<Switch checked={isTakeFlow} onChange={this.changeTake} />
</div>
<div>
表单间距:
<InputNumber
min={0}
size="small"
value={paddingBottom}
onChange={this.changePadding}
/>
</div>
<div className={styles.history_form_title}>请选择需要打印的表单</div>
<div className={styles.history_form_body_div}>
<Checkbox.Group
options={checkListOptions}
onChange={this.onCheckChange}
defaultValue={checkedConfimList}
/>
</div>
</div>
}
okText="确定"
cancelText="取消">
{(data.isPrint == null || data.isPrint || isAllPrint) && showPrint !== false ? (
<Button
style={{
position: 'absolute',
right: 200,
top: '30%',
}}
type="primary">
打印预览
</Button>
) : (
''
)}
</Popconfirm>
</>
) : (
''
)}
</div>
</div>
</div>
{isLoading ? (
<>
<Card style={{ width: '100%' }}>
{!isCloseUserDetail && (
<div className={styles.body_hea}>
<h3>发起人信息</h3>
{data &&
(data.createTime ||
data.code ||
data.userName ||
data.userPosition ||
data.userPhone ||
data.userSchool) && (
<Row className={styles.row}>
{data &&
data.code && (
<Col
style={{
marginBottom: 12,
}}
span={8}>
<span className={styles.hea_title}>单号</span>
<span className={styles.hew_content}>{data.code}</span>
</Col>
)}
{data &&
data.userName && (
<Col
style={{
marginBottom: 12,
}}
span={8}>
<span className={styles.hea_title}>用户姓名</span>
<span className={styles.hew_content}>{data.userName}</span>
</Col>
)}
{data &&
data.userPosition && (
<Col
style={{
marginBottom: 12,
}}
span={8}>
<span className={styles.hea_title}>职位</span>
<span className={styles.hew_content}>{data.userPosition}</span>
</Col>
)}
{data &&
data.userSchool && (
<Col
span={8}
style={{
marginBottom: 12,
}}>
<span className={styles.hea_title}>学院/单位</span>
<span className={styles.hew_content}>{data.userSchool}</span>
</Col>
)}
{data &&
data.userPhone && (
<Col
span={8}
style={{
marginBottom: 12,
}}>
<span className={styles.hea_title}>联系电话</span>
<span className={styles.hew_content}>{data.userPhone}</span>
</Col>
)}
{data &&
data.createTime && (
<Col
style={{
marginBottom: 12,
}}
span={8}>
<span className={styles.hea_title}>申请时间</span>
<span className={styles.hew_content}>
{moment(data.createTime).format('YYYY-MM-DD HH:mm')}
</span>
</Col>
)}
</Row>
)}
</div>
)}
<div
className={styles.HistoryFormList}
id="card_table"
ref={(el) => (this.componentRef = el)}
style={{ padding: !isShowTitle ? '50px' : '' }}>
<HistoryFormList
data={data}
formKeys={hisTaskFormKeys?.formKeys}
isShowTitle={isShowTitle}
routerState={routerState}
formData={hisTaskFormKeys?.formData}
/>
{isHandle === true &&
!!data.taskFormKey && (
<>
{isShowTitle ? (
<h3
style={{
display: 'flex',
alignItems: 'center',
}}>
<SVG name="vertical" color="#999999" height="24" />
当前流程
</h3>
) : (
''
)}
{isEmpty(data) === false ? (
<ZdyTable
key={data.taskFormKey}
postData={data}
get="web"
obj={hisTaskFormKeys.formData}
table="new"
form={this.props.form}
routerState={routerState}
/>
) : (
''
)}
</>
)}
</div>
</Card>
<Card style={{ width: '100%' }}>
<div className={styles.body_content} style={{ minHeight: '300px' }}>
<div id={'btnsModalMountDiv'} />
<h3>
审批状态 <span onClick={this.examineFlow}>查看流程图</span>
</h3>
<div
ref={(el) => (this.componentTwoRef = el)}
style={{
padding: !isShowTitle ? '0 50px 50px 50px' : '',
}}>
<Timeline>
{stepFlow !== '' && steps !== ''
? stepFlow.map((item, index) => {
if (index === stepFlow.length - 1) {
// 最后一步流程
return (
<Timeline.Item
color={['处理中', '待处理'].includes(item.status) ? 'red' : '#ccc'}
dot={
<Icon
type={
['处理中', '待处理'].includes(item.status)
? 'clock-circle-o'
: 'check-circle'
}
style={{ fontSize: '16px' }}
/>
}
className={styles.steps_step}
key={item.id}>
<p className={styles.steps_title}>
{item.assignee}
<span>
{item.endTime
? moment(item.endTime).format('YYYY-MM-DD HH:mm')
: '处理中'}
</span>
</p>
{queryApiVersion() === '2.0' &&
['处理中', '待处理'].includes(item.status) &&
!!data.nextUsers && <p>审批人员: {data.nextUsers}</p>}
{queryApiVersion() !== '2.0' &&
['处理中', '待处理'].includes(item.status) &&
!!item.nextUsers && <p>审批人员: {item.nextUsers}</p>}
<p>
审批流程：
{item.name}
</p>
<p className={styles.steps_body}>
审批状态：
{item.status}
</p>
{item.taskVariable?.reason ? (
<p>
审批原因：
{item.taskVariable?.reason}
</p>
) : (
''
)}
{item.childTaskModel &&
item.childTaskModel.length > 0 && (
<ChildTaskModel data={item.childTaskModel} />
)}
onChange = e => { {(isSign || item.taskVariable?.sign) && !closeAutoSign ? (
this.setState({ <img
radiovalue: e.target.value, style={{
}); position: 'absolute',
}; top: '50%',
left: 200,
/** height: 50,
* @function 复选框状态函数 marginTop: -25,
* @event change border: item.taskVariable?.sign ? '1px solid #ccc' : '',
*/ }}
onCheckChange = checkedValues => { src={
this.setState({ item.taskVariable?.sign
checkedConfimList: checkedValues, ? queryApiActionPath() + item.taskVariable?.sign
}); : ''
}; }
/** alt=""
* @function 加签点击函数 />
* @event click ) : (
*/ ''
onClickCountersign = () => { )}
const { countersignModal } = this.state; {isTrunTo && +item.commentCount > 0 ? (
countersignModal(); <TrunToDetail data={data} item={item} />
}; ) : null}
/** </Timeline.Item>
* @function 通过用户复选框选择拼装为对应打印页面 );
*/ }
return (
changeTake = checked => { <Timeline.Item
this.setState({ isTakeFlow: checked }); color={item.status === 0 ? 'gray' : 'green'}
}; dot={
item.status === 0 ? (
changePadding = value => { ''
this.setState({ paddingBottom: value }); ) : (
}; <Icon
type="check-circle"
theme="twoTone"
render() { twoToneColor="#52c41a"
const { />
stepFlow, )
isHandle, }
hisTaskFormKeys, className={styles.steps_step}
id, key={item.id}>
appId, <p className={styles.steps_title}>
code, {item.assignee}
steps, <span>
data, {item.endTime
btns, ? moment(item.endTime).format('YYYY-MM-DD HH:mm')
isSecond, : null}
isLoading, </span>
formColor, </p>
formLevel, <p>
btnList, 审批流程：
radiovalue, {item.name}
isEnd, </p>
isShowTitle, <p className={styles.steps_body}>
isSumbitLoading, 审批状态：
isOpenTrunToModel, {item.status}
trunToStatus, </p>
trunData, {item.taskVariable?.reason ? (
isCloseUserDetail, <p>
checkListOptions, 审批原因：
checkedConfimList, {item.taskVariable.reason}
isTakeFlow, </p>
paddingBottom, ) : (
setData, ''
isSign, )}
isAllPrint, {item.childTaskModel &&
closeAutoSign, // 28521 退役大学生评优管理/在校退役大学生评优审核，去掉审核签名 item.childTaskModel.length > 0 && (
} = this.state; <ChildTaskModel data={item.childTaskModel} />
const { showPrint } = this.props; )}
const isCloseFlowPath = sessionStorage.getItem('isCloseFlowPath') {item.taskVariable?.sign ? (
? JSON.parse(sessionStorage.getItem('isCloseFlowPath')) <img
: false; style={{
const isTrunTo = sessionStorage.getItem('isTrunTo') position: 'absolute',
? JSON.parse(sessionStorage.getItem('isTrunTo')) top: '50%',
: false; left: 200,
const domainName = sessionStorage.getItem('domainName') height: 50,
? sessionStorage.getItem('domainName') marginTop: -25,
: ''; border: item.taskVariable?.sign ? '1px solid #ccc' : '',
const routerState = { }}
history: this.props?.history, src={
location: this.props?.location, item.taskVariable?.sign
match: this.props?.match, ? queryApiActionPath() + item.taskVariable?.sign
computedMatch: this.props?.computedMatch, : ''
route: this.props?.route, }
}; alt=""
/>
// console.log(data, isAllPrint); ) : (
return ( ''
<Fragment> )}
<div {isTrunTo && +item.commentCount > 0 ? (
style={{ <TrunToDetail data={data} item={item} />
width: '100%', ) : null}
display: 'flex', </Timeline.Item>
justifyContent: 'center', );
}} })
> : ''}
<div style={{ width: '100%' }}> </Timeline>
<div </div>
className={styles.header} </div>
style={{ </Card>
position: 'relative', <div className={styles.buttonList}>
}} {isHandle === true ? (
> <>
{isCloseFlowPath ? null : ( // 关闭流程紧急度显示 <BtnOk // 审批按钮和弹窗
<span Sign={!!setData?.userSign}
style={{ isSumbitLoading={isSumbitLoading}
position: 'absolute', isSecond={isSecond}
left: 0, affairOk={this.affairOk}
top: '30%', form={this.props.form}
}} btns={btns}
> addition={
{isSecond ? ( <>
<> {isTrunTo && data.isSecond !== true && isHandle ? (
<span style={{ marginRight: 12 }}>{must}流程紧急度</span> <Button
<Radio.Group onChange={this.onChange} value={radiovalue}> style={{
{btnList.length > 0 marginLeft: 16,
? btnList.map(item => ( minHeight: 32,
<Radio key={item.id + Math.random()} value={item.id}> minWidth: 90,
<span style={{ color: item.color }}>{item.name}</span> }}
</Radio> onClick={() => {
)) this.showTrunToModel(
: ''} data.isHandle && data.isOwner
</Radio.Group> ? '转办'
</> : !data.isHandle && data.isOwner
) : ( ? '撤回'
<> : '回退',
紧急程度: data,
<span );
style={{ }}
color: formColor || '', type="primary">
marginLeft: 21, {data.isHandle && data.isOwner
}} ? '转办'
> : !data.isHandle && data.isOwner
{formLevel || '暂无'} ? '撤回'
</span> : data.isHandle && !data.isOwner
</> ? '回退'
)} : null}
</span> </Button>
)} ) : null}
{data.isCanSign && (
<Button
style={{
marginLeft: 16,
minHeight: 32,
minWidth: 90,
}}
onClick={this.onClickCountersign}
type="primary">
加签
</Button>
)}
</>
}
/>
</>
) : (
''
)}
{isTrunTo &&
data.isSecond !== true &&
!data.isHandle &&
data.isOwner && (
<div
style={{
width: '100%',
textAlign: 'center',
}}>
<Button
style={{
minHeight: 32,
minWidth: 90,
margin: '0 auto',
}}
onClick={() => {
this.showTrunToModel('撤回', data);
}}
type="primary">
撤回
</Button>
</div>
)}
</div>
</>
) : (
<div
style={{
width: '100%',
height: 200,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}>
<Spin size="large" spinning={true} />
</div>
)}
<PortalFlowExamineModal // 流程图
ref={(node) => (this.flowExamineModal = node)}
affairId={id}
id={appId}
code={code}
/>
<TrunToModel //
visible={isOpenTrunToModel}
handleCancel={this.handleTrunToModel}
status={trunToStatus}
value={trunData}
init={this.getInit}
/>
{data?.appName && ( // 加签
<Countersign
taskId={data.taskId}
data={data}
getInit={this.getInit}
updateCountersignModal={this.updateCountersignModal}
/>
)}
</Fragment>
);
}
}
{data.appName ? data.appName : '当前表单'} function Index(props) {
{(isEnd || isAllPrint) && showPrint !== false ? ( const { dispatch, history } = props;
<> const [prepare, setPrepare] = useState(false);
<Popconfirm useEffect(() => {
onConfirm={() => { const id = history.location.state && history.location.state.id;
if (!checkedConfimList || !checkedConfimList.length) { const code = history.location.state && history.location.state.code;
message.warning('请选择需要打印的表单'); const queryId = history.location.query && history.location.query.id;
return false; const taskId = history.location.state && history.location.state.taskId;
} if (!id && !code) {
if (domainName) { if (queryId) {
window.open( } else {
`${domainName}/protal/printRouter?id=${data.id}&list=${JSON.stringify( openToast('error', '数据已过期', '当前页面数据已过期,请重新进入');
checkedConfimList, return;
)}&padding=${paddingBottom}&isTakeFlow=${isTakeFlow}&token=${getToken()}`, }
); }
} else { message.info('正在加载数据，请等待。');
openToast('warning', '未配置域名地址,请联系管理员'); dispatch({
} type: 'affair/getIdFormDetail',
}} payload: {
title={ id: queryId ? queryId : id, // 审批表Id
<div> code: code || null, // 表单值
<div> handleUser: null, // 处理人
是否带流程: taskId, // 多任务流程会使用到,后续改为必须传入
<Switch checked={isTakeFlow} onChange={this.changeTake} /> lite: true,
</div> },
<div> callback: (val) => {
表单间距: if (val) {
<InputNumber setPrepare(val);
min={0} }
size='small' },
value={paddingBottom} });
onChange={this.changePadding} }, []);
/>
</div>
<div className={styles.history_form_title}>请选择需要打印的表单</div>
<div className={styles.history_form_body_div}>
<Checkbox.Group
options={checkListOptions}
onChange={this.onCheckChange}
defaultValue={checkedConfimList}
/>
</div>
</div>
}
okText='确定'
cancelText='取消'
>
{(data.isPrint == null || data.isPrint || isAllPrint) && showPrint !== false ? (
<Button
style={{
position: 'absolute',
right: 200,
top: '30%',
}}
type='primary'
>
打印预览
</Button>
) : (
''
)}
</Popconfirm>
</>
) : (
''
)}
</div>
</div>
</div>
{isLoading ?
(
<>
<Card style={{ width: '100%' }}>
{!isCloseUserDetail && (
<div className={styles.body_hea}>
<h3>发起人信息</h3>
{data &&
(data.createTime ||
data.code ||
data.userName ||
data.userPosition ||
data.userPhone ||
data.userSchool) && (
<Row className={styles.row}>
{data && data.code && (
<Col
style={{
marginBottom: 12,
}}
span={8}
>
<span className={styles.hea_title}>单号</span>
<span className={styles.hew_content}>{data.code}</span>
</Col>
)}
{data && data.userName && (
<Col
style={{
marginBottom: 12,
}}
span={8}
>
<span className={styles.hea_title}>用户姓名</span>
<span className={styles.hew_content}>{data.userName}</span>
</Col>
)}
{data && data.userPosition && (
<Col
style={{
marginBottom: 12,
}}
span={8}
>
<span className={styles.hea_title}>职位</span>
<span className={styles.hew_content}>{data.userPosition}</span>
</Col>
)}
{data && data.userSchool && (
<Col
span={8}
style={{
marginBottom: 12,
}}
>
<span className={styles.hea_title}>学院/单位</span>
<span className={styles.hew_content}>{data.userSchool}</span>
</Col>
)}
{data && data.userPhone && (
<Col
span={8}
style={{
marginBottom: 12,
}}
>
<span className={styles.hea_title}>联系电话</span>
<span className={styles.hew_content}>{data.userPhone}</span>
</Col>
)}
{data && data.createTime && (
<Col
style={{
marginBottom: 12,
}}
span={8}
>
<span className={styles.hea_title}>申请时间</span>
<span className={styles.hew_content}>
{moment(data.createTime)
.format('YYYY-MM-DD HH:mm')}
</span>
</Col>
)}
</Row>
)}
</div>
)}
<div
className={styles.HistoryFormList}
id='card_table'
ref={el => (this.componentRef = el)}
style={{ padding: !isShowTitle ? '50px' : '' }}
>
<HistoryFormList data={data}
formKeys={hisTaskFormKeys?.formKeys}
isShowTitle={isShowTitle}
routerState={routerState}
formData={hisTaskFormKeys?.formData}
/>
{isHandle === true && !!data.taskFormKey && (
<>
{isShowTitle ? (
<h3
style={{
display: 'flex',
alignItems: 'center',
}}
>
<SVG name='vertical' color='#999999' height='24' />
当前流程
</h3>
) : (
''
)}
{isEmpty(data) === false ? (
<GetZdyTable
key={data.taskFormKey}
postData={data}
get='web'
obj={hisTaskFormKeys.formData}
table='new'
form={this.props.form}
routerState={routerState}
/>
) : (
''
)}
</>
)}
</div>
</Card>
<Card style={{ width: '100%' }}>
<div className={styles.body_content} style={{ minHeight: '300px' }}>
<div id={'btnsModalMountDiv'}></div>
<h3>
审批状态 <span onClick={this.examineFlow}>查看流程图</span>
</h3>
<div
ref={el => (this.componentTwoRef = el)}
style={{
padding: !isShowTitle ? '0 50px 50px 50px' : '',
}}
>
<Timeline>
{stepFlow !== '' && steps !== ''
? stepFlow.map((item, index) => {
if (index === stepFlow.length - 1) {
// 最后一步流程
return (
<Timeline.Item
color={['处理中', '待处理'].includes(item.status) ? 'red' : '#ccc'}
dot={
<Icon
type={
['处理中', '待处理'].includes(item.status) ? 'clock-circle-o' : 'check-circle'
}
style={{ fontSize: '16px' }}
/>
}
className={styles.steps_step}
key={item.id}
>
<p className={styles.steps_title}>
{item.assignee}
<span>
{item.endTime
? moment(item.endTime)
.format('YYYY-MM-DD HH:mm')
: '处理中'}
</span>
</p>
{
queryApiVersion() === '2.0' && ['处理中', '待处理'].includes(item.status) && !!data.nextUsers && (
<p>审批人员: {data.nextUsers}</p>
)
}
{queryApiVersion() !== '2.0' && ['处理中', '待处理'].includes(item.status) && !!item.nextUsers && (
<p>审批人员: {item.nextUsers}</p>
)}
<p>审批流程：{item.name}</p>
<p className={styles.steps_body}>审批状态：{item.status}</p>
{item.taskVariable?.reason ? (
<p>审批原因：{item.taskVariable?.reason}</p>
) : (
''
)}
{item.childTaskModel && item.childTaskModel.length > 0 && (
<ChildTaskModel data={item.childTaskModel} />
)}
{(isSign || item.taskVariable?.sign) && !closeAutoSign ? ( if (!prepare) {
<img return <Spin size="large" spinning={true} />;
style={{ }
position: 'absolute',
top: '50%',
left: 200,
height: 50,
marginTop: -25,
border: item.taskVariable?.sign ? '1px solid #ccc' : '',
}}
src={
item.taskVariable?.sign
? queryApiActionPath() + item.taskVariable?.sign
: ''
}
alt=''
/>
) : (
''
)}
{isTrunTo && +item.commentCount > 0 ? (
<TrunToDetail data={data} item={item} />
) : null}
</Timeline.Item>
);
}
return (
<Timeline.Item
color={item.status === 0 ? 'gray' : 'green'}
dot={
item.status === 0 ? (
''
) : (
<Icon
type='check-circle'
theme='twoTone'
twoToneColor='#52c41a'
/>
)
}
className={styles.steps_step}
key={item.id}
>
<p className={styles.steps_title}>
{item.assignee}
<span>
{item.endTime
? moment(item.endTime)
.format('YYYY-MM-DD HH:mm')
: null}
</span>
</p>
<p>审批流程：{item.name}</p>
<p className={styles.steps_body}>审批状态：{item.status}</p>
{item.taskVariable?.reason ? (
<p>审批原因：{item.taskVariable.reason}</p>
) : (
''
)}
{item.childTaskModel && item.childTaskModel.length > 0 && (
<ChildTaskModel data={item.childTaskModel} />
)}
{item.taskVariable?.sign ? (
<img
style={{
position: 'absolute',
top: '50%',
left: 200,
height: 50,
marginTop: -25,
border: item.taskVariable?.sign ? '1px solid #ccc' : '',
}}
src={
item.taskVariable?.sign
? queryApiActionPath() + item.taskVariable?.sign
: ''
}
alt=''
/>
) : (
''
)}
{isTrunTo && +item.commentCount > 0 ? (
<TrunToDetail data={data} item={item} />
) : null}
</Timeline.Item>
);
})
: ''}
</Timeline>
</div>
</div>
</Card>
<div className={styles.buttonList}>
{isHandle === true ? (
<>
<BtnOk // 审批按钮和弹窗
Sign={!!setData?.userSign}
isSumbitLoading={isSumbitLoading}
isSecond={isSecond}
affairOk={this.affairOk}
form={this.props.form}
btns={btns}
addition={
<>
{isTrunTo && data.isSecond !== true && isHandle ? (
<Button
style={{
marginLeft: 16,
minHeight: 32,
minWidth: 90,
}}
onClick={() => {
this.showTrunToModel(
data.isHandle && data.isOwner
? '转办'
: !data.isHandle && data.isOwner
? '撤回'
: '回退',
data,
);
}}
type='primary'
>
{data.isHandle && data.isOwner
? '转办'
: !data.isHandle && data.isOwner
? '撤回'
: data.isHandle && !data.isOwner
? '回退'
: null}
</Button>
) : null}
{data.isCanSign && (
<Button
style={{
marginLeft: 16,
minHeight: 32,
minWidth: 90,
}}
onClick={this.onClickCountersign}
type='primary'
>
加签
</Button>
)}
</>
}
/>
</>
) : (
''
)}
{isTrunTo && data.isSecond !== true && !data.isHandle && data.isOwner && (
<div
style={{
width: '100%',
textAlign: 'center',
}}
>
<Button
style={{
minHeight: 32,
minWidth: 90,
margin: '0 auto',
}}
onClick={() => {
this.showTrunToModel('撤回', data);
}}
type='primary'
>
撤回
</Button>
</div>
)}
</div>
</>
) : (
<div
style={{
width: '100%',
height: 200,
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
}}
>
<Spin size='large' spinning={true} />
</div>
)}
<PortalFlowExamineModal // 流程图
ref={node => (this.flowExamineModal = node)}
affairId={id}
id={appId}
code={code}
/>
<TrunToModel //
visible={isOpenTrunToModel}
handleCancel={this.handleTrunToModel}
status={trunToStatus}
value={trunData}
init={this.getInit}
/>
{data?.appName && ( // 加签
<Countersign
taskId={data.taskId}
data={data}
getInit={this.getInit}
updateCountersignModal={this.updateCountersignModal}
/>
)}
</Fragment>
);
}
}
export default function Index(props) { const DetailSplitFormNew = Form.create(
return <DetailSplit {...props} />; window.zdyTableTemplateWillMountProps?.formCreateOptions || undefined,
)(DetailSplit);
return <DetailSplitFormNew {...props} formPrepareData={prepare} />;
} }
function GetZdyTable(props) { export default connect(() => {
const ZdyTableFormNew = Form.create( return {};
window.zdyTableTemplateWillMountProps?.formCreateOptions || undefined, })(Index);
)(ZdyTable);
return <ZdyTableFormNew {...props}/>
}
one_stop_public/Table/ZdyTable.jsx
浏览文件 @ b02d0411
...@@ -19,6 +19,7 @@ import getActiveJson from '@/webPublic/one_stop_public/Table/getActiveJson'; ...@@ -19,6 +19,7 @@ import getActiveJson from '@/webPublic/one_stop_public/Table/getActiveJson';
export default class ZdyTable extends Component { export default class ZdyTable extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
console.log(props);
this.state = { this.state = {
objRealTime: {}, objRealTime: {},
isChange: false, isChange: false,
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论