重点：
<el-table-column type="expand">里层内容:data="props.row.examine_standard"
<template>
<div style="margin: 30px 20px 0 20px">
<div style="padding: 0 25px">
<el-form :inline="true" class="demo-form-inline" label-width="80px" :label-position="'left'">
<template>
<el-table :data="this.drawerData.param_summary" style="width: 100%">
<el-table-column type="expand">
<template slot-scope="props">
<el-table :data="props.row.examine_standard" style="width: 100%" label-width="500px">
<el-table-column prop="examine_item" label="项目"> </el-table-column>
<el-table-column prop="examine_content" label="项目内容"> </el-table-column>
<el-table-column prop="score" label="分值"> </el-table-column>
<el-table-column prop="examine_grade" label="得分"> </el-table-column>
</el-table>
</template>
</el-table-column>
<el-table-column :label="item.username" :prop="item.items" v-for="(item, index) in dataname" :key="index"></el-table-column>
</el-table>
</template>
</el-form>
</div>
</div>
</template>
<script>
export default {
name: "Examination",
data() {
return {
drawerData: {
train_teacher: "", //培训老师
examine_teacher: "", //考核老师
param_summary: [
{
total_score: "100", //总分
rate: "五级", //评级
name: "小布", //名称
examine_standard: [
{
examine_item: "质量标准111", //项目
examine_content: "考核内容111", //项目内容
score: "10", //分值
examine_grade: "9", //得分
},
{
examine_item: "质量标准222", //项目
examine_content: "考核内容222", //项目内容
score: "10", //分值
examine_grade: "9", //得分
},
],
},
{
total_score: "70", //总分
rate: "三级", //评级
name: "小明", //名称
examine_standard: [
{
examine_item: "小小1", //项目
examine_content: "小小", //项目内容
score: "10", //分值
examine_grade: "9", //得分
},
{
examine_item: "小小2", //项目
examine_content: "小小", //项目内容
score: "10", //分值
examine_grade: "9", //得分
},
],
},
],
},
dataname: [
{ username: "工号", width: "100px", items: "id" },
{ username: "名字", width: "230px", items: "name" },
{ username: "总得分", width: "150px", items: "total_score" },
{ username: "评级", width: "160px", items: "rate" },
],
};
},
};
</script>
