mirroring/cool-admin-vue
1
0
Fork 0
mirror of https://github.com/cool-team-official/cool-admin-vue.git synced 2024-11-01 14:10:27 +08:00
Code Issues Projects Releases Wiki Activity

优化

Browse Source
This commit is contained in:
神仙都没用 2024-04-22 10:46:57 +08:00
parent 1e1296d14d
commit 5a51d07c6d
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/user/components/select.vue
View File

@ -97,7 +97,7 @@
import { useCrud, useForm, useTable } from "@cool-vue/crud"; import { useCrud, useForm, useTable } from "@cool-vue/crud";
import { useCool } from "/@/cool"; import { useCool } from "/@/cool";
import { type PropType, computed, nextTick, reactive, ref, watch } from "vue"; import { type PropType, computed, nextTick, reactive, ref, watch } from "vue";
import { cloneDeep, isEmpty } from "lodash-es"; import { cloneDeep, isArray, isEmpty } from "lodash-es";
import { CircleClose } from "@element-plus/icons-vue"; import { CircleClose } from "@element-plus/icons-vue";
// 替换你的类型 // 替换你的类型
@ -271,6 +271,11 @@ function close() {
visible.value = false; visible.value = false;
} }
// 设置值
function set(data: Item[] | Item) {
list.value = cloneDeep(isArray(data) ? data : [data]);
}
// 选择 // 选择
function select(item?: Item) { function select(item?: Item) {
// 单选不触发 onSelectionChange 手动设置 // 单选不触发 onSelectionChange 手动设置
@ -329,6 +334,7 @@ watch(
); );
defineExpose({ defineExpose({
set,
remove, remove,
select, select,
selectAll selectAll

15
src/plugins/view/components/head.vue
View File

@ -1,10 +1,14 @@
<template> <template>
<div class="cl-view-head"> <div class="cl-view-head" :class="{ 'is-border': border }">
<el-icon class="cl-view-head__back" @click="router.back()"> <el-icon class="cl-view-head__back" @click="router.back()">
<arrow-left /> <arrow-left />
</el-icon> </el-icon>
<span class="cl-view-head__title">{{ title }}</span> <span class="cl-view-head__title">{{ title }}</span>
<div class="op">
<slot name="op"></slot>
</div>
</div> </div>
</template> </template>
@ -14,7 +18,8 @@ import { useCool } from "/@/cool";
import { ArrowLeft } from "@element-plus/icons-vue"; import { ArrowLeft } from "@element-plus/icons-vue";
const props = defineProps({ const props = defineProps({
title: String title: String,
border: Boolean
}); });
const { route, router } = useCool(); const { route, router } = useCool();
@ -47,6 +52,12 @@ const title = computed(() => props.title || route.query.title);
&__title { &__title {
font-size: 14px; font-size: 14px;
line-height: 1; line-height: 1;
margin-right: auto;
}
&.is-border {
border-bottom: 1px solid var(--el-border-color-light);
padding-bottom: 10px;
} }
} }
</style> </style>