mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
加入员工详情页面
This commit is contained in:
Your Name
parent
ac302bfc43
commit
4a1963379c
189
public/pages/staff/staffDetail/staffDetail.html
Normal file
189
public/pages/staff/staffDetail/staffDetail.html
Normal file
@ -0,0 +1,189 @@
|
||||
<div class="white-bg padding-lg padding-top border-radius">
|
||||
<div class="flex justify-between">
|
||||
<div class="text-title">
|
||||
员工信息
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btn btn-white btn-sm" style="margin-left:10px"
|
||||
v-on:click="vc.goBack()">
|
||||
返回
|
||||
</button>
|
||||
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_openEditStaffModel()">
|
||||
修改
|
||||
</button>
|
||||
<button type="button" class="btn btn-primary btn-sm" style="margin-left:10px"
|
||||
v-on:click="_resetStaffPwd()">
|
||||
重置密码
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 业主信息 -->
|
||||
<div class="margin-top">
|
||||
<div class="text-center vc-float-left" style="width: 150px;" v-if="staffDetailInfo.photo">
|
||||
<image width="120px" height="140px" class="border-radius" v-bind:src="staffDetailInfo.photo"
|
||||
@error="errorLoadImg" />
|
||||
</div>
|
||||
<div class="text-center vc-float-left" style="width: 150px;" v-else>
|
||||
<image width="120px" height="140px" class="border-radius" src="/img/noPhoto.jpg" />
|
||||
</div>
|
||||
<div class="row" style="min-height: 160px;">
|
||||
<div class="col-sm-12">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="编号：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.staffId}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="名称：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.userName}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="邮箱：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.email}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="手机：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.tel}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="性别：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.sex == '0'?'男':'女'}}</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<label class="col-form-label">
|
||||
<vc:i18n name="住址：" namespace="staffDetailInfo"></vc:i18n>
|
||||
</label>
|
||||
<label class="">{{staffDetailInfo.address}}</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="vc-line-primary margin-top"></div>
|
||||
<div class="margin-top-sm">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'staffDetailRoom'}"
|
||||
v-on:click="changeTab('staffDetailRoom')">
|
||||
<vc:i18n name="组织权限" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="排班" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="考勤" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="维修" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="巡检" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="保养" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="采购" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="领用" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="流程" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="收费单" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="退费单" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="起草合同" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="员工认证" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="人脸同步" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
|
||||
v-on:click="changeTab('ownerDetailRoom')">
|
||||
<vc:i18n name="开门记录" namespace="ownerDetail"></vc:i18n>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div v-if="staffDetailInfo._currentTab == 'ownerDetailRoom'">
|
||||
<vc:create path="owner/ownerDetailRoom"></vc:create>
|
||||
</div>
|
||||
|
||||
<vc:create path="frame/resetStaffPwd"></vc:create>
|
||||
<vc:create path="frame/editStaff"></vc:create>
|
||||
</div>
|
||||
82
public/pages/staff/staffDetail/staffDetail.js
Normal file
82
public/pages/staff/staffDetail/staffDetail.js
Normal file
@ -0,0 +1,82 @@
|
||||
/**
|
||||
业主详情页面
|
||||
**/
|
||||
(function (vc) {
|
||||
var _fileUrl = '/callComponent/download/getFile/fileByObjId';
|
||||
vc.extends({
|
||||
data: {
|
||||
staffDetailInfo: {
|
||||
staffId: '',
|
||||
userName: '',
|
||||
email: '',
|
||||
tel: '',
|
||||
sex: '',
|
||||
address: '',
|
||||
photo: '/img/noPhoto.jpg',
|
||||
url: '',
|
||||
_currentTab: 'staffDetailRoom',
|
||||
needBack:false,
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
$that.staffDetailInfo.staffId = vc.getParam('staffId');
|
||||
if (!vc.notNull($that.staffDetailInfo.staffId)) {
|
||||
return;
|
||||
}
|
||||
vc.component._loadStaffInfo();
|
||||
$that.changeTab($that.staffDetailInfo._currentTab);
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('ownerDetail', 'listOwnerData', function (_info) {
|
||||
vc.component._loadStaffInfo();
|
||||
$that.changeTab($that.staffDetailInfo._currentTab);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_loadStaffInfo: function () {
|
||||
let param = {
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
staffId: $that.staffDetailInfo.staffId
|
||||
}
|
||||
};
|
||||
//发送get请求
|
||||
vc.http.apiGet('/query.staff.infos',
|
||||
param,
|
||||
function (json) {
|
||||
let _staffInfo = JSON.parse(json);
|
||||
// 员工列表 和 岗位列表匹配
|
||||
vc.copyObject(_staffInfo.staffs[0], $that.staffDetailInfo);
|
||||
$that.staffDetailInfo.photo = _fileUrl + "?objId=" +
|
||||
$that.staffDetailInfo.staffId + "&communityId=" + vc.getCurrentCommunity().communityId + "&fileTypeCd=12000&time=" + new Date();
|
||||
},
|
||||
function () {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
changeTab: function (_tab) {
|
||||
$that.staffDetailInfo._currentTab = _tab;
|
||||
vc.emit(_tab, 'switch', {
|
||||
ownerId: $that.staffDetailInfo.ownerId,
|
||||
ownerName:$that.staffDetailInfo.name,
|
||||
link:$that.staffDetailInfo.link,
|
||||
})
|
||||
},
|
||||
_loadStaffPhoto: function () {
|
||||
$that.staffDetailInfo.photo = $that.staffDetailInfo.url;
|
||||
},
|
||||
errorLoadImg: function () {
|
||||
vc.component.staffDetailInfo.photo = "/img/noPhoto.jpg";
|
||||
},
|
||||
_openEditStaffModel: function () {
|
||||
$that.staffDetailInfo.staffName=$that.staffDetailInfo.userName;
|
||||
vc.component.$emit('edit_staff_event', $that.staffDetailInfo);
|
||||
},
|
||||
_resetStaffPwd: function (_staff) {
|
||||
vc.emit('resetStaffPwd', 'openResetStaffPwd', $that.staffDetailInfo);
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
Loading…
Reference in New Issue
Block a user