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