| | |
|---|
| | | <template> |
|---|
| | | <div class="p-2"> |
|---|
| | | <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave"> |
|---|
| | | <div class="search" v-show="showSearch"> |
|---|
| | | <div class="mb-[10px]" v-show="showSearch"> |
|---|
| | | <el-card shadow="hover"> |
|---|
| | | <el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px"> |
|---|
| | | <el-form-item label="文件名" prop="fileName"> |
|---|
| | | <el-input v-model="queryParams.fileName" placeholder="请输入文件名" clearable style="width: 200px" @keyup.enter="handleQuery" /> |
|---|
| | |
|---|
| | | <el-button icon="Refresh" @click="resetQuery">重置</el-button> |
|---|
| | | </el-form-item> |
|---|
| | | </el-form> |
|---|
| | | </el-card> |
|---|
| | | </div> |
|---|
| | | </transition> |
|---|
| | | |
|---|
| | | <el-card shadow="never"> |
|---|
| | | <el-card shadow="hover"> |
|---|
| | | <template #header> |
|---|
| | | <el-row :gutter="10" class="mb8"> |
|---|
| | | <el-col :span="1.5"> |
|---|
| | |
|---|
| | | <script setup name="Oss" lang="ts"> |
|---|
| | | import { listOss, delOss } from "@/api/system/oss"; |
|---|
| | | import ImagePreview from "@/components/ImagePreview/index.vue"; |
|---|
| | | import { ComponentInternalInstance } from "vue"; |
|---|
| | | import { OssForm, OssQuery, OssVO } from "@/api/system/oss/types"; |
|---|
| | | import { DateModelType } from 'element-plus'; |
|---|
| | | |
|---|
| | | const router = useRouter(); |
|---|
| | | const { proxy } = getCurrentInstance() as ComponentInternalInstance; |
|---|
| | |
|---|
| | | // 默认排序 |
|---|
| | | const defaultSort = ref({ prop: 'createTime', order: 'ascending' }); |
|---|
| | | |
|---|
| | | const ossFormRef = ref(ElForm); |
|---|
| | | const queryFormRef = ref(ElForm); |
|---|
| | | const ossFormRef = ref<ElFormInstance>(); |
|---|
| | | const queryFormRef = ref<ElFormInstance>(); |
|---|
| | | |
|---|
| | | const initFormData = { |
|---|
| | | file: undefined, |
|---|
| | |
|---|
| | | /** 表单重置 */ |
|---|
| | | function reset() { |
|---|
| | | form.value = { ...initFormData }; |
|---|
| | | ossFormRef.value.resetFields(); |
|---|
| | | ossFormRef.value?.resetFields(); |
|---|
| | | } |
|---|
| | | /** 搜索按钮操作 */ |
|---|
| | | function handleQuery() { |
|---|
| | |
|---|
| | | function resetQuery() { |
|---|
| | | showTable.value = false; |
|---|
| | | daterangeCreateTime.value = ['', '']; |
|---|
| | | queryFormRef.value.resetFields(); |
|---|
| | | queryFormRef.value?.resetFields(); |
|---|
| | | queryParams.value.orderByColumn = defaultSort.value.prop; |
|---|
| | | queryParams.value.isAsc = defaultSort.value.order; |
|---|
| | | handleQuery(); |
|---|
