110 lines
3.7 KiB
Vue
110 lines
3.7 KiB
Vue
<template>
|
|
<div>
|
|
<el-table :data="tableData" style="width: 100%" border :header-cell-style="{
|
|
background: '#DFE6EC',
|
|
fontWeight: '700',
|
|
color: '#1F2D3D',
|
|
}">
|
|
<el-table-column prop="processId" label="流程编号" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="processName" label="流程名称" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="processPerson" label="发起人" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="now" label="当前处理人" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="last" label="上一处理人" align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="createTime" label="创建时间" sortable align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="endTime" label="完成时间" sortable align="center">
|
|
</el-table-column>
|
|
<el-table-column prop="status" label="状态" align="center">
|
|
</el-table-column>
|
|
<el-table-column label="操作" width="120" align="center">
|
|
<template slot-scope="scope">
|
|
<el-button @click.native.prevent="view(scope.$index, tableData)" type="text" size="small">
|
|
查看
|
|
</el-button>
|
|
|
|
<el-button :disabled="tableData[scope.$index].status=='已完成'" @click.native.prevent="back(scope.$index, tableData)" type="text" size="small"
|
|
>
|
|
<span :style="tableData[scope.$index].status=='已完成' ? {color:icolor } :{color:color}" >强制撤回</span>
|
|
|
|
</el-button>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "sentProcess",
|
|
data() {
|
|
return {
|
|
color:'rgb(236, 128, 141)',
|
|
icolor:'rgb(119,136,153)',
|
|
tableData: [
|
|
{
|
|
processId: "2016-05-1",
|
|
processName: "王小虎",
|
|
processPerson: "上海市普陀区金沙江路 1518 弄",
|
|
createTime: "2023-1-1",
|
|
status:'已完成'
|
|
},
|
|
{
|
|
processId: "2016-05-2",
|
|
processName: "王小虎",
|
|
processPerson: "上海市普陀区金沙江路 1518 弄",
|
|
createTime: "2023-1-2",
|
|
},
|
|
{
|
|
processId: "2016-05-3",
|
|
processName: "王小虎",
|
|
processPerson: "上海市普陀区金沙江路 1518 弄",
|
|
createTime: "2023-1-3",
|
|
},
|
|
{
|
|
processId: "2016-05-4",
|
|
processName: "王小虎",
|
|
processPerson: "上海市普陀区金沙江路 1518 弄",
|
|
createTime: "2023-1-4",
|
|
},
|
|
],
|
|
};
|
|
},
|
|
props:{
|
|
thirdData:{
|
|
type:Array,
|
|
default:[],
|
|
}
|
|
},
|
|
watch: {
|
|
thirdData(newValue, oldValue) {
|
|
this.tableData=newValue
|
|
}
|
|
},
|
|
mounted () {
|
|
this.$bus.$on('getSearchItem',(data)=>{
|
|
console.log('33',data)
|
|
});
|
|
},
|
|
methods: {
|
|
view() {
|
|
alert(111);
|
|
},
|
|
back(index,tableData) {
|
|
console.log('index',index);
|
|
console.log('tableData',tableData);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
::v-deep .el-table__fixed, ::v-deep .el-table__fixed-right ::before{
|
|
height: 0px !important;
|
|
|
|
}
|
|
</style> |