优化员工详情页面

This commit is contained in:
Your Name 2023-04-05 23:02:27 +08:00
parent 7561bddf5a
commit 58d7b77f37
5 changed files with 340 additions and 6 deletions

View File

@ -0,0 +1,66 @@
<div class="margin-top">
<div class="">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="单号" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="物品" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="申请人" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作人" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="申请时间" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="状态" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="领用方式" namespace="itemOutManage"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作" namespace="itemOutManage"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="itemOut in staffDetailItemOutApplyInfo.itemOuts">
<td class="text-center">{{itemOut.applyOrderId}}</td>
<td class="text-center">{{itemOut.resourceNames}}</td>
<td class="text-center">{{itemOut.userName}}</td>
<td class="text-center">{{itemOut.createUserName}}</td>
<td class="text-center">{{itemOut.createTime}}</td>
<td class="text-center">{{itemOut.stateName}}</td>
<td class="text-center">{{itemOut.warehousingWay == 10000 ? '直接出库' : '审核出库'}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs" v-on:click="_openDetailItemOutModel(itemOut)">
<vc:i18n name="查看" namespace="itemOutManage"></vc:i18n>
</button>
</div>
<div class="btn-group" v-if="itemOut.warehousingWay != 10000">
<button class="btn-white btn btn-xs" v-on:click="_openRunWorkflowImage(itemOut)">
<vc:i18n name="流程图" namespace="itemOutManage"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
</div>
<div class="col-sm-8">
<vc:create namespace="staffDetailItemOutApply" path="frame/paginationPlus"></vc:create>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,92 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
staffDetailItemOutApplyInfo: {
purchaseApplys: [],
staffId: '',
tel:''
}
},
_initMethod: function () {
},
_initEvent: function () {
vc.on('staffDetailItemOutApply', 'switch', function (_data) {
$that.staffDetailItemOutApplyInfo.staffId = _data.staffId;
$that.staffDetailItemOutApplyInfo.tel = _data.tel;
$that._loadStaffDetailItemOutApplyData(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('staffDetailItemOutApply', 'paginationPlus', 'page_event',
function (_currentPage) {
vc.component._loadStaffDetailItemOutApplyData(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_loadStaffDetailItemOutApplyData: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
resOrderType: '20000',
endUserTel: $that.staffDetailItemOutApplyInfo.tel,
}
};
//发送get请求
vc.http.apiGet('/purchaseApply.listPurchaseApplys',
param,
function (json) {
let _roomInfo = JSON.parse(json);
vc.component.staffDetailItemOutApplyInfo.purchaseApplys = _roomInfo.purchaseApplys;
vc.emit('staffDetailItemOutApply', 'paginationPlus', 'init', {
total: _roomInfo.records,
dataCount: _roomInfo.total,
currentPage: _page
});
},
function () {
console.log('请求失败处理');
}
);
},
//查询
_qureyStaffDetailItemOutApply: function () {
$that._loadStaffDetailItemOutApplyData(DEFAULT_PAGE, DEFAULT_ROWS);
},
_openDetailItemOutModel: function (_itemOut) {
vc.jumpToPage("/#/pages/common/purchaseApplyDetail?applyOrderId=" + _itemOut.applyOrderId + "&resOrderType=20000");
},
_openRunWorkflowImage: function (_itemOut) {
var param = {
params: {
communityId: vc.getCurrentCommunity().communityId,
businessKey: _itemOut.applyOrderId
}
};
//发送get请求
vc.http.apiGet('workflow.listRunWorkflowImage',
param,
function (json, res) {
var _workflowManageInfo = JSON.parse(json);
if (_workflowManageInfo.code != '0') {
vc.toast(_workflowManageInfo.msg);
return;
}
vc.emit('viewImage', 'showImage', {
url: 'data:image/png;base64,' + _workflowManageInfo.data
});
},
function (errInfo, error) {
console.log('请求失败处理');
}
);
},
}
});
})(window.vc);

View File

@ -0,0 +1,75 @@
<div class="margin-top">
<div class="">
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
<thead>
<tr>
<th class="text-center">
<vc:i18n name="申请单号" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="申请人" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="使用人" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作人" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="物品" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="申请时间" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="采购方式" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="审批状态" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
<th class="text-center">
<vc:i18n name="操作" namespace="staffDetailPurchaseApply"></vc:i18n>
</th>
</tr>
</thead>
<tbody>
<tr v-for="purchaseApply in staffDetailPurchaseApplyInfo.purchaseApplys">
<td class="text-center">{{purchaseApply.applyOrderId}}</td>
<td class="text-center">{{purchaseApply.userName}}</td>
<td class="text-center">{{purchaseApply.endUserName}}</td>
<td class="text-center">{{purchaseApply.createUserName}}</td>
<td class="text-center">{{purchaseApply.resourceNames}}</td>
<td class="text-center">{{purchaseApply.createTime}}</td>
<td class="text-center">
{{purchaseApply.warehousingWay == 10000 ? '直接入库' : purchaseApply.warehousingWay == 20000
? '采购入库' : '紧急采购'}}
</td>
<td class="text-center">{{purchaseApply.stateName}}</td>
<td class="text-center">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openDetailPurchaseApplyModel(purchaseApply)">
<vc:i18n name="查看" namespace="staffDetailPurchaseApply"></vc:i18n>
</button>
</div>
<div class="btn-group"
v-if="purchaseApply.warehousingWay != 10000 && purchaseApply.warehousingWay != 30000">
<button class="btn-white btn btn-xs" v-on:click="_openRunWorkflowImage(purchaseApply)">
<vc:i18n name="流程图" namespace="staffDetailPurchaseApply"></vc:i18n>
</button>
</div>
</td>
</tr>
</tbody>
</table>
<!-- 分页 -->
<div class="row">
<div class="col-sm-4">
</div>
<div class="col-sm-8">
<vc:create namespace="staffDetailPurchaseApply" path="frame/paginationPlus"></vc:create>
</div>
</div>
</div>
</div>

