优化工作流程工鞥呢

This commit is contained in:
java110 2021-08-24 19:14:47 +08:00
parent 8a0abdcfdc
commit 8c1fa1ae02
8 changed files with 243 additions and 10 deletions

View File

@ -1,3 +1,3 @@
<div class="bg-white padding">
<div class="bg-white padding" >
<div id="form"></div>
</div>

View File

@ -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);

View File

@ -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>

View File

@ -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);

View File

@ -2015,6 +2015,11 @@ a:hover {
float:right
}
.vc-node-selected{
color: #FFFFFF;
background-color: #1ab394;
}
.vc-line{
width:100%;
height:2px;

View 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>

View 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);

View File

@ -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('请求失败处理');
}