liuc/fe_supplier_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

供应商评价模板,禁用逻辑

Browse Source
This commit is contained in:
linxd
2025-07-04 13:14:27 +08:00
parent 359559f61b
commit ba28c1ff51
5 changed files with 157 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
src/components/EvaluateTemplateTable/EvaluateTemplateTable.tsx
View File

@ -1,5 +1,5 @@
// 供应商评价 模板管理新增中的table // 供应商评价 模板管理新增中的table
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect, useCallback } from 'react';
import { useIntl } from 'umi'; import { useIntl } from 'umi';
import { Table, Input, Button, Select, InputNumber, message, Popconfirm, Switch } from 'antd'; import { Table, Input, Button, Select, InputNumber, message, Popconfirm, Switch } from 'antd';
import { import {
@ -37,6 +37,7 @@ interface EvaluateTemplateTableProps {
* - disabledNd：二级指标禁用状态，独立控制每个二级指标 * - disabledNd：二级指标禁用状态，独立控制每个二级指标
*/ */
interface TableRowItem { interface TableRowItem {
id?: string;
key: string; key: string;
stId?: string; // 一级指标ID stId?: string; // 一级指标ID
ndId?: string; // 二级指标ID ndId?: string; // 二级指标ID
@ -60,11 +61,15 @@ interface TableRowItem {
scoreEdit?: string; // 分值是否可编辑(0.是、1.否) scoreEdit?: string; // 分值是否可编辑(0.是、1.否)
indicatorStEdit?: string; // 该一级指标是否可编辑(0.是、1.否) indicatorStEdit?: string; // 该一级指标是否可编辑(0.是、1.否)
indicatorStEditST?: string; // 该一级指标是否可编辑(0.是、1.否) indicatorStEditST?: string; // 该一级指标是否可编辑(0.是、1.否)
baseIndicatorEditST?: string; // 基本指标是否可编辑 0.是、1.否 baseIndicatorEditST?: string; // 一级指标基本指标是否可编辑 0.是、1.否
descIndicatorEditST?: string; // 指标说明是否可编辑(0.是、1.否) descIndicatorEditST?: string; // 一级指标指标说明是否可编辑(0.是、1.否)
scoreEditST?: string; // 分值是否可编辑(0.是、1.否) scoreEditST?: string; // 一级指标分值是否可编辑(0.是、1.否)
descIndicatorEditNd?: string; // 二级指标说明是否可编辑(0.是、1.否)
baseIndicatorEditNd?: string; // 二级指标基本指标是否可编辑 0.是、1.否
scoreEditNd?: string; // 二级指标分值是否可编辑(0.是、1.否)
indicatorStEditNd?: string; // 二级指标该一级指标是否可编辑(0.是、1.否)
} }
const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
@ -81,6 +86,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
const intl = useIntl(); const intl = useIntl();
const [dataSource, setDataSource] = useState<TableRowItem[]>([]); const [dataSource, setDataSource] = useState<TableRowItem[]>([]);
const [indicatorTypes, setIndicatorTypes] = useState<DictItem[]>([]); const [indicatorTypes, setIndicatorTypes] = useState<DictItem[]>([]);
const [compIndicatorTypes, setCompIndicatorTypes] = useState<DictItem[]>([]);
const [loadingTypes, setLoadingTypes] = useState<boolean>(false); const [loadingTypes, setLoadingTypes] = useState<boolean>(false);
const [isFirstDisabled, setIsFirstDisabled] = useState<boolean>(!firstIsAdd); const [isFirstDisabled, setIsFirstDisabled] = useState<boolean>(!firstIsAdd);
@ -88,9 +94,11 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
setIsFirstDisabled(!firstIsAdd); setIsFirstDisabled(!firstIsAdd);
if (disableType) { if (disableType) {
const newIndicatorTypes = indicatorTypes.filter((item) => item.code !== disableType); const newIndicatorTypes = indicatorTypes.filter((item) => item.code !== disableType);
setIndicatorTypes(newIndicatorTypes); setCompIndicatorTypes(newIndicatorTypes);
} else {
setCompIndicatorTypes(indicatorTypes);
} }
}, [firstIsAdd, disableType]); }, [firstIsAdd, disableType, indicatorTypes]);
// 获取指标类型字典 // 获取指标类型字典
const fetchIndicatorTypes = async () => { const fetchIndicatorTypes = async () => {
@ -145,6 +153,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
key: ndItem.id || `${stItem.id}-${ndIndex}`, key: ndItem.id || `${stItem.id}-${ndIndex}`,
stId: stItem.id, stId: stItem.id,
ndId: ndItem.id, ndId: ndItem.id,
id: ndItem.id,
baseIndicator: stItem.baseIndicator, baseIndicator: stItem.baseIndicator,
descIndicator: stItem.descIndicator, descIndicator: stItem.descIndicator,
stScore: stItem.score, stScore: stItem.score,
@ -157,10 +166,16 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
ndOrderBy: ndOrderBy:
typeof ndItem.orderBy === 'string' ? parseInt(ndItem.orderBy) : ndItem.orderBy, typeof ndItem.orderBy === 'string' ? parseInt(ndItem.orderBy) : ndItem.orderBy,
selected: defaultSelectedIds.includes(ndItem.id), // 根据defaultSelectedIds设置选中状态 selected: defaultSelectedIds.includes(ndItem.id), // 根据defaultSelectedIds设置选中状态
// 一级指标禁用选项
indicatorStEditST: stItem.indicatorStEdit, indicatorStEditST: stItem.indicatorStEdit,
baseIndicatorEditST: stItem.baseIndicatorEdit, baseIndicatorEditST: stItem.baseIndicatorEdit,
descIndicatorEditST: stItem.descIndicatorEdit, descIndicatorEditST: stItem.descIndicatorEdit,
scoreEditST: stItem.scoreEdit, scoreEditST: stItem.scoreEdit,
// 二级指标禁用选项
indicatorStEditNd: ndItem.indicatorStEdit,
baseIndicatorEditNd: ndItem.baseIndicatorEdit,
descIndicatorEditNd: ndItem.descIndicatorEdit,
scoreEditNd: ndItem.scoreEdit,
}); });
}); });
}); });
@ -193,10 +208,10 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
const firstItem = level1Items[0]; const firstItem = level1Items[0];
// 生成唯一的临时ID // 生成唯一的临时ID
const tempStId = `temp-st-${generateUUID(16)}-${stIndex}`; // const tempStId = `temp-st-${generateUUID(16)}-${stIndex}`;
return { return {
id: firstItem.stId || tempStId, id: firstItem.stId,
baseIndicator: firstItem.baseIndicator || '', baseIndicator: firstItem.baseIndicator || '',
descIndicator: firstItem.descIndicator || '', descIndicator: firstItem.descIndicator || '',
indicatorStEdit: firstItem.indicatorStEditST || 0, indicatorStEdit: firstItem.indicatorStEditST || 0,
@ -212,13 +227,17 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
const tempNdId = `temp-nd-${generateUUID(16)}-${stIndex}-${ndIndex}`; const tempNdId = `temp-nd-${generateUUID(16)}-${stIndex}-${ndIndex}`;
return { return {
id: item.ndId || tempNdId, id: item.ndId,
subIndicator: item.subIndicator || '', subIndicator: item.subIndicator || '',
score: item.ndScore || '0', score: item.ndScore || '0',
isStar: item.isStar || StarLevel.NO, isStar: item.isStar || StarLevel.NO,
orderBy: item.ndOrderBy || ndIndex + 1, orderBy: item.ndOrderBy || ndIndex + 1,
descScore: item.descScore || '', descScore: item.descScore || '',
disabled: item.disabledNd, // 关键点3: 保留二级指标的禁用状态，确保在回传API格式时不丢失 // 二级指标禁用选项
indicatorNdEdit: item.indicatorStEditNd,
baseIndicatorEdit: item.baseIndicatorEditNd,
descIndicatorEdit: item.descIndicatorEditNd,
scoreEdit: item.scoreEditNd,
}; };
}), }),
}; };
@ -321,6 +340,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
const updateDataSource = (newData: TableRowItem[]) => { const updateDataSource = (newData: TableRowItem[]) => {
// 确保每行都有唯一稳定的key // 确保每行都有唯一稳定的key
const finalData = ensureUniqueKeys(newData); const finalData = ensureUniqueKeys(newData);
console.log('finalData', finalData);
setDataSource(finalData); setDataSource(finalData);
if (onChange) { if (onChange) {
// 转换回API格式再传递给父组件 // 转换回API格式再传递给父组件
@ -426,9 +446,11 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
orderBy: dataSource.length + 1, // 确保正确的排序 orderBy: dataSource.length + 1, // 确保正确的排序
ndOrderBy: 1, // 设置二级指标初始排序 ndOrderBy: 1, // 设置二级指标初始排序
selected: false, // 默认未选中 selected: false, // 默认未选中
// 关键点4：确保新添加的行也有正确的禁用属性，否则会导致现有禁用状态丢失
disabledSt: false, // 默认不禁用一级指标 descIndicatorEditST: '0',
disabledNd: false, // 默认不禁用二级指标 baseIndicatorEditST: '0',
scoreEditST: '0',
indicatorStEditST: '0',
}; };
// 制作数据源的副本，避免直接修改状态 // 制作数据源的副本，避免直接修改状态
const newData = dataSource.map((item) => ({ ...item })); const newData = dataSource.map((item) => ({ ...item }));
@ -503,9 +525,11 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
ndOrderBy: ndOrderBy:
dataSource.filter((item) => item.baseIndicator === parent.baseIndicator).length + 1, dataSource.filter((item) => item.baseIndicator === parent.baseIndicator).length + 1,
selected: false, // 默认未选中 selected: false, // 默认未选中
// 关键点7：继承父级的一级指标禁用状态，确保同组内禁用状态一致
disabledSt: parent.disabledSt, // 继承父级的一级指标禁用状态 descIndicatorEditNd: '0',
disabledNd: false, // 默认不禁用二级指标 baseIndicatorEditNd: '0',
scoreEditNd: '0',
indicatorStEditNd: '0',
}; };
// 找到当前记录所在的位置 // 找到当前记录所在的位置
@ -590,17 +614,64 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
}; };
const filterColumns = (col: any) => { const filterColumns = (col: any) => {
if ((isDetail || getUserRole() != 'admin') && ['level1Action', 'indicatorStEditST', 'baseIndicatorEditST', 'descIndicatorEditST', 'scoreEditST'].includes(col.key)) { if (isDetail) {
return false; return false;
} }
if (getUserRole() != 'admin') {
if (
['indicatorStEditST', 'baseIndicatorEditST', 'descIndicatorEditST', 'scoreEditST'].includes(
col.key,
)
) {
return false;
}
}
// if ((isDetail || getUserRole() != 'admin') && ) {
// return false;
// }
return true; return true;
}; };
const filterColumnsSecond = (col: any) => { const filterColumnsSecond = (col: any) => {
if ((isDetail || getUserRole() != 'admin') && ['level2Action'].includes(col.key)) { if (isDetail) {
return false; return false;
} }
if (getUserRole() != 'admin') {
if (
['indicatorStEditNd', 'baseIndicatorEditNd', 'descIndicatorEditNd', 'scoreEditNd'].includes(
col.key,
)
) {
return false;
}
}
return true; return true;
}; };
// 判断二级指标中的操作项内是否显示删除按钮
const compShowDelBtnBySecondRecord = (record: TableRowItem) => {
// 如果当前一级指标下有多个二级指标,则显示删除按钮
if (getLevel1RowSpan(record.baseIndicator) > 1) {
// 如果当前二级指标有id,则不显示删除按钮
if (record.id && record.id !== '') {
return false;
} else {
return true;
}
}
return false;
};
const compShowDelBtnByRecord = useCallback((record: TableRowItem) => {
// isFirstDisabled 是否禁用 true false;
// record.indicatorStEditST 是否可编辑 0是 1否
// record.id 是否是新增的 有id是新增的 没有id是新增的
// isFirstDisabled &&
if (record.indicatorStEditST === '1') {
return false;
}
// if (record.id && record.id !== '') {
// return false;
// }
return true;
}, [isFirstDisabled]);
const columns = [ const columns = [
{ {
title: intl.formatMessage({ id: 'supplierTemplateManage.evaluateTable.levelOne' }), title: intl.formatMessage({ id: 'supplierTemplateManage.evaluateTable.levelOne' }),
@ -625,7 +696,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return renderWithRowSpan(text, record, (cellContent) => { return renderWithRowSpan(text, record, (cellContent) => {
if (isDetail) { if (isDetail) {
// 在详情模式下，查找并显示字典中对应的名称 // 在详情模式下，查找并显示字典中对应的名称
const typeItem = indicatorTypes.find((item) => item.code === cellContent); const typeItem = compIndicatorTypes.find((item) => item.code === cellContent);
return typeItem ? typeItem.dicName : cellContent || '-'; return typeItem ? typeItem.dicName : cellContent || '-';
} }
@ -638,13 +709,16 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
})} })}
style={{ width: '100%' }} style={{ width: '100%' }}
loading={loadingTypes} loading={loadingTypes}
disabled={record.indicatorStEditST === "1"} disabled={record.indicatorStEditST === '1'}
> >
{indicatorTypes.map((item) => ( {/* 如果是禁用状态,使用原始数据渲染,否则会显示code值 */}
{(record.indicatorStEditST === '1' ? indicatorTypes : compIndicatorTypes).map(
(item) => (
<Option key={item.code} value={item.code}> <Option key={item.code} value={item.code}>
{item.dicName} {item.dicName}
</Option> </Option>
))} ),
)}
</Select> </Select>
); );
}); });
@ -664,7 +738,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return ( return (
<Input <Input
value={cellContent} value={cellContent}
disabled={record.baseIndicatorEditST === "1" || record.indicatorStEditST === "1"} disabled={record.baseIndicatorEditST === '1' || record.indicatorStEditST === '1'}
onChange={(e) => handleInputChange(e.target.value, record, 'baseIndicator')} onChange={(e) => handleInputChange(e.target.value, record, 'baseIndicator')}
placeholder={intl.formatMessage({ placeholder={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.placeholder.baseIndicator', id: 'supplierTemplateManage.evaluateTable.placeholder.baseIndicator',
@ -688,10 +762,9 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
} }
return ( return (
<Switch <Switch
defaultChecked={true} checked={cellContent === '0'}
checked={cellContent === "0"}
onChange={(checked) => onChange={(checked) =>
handleInputChange(checked ? "0" : "1", record, 'baseIndicatorEditST') handleInputChange(checked ? '0' : '1', record, 'baseIndicatorEditST')
} }
/> />
); );
@ -699,7 +772,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
}, },
}, },
{ {
title: "指标说明", title: '指标说明',
align: 'center', align: 'center',
dataIndex: 'descIndicator', dataIndex: 'descIndicator',
key: 'descIndicator', key: 'descIndicator',
@ -712,7 +785,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return ( return (
<Input <Input
value={cellContent} value={cellContent}
disabled={record.descIndicatorEditST === "1" || record.indicatorStEditST === "1"} disabled={record.descIndicatorEditST === '1' || record.indicatorStEditST === '1'}
onChange={(e) => handleInputChange(e.target.value, record, 'descIndicator')} onChange={(e) => handleInputChange(e.target.value, record, 'descIndicator')}
placeholder={intl.formatMessage({ placeholder={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.placeholder.indicatorDescription', id: 'supplierTemplateManage.evaluateTable.placeholder.indicatorDescription',
@ -737,10 +810,9 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return ( return (
<> <>
<Switch <Switch
defaultChecked={true} checked={cellContent === '0'}
checked={cellContent === "0"}
onChange={(checked) => onChange={(checked) =>
handleInputChange(checked ? "0" : "1", record, 'descIndicatorEditST') handleInputChange(checked ? '0' : '1', record, 'descIndicatorEditST')
} }
/> />
</> </>
@ -763,7 +835,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
<InputNumber <InputNumber
min={0} min={0}
max={100} max={100}
disabled={record.scoreEditST === "1" || record.indicatorStEditST === "1"} disabled={record.scoreEditST === '1' || record.indicatorStEditST === '1'}
value={parseFloat(cellContent) || 0} value={parseFloat(cellContent) || 0}
onChange={(val) => handleInputChange(val?.toString() || '0', record, 'stScore')} onChange={(val) => handleInputChange(val?.toString() || '0', record, 'stScore')}
style={{ width: '100%' }} style={{ width: '100%' }}
@ -787,9 +859,9 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return ( return (
<Switch <Switch
defaultChecked={true} defaultChecked={true}
checked={cellContent === "0"} checked={cellContent === '0'}
onChange={(checked) => onChange={(checked) =>
handleInputChange(checked ? "0" : "1", record, 'scoreEditST') handleInputChange(checked ? '0' : '1', record, 'scoreEditST')
} }
/> />
); );
@ -808,7 +880,8 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
<div className="action-buttons"> <div className="action-buttons">
<Button <Button
type="text" type="text"
disabled={isFirstDisabled || record.indicatorStEditST === "1"} // isFirstDisabled
disabled={record.indicatorStEditST === '1'}
icon={<PlusCircleOutlined />} icon={<PlusCircleOutlined />}
onClick={() => { onClick={() => {
addLevel1Indicator(record); addLevel1Indicator(record);
@ -829,15 +902,17 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
id: 'supplierTemplateManage.evaluateTable.confirm.cancel', id: 'supplierTemplateManage.evaluateTable.confirm.cancel',
})} })}
> >
{compShowDelBtnByRecord(record) && (
<Button <Button
type="text" type="text"
danger danger
disabled={isFirstDisabled || record.indicatorStEditST === "1"} // disabled={isFirstDisabled || record.indicatorStEditST === '1'}
icon={<DeleteOutlined />} icon={<DeleteOutlined />}
title={intl.formatMessage({ title={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.button.deleteLevelOne', id: 'supplierTemplateManage.evaluateTable.button.deleteLevelOne',
})} })}
/> />
)}
</Popconfirm> </Popconfirm>
</div> </div>
)); ));
@ -858,9 +933,9 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
return ( return (
<Switch <Switch
defaultChecked={true} defaultChecked={true}
checked={cellContent === "0"} checked={cellContent === '0'}
onChange={(checked) => onChange={(checked) =>
handleInputChange(checked ? "0" : "1", record, 'indicatorStEditST') handleInputChange(checked ? '0' : '1', record, 'indicatorStEditST')
} }
/> />
); );
@ -982,7 +1057,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
})} })}
/> />
{/* 如果该一级指标下有多个二级指标，才允许删除 */} {/* 如果该一级指标下有多个二级指标，才允许删除 */}
{getLevel1RowSpan(record.baseIndicator) > 1 && ( {compShowDelBtnBySecondRecord(record) && (
<Popconfirm <Popconfirm
title={intl.formatMessage({ title={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.confirm.delete', id: 'supplierTemplateManage.evaluateTable.confirm.delete',
@ -991,6 +1066,7 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
okText={intl.formatMessage({ okText={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.confirm.ok', id: 'supplierTemplateManage.evaluateTable.confirm.ok',
})} })}
disabled={record.disabledNd}
cancelText={intl.formatMessage({ cancelText={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.confirm.cancel', id: 'supplierTemplateManage.evaluateTable.confirm.cancel',
})} })}
@ -998,7 +1074,6 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
<Button <Button
type="text" type="text"
danger danger
disabled={record.disabledNd}
icon={<MinusCircleOutlined />} icon={<MinusCircleOutlined />}
title={intl.formatMessage({ title={intl.formatMessage({
id: 'supplierTemplateManage.evaluateTable.button.deleteSubIndicator', id: 'supplierTemplateManage.evaluateTable.button.deleteSubIndicator',
@ -1048,7 +1123,8 @@ const EvaluateTemplateTable: React.FC<EvaluateTemplateTableProps> = ({
}), }),
}} }}
/> />
{!isDetail && !isFirstDisabled && ( {/* && !isFirstDisabled */}
{!isDetail && (
<div className="add-button-row"> <div className="add-button-row">
<Button <Button
type="dashed" type="dashed"

2
src/hooks/useUser.ts
View File

@ -3,7 +3,7 @@ import { useState } from "react";
// 获取用户信息 这里没用dva, 因为包装组件写法复杂(当前框架),尤其是有form表单组件时 // 获取用户信息 这里没用dva, 因为包装组件写法复杂(当前框架),尤其是有form表单组件时
export const useUser = () => { export const useUser = () => {
const [user, setUser] = useState<any>({ const [user, setUser] = useState<any>({
role: 'admin', // 模拟用户权限 role: 'admin1', // 模拟用户权限
}); });
const getUserInfo = ()=>{ const getUserInfo = ()=>{
return user; return user;

2
src/pages/supplierAnnualManage/supplierAnnualTemplateManage/supplierAnnualTemplateManageAdd.tsx
View File

@ -79,7 +79,7 @@ const SupplierAnnualTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, disp
const fetchTemplateList = async () => { const fetchTemplateList = async () => {
try { try {
setLoading(true); setLoading(true);
const res = await getAllAnnualTemplates(); const res = await getAllAnnualTemplates({ status: '1' });
if (res.success && res.data) { if (res.success && res.data) {
// 如果是修改,需要过滤掉自己 // 如果是修改,需要过滤掉自己
if (location.state?.editData) { if (location.state?.editData) {

1
src/pages/supplierEvaluateManage/supplierTaskManage/supplierTaskManageAdd.tsx
View File

@ -44,7 +44,6 @@ interface PageProps extends ConnectProps {
const SupplierTaskManageAdd: React.FC<PageProps> = ({ const SupplierTaskManageAdd: React.FC<PageProps> = ({
supplierTaskManage, supplierTaskManage,
dispatch, dispatch,
breadcrumb,
}) => { }) => {
const intl = useIntl(); const intl = useIntl();
// 获取dva model中的状态 // 获取dva model中的状态

26
src/pages/supplierEvaluateManage/supplierTemplateManage/supplierTemplateManageAdd.tsx
View File

@ -92,7 +92,7 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
// 获取所有模板列表 // 获取所有模板列表
const fetchTemplateList = async () => { const fetchTemplateList = async () => {
try { try {
const res = await getAllTemplates(); const res = await getAllTemplates({ status: '1' });
if (res.success && res.data) { if (res.success && res.data) {
// 如果是修改,需要过滤掉自己 // 如果是修改,需要过滤掉自己
if (location.state?.editData) { if (location.state?.editData) {
@ -234,6 +234,7 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
if (isEdit && templateDetail) { if (isEdit && templateDetail) {
dataToSubmit.id = templateDetail.id; dataToSubmit.id = templateDetail.id;
} }
debugger
setLoading(true); setLoading(true);
try { try {
// 调用API接口 // 调用API接口
@ -337,6 +338,11 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
// setTemplateData(copiedIndicatorStList); // setTemplateData(copiedIndicatorStList);
setTemplateData(res.data.indicatorStList); setTemplateData(res.data.indicatorStList);
// 赋值表单,因为需要传递到组件中判断状态
form.setFieldsValue({
indicatorStMore: res.data.indicatorStMore,
indicatorTypeMore: res.data.indicatorTypeMore,
})
} }
} else { } else {
message.error( message.error(
@ -502,6 +508,10 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
id: 'supplierTemplateManage.form.selectTemplate', id: 'supplierTemplateManage.form.selectTemplate',
})} })}
loading={templateList.length === 0} loading={templateList.length === 0}
showSearch={true}
filterOption={(input, option) => {
return (option?.children ?? '').toLowerCase().includes(input.toLowerCase())
}}
onSelect={handleTemplateSelect} onSelect={handleTemplateSelect}
> >
{templateList.map((template) => {templateList.map((template) =>
@ -534,11 +544,16 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
</Form.Item> </Form.Item>
</Col> </Col>
</Row> </Row>
{getUserRole() === 'admin' && (
<Row gutter={24}> <Row gutter={24}>
<Col span={8}> <Col span={8}>
<Form.Item label="是否可追加一级指标" name="indicatorStMore"> <Form.Item label="是否可追加一级指标" name="indicatorStMore" hidden={getUserRole() !== 'admin'}>
<Radio.Group> <Radio.Group onChange={(e) => {
if (e.target.value === IndicatorAddOption.CAN_ADD) {
form.setFieldsValue({
indicatorTypeMore: '',
});
}
}}>
<Radio value={IndicatorAddOption.CAN_ADD}> <Radio value={IndicatorAddOption.CAN_ADD}>
{IndicatorAddOptionText[IndicatorAddOption.CAN_ADD]} {IndicatorAddOptionText[IndicatorAddOption.CAN_ADD]}
</Radio> </Radio>
@ -555,7 +570,7 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
{({ getFieldValue }) => {({ getFieldValue }) =>
getFieldValue('indicatorStMore') === IndicatorAddOption.CANNOT_ADD ? ( getFieldValue('indicatorStMore') === IndicatorAddOption.CANNOT_ADD ? (
<Col span={8}> <Col span={8}>
<Form.Item label="禁用指标类型" name="indicatorTypeMore"> <Form.Item label="禁用指标类型" name="indicatorTypeMore" hidden={getUserRole() !== 'admin'}>
<Select <Select
placeholder="请选择禁用指标类型" placeholder="请选择禁用指标类型"
options={indicatorTypes} options={indicatorTypes}
@ -580,7 +595,6 @@ const SupplierTemplateManageAdd: React.FC<PageProps> = ({ breadcrumb, dispatch }
</Form.Item> </Form.Item>
</Col> */} </Col> */}
</Row> </Row>
)}
</Card> </Card>
<Divider /> <Divider />