| | |
|---|
| | | <template> |
|---|
| | | <div> |
|---|
| | | <div class="admin-page"> |
|---|
| | | <div v-if="loading" class="loading-container"> |
|---|
| | | <el-icon class="loading-icon" :size="40"><Loading /></el-icon> |
|---|
| | | <p>加载中...</p> |
|---|
| | |
|---|
| | | |
|---|
| | | <el-row justify="center"> |
|---|
| | | <el-col :lg="24"> |
|---|
| | | <el-card shadow="never"> |
|---|
| | | <el-card shadow="never" class="panel-card"> |
|---|
| | | <el-form :model="form" :rules="rules" ref="formRef" label-width="120px"> |
|---|
| | | <!-- 基本信息 --> |
|---|
| | | <el-divider content-position="left"> |
|---|
| | |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style scoped> |
|---|
| | | .page-header { |
|---|
| | | display: flex; |
|---|
| | | justify-content: space-between; |
|---|
| | | align-items: flex-start; |
|---|
| | | margin-bottom: 20px; |
|---|
| | | flex-wrap: wrap; |
|---|
| | | gap: 16px; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .header-left h2 { |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | gap: 8px; |
|---|
| | | margin: 0 0 8px 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .text-muted { |
|---|
| | | color: #909399; |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading-container { |
|---|
| | | text-align: center; |
|---|
| | | padding: 60px 0; |
|---|
| | | color: #909399; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .loading-icon { |
|---|
| | | animation: spin 1s linear infinite; |
|---|
| | | } |
|---|
| | | |
|---|
| | | @keyframes spin { |
|---|
| | | from { |
|---|
| | | transform: rotate(0deg); |
|---|
| | | } |
|---|
| | | to { |
|---|
| | | transform: rotate(360deg); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | |
|---|
| | | .form-tip { |
|---|
| | | font-size: 12px; |
|---|
| | | color: #909399; |
|---|
