余额时间查询

ghsApp/src/admin/shopYeChange/list.vue

@@ -1,55 +1,69 @@
 <template>
-<view class="app-content">
-		<block v-if="!$util.isEmpty(list.data)">
-			<t-table :headerBackgroundColor="'#F0F2F6'">
-				<t-tr header>
-					<t-th><view style="width:150upx;">来源</view></t-th>
-					<t-th><view style="width:200upx;">事项</view></t-th>
-					<t-th>金额</t-th>
-					<t-th>余额</t-th>
-					<t-th>可提现</t-th>
-				</t-tr>
-				<view v-for="(item, index) in list.data" :key="index" @click="goDetail(item)">
-					<t-tr>
-						<t-td align="center" color="info">
-							<view style="width:150upx;">
-								<view>{{ item.addTime.substr(5,11) }}</view>
-								<view>{{item.ptStyle==1?'零售':'批发'}}-{{ item.fromType ==1 ? '门店' : item.fromType == 2 ? '商城' : item.fromType ==3 ? '朋友圈' : '其它' }}</view>
-							</view>
-						</t-td>
-						<t-td align="center" color="info"><view style="width:200upx;">{{ item.event }}</view></t-td>
-						<t-td align="center" color="info"><view >{{ parseFloat(item.amount) }}</view></t-td>
-						<t-td align="center" color="info"><view >{{ parseFloat(item.balance) }}</view></t-td>
-						<t-td align="center" color="info"><view >{{ parseFloat(item.txBalance) }}</view></t-td>
+	<view class="app-content">
+		<view style="text-align:center;">
+			<DateSelect class="bar" top="0" @selectDateFn="selectDateFn" />
+		</view>
+		<view class="main-view">
+			<block v-if="!$util.isEmpty(list.data)">
+				<t-table :headerBackgroundColor="'#F0F2F6'">
+					<t-tr header>
+						<t-th><view style="width:150upx;">来源</view></t-th>
+						<t-th><view style="width:200upx;">事项</view></t-th>
+						<t-th>金额</t-th>
+						<t-th>余额</t-th>
+						<t-th>可提现</t-th>
 					</t-tr>
-				</view>
-			</t-table>
-		</block>
-		<block v-else>
-			<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
-		</block>
+					<view v-for="(item, index) in list.data" :key="index" @click="goDetail(item)">
+						<t-tr>
+							<t-td align="center" color="info">
+								<view style="width:150upx;">
+									<view>{{ item.addTime.substr(5,11) }}</view>
+									<view>{{item.ptStyle==1?'零售':'批发'}}-{{ item.fromType ==1 ? '门店' : item.fromType == 2 ? '商城' : item.fromType ==3 ? '朋友圈' : '其它' }}</view>
+								</view>
+							</t-td>
+							<t-td align="center" color="info"><view style="width:200upx;">{{ item.event }}</view></t-td>
+							<t-td align="center" color="info"><view >{{ parseFloat(item.amount) }}</view></t-td>
+							<t-td align="center" color="info"><view >{{ parseFloat(item.balance) }}</view></t-td>
+							<t-td align="center" color="info"><view >{{ parseFloat(item.txBalance) }}</view></t-td>
+						</t-tr>
+					</view>
+				</t-table>
+			</block>
+			<block v-else>
+				<AppWrapperEmpty title="暂无数据" :is-empty="$util.isEmpty(list.data)" />
+			</block>
+		</view>
 	</view>
 </template>
-
 <script>
+import DateSelect from "@/components/module/dateSelect";
 import AppWrapperEmpty from "@/components/app-wrapper-empty";
 import { changeList } from '@/api/shop-ye-change'
 import list from '@/mixins/list'
 export default {
-	name: "cashList",
+	name: "list",
 	components: {
-		AppWrapperEmpty
+		AppWrapperEmpty,
+		DateSelect
 	},
 	mixins:[list],
 	data() {
 		return {
+			params:{
+				searchTime:'',
+				startTime: "",
+				endTime: "",
+			}
 		};
 	},
 	methods: {
+		selectDateFn(val) {
+			this.params = {...this.params,...val}
+			this.resetList()
+			this.init()
+		},
 		async init(){
-			const res = await changeList({
-				page:this.list.page,tx:0
-			})
+			const res = await changeList({ page:this.list.page,tx:0,...this.params })
 			if (this.$util.isEmpty(res.data.list)){
 				this.completes(res)
 				return
@@ -80,5 +94,5 @@ export default {
 	
 };
 </script>
-
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+</style>