| | |
| | | <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:{}, |
| | | //--时间选择 |
| | |
| | | jsje: '', |
| | | jsdds: '', |
| | | jsrs: '', |
| | | jsfs: 1, |
| | | jsfs: 2, |
| | | bz: '' |
| | | }, |
| | | formLabelWidth: '120px', |
| | |
| | | callback: function (data) { |
| | | _this.orderLevelList.rows = data.rows; |
| | | _this.orderLevelList.total = data.total; |
| | | _this.loadFenxiaoOrderBasic(); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | callback: function (data) { |
| | | _this.fxyList.rows = data.rows; |
| | | _this.fxyList.total = data.total; |
| | | _this.loadFenxiaoOrderBasic(); |
| | | } |
| | | }); |
| | | }, |
| | |
| | | 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){ |