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