|
|
@@ -67,7 +67,7 @@ function handleSizeChange(val: number) {
|
|
|
|
|
|
function handleCurrentChange(val: number) {
|
|
|
query.value.pageNo = val
|
|
|
- handleQuery()
|
|
|
+ getList()
|
|
|
}
|
|
|
|
|
|
function resetQuery() {
|
|
|
@@ -104,25 +104,21 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
</script>
|
|
|
<template>
|
|
|
<div
|
|
|
- class="operation-meeting-page min-w-0 overflow-x-hidden grid grid-rows-[auto_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]"
|
|
|
- >
|
|
|
+ class="operation-meeting-page min-w-0 overflow-x-hidden grid grid-rows-[auto_1fr] gap-4 h-[calc(100vh-20px-var(--top-tool-height)-var(--tags-view-height)-var(--app-footer-height))]">
|
|
|
<el-form
|
|
|
size="default"
|
|
|
label-position="left"
|
|
|
- class="operation-meeting-query min-w-0 overflow-hidden rounded-lg bg-white p-4 shadow dark:bg-[#1d1e1f]"
|
|
|
- >
|
|
|
+ class="operation-meeting-query min-w-0 overflow-hidden rounded-lg bg-white p-4 shadow dark:bg-[#1d1e1f]">
|
|
|
<div class="min-w-0 flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between">
|
|
|
<div
|
|
|
- class="operation-meeting-query__fields min-w-0 flex-1 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-[repeat(2,minmax(0,320px))]"
|
|
|
- >
|
|
|
+ class="operation-meeting-query__fields min-w-0 flex-1 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-[repeat(2,minmax(0,320px))]">
|
|
|
<el-form-item label="专业公司" class="operation-meeting-query__item mb-0! min-w-0">
|
|
|
<el-select
|
|
|
v-model="query.deptId"
|
|
|
class="w-full!"
|
|
|
placeholder="请选择专业公司"
|
|
|
:options="deptOptions"
|
|
|
- clearable
|
|
|
- />
|
|
|
+ clearable />
|
|
|
</el-form-item>
|
|
|
|
|
|
<el-form-item label="会议日期" class="operation-meeting-query__item mb-0! min-w-0">
|
|
|
@@ -135,14 +131,12 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
end-placeholder="结束日期"
|
|
|
:default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
|
|
|
:shortcuts="rangeShortcuts"
|
|
|
- class="w-full!"
|
|
|
- />
|
|
|
+ class="w-full!" />
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
|
|
|
<div
|
|
|
- class="operation-meeting-query__actions min-w-0 flex flex-col gap-3 sm:flex-row lg:shrink-0"
|
|
|
- >
|
|
|
+ class="operation-meeting-query__actions min-w-0 flex flex-col gap-3 sm:flex-row lg:shrink-0">
|
|
|
<el-button type="primary" class="!ml-0 w-full sm:w-auto" @click="handleQuery">
|
|
|
搜索
|
|
|
</el-button>
|
|
|
@@ -154,8 +148,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
</div>
|
|
|
</el-form>
|
|
|
<div
|
|
|
- class="operation-meeting-data-panel bg-white dark:bg-[#1d1e1f] shadow rounded-lg flex flex-col p-4 min-h-0"
|
|
|
- >
|
|
|
+ class="operation-meeting-data-panel bg-white dark:bg-[#1d1e1f] shadow rounded-lg flex flex-col p-4 min-h-0">
|
|
|
<div class="flex-1 min-h-0 relative">
|
|
|
<el-auto-resizer class="operation-meeting-table-view absolute">
|
|
|
<template #default="{ width, height }">
|
|
|
@@ -165,8 +158,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
:width="width"
|
|
|
:max-height="height"
|
|
|
:height="height"
|
|
|
- show-border
|
|
|
- >
|
|
|
+ show-border>
|
|
|
<ZmTableColumn label="会议期次" prop="meetingSeries" width="180" />
|
|
|
<ZmTableColumn label="公司名称" prop="companyName" :min-width="220" />
|
|
|
<ZmTableColumn
|
|
|
@@ -174,8 +166,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
prop="meetingDate"
|
|
|
cover-formatter
|
|
|
:real-value="formatMeetingDate"
|
|
|
- :min-width="160"
|
|
|
- />
|
|
|
+ :min-width="160" />
|
|
|
<ZmTableColumn label="操作" width="120" fixed="right">
|
|
|
<template #default="{ row }">
|
|
|
<el-button size="default" link type="primary" @click="handleEdit(row.id)">
|
|
|
@@ -236,8 +227,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
:total="total"
|
|
|
layout="total, sizes, prev, pager, next, jumper"
|
|
|
@size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
+ @current-change="handleCurrentChange" />
|
|
|
<el-pagination
|
|
|
class="operation-meeting-pagination__mobile"
|
|
|
size="small"
|
|
|
@@ -247,8 +237,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
:background="true"
|
|
|
:total="total"
|
|
|
layout="prev, pager, next"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
+ @current-change="handleCurrentChange" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -259,8 +248,7 @@ function formatMeetingDate(row: Pick<OperationMeetingListItem, 'meetingDate'>) {
|
|
|
:type="type"
|
|
|
:dept-options="deptOptions"
|
|
|
@update:visible="visible = $event"
|
|
|
- @success="getList"
|
|
|
- />
|
|
|
+ @success="getList" />
|
|
|
</template>
|
|
|
|
|
|
<style scoped lang="scss">
|