75 lines
2.4 KiB
Vue
75 lines
2.4 KiB
Vue
<template>
|
|
<el-row>
|
|
<el-table :data="data">
|
|
<el-table-column label="序号" type="index" header-align="center" align="center">
|
|
<template scope="scope"><span>{{scope.$index+(pf.pageNumber - 1) * pf.pageSize + 1}} </span></template>
|
|
</el-table-column>
|
|
<el-table-column label="工号" prop="loginname"></el-table-column>
|
|
<el-table-column label="姓名" prop="username"></el-table-column>
|
|
<el-table-column label="性别" prop="sex"></el-table-column>
|
|
<el-table-column label="手机" prop="mobile"></el-table-column>
|
|
<el-table-column label="单位" >
|
|
<tempalate slot-scope="scope">
|
|
<span v-if="name==8">{{scope.row.dbunitname}}</span>
|
|
<span v-else>{{scope.row.dwname}}</span>
|
|
</tempalate>
|
|
</el-table-column>
|
|
<el-table-column label="身份">
|
|
<tempalate slot-scope="scope">
|
|
<span v-if="name==8">{{scope.row.rolename}}</span>
|
|
<span v-else>{{getSf(scope.row.sf)}}</span>
|
|
</tempalate>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-row>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
data(){
|
|
return{
|
|
tabname:this.name
|
|
}
|
|
},
|
|
props:{
|
|
data:{
|
|
type:Array,
|
|
default:()=>[]
|
|
},
|
|
name:{
|
|
type:Number
|
|
},
|
|
pf:{
|
|
type:Object,
|
|
default(){
|
|
return{
|
|
pageNumber:1,
|
|
pageSize:10,
|
|
totalCount:0,
|
|
}
|
|
}
|
|
}
|
|
},
|
|
computed:{
|
|
getSf(){
|
|
return (sf)=>{
|
|
if(this.name==2){
|
|
return sf==1?'组员':'负责人'
|
|
}else if(this.name==3){
|
|
return sf==1?'组员':sf==2?'副组长':sf==3?'组长':''
|
|
}else if(this.name==4){
|
|
return sf==1?'成员':sf==2?'副秘书长':sf==3?'秘书长':''
|
|
}else if(this.name==5){
|
|
return sf==1?'成员':sf==2?'副主任':sf==3?'主任':''
|
|
}
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style>
|