|
@@ -19,12 +19,18 @@
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
<div class="paymentstatement-haed">
|
|
|
- <el-date-picker style="width:350px" v-model="value2" type="daterange" align="left"
|
|
|
+ <el-date-picker @change="Dailychange" style="width:350px" v-model="value2" type="daterange" align="left"
|
|
|
unlink-panels range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"
|
|
|
:picker-options="pickerOptions">
|
|
|
</el-date-picker>
|
|
|
<el-button @click="dialogFormVisible = true" type="primary">更改筛选器</el-button>
|
|
|
</div>
|
|
|
+ <div class="paymentstatement-tree">
|
|
|
+ <div class="paymentstatement-tree-title">
|
|
|
+ <span>日付统计列表</span>
|
|
|
+ </div>
|
|
|
+ <el-tree :data="treedata" :props="defaultProps" @node-click="handleNodeClick"></el-tree>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -32,7 +38,7 @@ export default {
|
|
|
data () {
|
|
|
return {
|
|
|
token:'',
|
|
|
- dialogFormVisible:true,
|
|
|
+ dialogFormVisible:false,
|
|
|
pickerOptions: {
|
|
|
shortcuts: [{
|
|
|
text: '最近一周',
|
|
@@ -62,10 +68,18 @@ export default {
|
|
|
},
|
|
|
value2:'',
|
|
|
DailypaymentTypelist:[],
|
|
|
- typeIds:[]
|
|
|
+ typeIds:[],
|
|
|
+ treedata:[],
|
|
|
+ defaultProps: {
|
|
|
+ children: 'contents',
|
|
|
+ label: 'priceName'
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
+ handleNodeClick(data) {
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
//日付类型
|
|
|
DailypaymentTypeInit(){
|
|
|
var url = "/api/Statistics/DailypaymentTypeInit"
|
|
@@ -145,6 +159,47 @@ export default {
|
|
|
that.$message.error("接口错误,请联系信息部!");
|
|
|
});
|
|
|
},
|
|
|
+ //处理时间
|
|
|
+ getdate(val){
|
|
|
+ var date=new Date(val);
|
|
|
+ var y=date.getFullYear();
|
|
|
+ var m=date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1;
|
|
|
+ var d=date.getDate()<10?'0'+date.getDate():date.getDate();
|
|
|
+ return y+'-'+m+'-'+d
|
|
|
+ },
|
|
|
+ //日期切换
|
|
|
+ Dailychange(){
|
|
|
+ // console.log(this.getdate(val[0]));
|
|
|
+ this.DailypaymentRange(this.getdate(this.value2[0]),this.getdate(this.value2[1]),1)
|
|
|
+ },
|
|
|
+ //获取列表
|
|
|
+ DailypaymentRange(beginDt,endDt,type){
|
|
|
+ var url = "/api/Statistics/DailypaymentRange"
|
|
|
+ var that = this
|
|
|
+ this.$axios({
|
|
|
+ method: 'post',
|
|
|
+ url: url,
|
|
|
+ headers: {
|
|
|
+ Authorization: 'Bearer ' + that.token
|
|
|
+ },
|
|
|
+ data: {
|
|
|
+ portType: 1 ,
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:99999,
|
|
|
+ beginDt:beginDt,
|
|
|
+ endDt:endDt,
|
|
|
+ type:type,
|
|
|
+ }
|
|
|
+ }).then(function (res) {
|
|
|
+ if (res.data.code == 200) {
|
|
|
+ that.treedata=res.data.data;
|
|
|
+ } else {
|
|
|
+ that.$message.error(res.data.msg);
|
|
|
+ }
|
|
|
+ }).catch(function (error) {
|
|
|
+ that.$message.error("接口错误,请联系信息部!");
|
|
|
+ });
|
|
|
+ },
|
|
|
},
|
|
|
mounted(){
|
|
|
this.DailypaymentTypeInit();
|
|
@@ -157,7 +212,6 @@ export default {
|
|
|
padding: 10px;
|
|
|
box-shadow: 0 0 5px #0005;
|
|
|
border-radius: 10px;
|
|
|
- height: 100%;
|
|
|
min-height: 830px;
|
|
|
}
|
|
|
.paymentstatement-haed{
|
|
@@ -184,4 +238,9 @@ export default {
|
|
|
margin-top: 4px;
|
|
|
margin-bottom: 4px;
|
|
|
}
|
|
|
+.paymentstatement-tree-title{
|
|
|
+ color: #555;
|
|
|
+ border-bottom: 1px solid #DCDFE6;
|
|
|
+ padding-bottom: 10px;
|
|
|
+}
|
|
|
</style>
|