mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化工作流程工鞥呢
This commit is contained in:
parent
8a0abdcfdc
commit
8c1fa1ae02
@ -1,3 +1,3 @@
|
||||
<div class="bg-white padding">
|
||||
<div class="bg-white padding" >
|
||||
<div id="form"></div>
|
||||
</div>
|
||||
@ -9,17 +9,17 @@
|
||||
newOaWorkflowFormInfo: {
|
||||
formJson: {},
|
||||
conditions: {
|
||||
}
|
||||
},
|
||||
flowId: ''
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
vc.component._listOaWorkflowForm(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
},
|
||||
_initEvent: function () {
|
||||
|
||||
vc.on('newOaWorkflowForm', 'listNewOaWorkflow', function (_param) {
|
||||
vc.component._listNewOaWorkflows(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
vc.on('newOaWorkflowForm', 'witch', function (_value) {
|
||||
$that.newOaWorkflowFormInfo.flowId = _value.flowId;
|
||||
vc.component._listOaWorkflowForm(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
})
|
||||
},
|
||||
methods: {
|
||||
_listOaWorkflowForm: function (_page, _rows) {
|
||||
@ -27,7 +27,7 @@
|
||||
params: {
|
||||
page: 1,
|
||||
row: 1,
|
||||
flowId: vc.getParam('flowId')
|
||||
flowId: $that.newOaWorkflowFormInfo.flowId
|
||||
}
|
||||
};
|
||||
|
||||
@ -49,7 +49,7 @@
|
||||
container,
|
||||
schema: $that.newOaWorkflowFormInfo.formJson
|
||||
});
|
||||
}
|
||||
},
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -0,0 +1,94 @@
|
||||
<div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox ">
|
||||
<div class="ibox-title">
|
||||
<h5>查询条件</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入申请人"
|
||||
v-model="newOaWorkflowPoolInfo.conditions.createUserName" class=" form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入开始时间"
|
||||
v-model="newOaWorkflowPoolInfo.conditions.startTime"
|
||||
class=" form-control poolStartTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-4">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="请输入结束时间"
|
||||
v-model="newOaWorkflowPoolInfo.conditions.endTime"
|
||||
class=" form-control poolEndTime">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-1">
|
||||
<button type="button" class="btn btn-primary btn-sm"
|
||||
v-on:click="_queryOaWorkflowPoolMethod()">
|
||||
<i class="fa fa-search"></i> 查询
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="ibox">
|
||||
<div class="ibox-title">
|
||||
<h5>流程工单</h5>
|
||||
<div class="ibox-tools" style="top:10px;">
|
||||
</div>
|
||||
</div>
|
||||
<div class="ibox-content">
|
||||
<table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="text-center">申请人</th>
|
||||
<th class="text-center">公告类型</th>
|
||||
<th class="text-center">开始时间</th>
|
||||
<th class="text-center">结束时间</th>
|
||||
<th class="text-center">状态</th>
|
||||
<th class="text-center">创建时间</th>
|
||||
<th class="text-center">操作</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr v-for="pool in newOaWorkflowPoolInfo.pools">
|
||||
<td class="text-center">{{pool.createUserName}}</td>
|
||||
<td class="text-center">{{pool.noticeTypeCdName}}</td>
|
||||
<td class="text-center">{{pool.startTime}}</td>
|
||||
<td class="text-center">{{pool.endTime}}</td>
|
||||
<td class="text-center">{{pool.stateName}}</td>
|
||||
<td class="text-center">{{notice.createTime}}</td>
|
||||
<td class="text-center">
|
||||
<div class="btn-group">
|
||||
<button class="btn-white btn btn-xs" v-on:click="_openNewOaWorkflowPoolDetail(pool)">详情
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="7">
|
||||
<ul class="pagination float-right"></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
<!-- 分页 -->
|
||||
<vc:create path="frame/pagination"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -0,0 +1,74 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 10;
|
||||
vc.extends({
|
||||
data: {
|
||||
newOaWorkflowPoolInfo: {
|
||||
pools: [],
|
||||
total: 0,
|
||||
records: 1,
|
||||
conditions: {
|
||||
createUserName: '',
|
||||
startTime: '',
|
||||
endTime: '',
|
||||
flowId: ''
|
||||
}
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('newOaWorkflowPool', 'witch', function (_value) {
|
||||
$that.newOaWorkflowFormInfo.conditions.flowId = _value.flowId;
|
||||
vc.initDateTime('poolStartTime', function (_value) {
|
||||
$that.newOaWorkflowPoolInfo.conditions.startTime = _value;
|
||||
});
|
||||
vc.initDateTime('poolEndTime', function (_value) {
|
||||
$that.newOaWorkflowPoolInfo.conditions.endTime = _value;
|
||||
});
|
||||
vc.component._listOaWorkflowPools(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
})
|
||||
vc.on('pagination', 'page_event', function (_currentPage) {
|
||||
vc.component._listOaWorkflowPools(_currentPage, DEFAULT_ROWS);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
_listOaWorkflowPools: function (_page, _rows) {
|
||||
vc.component.newOaWorkflowPoolInfo.conditions.page = _page;
|
||||
vc.component.newOaWorkflowPoolInfo.conditions.row = _rows;
|
||||
var param = {
|
||||
params: vc.component.newOaWorkflowPoolInfo.conditions
|
||||
};
|
||||
|
||||
//发送get请求
|
||||
vc.http.get('newOaWorkflowPool',
|
||||
'list',
|
||||
param,
|
||||
function (json, res) {
|
||||
var _newOaWorkflowPoolInfo = JSON.parse(json);
|
||||
vc.component.newOaWorkflowPoolInfo.total = _newOaWorkflowPoolInfo.total;
|
||||
vc.component.newOaWorkflowPoolInfo.records = _newOaWorkflowPoolInfo.records;
|
||||
vc.component.newOaWorkflowPoolInfo.notices = _newOaWorkflowPoolInfo.notices;
|
||||
vc.emit('pagination', 'init', {
|
||||
total: vc.component.newOaWorkflowPoolInfo.records,
|
||||
dataCount: vc.component.newOaWorkflowPoolInfo.total,
|
||||
currentPage: _page
|
||||
});
|
||||
}, function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
);
|
||||
},
|
||||
_openNewOaWorkflowPoolDetail: function (_notice) {
|
||||
vc.jumpToPage("/admin.html#/pages/common/noticeDetail?noticeId=" + _notice.noticeId);
|
||||
},
|
||||
_queryOaWorkflowPoolMethod: function () {
|
||||
vc.component._listOaWorkflowPools(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -2015,6 +2015,11 @@ a:hover {
|
||||
float:right
|
||||
}
|
||||
|
||||
.vc-node-selected{
|
||||
color: #FFFFFF;
|
||||
background-color: #1ab394;
|
||||
}
|
||||
|
||||
.vc-line{
|
||||
width:100%;
|
||||
height:2px;
|
||||
|
||||
30
public/pages/property/newOaWorkflow/newOaWorkflow.html
Normal file
30
public/pages/property/newOaWorkflow/newOaWorkflow.html
Normal file
@ -0,0 +1,30 @@
|
||||
<div style="margin: -20px 5px auto 0px;">
|
||||
<div class="row">
|
||||
<div class="col-md-2">
|
||||
<div class="margin-xs-r bg-white treeview">
|
||||
<ul class="list-group text-center">
|
||||
<li class="list-group-item node-orgTree "
|
||||
:class="{'vc-node-selected':newOaWorkflowInfo.switchValue=='newOaWorkflowPool'}" @click="swatch('newOaWorkflowPool')">流程工单
|
||||
</li>
|
||||
<li class="list-group-item node-orgTree "
|
||||
:class="{'vc-node-selected':newOaWorkflowInfo.switchValue=='newOaWorkflowForm'}" @click="swatch('newOaWorkflowForm')">
|
||||
起草流程</li>
|
||||
<li class="list-group-item node-orgTree "
|
||||
:class="{'vc-node-selected':newOaWorkflowInfo.switchValue=='undo'}" @click="swatch('undo')">流程待办
|
||||
</li>
|
||||
<li class="list-group-item node-orgTree "
|
||||
:class="{'vc-node-selected':newOaWorkflowInfo.switchValue=='finish'}" @click="swatch('finish')">
|
||||
流程已办</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-10 ">
|
||||
<div v-show="newOaWorkflowInfo.switchValue=='newOaWorkflowPool'">
|
||||
<vc:create path="property/newOaWorkflowPool"></vc:create>
|
||||
</div>
|
||||
<div v-if="newOaWorkflowInfo.switchValue=='newOaWorkflowForm'">
|
||||
<vc:create path="property/newOaWorkflowForm"></vc:create>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
30
public/pages/property/newOaWorkflow/newOaWorkflow.js
Normal file
30
public/pages/property/newOaWorkflow/newOaWorkflow.js
Normal file
@ -0,0 +1,30 @@
|
||||
/**
|
||||
入驻小区
|
||||
**/
|
||||
(function (vc) {
|
||||
var DEFAULT_PAGE = 1;
|
||||
var DEFAULT_ROWS = 100;
|
||||
vc.extends({
|
||||
data: {
|
||||
newOaWorkflowInfo: {
|
||||
switchValue: ''
|
||||
}
|
||||
},
|
||||
_initMethod: function () {
|
||||
$that.swatch('newOaWorkflowPool');
|
||||
},
|
||||
_initEvent: function () {
|
||||
vc.on('newOaWorkflow', 'listNewOaWorkflow', function (_param) {
|
||||
vc.component._listNewOaWorkflows(DEFAULT_PAGE, DEFAULT_ROWS);
|
||||
});
|
||||
},
|
||||
methods: {
|
||||
swatch: function (_value) {
|
||||
$that.newOaWorkflowInfo.switchValue = _value;
|
||||
vc.emit(_value, 'witch', {
|
||||
flowId: vc.getParam('flowId')
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
})(window.vc);
|
||||
@ -64,7 +64,7 @@
|
||||
vc.toast('流程未部署');
|
||||
return;
|
||||
}
|
||||
vc.jumpToPage('/form.html#/pages/property/newOaWorkflowForm?flowId=' + _flow.flowId)
|
||||
vc.jumpToPage('/form.html#/pages/property/newOaWorkflow?flowId=' + _flow.flowId)
|
||||
}, function (errInfo, error) {
|
||||
console.log('请求失败处理');
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user