项目书-附件 功能添加 10.21

master
zhc077 1 month ago
parent 0216e1394c
commit e2dcbe0792
  1. 22
      jeecgboot-vue3/src/views/projectApplication/kejigongguan/xiangmushu/JUploadDemo.vue

@ -1,11 +1,14 @@
<template> <template>
<a-button-group class="j-table-operator"> <!-- <a-button-group class="j-table-operator">
<a-button type="primary" @click="setDisabled(0)">启用</a-button> <a-button type="primary" @click="setDisabled(0)">启用</a-button>
<a-button type="primary" @click="setDisabled(1)">禁用</a-button> <a-button type="primary" @click="setDisabled(1)">禁用</a-button>
<a-button type="primary" @click="showUploadModal">文件弹窗</a-button> <a-button type="primary" @click="showUploadModal">文件弹窗</a-button>
</a-button-group> </a-button-group>-->
<BasicForm @register="register" @submit="handleSubmit" /> <BasicForm @register="register" @submit="handleSubmit" />
<JUploadModal v-model:value="uploadModalValue" @register="registerModel" /> <JUploadModal v-model:value="uploadModalValue" @register="registerModel" />
<div class="button-container">
<a-button type="primary" @click="goBack">返回</a-button>
</div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
@ -14,9 +17,10 @@
import { UploadTypeEnum } from '/@/components/Form/src/jeecg/components/JUpload'; import { UploadTypeEnum } from '/@/components/Form/src/jeecg/components/JUpload';
import { JUploadModal } from '/@/components/Form/src/jeecg/components/JUpload'; import { JUploadModal } from '/@/components/Form/src/jeecg/components/JUpload';
import { useModal } from '/@/components/Modal'; import { useModal } from '/@/components/Modal';
import {useRouter} from "vue-router";
const uploadModalValue = ref(''); const uploadModalValue = ref('');
const {back} = useRouter();
const schemas: FormSchema[] = [ const schemas: FormSchema[] = [
/*{ /*{
field: 'uploadFile', field: 'uploadFile',
@ -27,8 +31,8 @@
{ {
field: 'uploadFileMax', field: 'uploadFileMax',
component: 'JUpload', component: 'JUpload',
helpMessage: '最多上传10个件', helpMessage: '最多上传10个件',
label: '上传件(10)', label: '上传件(10)',
componentProps: { maxCount: 10 }, componentProps: { maxCount: 10 },
}, },
/*{ /*{
@ -81,4 +85,12 @@
fileType: UploadTypeEnum.image, fileType: UploadTypeEnum.image,
}); });
} }
function goBack() {
back();
}
</script> </script>
<style lang="less" scoped>
.button-container {
text-align: center;
}
</style>

Loading…
Cancel
Save