郭庆泰
396a631880
- 表格操作列 width 220 → 180 - 删 el-button onDownload - 删 onDownload() 函数 (window.open designFileUrl)
203 lines
8.2 KiB
Vue
203 lines
8.2 KiB
Vue
<template>
|
|
<div class="page-card">
|
|
<div class="breadcrumb">首页 / 我的项目设计投稿</div>
|
|
|
|
<el-form inline :model="q" class="filter-form">
|
|
<el-form-item label="策划方案名称"><el-input v-model="q.planName" placeholder="输入策划方案名称" clearable style="width: 200px" /></el-form-item>
|
|
<el-form-item label="项目方向">
|
|
<el-select v-model="q.planDirectionId" placeholder="请选择" clearable style="width: 200px">
|
|
<el-option v-for="opt in planDirectionOptions" :key="opt.id" :label="opt.title" :value="opt.id" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="项目类别">
|
|
<dict-select v-model="q.planCategory" dict-type="biz_project_category" value-field="label" style="width: 160px" />
|
|
</el-form-item>
|
|
<el-form-item label="形式">
|
|
<el-select v-model="q.projectForm" placeholder="请选择" clearable style="width: 140px">
|
|
<el-option label="线上" value="线上" />
|
|
<el-option label="线下" value="线下" />
|
|
<el-option label="线上+线下" value="线上+线下" />
|
|
<el-option label="其他" value="其他" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="状态">
|
|
<el-select v-model="q.status" placeholder="请选择" clearable style="width: 140px">
|
|
<el-option label="待提交" value="0" />
|
|
<el-option label="待审核" value="1" />
|
|
<el-option label="通过" value="2" />
|
|
<el-option label="拒绝" value="3" />
|
|
</el-select>
|
|
</el-form-item>
|
|
<el-form-item label="备注"><el-input v-model="q.remark" placeholder="输入备注" clearable style="width: 200px" /></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>
|
|
|
|
<div class="toolbar">
|
|
<el-button type="primary" @click="onCreate">新建投稿</el-button>
|
|
<el-button @click="onBatch" :disabled="!selected.length">批量提交</el-button>
|
|
</div>
|
|
|
|
<el-table :data="rows" v-loading="loading" stripe border @selection-change="onSelectionChange">
|
|
<el-table-column type="selection" width="48" />
|
|
<el-table-column prop="planName" label="投稿名称" min-width="220" show-overflow-tooltip />
|
|
<el-table-column label="项目方向" min-width="220" show-overflow-tooltip>
|
|
<template #default="{ row }">{{ row.planDirectionTitle || row.planDirection || '-' }}</template>
|
|
</el-table-column>
|
|
<el-table-column prop="planCategory" label="项目类别" width="120" />
|
|
<el-table-column prop="projectForm" label="形式" width="100" />
|
|
<el-table-column label="设计文件" width="100">
|
|
<template #default="{ row }">
|
|
<el-link v-if="row.designFileUrl" type="primary" :href="row.designFileUrl" target="_blank">下载</el-link>
|
|
<span v-else>-</span>
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column label="状态" width="100" align="center">
|
|
<template #default="{ row }">
|
|
<audit-status-tag :status="row.status" />
|
|
</template>
|
|
</el-table-column>
|
|
<el-table-column prop="remark" label="备注" min-width="180" show-overflow-tooltip />
|
|
<el-table-column label="操作" width="180" fixed="right">
|
|
<template #default="{ row }">
|
|
<el-button link type="primary" @click="onView(row)">查看</el-button>
|
|
<el-button v-if="canModify(row)" link type="primary" @click="onEdit(row)">修改</el-button>
|
|
<el-button v-if="canSubmit(row)" link type="primary" @click="onSubmit(row)">提交</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
|
|
<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"
|
|
style="margin-top: 12px; text-align: right;"
|
|
/>
|
|
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { reactive, ref, onMounted } from 'vue'
|
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
import { useRouter } from 'vue-router'
|
|
import request from '@/utils/request'
|
|
import { bizList, bizUpdate } from '@/api/public'
|
|
import DictSelect from '@/components/DictSelect.vue'
|
|
import AuditStatusTag from '@/components/AuditStatusTag.vue'
|
|
|
|
const router = useRouter()
|
|
|
|
const q = reactive({
|
|
planName: '',
|
|
planDirectionId: '',
|
|
planCategory: '',
|
|
projectForm: '',
|
|
status: '',
|
|
remark: ''
|
|
})
|
|
const page = reactive({ pageNum: 1, pageSize: 10, total: 0 })
|
|
const rows = ref([])
|
|
const loading = ref(false)
|
|
const selected = ref([])
|
|
|
|
// 项目方向 options (复用 manager 侧接口)
|
|
const planDirectionOptions = ref([])
|
|
async function loadPlanDirectionOptions() {
|
|
try {
|
|
const { data } = await request.get('/business/specialPlan/options')
|
|
planDirectionOptions.value = (data && data.data) || data || []
|
|
} catch { planDirectionOptions.value = [] }
|
|
}
|
|
|
|
async function load() {
|
|
loading.value = true
|
|
try {
|
|
const { data } = await bizList('projectPlan', { ...q, pageNum: page.pageNum, pageSize: page.pageSize })
|
|
rows.value = data?.rows || []
|
|
page.total = data?.total || 0
|
|
} catch (e) { rows.value = []; page.total = 0 }
|
|
finally { loading.value = false }
|
|
}
|
|
|
|
function reset() {
|
|
q.planName = ''
|
|
q.planDirectionId = ''
|
|
q.planCategory = ''
|
|
q.projectForm = ''
|
|
q.status = ''
|
|
q.remark = ''
|
|
page.pageNum = 1
|
|
load()
|
|
}
|
|
|
|
// 锁定的状态 (待审核 '1' / 通过 '2') 不可修改/提交; 未提交 '0' / 拒绝 '3' 可操作
|
|
function canModify(row) {
|
|
return row.status !== '1' && row.status !== '2'
|
|
}
|
|
function canSubmit(row) {
|
|
// 已通过 '2' 无需再提交; 待审核 '1' 也不允许重复提交; 只有未提交 '0' / 拒绝 '3' 可提交
|
|
return row.status === '0' || row.status === '3'
|
|
}
|
|
|
|
function onSelectionChange(arr) { selected.value = arr }
|
|
|
|
function onCreate() {
|
|
router.push({ path: '/doctor/submission/new' })
|
|
}
|
|
function onView(row) {
|
|
router.push({ path: `/doctor/submission/detail/${row.planId}` })
|
|
}
|
|
function onEdit(row) {
|
|
router.push({ path: `/doctor/submission/edit/${row.planId}` })
|
|
}
|
|
|
|
async function onSubmit(row) {
|
|
try {
|
|
await ElMessageBox.confirm(`确定要提交投稿「${row.planName}」吗?提交后将进入审核流程`, '提交确认', { type: 'warning' })
|
|
} catch { return }
|
|
try {
|
|
// 提交后状态变为 '1' (待审核)
|
|
await bizUpdate('projectPlan', { planId: row.planId, status: '1' })
|
|
ElMessage.success('已提交,等待审核')
|
|
load()
|
|
} catch (e) { ElMessage.error(e?.msg || '提交失败') }
|
|
}
|
|
|
|
async function onBatch() {
|
|
if (!selected.value.length) { ElMessage.warning('请先勾选要提交的投稿'); return }
|
|
try {
|
|
await ElMessageBox.confirm(`确定要批量提交选中的 ${selected.value.length} 条投稿吗?`, '批量提交', { type: 'warning' })
|
|
} catch { return }
|
|
let ok = 0
|
|
for (const r of selected.value) {
|
|
if (!canSubmit(r)) continue
|
|
try { await bizUpdate('projectPlan', { planId: r.planId, status: '1' }); ok++ } catch {}
|
|
}
|
|
ElMessage.success(`已提交 ${ok} 条`)
|
|
load()
|
|
}
|
|
|
|
onMounted(() => {
|
|
loadPlanDirectionOptions()
|
|
load()
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-card { background: #fff; padding: 16px 20px; border-radius: 6px; border: 1px solid #f0f0f0; }
|
|
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
|
|
.filter-form { display: flex; flex-wrap: wrap; gap: 0 16px; padding-bottom: 12px; border-bottom: 1px solid #f0f0f0; margin-bottom: 12px; }
|
|
.toolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
|
|
.status { font-size: 13px; color: #595959; }
|
|
:deep(.el-button--primary) { background: var(--brand-primary); border-color: var(--brand-primary); border-radius: 4px; }
|
|
:deep(.el-button--primary:hover) { background: var(--brand-primary-deep, var(--brand-primary)); border-color: var(--brand-primary-deep, var(--brand-primary)); }
|
|
:deep(.el-table .el-button) { border-radius: 4px; }
|
|
:deep(.el-table .el-button.is-link) { color: var(--brand-primary); background: transparent; border: none; }
|
|
:deep(.el-table .el-button.is-link:hover) { color: var(--brand-primary-deep, var(--brand-primary)); background: transparent; }
|
|
:deep(.el-table .el-button.is-link.is-disabled) { color: #c0c4cc; background: transparent; }
|
|
|
|
</style> |