|
|
@@ -7,13 +7,13 @@
|
|
|
<el-option label="已通过" value="approved" />
|
|
|
<el-option label="已拒绝" value="rejected" />
|
|
|
</el-select>
|
|
|
- <el-input v-model="keyword" placeholder="搜索标题..." prefix-icon="el-icon-search" clearable @keyup.enter.native="handleSearch" @clear="handleSearch" style="width:200px" />
|
|
|
+ <el-input v-model="keyword" placeholder="搜索标题..." prefix-icon="el-icon-search" clearable @keyup.enter.native="handleSearch" @clear="handleSearch" class="w-200" />
|
|
|
<el-button size="small" @click="loadData" :loading="loading">刷新</el-button>
|
|
|
<el-button v-if="selectedRows.length > 0 && statusFilter === 'pending'" size="small" type="success" @click="handleBatchApprove">批量通过({{ selectedRows.length }})</el-button>
|
|
|
<el-button v-if="selectedRows.length > 0 && statusFilter === 'pending'" size="small" type="danger" @click="showBatchRejectDialog">批量驳回({{ selectedRows.length }})</el-button>
|
|
|
</div>
|
|
|
<div class="adm-table-wrap">
|
|
|
-<el-table :data="list" v-loading="loading" border stripe style="min-width:900px;" height="100%" @selection-change="onSelectionChange">
|
|
|
+<el-table :data="list" v-loading="loading" border stripe class="wide-table" height="100%" @selection-change="onSelectionChange">
|
|
|
<el-table-column type="selection" width="40" v-if="statusFilter === 'pending'" />
|
|
|
<el-table-column prop="id" label="ID" width="60">
|
|
|
<template slot="header">
|
|
|
@@ -32,8 +32,8 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="auditReason" label="驳回原因" min-width="150" show-overflow-tooltip>
|
|
|
<template slot-scope="{ row }">
|
|
|
- <span v-if="row.auditReason" style="color:var(--adm-error-text);">{{ row.auditReason }}</span>
|
|
|
- <span v-else style="color:var(--adm-text-45);">-</span>
|
|
|
+ <span v-if="row.auditReason" class="text-error">{{ row.auditReason }}</span>
|
|
|
+ <span v-else class="text-muted">-</span>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column prop="createdAt" label="申请时间" width="160">
|
|
|
@@ -56,7 +56,7 @@
|
|
|
:total="total"
|
|
|
layout="total, prev, pager, next"
|
|
|
@current-change="onPageChange"
|
|
|
- style="margin-top:12px;text-align:right;"
|
|
|
+ class="pagination-right"
|
|
|
/>
|
|
|
|
|
|
<audit-detail-drawer
|
|
|
@@ -77,9 +77,9 @@
|
|
|
<el-form-item label="发布时间">{{ currentRow.publishedAt || '-' }}</el-form-item>
|
|
|
<el-form-item label="内容摘要" v-if="currentRow.summary">{{ currentRow.summary }}</el-form-item>
|
|
|
<el-form-item label="内容" v-if="currentRow.content">
|
|
|
- <div v-html="currentRow.content" style="max-height:300px;overflow-y:auto;border:1px solid var(--adm-border-split);padding:10px;border-radius:4px;background:var(--adm-bg-header);"></div>
|
|
|
+ <div v-html="currentRow.content" class="content-preview"></div>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="驳回原因" v-if="currentRow.auditReason" style="color:var(--adm-error-text);">
|
|
|
+ <el-form-item label="驳回原因" v-if="currentRow.auditReason" class="text-error">
|
|
|
{{ currentRow.auditReason }}
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
@@ -237,4 +237,11 @@ export default {
|
|
|
|
|
|
<style scoped>
|
|
|
.filter-bar { display: flex; gap: 12px; align-items: center; margin-bottom: 12px; padding: 12px; background: var(--adm-bg-container); border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.08); flex-wrap: wrap; }
|
|
|
+/* == C 批内联清理工具类 == */
|
|
|
+.w-200 { width: 200px; }
|
|
|
+.wide-table { min-width: 900px; }
|
|
|
+.text-error { color: var(--adm-error-text); }
|
|
|
+.text-muted { color: var(--adm-text-45); }
|
|
|
+.pagination-right { margin-top: 12px; text-align: right; }
|
|
|
+.content-preview { max-height: 300px; overflow-y: auto; border: 1px solid var(--adm-border-split); padding: 10px; border-radius: 4px; background: var(--adm-bg-header); }
|
|
|
</style>
|
zxyj-web