|
|
|
@ -3,10 +3,21 @@ |
|
|
|
|
<!-- 搜索条件:主题、会议状态、会议时间(时间段)、选择OKR节点 --> |
|
|
|
|
<el-form :model="searchForm" inline label-width="0"> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input v-model="searchForm.meetingSubject" placeholder="会议主题" style="width: 200px" /> |
|
|
|
|
<el-input |
|
|
|
|
v-model="searchForm.meetingSubject" |
|
|
|
|
placeholder="会议主题" |
|
|
|
|
style="width: 200px" |
|
|
|
|
clearable |
|
|
|
|
@keyup.enter="handleSearch" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-select v-model="searchForm.status" placeholder="会议状态" style="width: 150px"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="searchForm.status" |
|
|
|
|
placeholder="会议状态" |
|
|
|
|
style="width: 150px" |
|
|
|
|
@change="handleSearch" |
|
|
|
|
> |
|
|
|
|
<el-option label="未开始" value="1" /> |
|
|
|
|
<el-option label="已结束" value="2" /> |
|
|
|
|
<el-option label="已取消" value="3" /> |
|
|
|
@ -20,6 +31,7 @@ |
|
|
|
|
value-format="YYYY-MM-DD" |
|
|
|
|
start-placeholder="会议时间" |
|
|
|
|
end-placeholder="会议时间" |
|
|
|
|
@change="handleSearch" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
@ -32,6 +44,7 @@ |
|
|
|
|
check-strictly |
|
|
|
|
placeholder="选择OKR节点" |
|
|
|
|
style="width: 300px" |
|
|
|
|
clearable |
|
|
|
|
@change="handleSearch" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
@ -43,13 +56,13 @@ |
|
|
|
|
|
|
|
|
|
<el-table :data="tableList" v-loading="loading" border stripe> |
|
|
|
|
<el-table-column prop="meetingSubject" label="会议主题" /> |
|
|
|
|
<el-table-column prop="startTime" label="会议时间" /> |
|
|
|
|
<el-table-column prop="meetingRoom" label="会议地点" /> |
|
|
|
|
<el-table-column prop="expectEndTime" label="预计结束时间" /> |
|
|
|
|
<el-table-column prop="startTime" label="会议时间" width="170px" /> |
|
|
|
|
<el-table-column prop="meetingRoom" label="会议地点" width="140px" /> |
|
|
|
|
<el-table-column prop="expectEndTime" label="预计结束时间" width="170px" /> |
|
|
|
|
<el-table-column prop="expectUserName" label="预约参会人员" /> |
|
|
|
|
<el-table-column prop="actualUserName" label="实际参会人员" /> |
|
|
|
|
<el-table-column prop="nodeName" label="关联OKR节点" /> |
|
|
|
|
<el-table-column prop="status" label="会议状态"> |
|
|
|
|
<el-table-column prop="nodeName" label="关联OKR节点" width="150px" /> |
|
|
|
|
<el-table-column prop="status" label="会议状态" width="100px"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-tag :type="['', 'info', 'success', 'warning'][row.status]" size="small"> |
|
|
|
|
{{ ['', '未开始', '已结束', '已取消'][row.status] }} |
|
|
|
@ -58,7 +71,7 @@ |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column fixed="right" label="操作" width="140"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<template v-if="row.status == 1"> |
|
|
|
|
<template v-if="row.status == 1 && row.creator == currentUserId"> |
|
|
|
|
<el-button type="primary" style="padding: 0" text @click="handleEdit(row.meetingId)"> |
|
|
|
|
修改 |
|
|
|
|
</el-button> |
|
|
|
@ -89,10 +102,12 @@ |
|
|
|
|
|
|
|
|
|
<script setup name="Meeting"> |
|
|
|
|
import { listToTree } from '@/utils/tree' |
|
|
|
|
// import { formatDate } from '@/utils/formatTime' |
|
|
|
|
import { useUserStore } from '@/store/modules/user' |
|
|
|
|
import { getAllNodeTree } from '@/api/okr/okr' |
|
|
|
|
import * as MeetingApi from '@/api/okr/meeting' |
|
|
|
|
|
|
|
|
|
const currentUserId = useUserStore().getUser.id |
|
|
|
|
|
|
|
|
|
const defaultProps = { |
|
|
|
|
value: 'nodeId', |
|
|
|
|
label: 'nodeName', |
|
|
|
@ -141,11 +156,11 @@ function getList() { |
|
|
|
|
const params = { ...searchForm.value } |
|
|
|
|
if (params.dateRange && params.dateRange.length) { |
|
|
|
|
params.startTime = params.dateRange[0] + ' 00:00:00' |
|
|
|
|
params.endDate = params.dateRange[1] + ' 23:59:59' |
|
|
|
|
params.endTime = params.dateRange[1] + ' 23:59:59' |
|
|
|
|
delete params.dateRange |
|
|
|
|
} else { |
|
|
|
|
delete params.startTime |
|
|
|
|
delete params.endDate |
|
|
|
|
delete params.endTime |
|
|
|
|
} |
|
|
|
|
MeetingApi.getMeetingPage(params) |
|
|
|
|
.then((resp) => { |
|
|
|
|