|  |  |  | 
|---|
|  |  |  | <script type="text/javascript" charset="utf-8" | 
|---|
|  |  |  | th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script> | 
|---|
|  |  |  | <style> | 
|---|
|  |  |  | .panel-body{ | 
|---|
|  |  |  | overflow: hidden; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .paginationStyle{ | 
|---|
|  |  |  | background: #ffffff; | 
|---|
|  |  |  | padding: 10px 10px; | 
|---|
|  |  |  | margin: 0px 0px 10px 0px; | 
|---|
|  |  |  | text-align: right; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .box-card { | 
|---|
|  |  |  | width: 240px; | 
|---|
|  |  |  | border-radius: 5px; | 
|---|
|  |  |  | color: #ffffff; | 
|---|
|  |  |  | padding: 2px 0px; | 
|---|
|  |  |  | margin-right: 20px; | 
|---|
|  |  |  | cursor: pointer; | 
|---|
|  |  |  | float: left; | 
|---|
|  |  |  | text-align: center; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .el-card__body { | 
|---|
|  |  |  | padding: 0px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|
|  |  |  | </head> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <body> | 
|---|
|  |  |  | <div class="ibox-content" id="app" v-cloak> | 
|---|
|  |  |  | <el-row style="padding: 10px;"> | 
|---|
|  |  |  | <el-row :gutter="100"> | 
|---|
|  |  |  | <el-col class="line" :span="8" style="text-align: center"> | 
|---|
|  |  |  | <el-card class="box-card" style="background-color: #eee;border-radius: 30px;"> | 
|---|
|  |  |  | <div class="panel-body" id="app" v-cloak> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-card class="box-card" style="background-color: #0f9aef;"> | 
|---|
|  |  |  | <div style="padding:10px;font-size: 20px;">¥{{basicdetail.balance}}</div> | 
|---|
|  |  |  | <div>待计算金额</div> | 
|---|
|  |  |  | <div style="padding: 5px;font-size: 30px;">¥{{basicdetail.balance}}</div> | 
|---|
|  |  |  | </el-card > | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col class="line" :span="8" style="text-align: center"> | 
|---|
|  |  |  | <el-card class="box-card" style="background-color: #eee;border-radius: 30px;"> | 
|---|
|  |  |  | <el-card class="box-card" style="background: #67C23A;"> | 
|---|
|  |  |  | <div style="padding:10px;font-size: 20px;">{{basicdetail.waitNum}}人</div> | 
|---|
|  |  |  | <div>待结算人数</div> | 
|---|
|  |  |  | <div style="padding: 5px;font-size: 30px;">{{basicdetail.waitNum}}人</div> | 
|---|
|  |  |  | </el-card > | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | <el-col class="line" :span="8" style="text-align: center"> | 
|---|
|  |  |  | <el-card class="box-card" style="background-color: #eee;border-radius: 30px;"> | 
|---|
|  |  |  | <el-card class="box-card" style="background: rgb(121, 187, 255);"> | 
|---|
|  |  |  | <div style="padding:10px;font-size: 20px;">{{basicdetail.waitOrderNum}}笔</div> | 
|---|
|  |  |  | <div>待结算订单</div> | 
|---|
|  |  |  | <div style="padding: 5px;font-size: 30px;">{{basicdetail.waitOrderNum}}笔</div> | 
|---|
|  |  |  | </el-card > | 
|---|
|  |  |  | </el-col> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | <el-row> | 
|---|
|  |  |  | <el-tabs v-model="activeName" > | 
|---|
|  |  |  | <el-tab-pane label="分销订单" name="first"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="orderNo" | 
|---|
|  |  |  | label="订单编号"> | 
|---|
|  |  |  | label="订单编号" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="actualBalance" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="address" | 
|---|
|  |  |  | label="下单门店"> | 
|---|
|  |  |  | label="下单门店" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="custom" | 
|---|
|  |  |  | label="客户"> | 
|---|
|  |  |  | label="客户" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="parentSale" | 
|---|
|  |  |  | label="推广员"> | 
|---|
|  |  |  | label="推广员" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="收益类型"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="settleNo" | 
|---|
|  |  |  | label="结算编号" width="150"> | 
|---|
|  |  |  | label="结算编号" | 
|---|
|  |  |  | show-overflow-tooltip | 
|---|
|  |  |  | width="150"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="settleTime" | 
|---|
|  |  |  | label="结算时间"> | 
|---|
|  |  |  | label="结算时间" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="settler" | 
|---|
|  |  |  | label="结算人"> | 
|---|
|  |  |  | label="结算人" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column label="操作"> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | 
|---|
|  |  |  | <el-table :data="orderLevelList.rows"  :height="height" stripe:true  @sort-change="sortChange"> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="orderNo" | 
|---|
|  |  |  | label="结算编号"> | 
|---|
|  |  |  | label="结算编号" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="actualBalance" | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="setTime" | 
|---|
|  |  |  | label="结算时间"> | 
|---|
|  |  |  | label="结算时间" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="setMan" | 
|---|
|  |  |  | label="结算人"> | 
|---|
|  |  |  | label="结算人" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | label="结算方式"> | 
|---|
|  |  |  | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | prop="remark" | 
|---|
|  |  |  | label="备注"> | 
|---|
|  |  |  | label="备注" | 
|---|
|  |  |  | show-overflow-tooltip> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | </el-row> | 
|---|
|  |  |  | 
|---|
|  |  |  | el: '#app', | 
|---|
|  |  |  | data: { | 
|---|
|  |  |  | activeName: 'first', | 
|---|
|  |  |  | height:'calc(100vh - 240px)', | 
|---|
|  |  |  | height:'calc(100vh - 340px)', | 
|---|
|  |  |  | //--基本数据 | 
|---|
|  |  |  | basicdetail:{}, | 
|---|
|  |  |  | //--时间选择 | 
|---|
|  |  |  | 
|---|
|  |  |  | let order = _this.multipleSelection[i]; | 
|---|
|  |  |  | //待审核的计算到弹出框 | 
|---|
|  |  |  | let orderState = order.orderState; | 
|---|
|  |  |  | if(orderState == 4 || orderState == 5){ | 
|---|
|  |  |  | let settleType = order.settleType; | 
|---|
|  |  |  | if((orderState == 4 || orderState == 5) && settleType == 1){ | 
|---|
|  |  |  | let orderId = order.id; | 
|---|
|  |  |  | name.push(order.customUserId); | 
|---|
|  |  |  | orderNum = orderNum + 1; | 
|---|
|  |  |  | 
|---|
|  |  |  | setOrderDone() { | 
|---|
|  |  |  | if(this.orderNumsDones > 0){ | 
|---|
|  |  |  | this.$message({ | 
|---|
|  |  |  | message: '订单状态【待评价】和【已评价】才允许结算', | 
|---|
|  |  |  | message: '【待评价】和【已评价】状态下的【待结算】订单,才允许结算', | 
|---|
|  |  |  | type: 'warning' | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | }else if(this.orderNums > 0){ | 
|---|