181 lines
8.2 KiB
Vue
181 lines
8.2 KiB
Vue
<template>
|
||
<div class="page-card executor-meetings">
|
||
<div class="breadcrumb">首页 / 会议列表</div>
|
||
<p class="page-sub">查看执行方参与的会议, 提交监督意见</p>
|
||
|
||
<!-- ========== 筛选区 (与 People.vue 风格一致) ========== -->
|
||
<el-form inline :model="q" class="filter-form">
|
||
<el-form-item label="项目编号"><el-input v-model="q.projectNo" clearable placeholder="输入项目编号" style="width:160px" /></el-form-item>
|
||
<el-form-item label="会议名称"><el-input v-model="q.meetingName" clearable placeholder="输入会议名称" style="width:200px" /></el-form-item>
|
||
<el-form-item label="是否系列会">
|
||
<el-select v-model="q.isSeries" clearable placeholder="请选择" style="width:140px">
|
||
<el-option label="是" value="1" />
|
||
<el-option label="否" value="0" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="是否结题">
|
||
<el-select v-model="q.isFinished" clearable placeholder="请选择" style="width:140px">
|
||
<el-option label="已结题" value="1" />
|
||
<el-option label="未结题" value="0" />
|
||
</el-select>
|
||
</el-form-item>
|
||
<el-form-item label="期数"><el-input v-model="q.sessionNo" clearable placeholder="输入期数" style="width:100px" /></el-form-item>
|
||
<el-form-item>
|
||
<el-button type="primary" @click="load">查找</el-button>
|
||
<el-button @click="reset">重置</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
|
||
<!-- ========== 表格 (与 People.vue 风格一致, 无 page-card 包裹) ========== -->
|
||
<el-table :data="rows" v-loading="loading" stripe border @selection-change="onSelect">
|
||
<el-table-column type="selection" width="48" />
|
||
<el-table-column prop="projectNo" label="项目编号" width="120" />
|
||
<el-table-column prop="meetingName" label="会议名称" min-width="200" show-overflow-tooltip />
|
||
<el-table-column prop="isSeries" label="是否系列会" width="100" align="center">
|
||
<template #default="{ row }">
|
||
<el-tag :type="row.isSeries === '1' || row.isSeries === '是' ? 'success' : 'info'" size="small">
|
||
{{ row.isSeries === '1' || row.isSeries === '是' ? '是' : '否' }}
|
||
</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="seriesTopic" label="系列会主题" min-width="160" show-overflow-tooltip />
|
||
<el-table-column label="期数/总期数" width="110" align="center">
|
||
<template #default="{ row }">{{ row.periodNo || 0 }}/{{ row.totalPeriods || 0 }}</template>
|
||
</el-table-column>
|
||
<el-table-column prop="currentStage" label="当前阶段" width="100" align="center">
|
||
<template #default="{ row }">
|
||
<el-tag :type="row.currentStage === '执行中' ? 'success' : 'info'" size="small">{{ row.currentStage || '-' }}</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column prop="isFinished" label="是否结题" width="90" align="center">
|
||
<template #default="{ row }">
|
||
<el-tag :type="row.isFinished === '1' || row.isFinished === '已结题' ? 'warning' : 'info'" size="small">
|
||
{{ row.isFinished === '1' || row.isFinished === '已结题' ? '已结题' : '未结题' }}
|
||
</el-tag>
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column label="操作" width="220" fixed="right">
|
||
<template #default="{ row }">
|
||
<el-button link type="primary" @click="onView(row)">查看</el-button>
|
||
<el-button link type="warning" @click="onSupervision(row)">查看监督意见</el-button>
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<div class="pager">
|
||
<el-pagination v-model:current-page="page.pageNum" v-model:page-size="page.pageSize"
|
||
:total="page.total" :page-sizes="[10,20,50]" layout="total, sizes, prev, pager, next, jumper"
|
||
@current-change="load" @size-change="load" />
|
||
</div>
|
||
|
||
<!-- 监督意见 弹窗 -->
|
||
<el-dialog v-model="supOpen" title="监督意见" width="560px">
|
||
<el-form label-width="100px">
|
||
<el-form-item label="会议名称">
|
||
<span>{{ supRow.meetingName }}</span>
|
||
</el-form-item>
|
||
<el-form-item label="监督结论">
|
||
<el-radio-group v-model="supForm.rating">
|
||
<el-radio value="good">满意</el-radio>
|
||
<el-radio value="normal">一般</el-radio>
|
||
<el-radio value="bad">存在需整改的问题</el-radio>
|
||
</el-radio-group>
|
||
</el-form-item>
|
||
<el-form-item label="监督意见">
|
||
<el-input v-model="supForm.opinion" type="textarea" :rows="4" maxlength="500" show-word-limit placeholder="请输入监督意见（0/500）" />
|
||
</el-form-item>
|
||
</el-form>
|
||
<template #footer>
|
||
<el-button @click="supOpen=false">取消</el-button>
|
||
<el-button type="primary" @click="onSaveSup">确定</el-button>
|
||
</template>
|
||
</el-dialog>
|
||
|
||
<el-dialog v-model="viewOpen" title="会议详情" width="640px">
|
||
<el-descriptions :column="2" border>
|
||
<el-descriptions-item label="项目编号">{{ view.projectNo }}</el-descriptions-item>
|
||
<el-descriptions-item label="会议ID">{{ view.meetingId }}</el-descriptions-item>
|
||
<el-descriptions-item label="会议名称" :span="2">{{ view.meetingName }}</el-descriptions-item>
|
||
<el-descriptions-item label="项目形式">{{ view.projectForm }}</el-descriptions-item>
|
||
<el-descriptions-item label="当前阶段">{{ view.currentStage }}</el-descriptions-item>
|
||
<el-descriptions-item label="期数/总期数">{{ view.periodNo }}/{{ view.totalPeriods }}</el-descriptions-item>
|
||
<el-descriptions-item label="是否系列会">{{ view.isSeries }}</el-descriptions-item>
|
||
<el-descriptions-item label="开始时间" :span="2">{{ view.startTime || '-' }}</el-descriptions-item>
|
||
<el-descriptions-item label="结束时间" :span="2">{{ view.endTime || '-' }}</el-descriptions-item>
|
||
<el-descriptions-item label="监督意见" :span="2">{{ view.supervisionOpinion || '暂无' }}</el-descriptions-item>
|
||
</el-descriptions>
|
||
<template #footer><el-button @click="viewOpen=false">关闭</el-button></template>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, reactive, onMounted } from 'vue'
|
||
import { ElMessage, ElMessageBox } from 'element-plus'
|
||
import { bizList, bizUpdate } from '@/api/public'
|
||
|
||
const q = ref({ projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '' })
|
||
const rows = ref([])
|
||
const loading = ref(false)
|
||
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
|
||
const selected = ref([])
|
||
|
||
const supOpen = ref(false)
|
||
const supRow = ref({})
|
||
const supForm = reactive({ rating: 'good', opinion: '' })
|
||
|
||
const viewOpen = ref(false)
|
||
const view = ref({})
|
||
|
||
async function load() {
|
||
loading.value = true
|
||
try {
|
||
const { data } = await bizList('meeting', { ...q.value, pageNum: page.pageNum, pageSize: page.pageSize })
|
||
rows.value = data?.rows || []
|
||
page.total = data?.total || 0
|
||
} catch { rows.value = []; page.total = 0 }
|
||
finally { loading.value = false }
|
||
}
|
||
|
||
function reset() {
|
||
q.value = { projectNo: '', meetingName: '', isSeries: '', isFinished: '', sessionNo: '' }
|
||
page.pageNum = 1
|
||
load()
|
||
}
|
||
|
||
function onSelect(arr) { selected.value = arr }
|
||
|
||
function onView(row) { view.value = row; viewOpen.value = true }
|
||
|
||
function onSupervision(row) {
|
||
supRow.value = row
|
||
supForm.rating = 'good'
|
||
supForm.opinion = row.supervisionOpinion || ''
|
||
supOpen.value = true
|
||
}
|
||
|
||
async function onSaveSup() {
|
||
try {
|
||
await bizUpdate('meeting', {
|
||
meetingId: supRow.value.meetingId,
|
||
supervisionOpinion: supForm.opinion,
|
||
supervisionRating: supForm.rating
|
||
})
|
||
ElMessage.success('已保存监督意见')
|
||
supOpen.value = false
|
||
load()
|
||
} catch (e) {
|
||
ElMessage.error(e?.msg || '保存失败')
|
||
}
|
||
}
|
||
|
||
onMounted(load)
|
||
</script>
|
||
|
||
<style scoped>
|
||
/* 整页面板 (与 People.vue 风格一致) */
|
||
.executor-meetings { padding: 16px; }
|
||
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
|
||
.page-sub { font-size: 13px; color: #909399; margin-bottom: 16px; }
|
||
.filter-form { margin-bottom: 12px; }
|
||
.pager { display: flex; justify-content: flex-end; margin-top: 12px; }
|
||
</style> |