<style scoped>
.selectblock {
width: 420px;
}
.nice-select {
display: inline-block;
vertical-align:middle;
}
</style>
<template>
<div>
<in-adm-header></in-adm-header>
<div class="main">
<div class="location">当前位置：<span id="busiName"></span>> <span>{{pool.C_A01_Sys_NumOrg}} </span>
> <span>{{pool.C_A01_Sys_DeviceNo}} > </span><span id="busiType">业务统计查询</span></div>
<div class="adm_content">
<div class="searchbox">
<div class="searblock">
<span>查询日期：</span>
<input type="text" class="input_search input_trans" id="BusiDate" :value="newdatatime"></input>
<div id="dd"></div>
</div>
<div class="searblock selectblock">
<span>选择用户号：</span>
<div class="nice-select" name="nice-select"
style="display:inline-block;width:40%;">
<p id="UserNo" type="text" readonly ></p>
</div>
</div>
<div class="searblock">
<button class="searchbtn" id="btn_search" @click="onQuery">查询</button>
</div>
</div>
<table class="searchtab">
<thead id="Tabheader">
<tr>
<td>交易名称</td>
<td>成功笔数</td>
<td>未完成笔数</td>
<td>失败笔数</td>
<td>合计总数</td>
<td>合计金额</td>
</tr>
</thead>
<tbody id="Tabbody"></tbody>
</table>
<div class="page" id="page"></div>
<div class="admbtnbox">
<button class="admbtn adm_surebtn" id="btn_back" @click="onBack">返回</button>
</div>
</div>
</div>
</div>
</template>
<script>
import{mapState,mapActions} from 'vuex'
export default {
data(){
return {
getKeys:
["D00_InqBusFlowList",'C_A01_Sys_DeviceNo','C_A01_Sys_NumOrg','D00_InqBusFlow_Date'],
setKeys:["D00_InqBusFlow_Date"],
NumPidErr:"",
NamCustErr:""
}
},
mounted(){
this.initPage() ;
initializeSelect();
$("#btn_search").prop("disabled",true);
DataTools.get("GD_A01_ManagerUser",function(data){
var jsonArrayData ="";
if (data!= undefined&&data!= null) {
jsonArrayData=JSON.parse(data);
}
var userNum=new Array();
var userNam=new Array();
userNum[0]="";
userNam[0]="全部";
for (var i=0;i<jsonArrayData.length;i++) {
userNum[i+1]=jsonArrayData[i].userNum;
userNam[i+1]=jsonArrayData[i].userNum;
}
createSelect(userNum,userNam,"UserNo");
$("#btn_search").prop("disabled",false);
});
document.getElementById("Tabbody").innerHTML = "";
var arrBusList=[];
var strIDList=["交易名称","成功笔数","未完成笔数","失败笔数","合计总数","合计金额"];
DataTools.get("D00_InqBusFlowList",function(data){
var jsonArrayData=[];
var jsonData="";
if(data!=undefined&&data!=null) {
jsonArrayData=JSON.parse(data);
}
for(var i=0;i<jsonArrayData.length;i++) {
jsonData=jsonArrayData[i];
var strBus={};
strBus["交易名称"]=jsonData["codBus"];
strBus["成功笔数"]=jsonData["successCount"];
strBus["未完成笔数"]=jsonData["notFinishCount"];
strBus["失败笔数"]=jsonData["failCount"];
strBus["合计总数"]=jsonData["count"];
strBus["合计金额"]=jsonData["amtTrSum"];
arrBusList.push(strBus);
}
adminDataInt(strIDList,arrBusList,"Tabbody");
setVar("D00_InqBusFlow_Date","");
});
DataTools.get("D00_InqBusFlow_UserNo",function(data){
if (data!=undefined&&data!=null) {
setSelectValue(data,"UserNo");
}
});
$('#ExitBtn').bind("click",function(){
setVar("D00_InqBusFlow_Date","");
setVar("D00_InqBusFlow_UserNo","");
onCancel();
});
$(function(){
new DatePicker().init({id:'BusiDate'});
});
},
computed: {
newdatatime:function(){
if(this.pool.D00_InqBusFlow_Date!= ""){
return this.pool.D00_InqBusFlow_Date;
}
},
...mapState(['pool','documentTypeOptions'])
},
methods: {
initPage(){
this.initPool(this.$data)
},
onBack(){
setVar("D00_InqBusFlow_Date","");
setVar("D00_InqBusFlow_UserNo","");
this.onCancel()
},
onSure(){
if(this.validate())return
this.submit(this.setKeys)
this.onContinue()
},
validate(){
return true
},
onQuery(){
//清空数据
document.getElementById("Tabbody").innerHTML="";
var date=$("#BusiDate").val();
var UserNo=$("#UserNo").attr("data-value");
setVar("D00_InqBusFlow_Date",date);
setVar("D00_InqBusFlow_UserNo",UserNo);
this.onContinue();
},
onClearNumPidErr(){
this.NumPidErr=""
},
onClearNamCustErr(){
this.NamCustErr=""
},
...mapActions(['initPool', 'fetch', 'submit', 'onCancel', 'onContinue'])
},
watch(){
}
}
</script>