review:【EP】【BPM 工作流】infra 相关功能的实现
parent
b6c54cbb66
commit
6fd1b18c31
|
@ -50,6 +50,7 @@ const [Modal, modalApi] = useVbenModal({
|
|||
|
||||
/** 上传前 */
|
||||
function beforeUpload(file: FileType) {
|
||||
// TODO @puhui999:研究下,看看怎么类似 antd 可以前端直传哈;通过配置切换;
|
||||
formApi.setFieldValue('file', file);
|
||||
return false;
|
||||
}
|
||||
|
@ -61,6 +62,7 @@ function beforeUpload(file: FileType) {
|
|||
<template #file>
|
||||
<div class="w-full">
|
||||
<!-- 上传区域 -->
|
||||
<!-- TODO @puhui999:1)上传图片,用不了;2)底部有点遮挡 -->
|
||||
<Upload.Dragger
|
||||
name="file"
|
||||
:max-count="1"
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
<script lang="ts" setup>
|
||||
// TODO @puhui999:下拉选择的宽度不对哈;
|
||||
import type { SystemTenantApi } from '#/api/system/tenant';
|
||||
|
||||
import { onMounted, ref } from 'vue';
|
||||
|
|
|
@ -20,6 +20,7 @@ const emit = defineEmits<{
|
|||
(e: 'success'): void;
|
||||
}>();
|
||||
|
||||
// TODO @puhui999:展示貌似不太对;应该是左右,不是上下哈
|
||||
const [Form, formApi] = useVbenForm({
|
||||
commonConfig: {
|
||||
labelWidth: 70,
|
||||
|
|
|
@ -25,6 +25,7 @@ const avatar = computed(
|
|||
() => props.profile?.avatar || preferences.app.defaultAvatar,
|
||||
);
|
||||
|
||||
// TODO @puhui999:头像上传没跑通
|
||||
async function handelUpload({
|
||||
file,
|
||||
filename,
|
||||
|
|
|
@ -172,6 +172,7 @@ onMounted(() => {
|
|||
>
|
||||
<ElCard v-for="item in allBindList" :key="item.type" class="!mb-2">
|
||||
<div class="flex w-full items-center gap-4">
|
||||
<!-- TODO @puhui999:图片大小不太对 -->
|
||||
<ElImage
|
||||
:src="item.img"
|
||||
:width="40"
|
||||
|
|
|
@ -43,6 +43,7 @@ export function useGridFormSchema(): VbenFormSchema[] {
|
|||
fieldName: 'beginTime',
|
||||
label: '请求时间',
|
||||
component: 'RangePicker',
|
||||
// TODO @puhui999:时间范围不太对。结束时间不是 23:59:59 这种哈
|
||||
componentProps: {
|
||||
...getRangePickerDefaultProps(),
|
||||
allowClear: true,
|
||||
|
|
|
@ -35,6 +35,7 @@ const [Modal, modalApi] = useVbenModal({
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<!-- TODO @puhui999:这个后续会做类似 antd 的 description 组件么? -->
|
||||
<Modal
|
||||
title="API 访问日志详情"
|
||||
class="w-1/2"
|
||||
|
|
|
@ -24,6 +24,7 @@ const [Modal, modalApi] = useVbenModal();
|
|||
const designer = ref(); // 表单设计器
|
||||
|
||||
// 表单设计器配置
|
||||
// TODO @puhui999:表单选择器,版本号从 package.json 拿到全局哈
|
||||
const designerConfig = ref({
|
||||
switchType: [], // 是否可以切换组件类型,或者可以相互切换的字段
|
||||
autoActive: true, // 是否自动选中拖入的组件
|
||||
|
|
|
@ -135,6 +135,7 @@ getDetail();
|
|||
</ElSteps>
|
||||
|
||||
<div class="flex-1 overflow-auto py-4">
|
||||
<!-- TODO @puhui999:顶部的导航,应该可以点击哈; -->
|
||||
<!-- 根据当前步骤显示对应的组件 -->
|
||||
<BasicInfo
|
||||
v-show="currentStep === 0"
|
||||
|
|
|
@ -52,6 +52,7 @@ async function onDelete(row: InfraConfigApi.Config) {
|
|||
});
|
||||
try {
|
||||
await deleteConfig(row.id as number);
|
||||
// TODO @puhui999:close 是不是放在 finally 里面更好?
|
||||
loadingInstance.close();
|
||||
ElMessage.success($t('ui.actionMessage.deleteSuccess', [row.name]));
|
||||
onRefresh();
|
||||
|
|
|
@ -37,11 +37,11 @@ onMounted(() => {
|
|||
<DocAlert title="本地缓存" url="https://doc.iocoder.cn/local-cache/" />
|
||||
</template>
|
||||
|
||||
<ElCard class="mt-5" header="Redis 概览">
|
||||
<ElCard header="Redis 概览">
|
||||
<Info :redis-data="redisData" />
|
||||
</ElCard>
|
||||
|
||||
<div class="mt-5 grid grid-cols-1 gap-4 md:grid-cols-2">
|
||||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
|
||||
<ElCard header="内存使用">
|
||||
<Memory :redis-data="redisData" />
|
||||
</ElCard>
|
||||
|
|
|
@ -228,6 +228,7 @@ onMounted(async () => {
|
|||
placeholder="请选择接收人"
|
||||
:disabled="!getIsOpen"
|
||||
>
|
||||
<!-- TODO @puhui999:所有人,选择不上 -->
|
||||
<ElOption key="" value="" label="所有人">
|
||||
<div class="flex items-center">
|
||||
<ElAvatar size="small">全</ElAvatar>
|
||||
|
|
Loading…
Reference in New Issue