jiangyy
3 years ago
4 changed files with 251 additions and 48 deletions
@ -0,0 +1,206 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<el-form :model="peoForm" |
||||
|
label-width="120px" |
||||
|
ref="editPeoForm"> |
||||
|
<el-form-item label="姓名：" |
||||
|
prop="name"> |
||||
|
<span>{{peoForm.name}}</span> |
||||
|
|
||||
|
</el-form-item> |
||||
|
<el-form-item label="手机号：" |
||||
|
prop="mobile"> |
||||
|
<span>{{peoForm.mobile}}</span> |
||||
|
|
||||
|
</el-form-item> |
||||
|
<el-form-item label="性别：" |
||||
|
prop="gender"> |
||||
|
|
||||
|
<span v-if="peoForm.gender==='0'">{{'未知'}}</span> |
||||
|
<span v-if="peoForm.gender==='1'">{{'男'}}</span> |
||||
|
<span v-if="peoForm.gender==='2'">{{'女'}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="专兼职：" |
||||
|
prop="workType"> |
||||
|
|
||||
|
<span v-if="peoForm.workType==='fulltime'">{{'专职'}}</span> |
||||
|
<span v-if="peoForm.workType==='parttime'">{{'兼职'}}</span> |
||||
|
|
||||
|
</el-form-item> |
||||
|
<el-form-item label="组织/部门：" |
||||
|
prop="orgName"> |
||||
|
|
||||
|
<span>{{peoForm.orgName||'--'}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="激活时间：" |
||||
|
prop="activeTime"> |
||||
|
|
||||
|
<span>{{peoForm.activeTime||'--'}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否禁用：" |
||||
|
prop="disableFlag"> |
||||
|
|
||||
|
<span>{{peoForm.disableFlag||'--'}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="职责：" |
||||
|
prop="roles"> |
||||
|
<span>{{peoForm.rolesShow}}</span> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="角色：" |
||||
|
prop="newRoles"> |
||||
|
<span>{{peoForm.szsqRolesShow}}</span> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<div class="div-btn"> |
||||
|
<el-button size="small" |
||||
|
@click="handleClose">关 闭</el-button> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// import ConfigItem from './ConfigItem' |
||||
|
// import FootbarList from '../../productConfig/footbar/FootbarList' |
||||
|
import { requestPost, requestGet } from "@/js/dai/request"; |
||||
|
import { Loading } from 'element-ui' // 引入Loading服务 |
||||
|
|
||||
|
let loading // 加载动画 |
||||
|
export default { |
||||
|
data () { |
||||
|
return { |
||||
|
|
||||
|
staffId: '', |
||||
|
customerId: '', |
||||
|
agencyId: '', |
||||
|
|
||||
|
|
||||
|
|
||||
|
peoForm: { |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
gender: "", |
||||
|
orgId: '', |
||||
|
orgType: "", |
||||
|
orgName: "", |
||||
|
activeTime: "", |
||||
|
workType: "", |
||||
|
roles: [], |
||||
|
newRoles: [], |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
components: { |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
async mounted () { |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
async initForm (staffId, customerId) { |
||||
|
this.startLoading() |
||||
|
|
||||
|
this.staffId = staffId |
||||
|
this.customerId = customerId |
||||
|
|
||||
|
await this.lookAngency() |
||||
|
|
||||
|
this.endLoading() |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
// 查看按钮 |
||||
|
async lookAngency () { |
||||
|
const url = "/data/aggregator/org/staffdetailv2"; |
||||
|
|
||||
|
let params = { |
||||
|
staffId: this.staffId, |
||||
|
}; |
||||
|
|
||||
|
const { data, code, msg } = await requestPost(url, params); |
||||
|
|
||||
|
if (code === 0) { |
||||
|
this.peoForm = data; |
||||
|
|
||||
|
if (data.enableFlag === "enable") { |
||||
|
this.peoForm.disableFlag = "已启用"; |
||||
|
} else { |
||||
|
this.peoForm.disableFlag = "已禁用"; |
||||
|
} |
||||
|
|
||||
|
if (this.peoForm.roles && this.peoForm.roles.length > 0) { |
||||
|
this.peoForm.rolesShow = this.peoForm.roles.join(',') |
||||
|
} else { |
||||
|
this.peoForm.rolesShow = '--' |
||||
|
} |
||||
|
if (this.peoForm.szsqRoles && this.peoForm.szsqRoles.length > 0) { |
||||
|
this.peoForm.szsqRolesShow = this.peoForm.szsqRoles.join(',') |
||||
|
} else { |
||||
|
this.peoForm.szsqRolesShow = '--' |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
|
||||
|
|
||||
|
resetForm () { |
||||
|
this.peoForm = { |
||||
|
name: "", |
||||
|
mobile: "", |
||||
|
gender: "", |
||||
|
orgId: '', |
||||
|
orgType: "", |
||||
|
orgName: "", |
||||
|
workType: "", |
||||
|
roles: [], |
||||
|
newRoles: [], |
||||
|
} |
||||
|
}, |
||||
|
handleClose () { |
||||
|
this.resetForm() |
||||
|
this.$emit("dialogCancle") |
||||
|
}, |
||||
|
|
||||
|
|
||||
|
// 开启加载动画 |
||||
|
startLoading () { |
||||
|
loading = Loading.service({ |
||||
|
lock: true, // 是否锁定 |
||||
|
text: '正在加载……', // 加载中需要显示的文字 |
||||
|
background: 'rgba(0,0,0,.7)' // 背景颜色 |
||||
|
}) |
||||
|
}, |
||||
|
// 结束加载动画 |
||||
|
endLoading () { |
||||
|
// clearTimeout(timer); |
||||
|
if (loading) { |
||||
|
loading.close() |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
computed: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.item-width-1 { |
||||
|
width: 200px; |
||||
|
} |
||||
|
.item-width-2 { |
||||
|
width: 400px; |
||||
|
} |
||||
|
.div-btn { |
||||
|
margin-top: 20px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue