提交 9ff5a504 authored 作者: 钟是志's avatar 钟是志

优化代码

上级 3d131ce3
......@@ -15,7 +15,6 @@ function OtherCheckRecord({ workId, ...otherProps }) {
const id = workId || getOneStopConfig(pathname);
useEffect(() => {
setData(undefined);
console.log(id);
fetchTemplateById(id).then(res => {
if (res) setData({ ...res, content: '{}' });
});
......
......@@ -44,6 +44,9 @@ const checkNeedWriteAuditInfo = ({ btns, btnValue }) => {
return needWrite;
};
/**
* 流程审批 提交数据
* */
const submitValues = ({
values,
isCloseFlowPath,
......@@ -166,7 +169,7 @@ const submitValues = ({
return false;
}
if (res && res.content && isJSON(res.content)) {
payload.taskForm = res.content;
payload.taskForm = res.content; // 替换表单数据
}
beforeAuditSubmitFunc(payload); // 提交数据到审批接口
});
......
......@@ -30,7 +30,7 @@ export default function prepareShow(postData = {}, content = '', otherParams = {
window.Modal = Modal;
window.moment = moment;
return new Promise((resolve, reject) => {
console.log(agg?.unifiedServicePatternModel?.id); // 表单id;
// console.log(agg?.unifiedServicePatternModel?.id); // 表单id;
if (agg?.unifiedServicePatternModel?.id && (test || getUserInfo().stuNo === 'admin')) {
const SystemConfig = window.specialImportantSystemConfig || {};
console.log('%c' + `${SystemConfig?.gateWayPort}/onestop/#/admin/processServices/modelConfig/templateDetail/designById?id=${agg.unifiedServicePatternModel.id}&token=${getToken()}`, 'color: green;background: white;font-size: 14px');
......
......@@ -137,7 +137,7 @@ export default class ChildForm extends React.Component {
if (!objs) {
return null;
}
console.log(this.props.form.getFieldsValue());
// console.log(this.props.form.getFieldsValue());
if (isMobile) {
return ( // 2022年11月24日 姚新国说的 把干掉两翼留白 解决北电科工作情况考核 移动端样式的问题
......
......@@ -9,144 +9,150 @@ import { getUserInfo } from '@/webPublic/one_stop_public/utils/token';
const { TextArea } = Input;
function EditDrawer(props) {
const { dispatch, templateData, TEMPLATE } = props;
const [loading, setLoading] = useState(false);
const [showEdit, setShowEdit] = useState(process.env.NODE_ENV === 'development');
const saveTimeOut = useRef();
const [lowCodeEdit, setLowCodeEdit] = useState({});
const { dispatch, templateData, TEMPLATE } = props;
const [loading, setLoading] = useState(false);
const [showEdit, setShowEdit] = useState(process.env.NODE_ENV === 'development');
const saveTimeOut = useRef();
const [lowCodeEdit, setLowCodeEdit] = useState({});
useEffect(
() => {
if (templateData) {
setLowCodeEdit({ ...templateData });
}
},
[templateData],
);
useEffect(
() => {
if (templateData) {
setLowCodeEdit({ ...templateData });
}
},
[templateData],
);
const onClose = () => {
setShowEdit(!showEdit);
};
const onClose = () => {
setShowEdit(!showEdit);
};
const handleSaveTemplate = () => {
lowCodeEdit.updateTime = moment().format('YYYY-MM-DD HH:mm:ss');
const content = JSON.stringify(lowCodeEdit);
message.info('正在保存数据,请耐心等待');
setLoading(true);
dispatch({
type: 'lowCode_design/saveTemplateApi',
payload: {
name: lowCodeEdit.name,
content,
TEMPLATE,
},
callback: () => {
saveTimeOut.current = null;
setLoading(false);
},
});
};
const changeKey = (value, key) => {
let newCodeEdit = lowCodeEdit;
newCodeEdit[key] = value;
setLowCodeEdit(newCodeEdit);
};
const handleSaveTemplate = () => {
lowCodeEdit.updateTime = moment().format('YYYY-MM-DD HH:mm:ss');
const content = JSON.stringify(lowCodeEdit);
message.info('正在保存数据,请耐心等待');
setLoading(true);
dispatch({
type: 'lowCode_design/saveTemplateApi',
payload: {
name: lowCodeEdit.name,
content,
TEMPLATE,
},
callback: () => {
saveTimeOut.current = null;
setLoading(false);
},
});
};
const changeKey = (value, key) => {
let newCodeEdit = lowCodeEdit;
newCodeEdit[key] = value;
setLowCodeEdit(newCodeEdit);
};
// TODO localStorage 事件中获取的state 不是最新的.
// TODO localStorage 事件中获取的state 不是最新的.
const handleLocalStorageSave = (e) => {
if (e.key === 'save-low-code-local') {
const newV = e.newValue;
if (newV && newV.length > 20) {
changeKey(newV, 'beforeShow');
if (!saveTimeOut.current) {
saveTimeOut.current = window.setTimeout(() => {
message.info('正在保存');
handleSaveTemplate();
}, 500);
}
}
}
};
const handleLocalStorageSave = (e) => {
if (e.key === 'save-low-code-local') {
const newV = e.newValue;
if (newV && newV.length > 20) {
changeKey(newV, 'beforeShow');
if (!saveTimeOut.current) {
saveTimeOut.current = window.setTimeout(() => {
message.info('正在保存');
handleSaveTemplate();
}, 500);
}
}
}
};
useEffect(
() => {
if (lowCodeEdit?.beforeShow) {
window.addEventListener('storage', handleLocalStorageSave);
}
return () => {
window.removeEventListener('storage', handleLocalStorageSave);
};
},
[lowCodeEdit.beforeShow],
);
useEffect(
() => {
if (lowCodeEdit?.beforeShow) {
window.addEventListener('storage', handleLocalStorageSave);
}
return () => {
window.removeEventListener('storage', handleLocalStorageSave);
};
},
[lowCodeEdit.beforeShow],
);
const editFullScreen = () => {
localStorage.setItem('edit-low-code-local', JSON.stringify(lowCodeEdit));
if(process.env.NODE_ENV === 'development'){
window.open('http://scjoyedu.eicp.net:51352/wisdomSchool/#/quanPingBianji?id=' + lowCodeEdit.TEMPLATE);
}
window.open(window.location.origin + '/wisdomSchool/#/quanPingBianji?id=' + lowCodeEdit.TEMPLATE);
};
const editFullScreen = () => {
localStorage.setItem('edit-low-code-local', JSON.stringify(lowCodeEdit));
if (process.env.NODE_ENV === 'development') {
window.open(
'http://scjoyedu.eicp.net:51352/wisdomSchool/#/quanPingBianji?id=' + lowCodeEdit.TEMPLATE,
);
}
window.open(
window.location.origin + '/wisdomSchool/#/quanPingBianji?id=' + lowCodeEdit.TEMPLATE,
);
};
return (
<>
<Drawer
title="编辑"
placement="right"
onClose={onClose}
visible={showEdit}
width={700}
maskClosable={false}>
<TextArea
autoSize={{
minRows: 5,
maxRows: 10,
}}
value={JSON.stringify(templateData, null, '\t')}
disabled={true}
style={{ marginBottom: '20px' }}
/>
return (
<>
<Drawer
title="编辑"
placement="right"
onClose={onClose}
visible={showEdit}
width={700}
maskClosable={false}>
<TextArea
autoSize={{
minRows: 5,
maxRows: 10,
}}
value={JSON.stringify(templateData, null, '\t')}
disabled={true}
style={{ marginBottom: '20px' }}
/>
{
loading ? '正在保存中请勿编辑' :
<>
挂载前执行
<ButtonDiy name={'全屏编辑'} handleClick={editFullScreen} type={'danger'} />
<TextArea
autoSize={{
minRows: 10,
maxRows: 15,
}}
defaultValue={lowCodeEdit?.beforeShow || ''}
onChange={(e) => {
changeKey(e.target.value, 'beforeShow');
}}
// readOnly={true}
style={{ marginBottom: '20px' }}
/>
<Button onClick={handleSaveTemplate} type={'primary'}>
保存
</Button>
</>
}
</Drawer>
<div
data-edit-point={'EditDrawer'}
className={styles.editPoint}
style={{
display: getUserInfo().stuNo === 'admin' ? 'block' : 'none',
}}
onClick={() => {
setShowEdit(!showEdit);
}}
>模板编辑</div>
</>
);
{loading ? (
'正在保存中请勿编辑'
) : (
<>
挂载前执行
<ButtonDiy name={'全屏编辑'} handleClick={editFullScreen} type={'danger'} />
<TextArea
autoSize={{
minRows: 10,
maxRows: 15,
}}
defaultValue={lowCodeEdit?.beforeShow || ''}
onChange={(e) => {
changeKey(e.target.value, 'beforeShow');
}}
// readOnly={true}
style={{ marginBottom: '20px' }}
/>
<Button onClick={handleSaveTemplate} type={'primary'}>
保存
</Button>
</>
)}
</Drawer>
<div
data-edit-point={'EditDrawer'}
className={styles.editPoint}
style={{
display: getUserInfo().stuNo === 'admin' ? 'block' : 'none',
}}
onClick={() => {
setShowEdit(!showEdit);
}}>
模板编辑
</div>
</>
);
}
export default connect(({ lowCode_design }) => {
return {
templateData: lowCode_design.templateData,
};
return {
templateData: lowCode_design.templateData,
};
})(EditDrawer);
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论