tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ aPI 文件根据模块划分

Browse Source
This commit is contained in:
ray
2024-10-18 22:28:02 +08:00
parent 0cc300a032
commit af460b5dc3
43 changed files with 150 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/demo/curd/config/add.ts
View File

@@ -1,4 +1,4 @@
import UserAPI, { type UserForm } from "@/api/user";
import UserAPI, { type UserForm } from "@/api/system/user";
import type { IModalConfig } from "@/components/CURD/types";
const modalConfig: IModalConfig<UserForm> = {

4
src/views/demo/curd/config/content.ts
View File

@@ -1,6 +1,6 @@
import UserAPI from "@/api/user";
import UserAPI from "@/api/system/user";
import RoleAPI from "@/api/role";
import type { UserPageQuery } from "@/api/user";
import type { UserPageQuery } from "@/api/system/user";
import type { IContentConfig } from "@/components/CURD/types";
const contentConfig: IContentConfig<UserPageQuery> = {

2
src/views/demo/curd/config/edit.ts
View File

@@ -1,4 +1,4 @@
import UserAPI, { type UserForm } from "@/api/user";
import UserAPI, { type UserForm } from "@/api/system/user";
import type { IModalConfig } from "@/components/CURD/types";
import { DeviceEnum } from "@/enums/DeviceEnum";
import { useAppStore } from "@/store";

2
src/views/demo/curd/config/search.ts
View File

@@ -1,4 +1,4 @@
import DeptAPI from "@/api/dept";
import DeptAPI from "@/api/system/dept";
import type { ISearchConfig } from "@/components/CURD/types";
const searchConfig: ISearchConfig = {

10
src/views/demo/curd/index.vue
View File

@@ -57,7 +57,7 @@
@submit-click="handleSubmitClick"
>
<template #gender="scope">
<dictionary v-model="scope.formData[scope.prop]" code="gender" />
<Dict v-model="scope.formData[scope.prop]" code="gender" />
</template>
</page-modal>
@@ -68,7 +68,7 @@
@submit-click="handleSubmitClick"
>
<template #gender="scope">
<dictionary v-model="scope.formData[scope.prop]" code="gender" />
<Dict v-model="scope.formData[scope.prop]" code="gender" />
</template>
</page-modal>
</template>
@@ -89,9 +89,9 @@
</template>
<script setup lang="ts">
import UserAPI from "@/api/user";
import DeptAPI from "@/api/dept";
import RoleAPI from "@/api/role";
import UserAPI from "@/api/system/user";
import DeptAPI from "@/api/system/dept";
import RoleAPI from "@/api/system/role";
import type { IObject, IOperatData } from "@/components/CURD/types";
import usePage from "@/components/CURD/usePage";
import addModalConfig from "./config/add";

2
src/views/demo/icon-selector.vue → src/views/demo/icon-select.vue
View File

@@ -6,7 +6,7 @@ const iconName = ref("edit");
<template>
<div class="app-container">
<el-link
href="https://gitee.com/youlaiorg/vue3-element-admin/blob/master/src/views/demo/icon-selector.vue"
href="https://gitee.com/youlaiorg/vue3-element-admin/blob/master/src/views/demo/icon-select.vue"
type="primary"
target="_blank"
class="mb-10"

2
src/views/demo/table-select/config/select.ts
View File

@@ -1,4 +1,4 @@
import UserAPI from "@/api/user";
import UserAPI from "@/api/system/user";
import type { ISelectConfig } from "@/components/TableSelect/index.vue";
const selectConfig: ISelectConfig = {

120
src/views/demo/upload.vue
View File

@@ -1,8 +1,56 @@
<!-- 文件上传组件示例 -->
<script setup lang="ts">
import ImageUpload from "@/components/Upload/ImageUpload.vue";
import FileUpload from "@/components/Upload/FileUpload.vue";
<template>
<div class="app-container">
<el-link
href="https://gitee.com/youlaiorg/vue3-element-admin/blob/master/src/views/demo/upload.vue"
type="primary"
target="_blank"
class="mb-10"
>
示例源码 请点击>>>>
</el-link>
<el-form>
<el-form-item label="单图上传">
<SingleImageUpload v-model="picUrl" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="singleImageUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
<el-form-item label="多图上传">
<MultiImageUpload v-model="picUrls" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="imageUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
<el-form-item label="文件上传">
<FileUpload v-model="fileUrls" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="fileUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
</el-form>
</div>
</template>
<script setup lang="ts">
// 单图
const picUrl = ref("https://s2.loli.net/2023/05/24/yNsxFC8rLHMZQcK.jpg");
@@ -16,11 +64,11 @@ const singleImageUploadArgData = [
{
argsName: "size",
type: "String",
default: "148px",
default: "150px",
desc: "图片上传组件的尺寸大小",
},
{
argsName: "maxSize",
argsName: "max-size",
type: "Number",
default: "10",
desc: "单个图片上传大小限制(单位M)",
@@ -92,10 +140,10 @@ const imageUploadArgData = [
desc: "是否显示上传按钮",
},
{
argsName: "upload-max-size",
argsName: "max-size",
type: "Number",
default: "2 * 1024 * 1024",
desc: "单个图片上传大小限制(单位byte)",
default: "10",
desc: "单个图片上传大小限制(单位MB)",
},
{
argsName: "accept",
@@ -148,10 +196,10 @@ const fileUploadArgData = [
desc: "是否显示上传按钮",
},
{
argsName: "upload-max-size",
argsName: "max-size",
type: "Number",
default: "2 * 1024 * 1024",
desc: "单个文件上传大小限制(单位byte)",
default: "10",
desc: "单个文件上传大小限制(单位MB)",
},
{
argsName: "accept",
@@ -203,53 +251,3 @@ const fileUploadArgData = [
},
];
</script>
<template>
<div class="app-container">
<el-link
href="https://gitee.com/youlaiorg/vue3-element-admin/blob/master/src/views/demo/upload.vue"
type="primary"
target="_blank"
class="mb-10"
>
示例源码 请点击>>>>
</el-link>
<el-form>
<el-form-item label="单图上传">
<SingleImageUpload v-model="picUrl" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="singleImageUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
<el-form-item label="多图上传">
<image-upload v-model="picUrls" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="imageUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
<el-form-item label="文件上传">
<file-upload v-model="fileUrls" />
</el-form-item>
<el-form-item label="参数说明">
<el-table :data="fileUploadArgData" border>
<el-table-column prop="argsName" label="参数名称" width="300" />
<el-table-column prop="type" label="参数类型" width="200" />
<el-table-column prop="default" label="默认值" width="400" />
<el-table-column prop="desc" label="描述" width="300" />
</el-table>
</el-form-item>
</el-form>
</div>
</template>

15
src/views/demo/websocket.vue
View File

@@ -77,17 +77,18 @@
:class="{
'tip-message': message.type === 'tip',
message: message.type !== 'tip',
'message--sent': message.sender === userStore.user.username,
'message--received': message.sender !== userStore.user.username,
'message--sent': message.sender === userStore.userInfo.username,
'message--received':
message.sender !== userStore.userInfo.username,
}"
>
<div v-if="message.type != 'tip'" class="message-content">
<div
:class="{
'message-sender':
message.sender === userStore.user.username,
message.sender === userStore.userInfo.username,
'message-receiver':
message.sender !== userStore.user.username,
message.sender !== userStore.userInfo.username,
}"
>
{{ message.sender }}
@@ -131,7 +132,7 @@ const queneMessage = ref(
"hi , " +
receiver.value +
" , 我是" +
userStore.user.username +
userStore.userInfo.username +
" , 想和你交个朋友 ! "
);
@@ -206,7 +207,7 @@ function sendToAll() {
body: topicMessage.value,
});
messages.value.push({
sender: userStore.user.username,
sender: userStore.userInfo.username,
content: topicMessage.value,
});
}
@@ -219,7 +220,7 @@ function sendToUser() {
body: queneMessage.value,
});
messages.value.push({
sender: userStore.user.username,
sender: userStore.userInfo.username,
content: queneMessage.value,
});
}