| | |
| | | <template> |
| | | <div> |
| | | <div class="admin-page"> |
| | | <div class="page-header"> |
| | | <div> |
| | | <h2>协议模板管理</h2> |
| | |
| | | <el-button type="primary" @click="openNewTemplate">新建模板</el-button> |
| | | </div> |
| | | |
| | | <el-table :data="templates" border> |
| | | <el-card shadow="never" class="panel-card"> |
| | | <el-table :data="templates" border> |
| | | <el-table-column prop="id" label="模板ID" width="240" /> |
| | | <el-table-column prop="name" label="名称" min-width="240" /> |
| | | <el-table-column prop="version" label="版本" width="140" /> |
| | |
| | | <el-button size="small" type="danger" @click="removeTemplate(row.id)">删除</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-table> |
| | | </el-card> |
| | | |
| | | <el-dialog v-model="dialogVisible" title="协议模板" width="96vw" top="2vh" class="protocol-dialog"> |
| | | <el-form :model="editing" label-width="100px"> |
| | |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .page-header { |
| | | display: flex; |
| | | justify-content: space-between; |
| | | align-items: flex-start; |
| | | margin-bottom: 16px; |
| | | } |
| | | |
| | | .text-muted { |
| | | color: #909399; |
| | | margin: 4px 0 0 0; |
| | | } |
| | | |
| | | .mt-2 { |
| | | margin-top: 12px; |
| | | } |