总业绩报表

src/views/financial/memberPerformance.vue

@@ -42,18 +42,30 @@
 		</div>
 
 		<el-table :data="tableData" border style="width: 100%" header-align="center" height="450">
-			<el-table-column prop="name" label="类型" align="center"></el-table-column>
-			<el-table-column prop="companyNames" label="时间" align="center"></el-table-column>
-			<el-table-column prop="postionNames" label="订单号" align="center"></el-table-column>
-			<el-table-column prop="phone" label="会员等级" align="center"></el-table-column>
-			<el-table-column prop="sellAmount" label="会员姓名" align="center"></el-table-column>
-			<el-table-column prop="royaltyAmount" label="会员电话" align="center"></el-table-column>
-			<el-table-column label="邀约人/电话" align="center">
+			<el-table-column prop="name" label="退款日期" align="center"></el-table-column>
+			<el-table-column prop="companyNames" label="订单ID" align="center">
+				<template scope="scope">
+					<p v-for="(item,index) in scope.row.companyNames" :key="index">{{item}}</p>
+				</template>
+			</el-table-column>
+			<el-table-column prop="postionNames" label="订单类型" align="center">
+				<template scope="scope">
+					<span
+						v-for="(item,index) in scope.row.postionNames"
+						:key="index"
+						style="margin-left:10px"
+					>{{item}}</span>
+				</template>
+			</el-table-column>
+			<el-table-column prop="phone" label="退还类型" align="center"></el-table-column>
+			<el-table-column prop="sellAmount" label="应退还金额" align="center"></el-table-column>
+			<el-table-column prop="royaltyAmount" label="实际退款接" align="center"></el-table-column>
+			<el-table-column label="客户名字" align="center">
 				<template scope="scope">
 					<span>{{scope.row.memberOrderNum}} / {{scope.row.memberAmount}}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="实付金额" align="center">
+			<el-table-column label="客户手机号" align="center">
 				<template scope="scope">
 					<span>{{scope.row.rentVehicleOrderNum}} / {{scope.row.rentVehicleAmount}}</span>
 				</template>
@@ -112,7 +124,7 @@ export default {
 				userPostionId: null, //身份
 				page: 1,
 				limit: 10,
-				radio1:0
+				radio1: 0
 			}
 		}
 	},

src/views/financial/staffPerformance.vue

@@ -43,18 +43,23 @@
 			height="450"
 			@select="choose"
 			@select-all="chooseAll"
+			ref="multipleTable"
 		>
 			<el-table-column type="selection" width="55" align="center"></el-table-column>
 			<el-table-column type="index" width="80" label="序号" align="center"></el-table-column>
 			<el-table-column prop="name" label="员工姓名" align="center"></el-table-column>
 			<el-table-column prop="companyNames" label="所属公司" align="center">
 				<template scope="scope">
-					<span v-for="(item,index) in scope.row.companyNames" :key="index" style="margin-left:10px">{{item}}</span>
+					<p v-for="(item,index) in scope.row.companyNames" :key="index">{{item}}</p>
 				</template>
 			</el-table-column>
 			<el-table-column prop="postionNames" label="身份" align="center">
 				<template scope="scope">
-					<span v-for="(item,index) in scope.row.postionNames" :key="index" style="margin-left:10px">{{item}}</span>
+					<span
+						v-for="(item,index) in scope.row.postionNames"
+						:key="index"
+						style="margin-left:10px"
+					>{{item}}</span>
 				</template>
 			</el-table-column>
 			<el-table-column prop="phone" label="电话" align="center"></el-table-column>
@@ -81,7 +86,7 @@
 			@size-change="handleSizeChange"
 			@current-change="handleCurrentChange"
 			:current-page.sync="listquery.page"
-			:page-sizes="[10,20,30, 50]"
+			:page-sizes="[3,10,20,30, 50]"
 			:page-size="listquery.limit"
 			layout="total, sizes, prev, pager, next, jumper"
 			:total="total"
@@ -92,7 +97,6 @@
 <script>
 import { getAll } from 'api/base_info/branch_company/'
 import { getDate } from 'api/statistics'
-
 import { getrewardSetting } from 'api/purseManage'
 export default {
 	created() {
@@ -102,15 +106,15 @@ export default {
 	},
 	data() {
 		return {
-			loading: false,
-			total: null,
-			information: {},
-			time: [],
+			loading: false, //页面loading
+			total: null, //总页数
+			information: {}, //统计数据
+			time: [], //时间筛选
 			tableData: [], //表格数据
 			excelLoading: false, //导出loading
 			allCompaniesArr: [], //公司
 			options: [], //身份
-			company: '',
+			allChoose: false, //是否全选
 			listquery: {
 				startDate: null, //开始日期
 				endDate: null, //结束日期
@@ -125,7 +129,7 @@ export default {
 	methods: {
 		//全选
 		chooseAll(arr) {
-			console.log(arr)
+			arr.length > 0 ? (this.allChoose = true) : (this.allChoose = false)
 		},
 		//多选
 		choose(val, row) {
@@ -172,6 +176,21 @@ export default {
 				if (data.status == 200) {
 					this.tableData = data.data.page.data
 					this.total = data.data.page.totalCount
+					//点击全选所有分页都全选
+					if (!!this.allChoose) {
+						this.$nextTick(function() {
+							for (
+								let index = 0;
+								index < this.tableData.length;
+								index++
+							) {
+								this.$refs.multipleTable.toggleRowSelection(
+									this.tableData[index]
+								)
+							}
+						})
+					}
+					//第一页才调取统计
 					if (data.data.page.pageNum == 1) {
 						this.information = data.data.total
 					}