|  |  |  | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | start-placeholder="开始日期" | 
|---|
|  |  |  | end-placeholder="结束日期" | 
|---|
|  |  |  | :picker-options="pickerOptions" | 
|---|
|  |  |  | format="yyyy-MM-dd" value-format="yyyy-MM-dd HH:mm:ss" | 
|---|
|  |  |  | @change="selectDate" | 
|---|
|  |  |  | ></el-date-picker> | 
|---|
|  |  |  | 
|---|
|  |  |  | <section> | 
|---|
|  |  |  | <el-button type="primary" @click="search">搜索</el-button> | 
|---|
|  |  |  | <el-button @click="reset">重置</el-button> | 
|---|
|  |  |  | <el-button @click="$refs.Synchronous.open('手动同步账单')" :permissions="['business:wxbill:create']">手动同步账单</el-button> | 
|---|
|  |  |  | </section> | 
|---|
|  |  |  | </el-form> | 
|---|
|  |  |  | <!-- 表格和分页 --> | 
|---|
|  |  |  | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="sum-value"> | 
|---|
|  |  |  | <div>退款金额(元)</div> | 
|---|
|  |  |  | <div>{{ sumData.sumRefundBill }}</div> | 
|---|
|  |  |  | <div>{{ sumData.sumRefundFee }}</div> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | <div class="sum-value"> | 
|---|
|  |  |  | <div>退款手续费(元)</div> | 
|---|
|  |  |  | 
|---|
|  |  |  | :data="tableData.list" | 
|---|
|  |  |  | stripe | 
|---|
|  |  |  | border | 
|---|
|  |  |  | show-summary | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column prop="createDate" label="日期" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="id" label="日期" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumBill" label="收款笔数" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumTotalFee" label="收款金额" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumCmmsAmt" label="收款手续费" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumTotalFee" label="收款金额(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumCmmsAmt" label="收款手续费(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumRefundBill" label="退款笔数" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumRefundFee" label="退款金额" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumRefundCmmsAmt" label="退款手续费" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumRefundFee" label="退款金额(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumRefundCmmsAmt" label="退款手续费(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <!-- <el-table-column prop="sumSuccessFee" label="应结订单总金额" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumCouponRefundFee" label="充值券退款总金额" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="sumApplyRefundFee" label="申请退款总金额" min-width="100px" align="center"></el-table-column> --> | 
|---|
|  |  |  | <el-table-column prop="total" label="结算金额" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="bikeFee" label="自行车收入" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="total" label="结算金额(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="bikeFee" label="自行车收入(元)" min-width="100px" align="center"></el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination | 
|---|
|  |  |  | @size-change="handleSizeChange" | 
|---|
|  |  |  | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </pagination> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | <Synchronous ref="Synchronous" /> | 
|---|
|  |  |  | </TableLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | import BaseTable from '@/components/base/BaseTable' | 
|---|
|  |  |  | import TableLayout from '@/layouts/TableLayout' | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import { formatDateTime } from '@/utils/util' | 
|---|
|  |  |  | import Synchronous from '@/components/business/synchronous' | 
|---|
|  |  |  | // import { formatDateTime } from '@/utils/util' | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | name: 'WxBill', | 
|---|
|  |  |  | extends: BaseTable, | 
|---|
|  |  |  | components: { TableLayout, Pagination }, | 
|---|
|  |  |  | components: { TableLayout, Pagination, Synchronous }, | 
|---|
|  |  |  | data () { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | value1: [new Date(), new Date()], | 
|---|
|  |  |  | value1: [], | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | endDate: '', | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | startDate: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | sumData: { | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | pickerOptions: {} | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | 
|---|
|  |  |  | 'field.id': 'id', | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.searchForm.startDate = formatDateTime(new Date(), 'yyyy-MM-dd') + ' 00:00:00' | 
|---|
|  |  |  | this.pickerOptions.disabledDate = (time) => { | 
|---|
|  |  |  | // 一天 | 
|---|
|  |  |  | const tempTime = 3600 * 1000 * 24 | 
|---|
|  |  |  | return time.getTime() > new Date() - tempTime | 
|---|
|  |  |  | } | 
|---|
|  |  |  | // let tempTime = new Date().getTime() - 3600 * 1000 * 24 | 
|---|
|  |  |  | // this.searchForm.startDate = formatDateTime(new Date(tempTime), 'yyyy-MM-dd') + ' 00:00:00' | 
|---|
|  |  |  | // this.searchForm.endDate = formatDateTime(new Date(tempTime), 'yyyy-MM-dd') + ' 23:59:59' | 
|---|
|  |  |  | // this.value1 = [this.searchForm.startDate, this.searchForm.endDate] | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | reset() { | 
|---|
|  |  |  | reset () { | 
|---|
|  |  |  | this.searchForm.startDate = '' | 
|---|
|  |  |  | this.searchForm.endDate = '' | 
|---|
|  |  |  | this.value1 = [] | 
|---|
|  |  |  | this.$refs.searchForm.resetFields() | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | selectDate(v) { | 
|---|
|  |  |  | selectDate (v) { | 
|---|
|  |  |  | this.searchForm.startDate = '' | 
|---|
|  |  |  | this.searchForm.endDate = '' | 
|---|
|  |  |  | if (v) { | 
|---|
|  |  |  | 
|---|
|  |  |  | .finally(() => { | 
|---|
|  |  |  | this.isWorking.search = false | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  | <style lang="scss" scoped> | 
|---|
|  |  |  | 
|---|
|  |  |  | margin-bottom: 10px; | 
|---|
|  |  |  | background-color: rgb(243, 243, 251); | 
|---|
|  |  |  | .sum-title { | 
|---|
|  |  |  | flex-shrink: 0; | 
|---|
|  |  |  | background-color: rgb(111, 129, 198); | 
|---|
|  |  |  | color: #fff; | 
|---|
|  |  |  | font-weight: 500; | 
|---|