html相关代码
<el-table
:data="scoreAppeal"
style="width: 100%">
//type="expand",设置展开后要显示的内容
<el-table-column type="expand">
<template slot-scope="props">
<el-form label-position="left" inline class="demo-table-expand">
<el-form-item label="申诉 ID">
<span>{{ props.row.appeal_Id }}</span>
</el-form-item><br>
<el-form-item label="申诉人">
<span>{{ props.row.user_Name }}</span>
</el-form-item><br>
<el-form-item label="申诉原因描述">
<span>{{ props.row.appeal_Reason }}</span>
</el-form-item><br>
<el-form-item label="申诉图片证据">
<el-image
style="width: 100px; height: 100px"
:src="props.row.appeal_imgPath"></el-image>
</el-form-item><br>
<el-form-item label="申诉人电话">
<span>{{ props.row.user_PhoneNum }}</span>
</el-form-item><br>
<el-form-item label="申诉人邮箱">
<span>{{ props.row.user_Email }}</span>
</el-form-item><br>
<el-form-item label="申诉状态">
<span>{{ props.row.appeal_State }}</span>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column
label="申诉 ID"
prop="appeal_Id">
</el-table-column>
<el-table-column
label="申诉人"
prop="user_Name">
</el-table-column>
<el-table-column
label="申诉状态"
prop="appeal_State">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
@click="agreeScore(scope.row)">通过</el-button>
<el-button
size="mini"
@click="disagreeScore(scope.row)">不通过</el-button>
</template>
</el-table-column>
</el-table>
mounted相关代码
获取后端数据
axios
.post("/appealPage/categoryAppealNPhoto", null, {
params: {
appeal_Category:'成绩申诉'
}
})
.then(response=>(this.scoreAppeal = response.data.data))
.catch(function (error) {
console.log(error);
})