This commit is contained in:
linfeng 2023-04-24 09:57:08 +08:00
commit 73a73553a7
2 changed files with 20 additions and 31 deletions

View File

@ -54,9 +54,7 @@
<el-divider></el-divider> <el-divider></el-divider>
<div class="acea-row row-between-wrapper"> <div class="acea-row row-between-wrapper">
<span class="content-time">待审核</span> <span class="content-time">待审核</span>
<span class="content-time" <span class="content-time">{{ viewData.totalPostOfReview }}</span>
>{{ viewData.totalPostOfReview }}</span
>
</div> </div>
</div> </div>
</el-card> </el-card>
@ -76,9 +74,7 @@
<el-divider></el-divider> <el-divider></el-divider>
<div class="acea-row row-between-wrapper"> <div class="acea-row row-between-wrapper">
<span class="content-time">昨日数据</span> <span class="content-time">昨日数据</span>
<span class="content-time" <span class="content-time">{{ viewData.yesterdayNewUserNum }} </span>
>{{ viewData.yesterdayNewUserNum }} </span
>
</div> </div>
</div> </div>
</el-card> </el-card>
@ -118,6 +114,7 @@ export default {
.ivu-mb { .ivu-mb {
margin-bottom: 20px; margin-bottom: 20px;
} }
.up, .up,
.el-icon-caret-top { .el-icon-caret-top {
color: #f5222d; color: #f5222d;
@ -130,16 +127,19 @@ export default {
color: #39c15b; color: #39c15b;
font-size: 12px; font-size: 12px;
} }
.main_tit { .main_tit {
color: #333; color: #333;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
.content-time { .content-time {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
font-weight: 500; font-weight: 500;
} }
.main_badge { .main_badge {
width: 30px; width: 30px;
height: 30px; height: 30px;
@ -151,12 +151,15 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.my15 { .my15 {
margin: 15px 0 15px; margin: 15px 0 15px;
} }
.align-center { .align-center {
align-items: center; align-items: center;
} }
.baseInfo { .baseInfo {
/deep/ .el-card__header { /deep/ .el-card__header {
padding: 15px 20px !important; padding: 15px 20px !important;
@ -170,6 +173,7 @@ export default {
font-family: PingFangSC-Semibold, PingFang SC; font-family: PingFangSC-Semibold, PingFang SC;
color: #333; color: #333;
} }
&-time { &-time {
font-size: 14px; font-size: 14px;
color: #333333; color: #333333;

View File

@ -1,32 +1,13 @@
<template> <template>
<el-dialog <el-dialog :title="!dataForm.cateId ? '新增' : '修改'" :close-on-click-modal="false" :visible.sync="visible">
:title="!dataForm.cateId ? '新增' : '修改'" <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
:close-on-click-modal="false"
:visible.sync="visible"
>
<el-form
:model="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
label-width="80px"
>
<el-form-item label="分类名称" prop="cateName"> <el-form-item label="分类名称" prop="cateName">
<el-input v-model="dataForm.cateName" placeholder="分类名称"></el-input> <el-input v-model="dataForm.cateName" placeholder="分类名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="分类图片" prop="coverImage"> <el-form-item label="分类图片" prop="coverImage">
<el-upload <el-upload class="avatar-uploader" :action="url" :show-file-list="false" :on-success="handleIconSuccess">
class="avatar-uploader" <img v-if="dataForm.coverImage" :src="dataForm.coverImage" class="avatar" />
:action="url"
:show-file-list="false"
:on-success="handleIconSuccess"
>
<img
v-if="dataForm.coverImage"
:src="dataForm.coverImage"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon" /> <i v-else class="el-icon-plus avatar-uploader-icon" />
</el-upload> </el-upload>
<p class="formInfo">建议尺寸100*100像素jpgpng图片类型</p> <p class="formInfo">建议尺寸100*100像素jpgpng图片类型</p>
@ -133,6 +114,7 @@ export default {
line-height: 0px; line-height: 0px;
color: #999999; color: #999999;
} }
.avatar-uploader .el-upload { .avatar-uploader .el-upload {
border: 1px dashed #d9d9d9; border: 1px dashed #d9d9d9;
border-radius: 6px; border-radius: 6px;
@ -140,9 +122,11 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
} }
.avatar-uploader .el-upload:hover { .avatar-uploader .el-upload:hover {
border-color: #409eff; border-color: #409eff;
} }
.avatar-uploader-icon { .avatar-uploader-icon {
font-size: 28px; font-size: 28px;
color: #8c939d; color: #8c939d;
@ -151,6 +135,7 @@ export default {
line-height: 100px; line-height: 100px;
text-align: center; text-align: center;
} }
.avatar { .avatar {
width: 100px; width: 100px;
height: 100px; height: 100px;