暑期项目实训第四周(二)
制作文章label模板,专题label模板;
<div>
<Leftbar>
</Leftbar>
<headers_copy>
</headers_copy>
<div class="s-content">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px"
style="margin-top: 80px;margin-left:250px;margin-right: 50px" class="demo-ruleForm">
<el-form-item label="专题名称" prop="subName">
<el-input v-model="ruleForm.subName"></el-input>
</el-form-item>
<br>
<el-form-item label="专题简介" prop="content">
<el-input type="textarea" v-model="ruleForm.content"></el-input>
</el-form-item>
<br>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</el-form-item>
</el-form>
</div>
</div>
<div>
<Leftbar>
</Leftbar>
<headers_copy>
</headers_copy>
<el-table class="blog"
:data="tableData"
style="width: 100%">
<el-table-column
label="博客名称"
width="550">
<template slot-scope="props">
<el-popover trigger="hover" placement="top">
<p>博客名称: <span content="name">
{{props.row.title}}
</span></p>
<div slot="reference" class="name-wrapper">
<el-button type="text"><span content="name">
{{props.row.title}}
</span></el-button>
</div>
</el-popover>
</template>
</el-table-column>
<el-table-column label="操作" >
<template slot-scope="scope">
<el-button-group>
<el-button type="primary"plain icon="el-icon-edit" @click="ChangeArticle(scope.row.aid)"></el-button>
<el-button type="primary"plain icon="el-icon-delete" @click="DeleteArticle(scope.row.aid)"></el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
</div>