修改后
修改前
<!-- 投诉记录列表 -->
<el-table :data="tableData.list" border>
<el-table-column type="selection" width="50" align="center" />
<el-table-column type="index" label="序号" width="50" align="center" />
<el-table-column prop="orgName" label="所属机构" align="center"/>
<el-table-column prop="concactName" label="投诉人" align="center"/>
<el-table-column prop="concactPhone" label="联系电话" align="center"/>
<el-table-column prop="orderNum" label="关联工单" align="center"/>
<el-table-column prop="orderMeals" label="服务套餐" align="center"/>
<el-table-column prop="orderServiceType" label="服务项目" align="center"/>
<el-table-column prop="staffName" label="助老员" align="center"/>
<el-table-column prop="receptionTime" label="投诉时间" align="center"/>
<el-table-column prop="handleResult" label="处理结果" align="center" class-name="handle-result-cell"/>
<el-table-column label="操作" width="180" align="center">
<template slot-scope="scope">
<el-button type="text" @click="hanldClick('查看',scope.row)">查看</el-button>
<el-button type="text" :disabled="scope.row.handleStatus === 1" @click="hanldClick('处理',scope.row)">处理</el-button>
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
</template>
</el-table-column>
</el-table>
<style lang="less" scoped>
.app-container {
width: calc(100% - 40px);
height: calc(100% - 40px);
overflow: hidden;
overflow-y: scroll;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 20px;
background: #fff;
.disabled {
color: #c0c4cc;
cursor: not-allowed;
}
/deep/.el-table td.handle-result-cell div
{
height: 50px;
}
}
