Browse Source

change share

master
godo 9 months ago
parent
commit
a5e3f7e83b
  1. 1
      frontend/components.d.ts
  2. 60
      frontend/src/components/oa/ShareFiles.vue

1
frontend/components.d.ts

@ -120,6 +120,7 @@ declare module 'vue' {
SetSystem: typeof import('./src/components/setting/SetSystem.vue')['default']
Setting: typeof import('./src/components/setting/Setting.vue')['default']
SetUpdate: typeof import('./src/components/setting/SetUpdate.vue')['default']
ShareFiles: typeof import('./src/components/oa/ShareFiles.vue')['default']
ShowNews: typeof import('./src/components/taskbar/ShowNews.vue')['default']
StartMenu: typeof import('./src/components/taskbar/StartMenu.vue')['default']
StartOption: typeof import('./src/components/taskbar/StartOption.vue')['default']

60
frontend/src/components/oa/ShareFiles.vue

@ -0,0 +1,60 @@
<template>
<el-form :model="form" label-width="auto" style="max-width: 560px;margin-top:20px;padding: 20px;">
<el-form-item label="分享给">
<el-select v-model="form.users" filterable multiple clearable collapse-tags placeholder="选择人员"
popper-class="custom-header" :max-collapse-tags="1" value-key="id" style="width: 240px" @change="checkUsers">
<template #header>
<el-checkbox v-model="checkAll" @change="handleCheckAll">
全选
</el-checkbox>
</template>
<el-option v-for="item in userList" :key="item.id" :label="item.nickname" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="编辑权限">
<el-switch v-model="form.canEditor" />
</el-form-item>
<div class="btn-group">
<el-button type="primary" @click="onSubmit">发布分享</el-button>
</div>
</el-form>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
import { useSystem } from '@/system';
const sys = useSystem()
const userInfo: any = sys.getConfig('userInfo')
const userList = ref(userInfo.user_shares)
const checkAll = ref(false)
const form: any = ref({
users: [],
canEditor: false,
})
const handleCheckAll = (val: any) => {
if (val) {
form.value.users = userList.value.map((d: any) => d.value)
} else {
form.value.users.value = []
}
}
const checkUsers = (val: any) => {
const res:any = []
val.forEach((item: any) => {
if(item){
res.push(item)
}
})
form.value.users = res
}
const onSubmit = () => {
console.log('submit!')
}
</script>
<style scoped>
.btn-group{
display: flex;
justify-content: center;
}
</style>
Loading…
Cancel
Save