直接上代码
<template>
<div>
<el-container>
<h1 style="margin:20px 0">{
{
msg}}</h1>
<el-main>
<div>
<el-table
border
:data="tableData"
class="tb-edit"
highlight-current-row
>
<el-table-column label="项目名称" prop="ProjectName" align="left" header-align="center" ></el-table-column>
<el-table-column label="类别" prop="ProjectType" align="center" header-align="center" ></el-table-column>
<el-table-column label="申报部门" prop="ProjectDepartment" align="center" header-align="center" ></el-table-column>
<el-table-column align="center" header-align="center" :label="item.Indicate" v-for="(item, index) in HeadList" :key="index">
<template scope="scope">
<el-input
type="number"
size="small"
v-model="scope.row[item.IndicateCode]"
placeholder="0"
@change="
handleEdit(scope.$index, scope.row, item.IndicateCode)
"
></el-input>
<span>{
{
scope.row[item.IndicateCode] }}</span>
</template>
</el-table-column>
<el-table-column align="center" header-align="center" label="总分" prop="total"></el-table-column>
</el-table>
</div>
</el-main>
<el-footer style="padding:0">