|
|
@ -52,14 +52,17 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-row :gutter="20" class="classList-row"> |
|
|
|
<el-row :gutter="20" class="classList-row"> |
|
|
|
<div v-for="(item,index) in classList" :key="index"> |
|
|
|
<div v-for="(item,index) in classList" :key="index"> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-card shadow="hover" class="editor-btn mgb20"> |
|
|
|
<el-card shadow="hover" class="editor-btn mgb20"> |
|
|
|
<div class="flex-between" @click="toEdit(item)"> |
|
|
|
<div class="flex-between" @click="toEdit(item)"> |
|
|
|
<img class="classIcon" src="../../assets/img/class.png" alt=""> |
|
|
|
|
|
|
|
<div class="flex-column"> |
|
|
|
<div class="flex-column"> |
|
|
|
<p class="className">{{item.className}}</p> |
|
|
|
<!-- <p class="className">{{item.className}}</p> --> |
|
|
|
<div class="flex-column flex-start mat10"> |
|
|
|
<div class="flex-column flex-start mat10"> |
|
|
|
<p> |
|
|
|
<p style="height: 38px;"> |
|
|
|
|
|
|
|
<span>班级名称:</span> |
|
|
|
|
|
|
|
<span class="list-text" style="font-size: 16px;font-weight: bold;color: #333">{{item.className}}日</span> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
<p class="mat10"> |
|
|
|
<span>创建时间:</span> |
|
|
|
<span>创建时间:</span> |
|
|
|
<span class="list-text">{{item.createTime}}日</span> |
|
|
|
<span class="list-text">{{item.createTime}}日</span> |
|
|
|
</p> |
|
|
|
</p> |
|
|
@ -81,7 +84,7 @@ |
|
|
|
</el-card> |
|
|
|
</el-card> |
|
|
|
</el-col> |
|
|
|
</el-col> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-card shadow="hover" class="editor-btn mgb20" @click.native="addClass"> |
|
|
|
<el-card shadow="hover" class="editor-btn mgb20" @click.native="addClass"> |
|
|
|
<div class="flex-center addClass-view"> |
|
|
|
<div class="flex-center addClass-view"> |
|
|
|
<el-button type="text" icon="el-icon-plus" v-auth="'dashboard:创建'">创建班级</el-button> |
|
|
|
<el-button type="text" icon="el-icon-plus" v-auth="'dashboard:创建'">创建班级</el-button> |
|
|
@ -343,7 +346,7 @@ export default { |
|
|
|
margin: -20px 0 0 10px; |
|
|
|
margin: -20px 0 0 10px; |
|
|
|
} |
|
|
|
} |
|
|
|
.classList-row /deep/ .el-card__body{ |
|
|
|
.classList-row /deep/ .el-card__body{ |
|
|
|
height: 150px; |
|
|
|
height: 190px; |
|
|
|
padding: 30px; |
|
|
|
padding: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|
.classDialog /deep/ .el-date-editor.el-input{ |
|
|
|
.classDialog /deep/ .el-date-editor.el-input{ |
|
|
|