|
|
@@ -1,18 +1,18 @@
|
|
|
<template>
|
|
|
<div class="health-plan-manage admin-page">
|
|
|
<PageHeader title="健康方案管理">
|
|
|
- <el-input v-model="keyword" placeholder="搜索成员名/目标" style="width:200px" clearable @keyup.enter="loadPlans" />
|
|
|
- <el-select v-model="statusFilter" placeholder="状态筛选" clearable style="width:140px;margin-left:10px" @change="loadPlans">
|
|
|
+ <el-input v-model="keyword" placeholder="搜索成员名/目标" class="w-200" clearable @keyup.enter="loadPlans" />
|
|
|
+ <el-select v-model="statusFilter" placeholder="状态筛选" clearable class="w-140 ml-10" @change="loadPlans">
|
|
|
<el-option label="草稿" value="draft" />
|
|
|
<el-option label="待审核" value="pending_review" />
|
|
|
<el-option label="已发布" value="published" />
|
|
|
<el-option label="已驳回" value="rejected" />
|
|
|
</el-select>
|
|
|
- <el-button type="primary" @click="loadPlans" style="margin-left:10px">查询</el-button>
|
|
|
+ <el-button type="primary" @click="loadPlans" class="ml-10">查询</el-button>
|
|
|
</PageHeader>
|
|
|
|
|
|
<div class="adm-table-wrap">
|
|
|
-<el-table :data="plans" border stripe style="width:100%" v-loading="loading" height="100%">
|
|
|
+<el-table :data="plans" border stripe class="full-width" v-loading="loading" height="100%">
|
|
|
<el-table-column prop="id" label="方案ID" width="80" />
|
|
|
<el-table-column prop="familyName" label="家庭" width="140">
|
|
|
<template slot-scope="{ row }">{{ row.familyName || row.familyId }}</template>
|
|
|
@@ -28,7 +28,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="维度" width="160">
|
|
|
<template slot-scope="{ row }">
|
|
|
- <StatusTag v-for="(d, i) in (row.dimensions || '').split(',')" :key="i" type="primary" :text="d" size="mini" style="margin-right:3px" />
|
|
|
+ <StatusTag v-for="(d, i) in (row.dimensions || '').split(',')" :key="i" type="primary" :text="d" size="mini" class="mr-3" />
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
<el-table-column label="目标" min-width="200">
|
|
|
@@ -56,14 +56,14 @@
|
|
|
<el-table-column label="操作" width="140">
|
|
|
<template slot-scope="{ row }">
|
|
|
<el-button size="mini" type="primary" @click="showDetail(row)">详情</el-button>
|
|
|
- <el-button size="mini" type="danger" style="margin-left:6px" @click="onDeletePlan(row)">删除</el-button>
|
|
|
+ <el-button size="mini" type="danger" class="ml-6" @click="onDeletePlan(row)">删除</el-button>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
</el-table>
|
|
|
</div>
|
|
|
|
|
|
<el-pagination
|
|
|
- style="margin-top:16px;text-align:right"
|
|
|
+ class="pagination-right"
|
|
|
background
|
|
|
layout="total, prev, pager, next"
|
|
|
:total="total"
|
|
|
@@ -279,4 +279,12 @@ export default {
|
|
|
white-space: pre-wrap;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+/* == C 批内联清理工具类 == */
|
|
|
+.w-200 { width: 200px; }
|
|
|
+.w-140 { width: 140px; }
|
|
|
+.ml-10 { margin-left: 10px; }
|
|
|
+.full-width { width: 100%; }
|
|
|
+.mr-3 { margin-right: 3px; }
|
|
|
+.ml-6 { margin-left: 6px; }
|
|
|
+.pagination-right { margin-top: 16px; text-align: right; }
|
|
|
</style>
|
zxyj-web