Skip to content

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

样式修改

上级 15cbad40
隐藏空白字符变更
内嵌 并排
正在显示 包含 156 行增加 和 146 行删除
FormInsertDiy/AuditButton/index.js
浏览文件 @ 28f617ad
...@@ -6,44 +6,44 @@ ...@@ -6,44 +6,44 @@
* callback 提交完成后执行回调函数 * callback 提交完成后执行回调函数
* form form表单控件 * form form表单控件
*/ */
import React, { useState } from 'react'; import React, { useState } from "react";
import { Modal, message } from 'antd'; import { Modal, message } from "antd";
import { preHandle } from '@/webPublic/one_stop_public/utils/myutils'; import { preHandle } from "@/webPublic/one_stop_public/utils/myutils";
import { connect } from 'dva'; import { connect } from "dva";
import Btn from './pagesBtn'; import Btn from "./pagesBtn";
import styles from './styles.less'; import styles from "./styles.less";
import ModalDiy from '@/baseComponent/ModalDiy'; import ModalDiy from "@/baseComponent/ModalDiy";
import { callbackSubmitData } from '@/webPublic/one_stop_public/models/callbackExamineProcess'; import { callbackSubmitData } from "@/webPublic/one_stop_public/models/callbackExamineProcess";
import { getToken } from '@/utils/authority'; import { getToken } from "@/utils/authority";
import { isJSON } from '@/webPublic/zyd_public/utils/utils'; import { isJSON } from "@/webPublic/zyd_public/utils/utils";
import { uaaRequest } from '@/webPublic/one_stop_public/utils/request'; import { uaaRequest } from "@/webPublic/one_stop_public/utils/request";
function AuditButton(props) { function AuditButton(props) {
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
const [modalContent, setModalContent] = useState(''); const [modalContent, setModalContent] = useState("");
const [isSubmitLoading, setSubmitLoading] = useState(false); const [isSubmitLoading, setSubmitLoading] = useState(false);
const [affairOkParams, setAffairParams] = useState({}); const [affairOkParams, setAffairParams] = useState({});
function affairOk() { function affairOk() {
// 有taskIds属性时，是批量审核， // 有taskIds属性时，是批量审核，
const { dispatch, callback, data, form, taskIds, selectRows } = props; const { dispatch, callback, data, form, taskIds, selectRows } = props;
const { oldKey, btnValue } = affairOkParams; const { oldKey, btnValue } = affairOkParams;
if (window.stuSigningAuditXueShengChu && btnValue === '0') { if (window.stuSigningAuditXueShengChu && btnValue === "0") {
// 应该是点击同意才执行这个全局函数. // 黔南就业学生处批量审批签章 特殊处理 专门为黔南签章批量审核搞的函数
// 专门为黔南签章批量审核搞的函数 // 应该是点击同意才执行这个全局函数.
window.stuSigningAuditXueShengChu({ window.stuSigningAuditXueShengChu({
userNowInfo: (isJSON(localStorage.getItem('user')) && JSON.parse(localStorage.getItem('user'))) || {}, userNowInfo: (isJSON(localStorage.getItem("user")) && JSON.parse(localStorage.getItem("user"))) || {},
buttonInfo: data?.btns && data?.btns.length ? data?.btns.find((x) => x.value === btnValue) : {}, buttonInfo: data?.btns && data?.btns.length ? data?.btns.find((x) => x.value === btnValue) : {},
token: getToken(), token: getToken(),
selectRows, selectRows,
taskIds: taskIds || [data.taskId], // 接口里面的taskId 任务Id taskIds: taskIds || [data.taskId], // 接口里面的taskId 任务Id
examineMap: JSON.stringify({ examineMap: JSON.stringify({
[oldKey]: btnValue, // 每个配置按钮对应的对象内容 oldkey = 接口中 key btnValue = 接口中 value [oldKey]: btnValue, // 每个配置按钮对应的对象内容 oldkey = 接口中 key btnValue = 接口中 value
// reason: value, // 审批理由 // reason: value, // 审批理由
code: taskIds ? undefined : data.code, code: taskIds ? undefined : data.code,
reason: form.getFieldsValue()?.reason, reason: form.getFieldsValue()?.reason
}), }),
code: taskIds ? undefined : data.code, code: taskIds ? undefined : data.code,
message, message,
Modal, Modal,
uaaRequest, uaaRequest,
...@@ -51,122 +51,132 @@ function AuditButton(props) { ...@@ -51,122 +51,132 @@ function AuditButton(props) {
setVisible, setVisible,
setSubmitLoading, setSubmitLoading,
remark: { remark: {
setVisible: '关闭弹窗的方法', setVisible: "关闭弹窗的方法",
setSubmitLoading: '显示为加载中', setSubmitLoading: "显示为加载中",
path: ' 代码在学工的这里面 src/webPublic/FormInsertDiy/AuditButton/index.js', path: " 代码在学工的这里面 src/webPublic/FormInsertDiy/AuditButton/index.js",
message: '蚂蚁金服的message 用来展示进度条. 不懂问我', message: "蚂蚁金服的message 用来展示进度条. 不懂问我",
Modal: '蚂蚁金服的Modal 用来提示审核已完成', Modal: "蚂蚁金服的Modal 用来提示审核已完成",
callback: '执行完了的回调函数', callback: "执行完了的回调函数",
else: '其他参数打印出来自己看看', else: "其他参数打印出来自己看看",
uaaRequest: '调一站式的接口的方法', uaaRequest: "调一站式的接口的方法"
}, }
}); });
return true; return true;
} }
form.validateFieldsAndScroll((err, values) => {
if (err) return;
setSubmitLoading(true);
preHandle(values);
let payload = {
taskIds: taskIds || [data.taskId], // 接口里面的taskId 任务Id
code: taskIds ? undefined : data.code,
// 审核相关内容
examineMap: JSON.stringify({
[oldKey]: btnValue, // 每个配置按钮对应的对象内容 oldkey = 接口中 key btnValue = 接口中 value
// reason: value, // 审批理由
code: taskIds ? undefined : data.code,
}),
taskForm: JSON.stringify(values), // 审批表单的参数值
apiData: data,
taskFormKey: data?.taskFormKey,
userNowInfo:
(isJSON(localStorage.getItem('user')) && JSON.parse(localStorage.getItem('user'))) || {},
buttonInfo:
data?.btns && data?.btns.length ? data?.btns.find((x) => x.value === btnValue) : {},
token: getToken(),
};
payload = callbackSubmitData(payload);
dispatch({
type: 'affair/getExamineProcess',
payload,
callback: (val) => {
setSubmitLoading(false);
setVisible(false);
if (callback) {
callback(val);
}
},
});
});
}
function hideModal() { let buttonInfo = data?.btns && data?.btns.length ? data?.btns.find((x) => x.value === btnValue) : {};
setVisible(false); const submitValues = (values) => {
} setSubmitLoading(true);
preHandle(values);
let payload = {
taskIds: taskIds || [data.taskId], // 接口里面的taskId 任务Id
code: taskIds ? undefined : data.code,
// 审核相关内容
examineMap: JSON.stringify({
[oldKey]: btnValue, // 每个配置按钮对应的对象内容 oldkey = 接口中 key btnValue = 接口中 value
// reason: value, // 审批理由
code: taskIds ? undefined : data.code
}),
taskForm: JSON.stringify(values), // 审批表单的参数值
apiData: data,
taskFormKey: data?.taskFormKey,
userNowInfo:
(isJSON(localStorage.getItem("user")) && JSON.parse(localStorage.getItem("user"))) || {},
buttonInfo,
token: getToken()
};
payload = callbackSubmitData(payload);
dispatch({
type: "affair/getExamineProcess",
payload,
callback: (val) => {
setSubmitLoading(false);
setVisible(false);
if (callback) {
callback(val);
}
}
});
};
console.log(buttonInfo);
if (buttonInfo?.isValidateForm === false) {
submitValues(form.getFieldsValue());
} else {
form.validateFieldsAndScroll((err, values) => {
if (err) return;
submitValues(values);
});
}
/** }
* 根据不同值,返回对应样式
*/
function getStyle(key, value) {
if (key === 'examine') {
switch (value) {
case 1:
return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_reject}`].join(' ');
case 2:
return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_no}`].join(' ');
case 0:
return 'deafalut';
case '1':
return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_reject}`].join(' ');
case '2':
return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_no}`].join(' ');
case '0':
return 'deafalut';
default:
return 'deafalut';
}
} else {
return 'deafalut';
}
}
function showModal(str, key, value) { function hideModal() {
setModalContent(`确定${str}吗？`); setVisible(false);
setAffairParams({ oldKey: key, btnValue: value }); }
setVisible(true);
}
const { /**
data: { isHandle, btns }, * 根据不同值,返回对应样式
} = props; */
if (!isHandle || !Array.isArray(btns) || btns.length < 1) return null; function getStyle(key, value) {
return ( if (key === "examine") {
<> switch (value) {
<div className={styles.btn_page}> case 1:
{btns.map((item) => ( return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_reject}`].join(" ");
<Btn case 2:
get="8" return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_no}`].join(" ");
key={item.value} case 0:
btnOne={() => { return "deafalut";
showModal(item.name, item.key, item.value); case "1":
}} return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_reject}`].join(" ");
text={item.name} case "2":
style={getStyle(item.key, item.value)} return [`${styles.btn_margin}`, `${styles.btn}`, `${styles.btn_no}`].join(" ");
/> case "0":
))} return "deafalut";
</div> default:
<ModalDiy return "deafalut";
visible={visible} }
title="提示" } else {
handleCancel={hideModal} return "deafalut";
handleOk={affairOk} }
confirmLoading={isSubmitLoading}> }
<div style={{ fontSize: 16, textAlign: 'center', height: 150, lineHeight: '150px' }}>
{modalContent} function showModal(str, key, value) {
</div> setModalContent(`确定${str}吗？`);
</ModalDiy> setAffairParams({ oldKey: key, btnValue: value });
</> setVisible(true);
); }
const {
data: { isHandle, btns }
} = props;
if (!isHandle || !Array.isArray(btns) || btns.length < 1) return null;
return (
<>
<div className={styles.btn_page}>
{btns.map((item) => (
<Btn
get="8"
key={item.value}
btnOne={() => {
showModal(item.name, item.key, item.value);
}}
text={item.name}
style={getStyle(item.key, item.value)}
/>
))}
</div>
<ModalDiy
visible={visible}
title="提示"
handleCancel={hideModal}
handleOk={affairOk}
confirmLoading={isSubmitLoading}>
<div style={{ fontSize: 16, textAlign: "center", height: 150, lineHeight: "150px" }}>
{modalContent}
</div>
</ModalDiy>
</>
);
} }
export default connect()(AuditButton); export default connect()(AuditButton);
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论