View File

@ -0,0 +1,92 @@
/**
入驻小区
**/
(function (vc) {
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data: {
staffDetailPurchaseApplyInfo: {
purchaseApplys: [],
staffId: '',
tel:''
}
},
_initMethod: function () {
},
_initEvent: function () {
vc.on('staffDetailPurchaseApply', 'switch', function (_data) {
$that.staffDetailPurchaseApplyInfo.staffId = _data.staffId;
$that.staffDetailPurchaseApplyInfo.tel = _data.tel;
$that._loadStaffDetailPurchaseApplyData(DEFAULT_PAGE, DEFAULT_ROWS);
});
vc.on('staffDetailPurchaseApply', 'paginationPlus', 'page_event',
function (_currentPage) {
vc.component._loadStaffDetailPurchaseApplyData(_currentPage, DEFAULT_ROWS);
});
},
methods: {
_loadStaffDetailPurchaseApplyData: function (_page, _row) {
let param = {
params: {
page: _page,
row: _row,
communityId: vc.getCurrentCommunity().communityId,
resOrderType: '10000',
endUserTel: $that.staffDetailPurchaseApplyInfo.tel,
}
};
//发送get请求
vc.http.apiGet('/purchaseApply.listPurchaseApplys',
param,
function (json) {
let _roomInfo = JSON.parse(json);
vc.component.staffDetailPurchaseApplyInfo.purchaseApplys = _roomInfo.purchaseApplys;
vc.emit('staffDetailPurchaseApply', 'paginationPlus', 'init', {
total: _roomInfo.records,
dataCount: _roomInfo.total,
currentPage: _page
});
},
function () {
console.log('请求失败处理');
}
);
},
//查询
_qureyStaffDetailPurchaseApply: function () {
$that._loadStaffDetailPurchaseApplyData(DEFAULT_PAGE, DEFAULT_ROWS);
},
_openDetailPurchaseApplyModel: function (_purchaseApply) {
vc.jumpToPage("/#/pages/common/purchaseApplyDetail?applyOrderId=" + _purchaseApply.applyOrderId + "&resOrderType=10000");
},
_openRunWorkflowImage: function (_purchaseApply) {
var param = {
params: {
communityId: vc.getCurrentCommunity().communityId,
businessKey: _purchaseApply.applyOrderId
}
};
//发送get请求
vc.http.apiGet('workflow.listRunWorkflowImage',
param,
function (json, res) {
var _workflowManageInfo = JSON.parse(json);
if (_workflowManageInfo.code != '0') {
vc.toast(_workflowManageInfo.msg);
return;
}
vc.emit('viewImage', 'showImage', {
url: 'data:image/png;base64,' + _workflowManageInfo.data
});
},
function (errInfo, error) {
console.log('请求失败处理');
}
);
},
}
});
})(window.vc);

View File

@ -126,23 +126,24 @@
</a>
</li>
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
v-on:click="changeTab('ownerDetailRoom')">
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'staffDetailPurchaseApply'}"
v-on:click="changeTab('staffDetailPurchaseApply')">
<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')">
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'staffDetailItemOutApply'}"
v-on:click="changeTab('staffDetailItemOutApply')">
<vc:i18n name="领用" namespace="ownerDetail"></vc:i18n>
</a>
</li>
<li class="nav-item">
<!-- 这个主要是oa 流程 后期根据客户需求 完善是否需要显示 -->
<!-- <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> -->
<li class="nav-item">
<a class="nav-link" v-bind:class="{active:staffDetailInfo._currentTab == 'ownerDetailRoom'}"
v-on:click="changeTab('ownerDetailRoom')">
@ -219,6 +220,14 @@
<div v-show="staffDetailInfo._currentTab == 'staffDetailContract'">
<vc:create path="staff/staffDetailContract"></vc:create>
</div>
<div v-show="staffDetailInfo._currentTab == 'staffDetailPurchaseApply'">
<vc:create path="staff/staffDetailPurchaseApply"></vc:create>
</div>
<div v-show="staffDetailInfo._currentTab == 'staffDetailItemOutApply'">
<vc:create path="staff/staffDetailItemOutApply"></vc:create>
</div>
</div>