|
|
@@ -0,0 +1,1052 @@
|
|
|
+/*
|
|
|
+ * @Author: code4eat awesomedema@gmail.com
|
|
|
+ * @Date: 2025-09-30 00:00:00
|
|
|
+ * @LastEditors: code4eat awesomedema@gmail.com
|
|
|
+ * @LastEditTime: 2025-10-17 11:57:04
|
|
|
+ * @FilePath: /KC-MiddlePlatform/src/pages/platform/setting/serviceEvaluate/index.tsx
|
|
|
+ * @Description: 服务评价管理 - 左树右表 + 可展开选项子表
|
|
|
+ */
|
|
|
+
|
|
|
+import React, { useEffect, useMemo, useState } from 'react';
|
|
|
+import './style.less';
|
|
|
+
|
|
|
+import { Button, Input, InputNumber, message, Modal, Popconfirm, Tooltip, Transfer, Tree } from 'antd';
|
|
|
+import { ProColumns } from '@ant-design/pro-table';
|
|
|
+import { ModalForm, ProFormDigit, ProFormText } from '@ant-design/pro-form';
|
|
|
+import KCTable from '@/components/kcTable';
|
|
|
+import DirectoryTree from 'antd/es/tree/DirectoryTree';
|
|
|
+import { DataNode } from 'antd/es/tree';
|
|
|
+import type { TransferDirection } from 'antd/es/transfer';
|
|
|
+import { createFromIconfontCN } from '@ant-design/icons';
|
|
|
+import expandedIcon from '../../../../../public/images/treenode_open.png';
|
|
|
+import closeIcon from '../../../../../public/images/treenode_collapse.png';
|
|
|
+import { KCInput } from '@/components/KCInput';
|
|
|
+import { getDictByDictTypeAndSysid } from '@/service/dictionary';
|
|
|
+
|
|
|
+import {
|
|
|
+ getCategoryTree,
|
|
|
+ addCategory,
|
|
|
+ getProjectList,
|
|
|
+ getOptionList,
|
|
|
+ addProject,
|
|
|
+ delProject,
|
|
|
+ addOption,
|
|
|
+ delOption,
|
|
|
+ updateProjectWeight,
|
|
|
+ updateOptionScore,
|
|
|
+ CategoryNode,
|
|
|
+ ProjectItem,
|
|
|
+ OptionItem,
|
|
|
+ SystemTreeNode,
|
|
|
+ getSystemListForModal,
|
|
|
+ addSystems,
|
|
|
+ getSelectedSystemList,
|
|
|
+ addServiceTypes,
|
|
|
+ getServiceEvaluationItem,
|
|
|
+ getEvaluationSelect,
|
|
|
+ addEvaluationItem,
|
|
|
+ addEvaluationSelect,
|
|
|
+ editEvaluationSelect,
|
|
|
+ deleteEvaluationItem,
|
|
|
+ deleteEvaluationSelect,
|
|
|
+} from './service';
|
|
|
+
|
|
|
+const IconFont = createFromIconfontCN({
|
|
|
+ scriptUrl: '/zhongtaiC.js',
|
|
|
+});
|
|
|
+
|
|
|
+// 子表格：选项列表
|
|
|
+const OptionsList: React.FC<{
|
|
|
+ project: ProjectItem;
|
|
|
+ options: OptionItem[];
|
|
|
+ onAdd: (data: { optionCode: string; optionName: string; score: number }) => Promise<void>;
|
|
|
+ onDelete: (optionId: string) => Promise<void>;
|
|
|
+ onScoreChange: (optionId: string, score: number) => Promise<void>;
|
|
|
+}> = ({ project, options, onAdd, onDelete, onScoreChange }) => {
|
|
|
+ return (
|
|
|
+ <div className="SE-OptionsWrap">
|
|
|
+ <div className="SE-OptionsHeader">
|
|
|
+ <span className="SE-SubTitle">{project.projectName} - 选项</span>
|
|
|
+ <ModalForm
|
|
|
+ title="新增选项"
|
|
|
+ width={520}
|
|
|
+ trigger={<Button type="link">新增选项</Button>}
|
|
|
+ modalProps={{ destroyOnClose: true }}
|
|
|
+ onFinish={async (values) => {
|
|
|
+ await onAdd(values as any);
|
|
|
+ return true;
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <ProFormText name="optionCode" label="选项代码" placeholder="请输入" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormText name="optionName" label="选项名称" placeholder="请输入" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormDigit name="score" label="选项得分" placeholder="请输入" min={0} max={9999} rules={[{ required: true, message: '必填' }]} />
|
|
|
+ </ModalForm>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className="SE-OptionsTable">
|
|
|
+ <div className="SE-OptionsRow SE-OptionsHead">
|
|
|
+ <div className="col idx">序号</div>
|
|
|
+ <div className="col code">选项代码</div>
|
|
|
+ <div className="col name">选项名称</div>
|
|
|
+ <div className="col score">选项得分</div>
|
|
|
+ <div className="col act">操作</div>
|
|
|
+ </div>
|
|
|
+ {options && options.length > 0 ? (
|
|
|
+ options.map((opt, index) => (
|
|
|
+ <div className="SE-OptionsRow" key={opt.optionId}>
|
|
|
+ <div className="col idx">{index + 1}</div>
|
|
|
+ <div className="col code">{opt.optionCode}</div>
|
|
|
+ <div className="col name">{opt.optionName}</div>
|
|
|
+ <div className="col score">
|
|
|
+ <InputNumber
|
|
|
+ min={0}
|
|
|
+ max={9999}
|
|
|
+ value={opt.score}
|
|
|
+ onChange={(val) => {
|
|
|
+ const v = typeof val === 'number' ? val : Number(val);
|
|
|
+ if (!Number.isNaN(v)) onScoreChange(opt.optionId, v);
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div className="col act">
|
|
|
+ <Popconfirm title="是否确认删除？" onConfirm={() => onDelete(opt.optionId)}>
|
|
|
+ <a>删除</a>
|
|
|
+ </Popconfirm>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ ))
|
|
|
+ ) : (
|
|
|
+ <div className="SE-Empty">暂无选项</div>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+const ServiceEvaluatePage: React.FC = () => {
|
|
|
+ // 左侧分类树
|
|
|
+ const [categoryTree, set_categoryTree] = useState<CategoryNode[]>([]);
|
|
|
+ const [currentCategory, set_currentCategory] = useState<CategoryNode | undefined>();
|
|
|
+ const [expandedKeys, setExpandedKeys] = useState<React.Key[]>([]);
|
|
|
+ const [autoExpandParent, setAutoExpandParent] = useState(true);
|
|
|
+ const [searchValue, setSearchValue] = useState('');
|
|
|
+
|
|
|
+ // 主表相关
|
|
|
+ const [reload, set_reload] = useState(false);
|
|
|
+ const [tableParams, set_tableParams] = useState<{ current: number; pageSize: number; categoryId?: string }>({ current: 1, pageSize: 10 });
|
|
|
+ const [tableKey, set_tableKey] = useState(0); // 用于强制刷新表格
|
|
|
+ const [expandedRowKeys, set_expandedRowKeys] = useState<React.Key[]>([]); // 追踪展开的行
|
|
|
+
|
|
|
+ // 展开区缓存选项数据，避免频繁请求
|
|
|
+ const [projectOptionsMap, set_projectOptionsMap] = useState<Record<string, OptionItem[]>>({});
|
|
|
+ // 项目权重编辑态（保持原交互：编辑/勾选）
|
|
|
+ const [editingProjectId, set_editingProjectId] = useState<string | null>(null);
|
|
|
+ const [editingProjectWeight, set_editingProjectWeight] = useState<number>(0);
|
|
|
+
|
|
|
+ // 添加系统弹窗
|
|
|
+ const [sysModalOpen, set_sysModalOpen] = useState(false);
|
|
|
+ const [systemTree, set_systemTree] = useState<SystemTreeNode[]>([]);
|
|
|
+ const [sysTargetKeys, set_sysTargetKeys] = useState<string[]>([]);
|
|
|
+ const [sysSelectedKeys, set_sysSelectedKeys] = useState<string[]>([]);
|
|
|
+ const [sysExpandedKeys, set_sysExpandedKeys] = useState<string[]>([]);
|
|
|
+ // 服务项弹窗
|
|
|
+ const [serviceModalOpen, set_serviceModalOpen] = useState(false);
|
|
|
+ const [serviceDict, set_serviceDict] = useState<{ key: string; title: string }[]>([]);
|
|
|
+ const [serviceSelected, set_serviceSelected] = useState<string[]>([]);
|
|
|
+ const [serviceBindSystemId, set_serviceBindSystemId] = useState<string>('');
|
|
|
+ const [serviceSaving, set_serviceSaving] = useState(false);
|
|
|
+ // 服务节点展开行：缓存“评价项 -> 选项”数据（与 /centerSys/evaluation/getEvaluationSelect 返回结构一致）
|
|
|
+ const [serviceOptionsMap, set_serviceOptionsMap] = useState<
|
|
|
+ Record<string, { id: number | string; hospId?: string; itemCode: string; code: string; name: string; value: number; sort: number }[]>
|
|
|
+ >({});
|
|
|
+
|
|
|
+ // 评价项目弹窗（右侧“添加”）
|
|
|
+ const [evalItemModalOpen, set_evalItemModalOpen] = useState(false);
|
|
|
+ const [evalItemDict, set_evalItemDict] = useState<{ key: string; title: string }[]>([]);
|
|
|
+ const [evalItemTargetKeys, set_evalItemTargetKeys] = useState<string[]>([]);
|
|
|
+ const [evalItemSelectedKeys, set_evalItemSelectedKeys] = useState<string[]>([]);
|
|
|
+ // 评价项权重编辑态
|
|
|
+ const [editingEvalCode, set_editingEvalCode] = useState<string | null>(null);
|
|
|
+ const [editingEvalValue, set_editingEvalValue] = useState<number>(0);
|
|
|
+ // 选项弹窗（评价项 -> 选项）
|
|
|
+ const [selectModalOpen, set_selectModalOpen] = useState(false);
|
|
|
+ const [selectDict, set_selectDict] = useState<{ key: string; title: string }[]>([]);
|
|
|
+ const [selectTargetKeys, set_selectTargetKeys] = useState<string[]>([]);
|
|
|
+ const [selectSelectedKeys, set_selectSelectedKeys] = useState<string[]>([]);
|
|
|
+ const [bindItemCode, set_bindItemCode] = useState<string>('');
|
|
|
+ // 服务节点主表数据缓存（用于拖拽排序后保持展示顺序）
|
|
|
+ const [evalItemRows, set_evalItemRows] = useState<any[]>([]);
|
|
|
+ const [draggingMainKey, set_draggingMainKey] = useState<string | null>(null);
|
|
|
+ const [draggingOverMainKey, set_draggingOverMainKey] = useState<string | null>(null);
|
|
|
+ const [useLocalEvalOrder, set_useLocalEvalOrder] = useState<boolean>(false);
|
|
|
+ // 嵌套选项拖拽的中间态
|
|
|
+ const [draggingOption, set_draggingOption] = useState<{ parent: string; key: string } | null>(null);
|
|
|
+ const [draggingOverOption, set_draggingOverOption] = useState<{ parent: string; key: string } | null>(null);
|
|
|
+
|
|
|
+ // 工具：移动数组元素
|
|
|
+ const moveItem = <T,>(list: T[], from: number, to: number): T[] => {
|
|
|
+ const next = [...list];
|
|
|
+ const [m] = next.splice(from, 1);
|
|
|
+ next.splice(to, 0, m);
|
|
|
+ return next;
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取左侧“已选系统”并渲染为单层树
|
|
|
+ const fetchTree = async () => {
|
|
|
+ const list = await getSelectedSystemList();
|
|
|
+ const tree: any[] = (list || []).map((item: any) => ({
|
|
|
+ id: String(item.systemId),
|
|
|
+ name: String(item.systemName),
|
|
|
+ nodeType: 'system',
|
|
|
+ selectable: false,
|
|
|
+ // 将 serviceList 映射为子节点
|
|
|
+ children: (item.serviceList || []).map((s: any) => ({
|
|
|
+ id: String(s.id),
|
|
|
+ name: String(s.name),
|
|
|
+ code: String(s.code || ''),
|
|
|
+ nodeType: 'service',
|
|
|
+ selectable: true,
|
|
|
+ })),
|
|
|
+ }));
|
|
|
+ set_categoryTree(tree as any);
|
|
|
+
|
|
|
+ // 默认选中第一个服务；若无服务则只展开系统，不触发右侧
|
|
|
+ if (tree.length > 0) {
|
|
|
+ const sys = tree[0];
|
|
|
+ if (sys.children && sys.children.length > 0) {
|
|
|
+ const firstChild = sys.children[0];
|
|
|
+ set_currentCategory(firstChild as any);
|
|
|
+ set_tableParams((p) => ({ ...p, current: 1, categoryId: firstChild.id }));
|
|
|
+ set_reload(true);
|
|
|
+ set_editingEvalCode(null);
|
|
|
+ // 服务节点：首次加载右侧评价项
|
|
|
+ if ((firstChild as any).nodeType === 'service') {
|
|
|
+ await loadServiceEvalItems(String((firstChild as any).code || (firstChild as any).name));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (sys.children && sys.children.length > 0) {
|
|
|
+ setExpandedKeys([sys.id]);
|
|
|
+ setAutoExpandParent(true);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取系统树（弹窗数据源）
|
|
|
+ const fetchSystemTree = async () => {
|
|
|
+ const { systemList, selectSystemList } = await getSystemListForModal();
|
|
|
+ set_systemTree(systemList || []);
|
|
|
+ // 默认已选
|
|
|
+ set_sysTargetKeys((selectSystemList || []).map((v)=> String(v)));
|
|
|
+ // 默认全部展开
|
|
|
+ const allKeys: string[] = [];
|
|
|
+ const walk = (list: SystemTreeNode[]) => { list.forEach(n=>{ allKeys.push(String(n.code)); if (n.children && n.children.length) walk(n.children); }); };
|
|
|
+ walk(systemList || []);
|
|
|
+ set_sysExpandedKeys(allKeys);
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取服务项字典
|
|
|
+ const fetchServiceDict = async () => {
|
|
|
+ // 使用中心系统ID：1547394914533380096 获取指定字典类型
|
|
|
+ const resp: any = await getDictByDictTypeAndSysid('1547394914533380096', 'EVALUATION_SERVICE');
|
|
|
+ const list = (resp?.dataVoList || []).map((x: any) => ({ key: String(x.code || x.value), title: String(x.name) }));
|
|
|
+ set_serviceDict(list);
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取评价项目字典
|
|
|
+ const fetchEvaluationItemsDict = async () => {
|
|
|
+ const resp: any = await getDictByDictTypeAndSysid('1547394914533380096', 'EVALUATION_ITEM');
|
|
|
+ const list = (resp?.dataVoList || []).map((x: any) => ({ key: String(x.code || x.value), title: String(x.name) }));
|
|
|
+ set_evalItemDict(list);
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取“选项”字典
|
|
|
+ const fetchEvaluationSelectDict = async () => {
|
|
|
+ const resp: any = await getDictByDictTypeAndSysid('1547394914533380096', 'EVALUATION_SELECT');
|
|
|
+ const list = (resp?.dataVoList || []).map((x: any) => ({ key: String(x.code || x.value), title: String(x.name) }));
|
|
|
+ set_selectDict(list);
|
|
|
+ };
|
|
|
+
|
|
|
+ // 拉取服务类型下的评价项（用于 dataSource 渲染 & 拖拽）
|
|
|
+ const loadServiceEvalItems = async (serviceCode: string) => {
|
|
|
+ const list = (await getServiceEvaluationItem(serviceCode)) || [];
|
|
|
+ const normalizePercent = (v: any): number => {
|
|
|
+ const n = Number(v);
|
|
|
+ return Number.isFinite(n) && n >= 0 ? n : 0;
|
|
|
+ };
|
|
|
+ const mapped = (list || []).map((it: any, idx: number) => ({
|
|
|
+ id: it.id, // 保留 id 字段，用于删除等操作
|
|
|
+ itemCode: it.itemCode,
|
|
|
+ itemName: it.itemName,
|
|
|
+ percent: normalizePercent(it.percent),
|
|
|
+ sort: it.sort ?? idx + 1,
|
|
|
+ }));
|
|
|
+ set_evalItemRows(mapped);
|
|
|
+ set_useLocalEvalOrder(true);
|
|
|
+ };
|
|
|
+
|
|
|
+ // 获取表格数据：服务节点 → 评价项；系统/分类节点 → 项目列表
|
|
|
+ const getTableData = async (params: any) => {
|
|
|
+ set_reload(false);
|
|
|
+ if (!currentCategory) return { data: [], success: true } as any;
|
|
|
+ const node: any = currentCategory as any;
|
|
|
+ if (node.nodeType === 'service') {
|
|
|
+ // 使用 dataSource 渲染时，这里返回本地 rows，避免与 KCTable 拖拽冲突
|
|
|
+ if (evalItemRows && evalItemRows.length > 0) {
|
|
|
+ return { data: evalItemRows, success: true } as any;
|
|
|
+ }
|
|
|
+ await loadServiceEvalItems(String(node.code || node.name));
|
|
|
+ return { data: evalItemRows, success: true } as any;
|
|
|
+ }
|
|
|
+ const resp = await getProjectList({ categoryId: currentCategory.id, ...params });
|
|
|
+ return { data: resp.list || [], success: true } as any;
|
|
|
+ };
|
|
|
+
|
|
|
+ // 主表列定义 - 项目
|
|
|
+ const projectColumns: ProColumns<ProjectItem>[] = useMemo(
|
|
|
+ () => [
|
|
|
+ { title: '', dataIndex: 'drag', width: 32, render: () => (<span className="SE-DragHandle" style={{ cursor:'move', display:'flex', alignItems:'center', justifyContent:'center', height:'100%' }}><IconFont type="iconliebiao" style={{ fontSize: 16, color: '#99A6BF' }} /></span>) },
|
|
|
+ {
|
|
|
+ title: '序号',
|
|
|
+ dataIndex: 'index',
|
|
|
+ width: 60,
|
|
|
+ render: (_, __, index) => index + 1,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '评价项目代码',
|
|
|
+ dataIndex: 'projectCode',
|
|
|
+ width: 100,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '评价项目名称',
|
|
|
+ dataIndex: 'projectName',
|
|
|
+ ellipsis: true,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '权重',
|
|
|
+ dataIndex: 'weight',
|
|
|
+ width: 120,
|
|
|
+ render: (_, record) => (
|
|
|
+ <InputNumber
|
|
|
+ min={0}
|
|
|
+ max={100}
|
|
|
+ formatter={(value) => `${value}%`}
|
|
|
+ parser={(value) => Number(String(value).replace('%', ''))}
|
|
|
+ value={record.weight}
|
|
|
+ onChange={async (val) => {
|
|
|
+ const weight = typeof val === 'number' ? val : Number(val);
|
|
|
+ if (Number.isNaN(weight)) return;
|
|
|
+ const ok = await updateProjectWeight(record.projectId, weight);
|
|
|
+ if (ok) set_reload(true);
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ ),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ key: 'option',
|
|
|
+ width: 160,
|
|
|
+ valueType: 'option',
|
|
|
+ render: (_, record) => [
|
|
|
+ <ModalForm
|
|
|
+ key="add"
|
|
|
+ title={`新增“${record.projectName}”的选项`}
|
|
|
+ trigger={<a>选项</a>}
|
|
|
+ width={520}
|
|
|
+ onFinish={async (values) => {
|
|
|
+ const ok = await addOption({ projectId: record.projectId, ...(values as any) });
|
|
|
+ if (ok) {
|
|
|
+ const opts = await getOptionList({ projectId: record.projectId });
|
|
|
+ set_projectOptionsMap((old) => ({ ...old, [record.projectId]: opts || [] }));
|
|
|
+ }
|
|
|
+ return !!ok;
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <ProFormText name="optionCode" label="选项代码" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormText name="optionName" label="选项名称" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormDigit name="score" label="选项得分" min={0} max={9999} rules={[{ required: true, message: '必填' }]} />
|
|
|
+ </ModalForm>,
|
|
|
+ <Popconfirm key="del" title="是否确认删除？" onConfirm={async () => { const ok = await delProject(record.projectId); if (ok) set_reload(true); }}>
|
|
|
+ <a>删除</a>
|
|
|
+ </Popconfirm>,
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ [projectOptionsMap]
|
|
|
+ );
|
|
|
+
|
|
|
+ // 评价项表格列
|
|
|
+ const evalItemColumns: ProColumns<any>[] = useMemo(
|
|
|
+ () => [
|
|
|
+ { title: '', dataIndex: 'drag', width: 32, render: () => (<span className="SE-DragHandle" style={{ cursor:'move', display:'flex', alignItems:'center', justifyContent:'center', height:'100%' }}><IconFont type="iconliebiao" style={{ fontSize: 16, color: '#99A6BF' }} /></span>) },
|
|
|
+ { title: '序号', dataIndex: 'index', width: 60, render: (_, __, index) => index + 1 },
|
|
|
+ { title: '评价项目代码', dataIndex: 'itemCode', width: 120 },
|
|
|
+ { title: '评价项目名称', dataIndex: 'itemName', ellipsis: true },
|
|
|
+ {
|
|
|
+ title: '权重',
|
|
|
+ dataIndex: 'percent',
|
|
|
+ width: 120,
|
|
|
+ render: (v: any) => `${(Number.isFinite(Number(v)) && Number(v) >= 0 ? Number(v) : 0)}%`,
|
|
|
+ },
|
|
|
+ // 移除不需要的排序列
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ valueType: 'option',
|
|
|
+ width: 120,
|
|
|
+ render: (_, record) => [
|
|
|
+ <a key="opt" onClick={async () => {
|
|
|
+ set_bindItemCode(record.itemCode);
|
|
|
+ // 获取该评价项已有的选项
|
|
|
+ const existingOptions = await getEvaluationSelect(record.itemCode);
|
|
|
+ const existingKeys = (existingOptions || []).map((item: any) => String(item.code));
|
|
|
+ set_selectTargetKeys(existingKeys);
|
|
|
+ set_selectSelectedKeys([]);
|
|
|
+ await fetchEvaluationSelectDict();
|
|
|
+ set_selectModalOpen(true);
|
|
|
+ }}>选项</a>,
|
|
|
+ <Popconfirm key="del" title="是否确认删除？" onConfirm={async () => {
|
|
|
+ const res = await deleteEvaluationItem(record.id);
|
|
|
+ if (res !== false) {
|
|
|
+ // 删除成功后，如果该项是展开状态，从展开列表中移除
|
|
|
+ set_expandedRowKeys((prev) => prev.filter(k => k !== record.itemCode));
|
|
|
+ // 重新加载评价项列表
|
|
|
+ const current: any = currentCategory as any;
|
|
|
+ if (current && current.nodeType === 'service') {
|
|
|
+ await loadServiceEvalItems(String(current.code || current.name));
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }}>
|
|
|
+ <a>删除</a>
|
|
|
+ </Popconfirm>,
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ [editingEvalCode, editingEvalValue]
|
|
|
+ );
|
|
|
+
|
|
|
+ // 展开行渲染（分类/系统场景使用）
|
|
|
+ const expandedRowRender = (record: ProjectItem) => {
|
|
|
+ const options = projectOptionsMap[record.projectId] || [];
|
|
|
+ return (
|
|
|
+ <OptionsList
|
|
|
+ project={record}
|
|
|
+ options={options}
|
|
|
+ onAdd={async (data) => {
|
|
|
+ const ok = await addOption({ projectId: record.projectId, ...data });
|
|
|
+ if (ok) {
|
|
|
+ const opts = await getOptionList({ projectId: record.projectId });
|
|
|
+ set_projectOptionsMap((old) => ({ ...old, [record.projectId]: opts || [] }));
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ onDelete={async (optionId) => {
|
|
|
+ const ok = await delOption(optionId);
|
|
|
+ if (ok) {
|
|
|
+ const opts = await getOptionList({ projectId: record.projectId });
|
|
|
+ set_projectOptionsMap((old) => ({ ...old, [record.projectId]: opts || [] }));
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ onScoreChange={async (optionId, score) => {
|
|
|
+ const ok = await updateOptionScore(optionId, score);
|
|
|
+ if (ok) {
|
|
|
+ const opts = await getOptionList({ projectId: record.projectId });
|
|
|
+ set_projectOptionsMap((old) => ({ ...old, [record.projectId]: opts || [] }));
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ );
|
|
|
+ };
|
|
|
+
|
|
|
+ // 服务节点：展开渲染（与外层保持一致的 KCTable 风格）
|
|
|
+ const expandedRowRenderService = (record: any) => {
|
|
|
+ const parentCode: string = record.itemCode;
|
|
|
+ const rows = serviceOptionsMap[parentCode] || [];
|
|
|
+ const columns: ProColumns<any>[] = [
|
|
|
+ {
|
|
|
+ title: '',
|
|
|
+ dataIndex: 'drag',
|
|
|
+ width: 32,
|
|
|
+ render: (_, row: any) => (
|
|
|
+ <span
|
|
|
+ className="SE-DragHandle"
|
|
|
+ style={{ cursor: 'move', display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%' }}
|
|
|
+ draggable
|
|
|
+ onDragStart={(e) => {
|
|
|
+ set_draggingOption({ parent: parentCode, key: String(row.id ?? row.code) });
|
|
|
+ e.dataTransfer.effectAllowed = 'move';
|
|
|
+ try { e.dataTransfer.setData('text/plain', String(row.id ?? row.code)); } catch {}
|
|
|
+ }}
|
|
|
+ onDragOver={(e) => { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; }}
|
|
|
+ onDrop={(e) => {
|
|
|
+ e.preventDefault();
|
|
|
+ if (!draggingOption || draggingOption.parent !== parentCode) return;
|
|
|
+ const list = serviceOptionsMap[parentCode] || [];
|
|
|
+ const from = list.findIndex((r: any) => String(r.id ?? r.code) === draggingOption.key);
|
|
|
+ const to = list.findIndex((r: any) => String(r.id ?? r.code) === String(row.id ?? row.code));
|
|
|
+ if (from === -1 || to === -1 || from === to) return;
|
|
|
+ const next = moveItem(list, from, to);
|
|
|
+ set_serviceOptionsMap((old) => ({ ...old, [parentCode]: next }));
|
|
|
+ set_draggingOption(null);
|
|
|
+ set_reload((v)=>!v);
|
|
|
+ // TODO: 保存选项排序
|
|
|
+ }}
|
|
|
+ title="拖动排序"
|
|
|
+ >
|
|
|
+ <IconFont type="iconliebiao" style={{ fontSize: 16, color: '#99A6BF' }} />
|
|
|
+ </span>
|
|
|
+ ),
|
|
|
+ },
|
|
|
+ { title: '序号', dataIndex: 'index', width: 60, render: (_, __, index) => index + 1 },
|
|
|
+ { title: '选项代码', dataIndex: 'code', width: 120 },
|
|
|
+ { title: '选项名称', dataIndex: 'name', ellipsis: true },
|
|
|
+ {
|
|
|
+ title: '选项得分',
|
|
|
+ dataIndex: 'value',
|
|
|
+ width: 200,
|
|
|
+ render: (v: any, row: any) => {
|
|
|
+ const isEditing = row.__editing === true;
|
|
|
+ if (!isEditing) {
|
|
|
+ return (
|
|
|
+ <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
|
|
|
+ <div style={{ padding: '2px 10px', border: '1px solid #dae2f2', borderRadius: 6, minWidth: 72, textAlign: 'center', background: '#f7f9fc' }}>{v ?? 0}</div>
|
|
|
+ <span
|
|
|
+ onClick={() => {
|
|
|
+ set_serviceOptionsMap((old) => {
|
|
|
+ const list = [...(old[parentCode] || [])];
|
|
|
+ const idx = list.findIndex((i: any) => String(i.id ?? i.code) === String(row.id ?? row.code));
|
|
|
+ if (idx > -1) list[idx] = { ...list[idx], __editing: true } as any;
|
|
|
+ return { ...old, [parentCode]: list };
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', height: 28, width: 28, border: '1px solid #dae2f2', borderRadius: 6, cursor: 'pointer' }}
|
|
|
+ >
|
|
|
+ <IconFont type="iconbianji" style={{ fontSize: 16, color: '#17181A' }} />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }
|
|
|
+ return (
|
|
|
+ <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
|
|
|
+ <InputNumber
|
|
|
+ min={0}
|
|
|
+ max={9999}
|
|
|
+ value={row.value}
|
|
|
+ onChange={(val) => {
|
|
|
+ const next = Number(val) || 0;
|
|
|
+ set_serviceOptionsMap((old) => {
|
|
|
+ const list = [...(old[parentCode] || [])];
|
|
|
+ const idx = list.findIndex((i: any) => String(i.id ?? i.code) === String(row.id ?? row.code));
|
|
|
+ if (idx > -1) list[idx] = { ...list[idx], value: next, __editing: true } as any;
|
|
|
+ return { ...old, [parentCode]: list };
|
|
|
+ });
|
|
|
+ }}
|
|
|
+ style={{ width: 100 }}
|
|
|
+ />
|
|
|
+ <span
|
|
|
+ onClick={async () => {
|
|
|
+ // 调用接口保存选项分值
|
|
|
+ const res = await editEvaluationSelect(row.id, row.value);
|
|
|
+ // 响应拦截器：成功返回 data 或 true，失败返回 false
|
|
|
+ // 且 POST 成功时拦截器已自动显示"操作成功！"提示
|
|
|
+ if (res !== false) {
|
|
|
+ // 成功，退出编辑状态
|
|
|
+ set_serviceOptionsMap((old) => {
|
|
|
+ const list = [...(old[parentCode] || [])];
|
|
|
+ const idx = list.findIndex((i: any) => String(i.id ?? i.code) === String(row.id ?? row.code));
|
|
|
+ if (idx > -1) list[idx] = { ...list[idx], __editing: false } as any;
|
|
|
+ return { ...old, [parentCode]: list };
|
|
|
+ });
|
|
|
+ }
|
|
|
+ // 失败时拦截器已显示错误提示，这里只需保持编辑状态
|
|
|
+ }}
|
|
|
+ style={{ display: 'inline-flex', alignItems: 'center', justifyContent: 'center', height: 28, width: 28, border: '1px solid #dae2f2', borderRadius: 6, cursor: 'pointer' }}
|
|
|
+ >
|
|
|
+ <IconFont type="iconqueren" style={{ fontSize: 16, color: '#17181A' }} />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ },
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '操作',
|
|
|
+ valueType: 'option',
|
|
|
+ width: 120,
|
|
|
+ render: (_, row: any) => [
|
|
|
+ <Popconfirm
|
|
|
+ key="del"
|
|
|
+ title="是否确认删除？"
|
|
|
+ onConfirm={async () => {
|
|
|
+ const res = await deleteEvaluationSelect(row.id);
|
|
|
+ if (res !== false) {
|
|
|
+ // 删除成功，重新加载该评价项的选项列表
|
|
|
+ const list = await getEvaluationSelect(parentCode);
|
|
|
+ set_serviceOptionsMap((old) => ({
|
|
|
+ ...old,
|
|
|
+ [parentCode]: (list || []) as any,
|
|
|
+ }));
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <a>删除</a>
|
|
|
+ </Popconfirm>
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ ];
|
|
|
+
|
|
|
+ return (
|
|
|
+ <div className="SE-ExpandWrap">
|
|
|
+ <KCTable
|
|
|
+ newVer
|
|
|
+ columns={columns as ProColumns[]}
|
|
|
+ dataSource={rows}
|
|
|
+ rowKey={(r: any) => String(r.id ?? r.code)}
|
|
|
+ dragSortKey="id"
|
|
|
+ dragType="KC_TABLE_NESTED_ROW"
|
|
|
+ pagination={false}
|
|
|
+ toolBarRender={false as any}
|
|
|
+ search={false as any}
|
|
|
+ options={false as any}
|
|
|
+ bordered={false as any}
|
|
|
+ size={'small' as any}
|
|
|
+ dragSort
|
|
|
+ onDragSortEnd={(next)=>{
|
|
|
+ set_serviceOptionsMap((old)=> ({ ...old, [parentCode]: next }));
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ };
|
|
|
+
|
|
|
+ // 表格展开回调
|
|
|
+ const onExpand = async (expanded: boolean, record: any) => {
|
|
|
+ const node: any = currentCategory as any;
|
|
|
+ const rowKey = node?.nodeType === 'service' ? record.itemCode : record.projectId;
|
|
|
+
|
|
|
+ // 更新展开行状态
|
|
|
+ if (expanded) {
|
|
|
+ set_expandedRowKeys((prev) => [...prev, rowKey]);
|
|
|
+ } else {
|
|
|
+ set_expandedRowKeys((prev) => prev.filter(k => k !== rowKey));
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 加载数据
|
|
|
+ if (node && node.nodeType === 'service') {
|
|
|
+ const list = await getEvaluationSelect(record.itemCode);
|
|
|
+ set_serviceOptionsMap((old: Record<string, { id: number | string; hospId?: string; itemCode: string; code: string; name: string; value: number; sort: number }[]>) => ({
|
|
|
+ ...old,
|
|
|
+ [record.itemCode]: (list || []) as { id: number | string; hospId?: string; itemCode: string; code: string; name: string; value: number; sort: number }[],
|
|
|
+ }));
|
|
|
+ } else {
|
|
|
+ const opts = await getOptionList({ projectId: record.projectId });
|
|
|
+ set_projectOptionsMap((old) => ({ ...old, [record.projectId]: opts || [] }));
|
|
|
+ }
|
|
|
+ };
|
|
|
+
|
|
|
+ // 收起所有展开行
|
|
|
+ const collapseAllRows = () => {
|
|
|
+ set_expandedRowKeys([]);
|
|
|
+ };
|
|
|
+
|
|
|
+ useEffect(() => { fetchTree(); }, []);
|
|
|
+ useEffect(() => { if (sysModalOpen) fetchSystemTree(); }, [sysModalOpen]);
|
|
|
+ useEffect(() => {
|
|
|
+ if (currentCategory) {
|
|
|
+ set_tableParams((p) => ({ ...p, current: 1, categoryId: currentCategory.id }));
|
|
|
+ set_reload(true);
|
|
|
+ // 切换分类时清空展开行
|
|
|
+ set_expandedRowKeys([]);
|
|
|
+ }
|
|
|
+ }, [currentCategory]);
|
|
|
+
|
|
|
+ return (
|
|
|
+ <>
|
|
|
+ <div className="SystemNavMana">
|
|
|
+ <div className="leftTree">
|
|
|
+ <div className="search" style={{display:'flex',gap:8,alignItems:'center'}}>
|
|
|
+ <Input className="searchInput" placeholder="请输入" size="small" allowClear onChange={(e)=>setSearchValue(e.target.value)} />
|
|
|
+ <Tooltip title="添加系统">
|
|
|
+ <span className="add" onClick={()=> set_sysModalOpen(true)}>
|
|
|
+ <IconFont style={{ color: '#17181A', fontSize: 12 }} type="icon-xinzeng" />
|
|
|
+ </span>
|
|
|
+ </Tooltip>
|
|
|
+ </div>
|
|
|
+ <div className="treeeWrap">
|
|
|
+ {categoryTree && categoryTree.length>0 && (
|
|
|
+ <DirectoryTree
|
|
|
+ fieldNames={{ title:'name', key:'id' }}
|
|
|
+ rootStyle={{ overflowY:'scroll', overflowX:'hidden' }}
|
|
|
+ onSelect={async (keys, info)=> {
|
|
|
+ const node = info.node as any;
|
|
|
+ // 仅允许选择服务节点
|
|
|
+ if (node.nodeType !== 'service') return;
|
|
|
+ set_currentCategory(node);
|
|
|
+ set_tableParams((p)=>({ ...p, current:1, categoryId: node.id }));
|
|
|
+ set_reload(true);
|
|
|
+ // 服务节点：拉取右侧评价项（dataSource 渲染）
|
|
|
+ await loadServiceEvalItems(String(node.code || node.name));
|
|
|
+ }}
|
|
|
+ onExpand={(keys)=>{ setExpandedKeys(keys as React.Key[]); setAutoExpandParent(false);} }
|
|
|
+ expandedKeys={expandedKeys}
|
|
|
+ autoExpandParent={autoExpandParent}
|
|
|
+ selectedKeys={currentCategory && (currentCategory as any).nodeType==='service' ? [currentCategory.id] : []}
|
|
|
+ blockNode
|
|
|
+ className="KC-DirectoryTree"
|
|
|
+ icon={() => null}
|
|
|
+ titleRender={(nodeData: any) => {
|
|
|
+ const strTitle = nodeData.name as string;
|
|
|
+ const index = strTitle.indexOf(searchValue);
|
|
|
+ const beforeStr = strTitle.substring(0, index);
|
|
|
+ const afterStr = strTitle.slice(index + searchValue.length);
|
|
|
+ const title = index > -1 ? (
|
|
|
+ <span>
|
|
|
+ {beforeStr}
|
|
|
+ <span className="site-tree-search-value" style={{ color: 'red', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{searchValue}</span>
|
|
|
+ {afterStr}
|
|
|
+ </span>
|
|
|
+ ) : (
|
|
|
+ <span className="strTitle">{strTitle}</span>
|
|
|
+ );
|
|
|
+ const isDirectory = Array.isArray(nodeData.children) && nodeData.children.length > 0;
|
|
|
+ return (
|
|
|
+ <div style={{display:'flex',alignItems:'center',height:32}}>
|
|
|
+ <span className="node-title-area" style={{flex:1, minWidth:0}}>{title}</span>
|
|
|
+ {nodeData.nodeType === 'system' && (
|
|
|
+ <span
|
|
|
+ className="inline-add"
|
|
|
+ style={{display:'inline-flex', justifyContent:'center', alignItems:'center'}}
|
|
|
+ onClick={async (e)=>{
|
|
|
+ e.stopPropagation();
|
|
|
+ set_serviceBindSystemId(String(nodeData.id));
|
|
|
+ // 打开前重置已选，避免上次选择残留
|
|
|
+ set_serviceSelected([]);
|
|
|
+ await fetchServiceDict();
|
|
|
+ set_serviceModalOpen(true);
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <IconFont style={{ color: '#99A6BF', fontSize: 12 }} type="icon-xinzeng" />
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+ }}
|
|
|
+ treeData={categoryTree as unknown as DataNode[]}
|
|
|
+ switcherIcon={(props:any)=> props.expanded ? (<img style={{ width:20,height:20, position:'relative', top:5 }} src={closeIcon} />) : (<img style={{ width:20,height:20, position:'relative', top:5 }} src={expandedIcon} />)}
|
|
|
+ />
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div className="rightContent">
|
|
|
+ <div className="tableToolbar">
|
|
|
+ <div className="filter">
|
|
|
+ <span style={{ fontSize: 16, fontWeight: 500, color: '#17181A' }}>
|
|
|
+ {currentCategory?.name || '-'}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <div className={'btnGroup'}>
|
|
|
+ {expandedRowKeys.length > 0 && (
|
|
|
+ <span className="collapse" onClick={collapseAllRows}>
|
|
|
+ 收起所有 ({expandedRowKeys.length})
|
|
|
+ </span>
|
|
|
+ )}
|
|
|
+ <span className="add" onClick={async ()=>{
|
|
|
+ // 获取当前已有的评价项，用于回显
|
|
|
+ const current: any = currentCategory as any;
|
|
|
+ if (current && current.nodeType === 'service') {
|
|
|
+ const existingItems = await getServiceEvaluationItem(String(current.code || current.name));
|
|
|
+ const existingKeys = (existingItems || []).map((item: any) => String(item.itemCode));
|
|
|
+ set_evalItemTargetKeys(existingKeys);
|
|
|
+ } else {
|
|
|
+ set_evalItemTargetKeys([]);
|
|
|
+ }
|
|
|
+ set_evalItemSelectedKeys([]);
|
|
|
+ await fetchEvaluationItemsDict();
|
|
|
+ set_evalItemModalOpen(true);
|
|
|
+ }}>
|
|
|
+ 添加
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ <ModalForm
|
|
|
+ title="新增评价项目"
|
|
|
+ width={520}
|
|
|
+ trigger={<span style={{ display:'none' }} />}
|
|
|
+ onFinish={async (values) => {
|
|
|
+ if (!currentCategory) return false;
|
|
|
+ const ok = await addProject({ categoryId: currentCategory.id, ...(values as any) });
|
|
|
+ if (ok) set_reload(true);
|
|
|
+ return !!ok;
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <ProFormText name="projectCode" label="项目代码" placeholder="请输入" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormText name="projectName" label="项目名称" placeholder="请输入" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ <ProFormDigit name="weight" label="权重%" min={0} max={100} placeholder="0-100" rules={[{ required: true, message: '必填' }]} />
|
|
|
+ </ModalForm>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ {currentCategory && (
|
|
|
+ <KCTable
|
|
|
+ key={`table-${currentCategory.id}`}
|
|
|
+ newVer
|
|
|
+ reload={(currentCategory as any)?.nodeType === 'service' ? false : reload}
|
|
|
+ params={(currentCategory as any)?.nodeType === 'service' ? undefined : tableParams}
|
|
|
+ rowKey={(((currentCategory as any)?.nodeType === 'service')
|
|
|
+ ? ((r: any) => String(r?.itemCode ?? ''))
|
|
|
+ : ((r: any) => String(r?.projectId ?? ''))) as any}
|
|
|
+ dragSortKey={(currentCategory as any)?.nodeType === 'service' ? 'itemCode' : 'projectId'}
|
|
|
+ dragType="KC_TABLE_MAIN_ROW"
|
|
|
+ disabledDragKeys={expandedRowKeys}
|
|
|
+ scroll={{ y: `calc(100vh - 240px)` }}
|
|
|
+ columns={((currentCategory as any)?.nodeType === 'service' ? evalItemColumns : projectColumns) as ProColumns[]}
|
|
|
+ request={(((currentCategory as any)?.nodeType === 'service') ? undefined : ((p: any, s: any, f: any) => getTableData(p))) as any}
|
|
|
+ expandable={{
|
|
|
+ expandedRowRender: (currentCategory as any)?.nodeType === 'service' ? expandedRowRenderService : expandedRowRender,
|
|
|
+ onExpand,
|
|
|
+ expandedRowKeys,
|
|
|
+ onExpandedRowsChange: (keys: readonly React.Key[]) => set_expandedRowKeys([...keys]),
|
|
|
+ expandIconColumnIndex: 1 // 展开图标显示在第2列，第1列留给拖拽手柄
|
|
|
+ }}
|
|
|
+ pagination={false}
|
|
|
+ dragSort={(currentCategory as any)?.nodeType === 'service'}
|
|
|
+ dataSource={((currentCategory as any)?.nodeType === 'service') ? evalItemRows : undefined}
|
|
|
+ onDragSortEnd={(rows: any[])=>{
|
|
|
+ set_evalItemRows(rows);
|
|
|
+ set_useLocalEvalOrder(true);
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <Modal
|
|
|
+ title="添加系统"
|
|
|
+ open={sysModalOpen}
|
|
|
+ onCancel={()=> set_sysModalOpen(false)}
|
|
|
+ onOk={async ()=>{
|
|
|
+ const flat = (nodes: SystemTreeNode[]): SystemTreeNode[] => nodes.reduce<SystemTreeNode[]>((acc, n)=>{
|
|
|
+ acc.push(n);
|
|
|
+ if (n.children && n.children.length) acc.push(...flat(n.children));
|
|
|
+ return acc;
|
|
|
+ }, []);
|
|
|
+ const all = flat(systemTree);
|
|
|
+ const payload = all
|
|
|
+ .filter(n => sysTargetKeys.includes(n.code) && n.type === 3)
|
|
|
+ .map(n => ({ systemId: n.code, systemName: n.name }));
|
|
|
+ if (payload.length === 0) {
|
|
|
+ message.warning('请选择系统');
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ const ok = await addSystems(payload as any);
|
|
|
+ if (ok) {
|
|
|
+ set_sysModalOpen(false);
|
|
|
+ // 刷新左侧“已选系统”列表
|
|
|
+ set_reload(true);
|
|
|
+ fetchTree();
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ width={720}
|
|
|
+ destroyOnClose
|
|
|
+ >
|
|
|
+ <Transfer
|
|
|
+ className="tree-transfer"
|
|
|
+ listStyle={{ height: 540 }}
|
|
|
+ dataSource={(function buildFlat(){
|
|
|
+ const res: any[] = [];
|
|
|
+ const walk = (list: SystemTreeNode[], parentChecked: boolean)=>{
|
|
|
+ list.forEach(n=>{
|
|
|
+ res.push({ key: n.code, code: n.code, name: n.name, type: n.type, node: n });
|
|
|
+ if (n.children && n.children.length) walk(n.children, false);
|
|
|
+ })
|
|
|
+ };
|
|
|
+ walk(systemTree, false);
|
|
|
+ return res;
|
|
|
+ })()}
|
|
|
+ rowKey={(item)=> item.code}
|
|
|
+ titles={[`待选项`, `已选项`]}
|
|
|
+ targetKeys={sysTargetKeys}
|
|
|
+ selectedKeys={sysSelectedKeys}
|
|
|
+ showSearch
|
|
|
+ locale={{ itemUnit:'项', itemsUnit:'项', searchPlaceholder:'请输入' }}
|
|
|
+ render={(item)=> item.name}
|
|
|
+ onChange={(nextTargetKeys)=> set_sysTargetKeys(nextTargetKeys as string[])}
|
|
|
+ onSelectChange={(sourceSelectedKeys, targetSelectedKeys)=> set_sysSelectedKeys([...(sourceSelectedKeys as string[]), ...(targetSelectedKeys as string[])])}
|
|
|
+ >
|
|
|
+ {({ direction, onItemSelect, onItemSelectAll, selectedKeys })=>{
|
|
|
+ if (direction === 'left') {
|
|
|
+ const treeData = (function toTree(list: SystemTreeNode[]): any[] {
|
|
|
+ return list.map((n: SystemTreeNode): any => ({
|
|
|
+ key: n.code,
|
|
|
+ title: n.name,
|
|
|
+ // 不再用 children 判断是否可勾选；统一允许勾选，由 onCheck 决定加入哪些 key
|
|
|
+ disabled: false,
|
|
|
+ children: n.children ? (toTree(n.children) as any[]) : undefined,
|
|
|
+ }));
|
|
|
+ })(systemTree);
|
|
|
+
|
|
|
+ const checkedKeys = [...selectedKeys, ...sysTargetKeys];
|
|
|
+ return (
|
|
|
+ <Tree
|
|
|
+ checkable
|
|
|
+ defaultExpandAll
|
|
|
+ checkedKeys={checkedKeys}
|
|
|
+ treeData={treeData as any}
|
|
|
+ height={480}
|
|
|
+ expandedKeys={sysExpandedKeys}
|
|
|
+ onExpand={(keys)=> set_sysExpandedKeys(keys as string[])}
|
|
|
+ onCheck={(keys, { node })=>{
|
|
|
+ // 仅加入“系统叶子”：type==3，或 type==5 但无 children（后端把系统标成5时兜底）
|
|
|
+ const isSystemLeafByCode = (code: string) => {
|
|
|
+ const flat = (function flat(){
|
|
|
+ const res: any[] = [];
|
|
|
+ const walk = (list: SystemTreeNode[])=>{ list.forEach(nn=>{ res.push({ code: nn.code, type: nn.type, children: nn.children }); if(nn.children) walk(nn.children); }); };
|
|
|
+ walk(systemTree); return res;
|
|
|
+ })();
|
|
|
+ const found = flat.find(i=> i.code===code);
|
|
|
+ if (!found) return false;
|
|
|
+ const noChildren = !found.children || found.children.length===0;
|
|
|
+ return found.type===3 || (found.type===5 && noChildren);
|
|
|
+ };
|
|
|
+
|
|
|
+ const getChildCodes = (n:any): string[] => {
|
|
|
+ if (!n.children || n.children.length===0) return [n.key as string];
|
|
|
+ return n.children.reduce((acc:any,c:any)=> acc.concat(getChildCodes(c)), []);
|
|
|
+ };
|
|
|
+
|
|
|
+ const isSelect = !(node as any).checked;
|
|
|
+ const candidate = (node.children && node.children.length>0) ? getChildCodes(node) : [node.key as string];
|
|
|
+ const systemLeafKeys = candidate.filter((code)=> isSystemLeafByCode(code));
|
|
|
+ onItemSelectAll(systemLeafKeys as string[], isSelect);
|
|
|
+ }}
|
|
|
+ />
|
|
|
+ );
|
|
|
+ }
|
|
|
+ return null;
|
|
|
+ }}
|
|
|
+ </Transfer>
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ title="添加服务"
|
|
|
+ open={serviceModalOpen}
|
|
|
+ onCancel={()=> { set_serviceModalOpen(false); set_serviceSelected([]); set_serviceBindSystemId(''); }}
|
|
|
+ confirmLoading={serviceSaving}
|
|
|
+ onOk={async ()=> {
|
|
|
+ if (!serviceBindSystemId) { set_serviceModalOpen(false); return; }
|
|
|
+ try {
|
|
|
+ set_serviceSaving(true);
|
|
|
+ const ok: any = await addServiceTypes(serviceBindSystemId, serviceSelected);
|
|
|
+ if (ok) {
|
|
|
+ set_serviceModalOpen(false);
|
|
|
+ set_serviceSelected([]);
|
|
|
+ set_serviceBindSystemId('');
|
|
|
+ // 刷新左侧列表
|
|
|
+ set_reload(true);
|
|
|
+ fetchTree();
|
|
|
+ }
|
|
|
+ } finally {
|
|
|
+ set_serviceSaving(false);
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ width={560}
|
|
|
+ destroyOnClose
|
|
|
+ >
|
|
|
+ <Transfer
|
|
|
+ className="ServiceTransfer"
|
|
|
+ style={{ width: '100%' }}
|
|
|
+ titles={[`待选项`,`已选项`]}
|
|
|
+ dataSource={serviceDict}
|
|
|
+ rowKey={(item)=> item.key}
|
|
|
+ render={(item)=> item.title}
|
|
|
+ targetKeys={serviceSelected}
|
|
|
+ onChange={(next)=> set_serviceSelected(next as string[])}
|
|
|
+ listStyle={{ height: 460, width: 'calc(50% - 32px)' }}
|
|
|
+ operationStyle={{ margin: '0 12px', display: 'flex', alignItems: 'center' }}
|
|
|
+ locale={{ itemUnit:'项', itemsUnit:'项', searchPlaceholder:'请输入' }}
|
|
|
+ showSearch
|
|
|
+ />
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ title="评价项目"
|
|
|
+ open={evalItemModalOpen}
|
|
|
+ onCancel={()=> { set_evalItemModalOpen(false); set_evalItemTargetKeys([]); set_evalItemSelectedKeys([]); }}
|
|
|
+ onOk={async ()=> {
|
|
|
+ // 依据当前选中的服务类型保存评价项目
|
|
|
+ const current: any = currentCategory as any;
|
|
|
+ if (!current || current.nodeType !== 'service') { set_evalItemModalOpen(false); return; }
|
|
|
+ // 从字典中匹配详细信息
|
|
|
+ const itemCodes = evalItemTargetKeys.map((k, idx)=>{
|
|
|
+ const found = evalItemDict.find(i=> i.key === k);
|
|
|
+ return { itemCode: k, itemName: found?.title || k, itemValue: 1, sort: idx + 1 };
|
|
|
+ });
|
|
|
+ const ok: any = await addEvaluationItem(String(current.code || current.name), itemCodes);
|
|
|
+ if (ok) {
|
|
|
+ set_evalItemModalOpen(false);
|
|
|
+ set_evalItemTargetKeys([]);
|
|
|
+ set_evalItemSelectedKeys([]);
|
|
|
+ // 刷新右侧表格：重新加载评价项列表
|
|
|
+ await loadServiceEvalItems(String(current.code || current.name));
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ width={560}
|
|
|
+ destroyOnClose
|
|
|
+ >
|
|
|
+ <Transfer
|
|
|
+ titles={[`待选项`,`已选项`]}
|
|
|
+ dataSource={evalItemDict}
|
|
|
+ rowKey={(item)=> item.key}
|
|
|
+ render={(item)=> item.title}
|
|
|
+ targetKeys={evalItemTargetKeys}
|
|
|
+ selectedKeys={evalItemSelectedKeys}
|
|
|
+ onChange={(next)=> set_evalItemTargetKeys(next as string[])}
|
|
|
+ onSelectChange={(l,r)=> set_evalItemSelectedKeys([...(l as string[]), ...(r as string[])])}
|
|
|
+ listStyle={{ height: 460, width: 'calc(50% - 32px)' }}
|
|
|
+ operationStyle={{ margin: '0 12px', display: 'flex', alignItems: 'center' }}
|
|
|
+ showSearch
|
|
|
+ locale={{ itemUnit:'项', itemsUnit:'项', searchPlaceholder:'请输入' }}
|
|
|
+ />
|
|
|
+ </Modal>
|
|
|
+ <Modal
|
|
|
+ title="添加选项"
|
|
|
+ open={selectModalOpen}
|
|
|
+ onCancel={()=> { set_selectModalOpen(false); set_selectTargetKeys([]); set_selectSelectedKeys([]); set_bindItemCode(''); }}
|
|
|
+ onOk={async ()=> {
|
|
|
+ const selectCodes = selectTargetKeys.map((k, idx)=>{
|
|
|
+ const found = selectDict.find(i=> i.key === k);
|
|
|
+ return { itemCode: k, itemName: found?.title || k, itemValue: 1, sort: idx + 1 };
|
|
|
+ });
|
|
|
+ const ok: any = await addEvaluationSelect(bindItemCode, selectCodes);
|
|
|
+ if (ok !== false) {
|
|
|
+ set_selectModalOpen(false);
|
|
|
+ set_selectTargetKeys([]);
|
|
|
+ set_selectSelectedKeys([]);
|
|
|
+ // 重新加载该评价项的选项数据
|
|
|
+ const list = await getEvaluationSelect(bindItemCode);
|
|
|
+ set_serviceOptionsMap((old) => ({
|
|
|
+ ...old,
|
|
|
+ [bindItemCode]: (list || []) as any,
|
|
|
+ }));
|
|
|
+ set_bindItemCode('');
|
|
|
+ set_reload(true);
|
|
|
+ }
|
|
|
+ }}
|
|
|
+ width={560}
|
|
|
+ destroyOnClose
|
|
|
+ >
|
|
|
+ <Transfer
|
|
|
+ titles={[`待选项`,`已选项`]}
|
|
|
+ dataSource={selectDict}
|
|
|
+ rowKey={(item)=> item.key}
|
|
|
+ render={(item)=> item.title}
|
|
|
+ targetKeys={selectTargetKeys}
|
|
|
+ selectedKeys={selectSelectedKeys}
|
|
|
+ onChange={(next)=> set_selectTargetKeys(next as string[])}
|
|
|
+ onSelectChange={(l,r)=> set_selectSelectedKeys([...(l as string[]), ...(r as string[])])}
|
|
|
+ listStyle={{ height: 360, width: 'calc(50% - 32px)' }}
|
|
|
+ operationStyle={{ margin: '0 12px', display: 'flex', alignItems: 'center' }}
|
|
|
+ showSearch
|
|
|
+ locale={{ itemUnit:'项', itemsUnit:'项', searchPlaceholder:'请输入' }}
|
|
|
+ />
|
|
|
+ </Modal>
|
|
|
+ </>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+export default ServiceEvaluatePage;
|
|
|
+
|
|
|
+
|
