|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<el-card shadow="never" class="list-card">
|
|
<el-card shadow="never" class="list-card">
|
|
|
<template #header>
|
|
<template #header>
|
|
|
|
|
+ <AppTabs v-model="currentAppId" @change="handleAppChange" />
|
|
|
<div class="search" v-show="showSearch">
|
|
<div class="search" v-show="showSearch">
|
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
|
<el-form :model="queryParams" ref="queryFormRef" :inline="true" label-width="68px">
|
|
|
<el-form-item prop="noticeUserIds">
|
|
<el-form-item prop="noticeUserIds">
|
|
@@ -39,7 +40,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
|
|
- <Table ref="bulletinTable"
|
|
|
|
|
|
|
+ <Table v-if="currentAppId" ref="bulletinTable"
|
|
|
:tableParams="tableParams"
|
|
:tableParams="tableParams"
|
|
|
:btnRole="leftBtn"
|
|
:btnRole="leftBtn"
|
|
|
@handleAdd="handleAdd"
|
|
@handleAdd="handleAdd"
|
|
@@ -119,6 +120,14 @@
|
|
|
import Table from '@/components/Table/index.vue'
|
|
import Table from '@/components/Table/index.vue'
|
|
|
import { tableTypes } from '@/components/Table/types'
|
|
import { tableTypes } from '@/components/Table/types'
|
|
|
import {useDictCache} from '@/hooks/web/useDict'
|
|
import {useDictCache} from '@/hooks/web/useDict'
|
|
|
|
|
+ import AppTabs from '@/components/AppTabs/index.vue'
|
|
|
|
|
+
|
|
|
|
|
+ const currentAppId = ref('')
|
|
|
|
|
+ const handleAppChange = () => {
|
|
|
|
|
+ ;(tableParams.queryParams as any).appId = currentAppId.value
|
|
|
|
|
+ bulletinTable.value?.getData()
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
const { proxy } = getCurrentInstance() as ComponentInternalInstance;
|
|
|
|
|
|
|
|
|
|
|
|
@@ -179,7 +188,7 @@
|
|
|
},
|
|
},
|
|
|
],
|
|
],
|
|
|
keyId: 'id',
|
|
keyId: 'id',
|
|
|
- queryParams: {
|
|
|
|
|
|
|
+ queryParams: {
|
|
|
deadlineDate: undefined,
|
|
deadlineDate: undefined,
|
|
|
title: undefined,
|
|
title: undefined,
|
|
|
content: undefined,
|
|
content: undefined,
|
|
@@ -191,13 +200,14 @@
|
|
|
ownerBy: undefined,
|
|
ownerBy: undefined,
|
|
|
formerOwnerBy: undefined,
|
|
formerOwnerBy: undefined,
|
|
|
sort: undefined,
|
|
sort: undefined,
|
|
|
|
|
+ appId: undefined,
|
|
|
},
|
|
},
|
|
|
listFn: listBulletin,
|
|
listFn: listBulletin,
|
|
|
delFn: delBulletin,
|
|
delFn: delBulletin,
|
|
|
})
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
- const initFormData: BulletinForm = {
|
|
|
|
|
|
|
+ const initFormData: BulletinForm = {
|
|
|
id: undefined,
|
|
id: undefined,
|
|
|
deadlineDate: undefined,
|
|
deadlineDate: undefined,
|
|
|
title: undefined,
|
|
title: undefined,
|
|
@@ -210,7 +220,8 @@
|
|
|
ownerBy: undefined,
|
|
ownerBy: undefined,
|
|
|
formerOwnerBy: undefined,
|
|
formerOwnerBy: undefined,
|
|
|
sort: undefined,
|
|
sort: undefined,
|
|
|
- noticeUserIdList:[]
|
|
|
|
|
|
|
+ noticeUserIdList: [],
|
|
|
|
|
+ appId: undefined,
|
|
|
}
|
|
}
|
|
|
const data = reactive<PageData<BulletinForm, BulletinQuery>>({
|
|
const data = reactive<PageData<BulletinForm, BulletinQuery>>({
|
|
|
form: {...initFormData},
|
|
form: {...initFormData},
|
|
@@ -278,9 +289,10 @@
|
|
|
multiple.value = !selection.length;
|
|
multiple.value = !selection.length;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- /** 新增按钮操作 */
|
|
|
|
|
|
|
+ /** 新增按钮操作 */
|
|
|
const handleAdd = () => {
|
|
const handleAdd = () => {
|
|
|
reset();
|
|
reset();
|
|
|
|
|
+ form.value.appId = currentAppId.value;
|
|
|
dialog.visible = true;
|
|
dialog.visible = true;
|
|
|
dialog.title = "添加公告主";
|
|
dialog.title = "添加公告主";
|
|
|
}
|
|
}
|