admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-06-11 14:17:24 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

提交订单查询页面

Browse Source
This commit is contained in:
18983027736 2020-04-09 11:28:40 +08:00
parent 588c6d3cc1
commit 8bcf873d43
5 changed files with 239 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/components/inspectionPlanManage/inspectionPlanManage.html
View File

@ -24,7 +24,7 @@
</div>
<div class="col-sm-4">
<select class="custom-select" v-model="inspectionPlanManageInfo.conditions.state">
<option selected disabled value="">必填，请选择状态</option>
<option selected disabled value="">请选择状态</option>
<option v-for="(item,index) in inspectionPlanManageInfo.states" :key="index"
v-bind:value="item.statusCd">{{item.name}}
</option>

43
public/components/orderDetailManage/orderDetailManage.html Normal file
View File

@ -0,0 +1,43 @@
<div class="row">
<div class="col-lg-12">
<div class="ibox">
<div class="ibox-title">
<h5>订单明细</h5>
<div class="ibox-tools" style="top:10px;">
<button type="button" class="btn btn-primary btn-sm "
v-on:click="_goBack()" style="margin-right:10px">
返回
</button>
</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">oId</th>
<th class="text-center">bId</th>
<th class="text-center">业务类型</th>
<th class="text-center">创建时间</th>
</tr>
</thead>
<tbody>
<tr v-for="orderDetail in orderDetailInfo.orderDetails">
<td class="text-center">{{orderDetail.oId}}</td>
<td class="text-center">{{orderDetail.bId}}</td>
<td class="text-center">{{orderDetail.businessTypeCdName}}</td>
<td class="text-center">{{orderDetail.createTime}}</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>

21
public/components/orderDetailManage/orderDetailManage.js Normal file
View File

@ -0,0 +1,21 @@
(function(vc){
vc.extends({
data:{
orderDetailInfo:{
orderDetails:[]
}
},
_initMethod:function(){},
_initEvent:function(){
vc.on('orderDetailManage','listOrderDetails',function(_param){
console.log("收到参数："+_param);
vc.component.orderDetailInfo.orderDetails = _param;
});
},
methods:{
_goBack:function(){
vc.emit('orderManage','goBack',{});
}
}
});
})(window.vc);

109
public/components/orderManage/orderManage.html Normal file
View File

@ -0,0 +1,109 @@
<div class="animated fadeInRight ecommerce">
<div class="row" v-if="orderManageInfo.orderDetail == false">
<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="orderManageInfo.conditions.oId" class=" form-control">
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<select class="custom-select" v-model="orderManageInfo.conditions.orderTypeCd">
<option value="">请选择</option>
<option value="Q">查询单</option>
<option value="D">受理单</option>
</select>
</div>
</div>
<div class="col-sm-3">
<div class="form-group">
<input type="text" placeholder="appid"
v-model="orderManageInfo.conditions.appId" class=" form-control">
</div>
</div>
<div class="col-sm-2">
<button type="button" class="btn btn-primary btn-sm"
v-on:click="_queryOrdersMethod()">
<i class="fa fa-search"></i> 查询
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" v-if="orderManageInfo.orderDetail == false">
<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">appId</th>
<th class="text-center">oid</th>
<th class="text-right">订单类型</th>
<th class="text-center">extTransactionId</th>
<th class="text-right">请求时间</th>
<th class="text-right">操作人</th>
<th class="text-center">创建时间</th>
</tr>
</thead>
<tbody>
<tr v-for="order in orderManageInfo.orderDataVos">
<td class="text-center">{{order.appId}}</td>
<td class="text-center">{{order.oId}}</td>
<td class="text-center">{{order.orderTypeCdName}}</td>
<td class="text-center">{{order.extTransactionId}}</td>
<td class="text-center">{{order.requestTime}}</td>
<td class="text-center">{{order.userName}}</td>
<td class="text-center">{{order.createTime}}</td>
<td class="text-right">
<div class="btn-group">
<button class="btn-white btn btn-xs"
v-on:click="_openOrderDetailModel(order)">订单明细
</button>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="7">
<ul class="pagination float-right"></ul>
</td>
</tr>
</tfoot>
</table>
<!-- 分页 -->
<vc:create name="pagination"></vc:create>
</div>
</div>
</div>
</div>
<div v-if="orderManageInfo.orderDetail == true">
<vc:create name="orderDetailManage"></vc:create>
</div>
</div>

65
public/components/orderManage/orderManage.js Normal file
View File

@ -0,0 +1,65 @@
//订单查询
(function(vc){
var DEFAULT_PAGE = 1;
var DEFAULT_ROWS = 10;
vc.extends({
data:{
orderManageInfo:{
orderDataVos:[],
total:0,
records:1,
orderDetail:false,
conditions:{
oId:'',
extTransactionId:'',
orderTypeCd:'',
appId:'',
}
}
},
_initMethod:function(){
vc.component._listOrders(DEFAULT_PAGE, DEFAULT_ROWS);
},
_initEvent:function(){
vc.on('orderManage','goBack',function(_param){
vc.component.orderManageInfo.orderDetail = false;
});
vc.on('pagination','page_event',function(_currentPage){
vc.component._listOrders(_currentPage,DEFAULT_ROWS);
});
},
methods:{
_listOrders:function(_page, _rows){
vc.component.orderManageInfo.conditions.page = _page;
vc.component.orderManageInfo.conditions.row = _rows;
var param = {
params:vc.component.orderManageInfo.conditions
};
//发送get请求
vc.http.get('corderManage',
'list',
param,
function(json,res){
var _orderManageInfo=JSON.parse(json);
vc.component.orderManageInfo.total = _orderManageInfo.total;
vc.component.orderManageInfo.records = _orderManageInfo.records;
vc.component.orderManageInfo.orderDataVos = _orderManageInfo.corderDataVos;
vc.emit('pagination','init',{
total:vc.component.orderManageInfo.records,
currentPage:_page
});
},function(errInfo,error){
console.log('请求失败处理');
}
);
},
_queryOrdersMethod:function(){
vc.component._listOrders(DEFAULT_PAGE, DEFAULT_ROWS);
},
_openOrderDetailModel:function(_order){
vc.component.orderManageInfo.orderDetail = true;
vc.emit('orderDetailManage','listOrderDetails',_order.cBusiness);
}
}
});
})(window.vc);