chenqi
5bfadb9174
确保username参数存在，避免因为空值造成接口调用失败 feat(editor): 重构富文本编辑器组件并优化图片上传逻辑 - 使用 Composition API 重构代码结构，提升可维护性 - 改进图片上传功能，增强对 quill 实例的安全访问 - 更新样式排版，提高组件可读性和一致性 refactor(file-upload): 移除旧代理引用，使用 modern Vue API 替换 `proxy` 调用为 `modal` 插件直接调用，提升代码清晰度与健壮性 refactor(image-upload): 替换旧实例调用方式，强化错误提示机制 统一使用 `modal` 进行消息提示和加载状态控制，改善用户体验 refactor(tree-select): 引入 Composition API 优化节点操作逻辑 移除 `getCurrentInstance` 的不必要使用，改为明确的模板引用管理 chore(main): 添加 util._extend 补丁以消除 Node.js 环境警告 解决开发环境下由于 Node.js 内建模块缺失造成的运行时警告问题 feat(template): 完善跌倒/坠床评估护理记录单模板 - 增加详细注释说明各部分作用，便于后续维护 - 明确组件名称为中文，利于业务识别 - 丰富表单交互细节及数据处理逻辑，支持动态打分、措施选择等功能 refactor(template-index): 加强模板组件自动注册逻辑 增加组件 name 属性校验，防止无效或匿名组件被注册到全局
50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
// 导入 API 函数，用于从服务器获取带有选项列表的数据
|
||
import { getListWithOptionList } from '@/views/basicmanage/caseTemplatesStatistics/api';
|
||
// 导入 Vue 3 的组合式 API：onMounted（组件挂载后执行）和 ref（响应式数据）
|
||
import { onMounted, ref } from 'vue';
|
||
|
||
// 创建响应式数据：统计选项列表，初始为空数组
|
||
const statisticsOptionList = ref([]);
|
||
|
||
/**
|
||
* 初始化统计选项列表数据
|
||
* 异步函数，通过 API 获取数据并更新到响应式变量中
|
||
*/
|
||
const initStatic = async () => {
|
||
try {
|
||
// 调用 API 获取数据
|
||
const res = await getListWithOptionList();
|
||
// 将获取到的数据赋值给响应式变量
|
||
statisticsOptionList.value = res.data;
|
||
} catch (error) {
|
||
// 错误处理：打印错误信息到控制台
|
||
console.log(error);
|
||
}
|
||
};
|
||
|
||
/**
|
||
* Vue 3 组合式函数：用于获取和管理统计选项列表
|
||
* @returns {Object} 返回包含响应式数据和方法的对象
|
||
*/
|
||
export default function useOptionsList() {
|
||
// 组件挂载后自动初始化数据
|
||
onMounted(() => {
|
||
initStatic();
|
||
});
|
||
|
||
/**
|
||
* 根据代码获取对应的选项列表
|
||
* @param {string} code - 统计类型代码
|
||
* @returns {Array} 返回匹配的选项列表，如果没有匹配则返回空数组
|
||
*/
|
||
const getStatisticsOptionList = (code) => {
|
||
// 在统计选项列表中查找匹配代码的项，然后返回其 optionList 属性，如果没有找到则返回空数组
|
||
return statisticsOptionList.value.find((item) => item.code === code)?.optionList || [];
|
||
};
|
||
|
||
// 返回响应式数据和方法供组件使用
|
||
return {
|
||
statisticsOptionList, // 完整的统计选项列表
|
||
getStatisticsOptionList, // 根据代码获取选项列表的方法
|
||
};
|
||
} |