chenrui 4 年之前
父节点
当前提交
f918faaba7
共有 5 个文件被更改,包括 271 次插入378 次删除
  1. 17 10
      pages.json
  2. 121 0
      pages/cleared/details.vue
  3. 8 2
      pages/cleared/index.vue
  4. 125 169
      pages/index/index.vue
  5. 0 197
      pages/index/searchModal.vue

+ 17 - 10
pages.json

@@ -3,13 +3,14 @@
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 		"^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
 	},
 	},
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
-	{
-		"path": "pages/cleared/index", // 已清运
-		"style": {
-			"navigationBarTitleText": "已清运",
-			"enablePullDownRefresh": false
-		}
-	},
+		{
+			"path": "pages/index/index", // 待清运
+			"style": {
+				"navigationBarTitleText": "待清运",
+				"enablePullDownRefresh": false,
+				"navigationStyle": "custom"
+			}
+		},
 		{
 		{
 			"path": "pages/login/login",
 			"path": "pages/login/login",
 			"style": {
 			"style": {
@@ -22,14 +23,20 @@
 				"navigationBarTitleText": "密码登录"
 				"navigationBarTitleText": "密码登录"
 			}
 			}
 		},
 		},
+		
 		{
 		{
-			"path": "pages/index/index", // 未清运
+			"path": "pages/cleared/index", // 已清运
 			"style": {
 			"style": {
-				"navigationBarTitleText": "清运",
+				"navigationBarTitleText": "清运",
 				"enablePullDownRefresh": false
 				"enablePullDownRefresh": false
 			}
 			}
 		},
 		},
-		
+		{
+			"path": "pages/cleared/details", // 已清运详情
+			"style": {
+				"navigationBarTitleText": "详情"
+			}
+		},
 		{
 		{
 			"path": "pages/userCenter/index",
 			"path": "pages/userCenter/index",
 			"style": {
 			"style": {

+ 121 - 0
pages/cleared/details.vue

@@ -0,0 +1,121 @@
+<template>
+	<view class="cleared-details-container">
+		<!-- 列表数据 -->
+		<view class="cell-item-con">
+			<view class="cell-item" v-for="(item, index) in listdata" :key="index">
+				<view class="cell-item-c">
+					<u-image class="cell-item-pic" src="/static/logo.jpg" width="140rpx" height="140rpx"></u-image>
+					<view class="cell-item-info">
+						<view class="cell-item-info-network">咸阳市秦都区文彩舫东区</view>
+						<view class="cell-item-info-weight">清运总重量:<text>2568kg</text></view>
+					</view>
+				</view>
+				<u-grid :col="4" :hover-class="none">
+					<u-grid-item>
+						<view class="cell-item-main">
+							<text class="cell-item-number blue">26</text>
+							<text class="cell-item-unit">个</text>
+						</view>
+						<view class="cell-item-exp">废旧衣物</view>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="cell-item-main">
+							<text class="cell-item-number green">26</text>
+							<text class="cell-item-unit">个</text>
+						</view>
+						<view class="cell-item-exp">废旧纸张</view>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="cell-item-main">
+							<text class="cell-item-number red">26</text>
+							<text class="cell-item-unit">kg</text>
+						</view>
+						<view class="cell-item-exp">废旧金属</view>
+					</u-grid-item>
+					<u-grid-item>
+						<view class="cell-item-main">
+							<text class="cell-item-number yellow">26</text>
+							<text class="cell-item-unit">kg</text>
+						</view>
+						<view class="cell-item-exp">废旧玻璃</view>
+					</u-grid-item>
+				</u-grid>
+			</view>
+		</view>
+		<u-empty class="nodata" :text="noDataText" v-if="listdata.length==0 && status!='loading'" mode="list"></u-empty>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				listdata: [{},{}],
+				noDataText: '暂无数据',  //  列表请求状态提示语
+				status: 'loadmore',  //  加载中状态
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.cleared-details-container{
+		width: 100%;
+		.cell-item-con{
+			.cell-item{
+				margin: $uni-spacing-col-base $uni-spacing-row-base;
+				background-color: #fff;
+				border-radius: $uni-border-radius-base;
+				color: $uni-text-color;
+				font-size: $uni-font-size-base;
+				box-shadow: 3rpx 3rpx 5rpx #eee;
+				.cell-item-c{
+					display: flex;
+					align-items: center;
+					padding: $uni-spacing-col-base $uni-spacing-row-base;
+					.cell-item-pic{
+						flex-shrink: 0;
+						margin-right: 10rpx;
+					}
+					.cell-item-info{
+						flex-grow: 1;
+						.cell-item-info-network{
+							word-break: break-all;
+							margin-bottom: 10rpx;
+						}
+						.cell-item-info-weight{
+							font-size: 26rpx;
+							text{
+								font-weight: bold;
+							}
+						}
+					}
+				}
+				.cell-item-main{
+					margin-bottom: 10rpx;
+					.cell-item-number{
+						margin-right: 5rpx;
+					}
+					.cell-item-unit{
+						font-size: 26rpx;
+					}
+					.blue {
+						color: #1890FF;
+					}
+					.green {
+						color: #16b50e;
+					}
+					.red {
+						color: red;
+					}
+					.yellow {
+						color: #ff9900;
+					}
+				}
+			}
+		}
+	}
+</style>

+ 8 - 2
pages/cleared/index.vue

@@ -3,7 +3,7 @@
 		<scroll-view class="scroll-con" scroll-y :scroll-top="scrollTop" @scrolltolower="onreachBottom">
 		<scroll-view class="scroll-con" scroll-y :scroll-top="scrollTop" @scrolltolower="onreachBottom">
 			<!-- 列表数据 -->
 			<!-- 列表数据 -->
 			<view class="cell-item-con">
 			<view class="cell-item-con">
-				<view class="cell-item" v-for="(item, index) in listdata" :key="index">
+				<view class="cell-item" v-for="(item, index) in listdata" :key="index" @tap="goPage(item)">
 					<view class="cell-item-c">
 					<view class="cell-item-c">
 						<view class="cell-item-date">{{item.createDate}}</view>
 						<view class="cell-item-date">{{item.createDate}}</view>
 						<view class="cell-item-orderNum">
 						<view class="cell-item-orderNum">
@@ -62,7 +62,7 @@
 				scrollTop: 0,  //  滚动条位置
 				scrollTop: 0,  //  滚动条位置
 			}
 			}
 		},
 		},
-		onLoad() {
+		onShow() {
 			this.refresh({})
 			this.refresh({})
 		},
 		},
 		methods:{
 		methods:{
@@ -116,6 +116,12 @@
 					this.status = "loadmore"
 					this.status = "loadmore"
 				})
 				})
 			},
 			},
+			//  查看详情
+			goPage(row){
+				uni.navigateTo({
+				    url: '/pages/cleared/details'
+				})
+			},
 			// scroll-view到底部加载更多
 			// scroll-view到底部加载更多
 			onreachBottom() {
 			onreachBottom() {
 				if(this.listdata.length < this.total){
 				if(this.listdata.length < this.total){

+ 125 - 169
pages/index/index.vue

@@ -1,46 +1,30 @@
 <template>
 <template>
-	<view class="homePage-container">
-		<!-- 筛选弹框 -->
-		<search-modal v-if="openScreen" :visible="openScreen" :defaultParams="searchForm" @refresh="refresh" @close="openScreen=false"></search-modal>
-		<view class="homePage-head">
-			<view class="head-con">
-				<text class="homePage-tit">交易记录</text>
-				<view class="total-con">
-					总计:
-					<text class="goleNum">{{ldTotal}}</text>
-					<image src="/static/ledou.png" class="ld-icon"></image>
-				</view>
-			</view>
-			<image class="filter-icon" src="@/static/filter.png" @tap="openScreen=true"></image>
-		</view>
+	<view class="unclear-container">
 		<scroll-view class="scroll-con" scroll-y :scroll-top="scrollTop" @scrolltolower="onreachBottom">
 		<scroll-view class="scroll-con" scroll-y :scroll-top="scrollTop" @scrolltolower="onreachBottom">
 			<!-- 列表数据 -->
 			<!-- 列表数据 -->
 			<view class="cell-item-con">
 			<view class="cell-item-con">
 				<view class="cell-item" v-for="(item, index) in listdata" :key="index">
 				<view class="cell-item" v-for="(item, index) in listdata" :key="index">
-					<view class="cell-item-c">
-						<view class="cell-item-label">交易时间</view>
-						<view class="cell-item-main">{{item.createDate}}</view>
-					</view>
-					<view class="cell-item-c">
-						<view class="cell-item-label">支付账户</view>
-						<view class="cell-item-main">{{item.customerMobile}}</view>
-					</view>
-					<view class="cell-item-c">
-						<view class="cell-item-label">交易数量(个)</view>
-						<view :class="['cell-item-main', item.changeType=='ADD' ? 'red' : 'blue']">{{item.changeType=='ADD' ? '+' : item.changeType=='SUB' ? '-' : ''}}{{ item.changeNum }}</view>
-					</view>
-					<view class="cell-item-c">
-						<view class="cell-item-label">备注</view>
-						<view class="cell-item-main">{{item.remarks ? item.remarks : '--'}}</view>
-					</view>
-					<view class="cell-item-c handle-con">
-						<view class="cell-item-label">操作</view>
-						<view class="cell-item-main">
-							<u-button size="mini" v-if="item.changeType=='ADD' && item.cancelFlag==0" class="handle-btn" hover-class="none" :custom-style="customBtnStyle" @click="revokeFun(item)">撤销单据</u-button>
-							<text v-if="item.changeType=='ADD' && item.cancelFlag==1" style="color: #909399;">单据已撤销</text>
-							<text v-if="item.changeType=='SUB'" style="color: #909399;">扫码支付撤销</text>
+					<u-image class="cell-item-pic" src="/static/logo.jpg" width="140rpx" height="140rpx"></u-image>
+					<view class="cell-item-c" @tap="goPage(item)">
+						<view class="cell-item-info">
+							<view class="cell-item-info-network">
+								咸阳市秦都区文彩舫东区
+								<u-badge type="success" :count="8" :offset="[-10,-32]" size="mini"></u-badge>
+							</view>
+							<view class="cell-item-info-weight">
+								<view class="cell-item-weight-bar">
+									15.25kg
+									<u-badge class="badge" type="primary" count="总" :offset="[0,0]"></u-badge>
+								</view>
+								<view class="cell-item-weight-bar">
+									15.25kg
+									<u-badge class="badge" type="warning" count="最大" :offset="[0,0]"></u-badge>
+								</view>
+							</view>
 						</view>
 						</view>
+						<u-icon name="arrow-right" class="arrow-right" :size="28" color="#999"></u-icon>
 					</view>
 					</view>
+					<u-button size="mini" class="handle-btn" hover-class="none" :custom-style="customBtnStyle" @click="removeFun(item)">移除</u-button>
 				</view>
 				</view>
 			</view>
 			</view>
 			<u-empty class="nodata" :text="noDataText" v-if="listdata.length==0 && status!='loading'" mode="list"></u-empty>
 			<u-empty class="nodata" :text="noDataText" v-if="listdata.length==0 && status!='loading'" mode="list"></u-empty>
@@ -48,80 +32,51 @@
 				<u-loadmore v-if="total>pageSize || status=='loading'" :status="status" />
 				<u-loadmore v-if="total>pageSize || status=='loading'" :status="status" />
 			</view>
 			</view>
 		</scroll-view>
 		</scroll-view>
+		
+		<view class="footer-bar">
+			<u-button class="footer-handle-btn scan-btn" :custom-style="btnStyle" shape="circle" @click="openQuery" size="medium" type="primary">
+				<u-icon name="scan" class="btn-icon" :size="28" color="#fff"></u-icon>
+				<text>扫码清运</text>
+			</u-button>
+			<u-button class="footer-handle-btn" :custom-style="btnStyle" shape="circle" @click="openQuery" size="medium">
+				<u-icon name="plus" class="btn-icon" :size="28" color="#fff"></u-icon>
+				<text>增加清运网点</text>
+			</u-button>
+		</view>
 	</view>
 	</view>
 </template>
 </template>
 <script>
 <script>
-	import searchModal from './searchModal.vue'
 	import { getGoldLogList, GoldLogCancel, GoldLogTotal } from '@/api/officialPartnerGoldLog.js'
 	import { getGoldLogList, GoldLogCancel, GoldLogTotal } from '@/api/officialPartnerGoldLog.js'
 	export default {
 	export default {
-		components: { searchModal },
 		data() {
 		data() {
 			return {
 			return {
-				listdata: [],
+				listdata: [{},{}],
 				pageNo: 1,  //  当前页码
 				pageNo: 1,  //  当前页码
 				pageSize: 10,  //  每页条数
 				pageSize: 10,  //  每页条数
 				total: 0,  //  数据总条数
 				total: 0,  //  数据总条数
 				noDataText: '暂无数据',  //  列表请求状态提示语
 				noDataText: '暂无数据',  //  列表请求状态提示语
 				status: 'loadmore',  //  加载中状态
 				status: 'loadmore',  //  加载中状态
-				openScreen: false,  //  是否打开筛选
-				searchForm: {  //  查询条件
-					beginDate: '',  //  创建时间默认筛选近7天
-					endDate: '',  //  创建时间默认筛选近7天
-					customerMobile: ''  //  支付账户
-				},
 				customBtnStyle: {  //  撤销单据  自定义按钮样式
 				customBtnStyle: {  //  撤销单据  自定义按钮样式
 					borderColor: '#2ab4e5',
 					borderColor: '#2ab4e5',
 					backgroundColor: '#2ab4e5',
 					backgroundColor: '#2ab4e5',
 					color: '#fff'
 					color: '#fff'
 				},
 				},
 				scrollTop: 0,  //  滚动条位置
 				scrollTop: 0,  //  滚动条位置
-				ldTotal: 0  //  乐豆总计数
+				btnStyle: {  //  撤销单据  自定义按钮样式
+					width: '100%'
+				}
 			}
 			}
 		},
 		},
 		onShow() {
 		onShow() {
-			this.openScreen = false  //  关闭筛选框
 			this.refresh({})
 			this.refresh({})
+			console.log(wx.getMenuButtonBoundingClientRect())
 		},
 		},
 		methods:{
 		methods:{
-			//  总计
-			getGoldLogTotal(){
-				GoldLogTotal({
-					beginDate: this.searchForm.beginDate,
-					endDate: this.searchForm.endDate,
-					customerMobile: this.searchForm.customerMobile
-				}).then(res => {
-					if(res.status == 200){
-						this.ldTotal = res.data ? res.data.changeNum : 0
-					}else{
-						this.ldTotal = 0
-					}
-				})
-			},
 			// 获取查询参数 刷新列表
 			// 获取查询参数 刷新列表
 			refresh(params){
 			refresh(params){
-				this.searchForm = params
 				this.listdata = []
 				this.listdata = []
 				this.total = 0
 				this.total = 0
 				this.searchHandle(1)
 				this.searchHandle(1)
-				this.getGoldLogTotal()
-			},
-			//  撤销单据
-			revokeFun(row){
-				const _this = this
-				uni.showModal({
-				  title: '提示',
-				  content: '撤销单据后乐豆将全部退回给原支付账号,确认撤销吗?',
-				  success(res) {
-				    if (res.confirm) {
-				      GoldLogCancel({ id: row.id }).then(ret => {
-						  if(ret.status == 200){
-							  uni.showToast({ title: ret.message, icon: 'none' })
-							  _this.searchHandle(1)
-						  }
-					  })
-				    }
-				  }
-				})
 			},
 			},
 			// 搜索查询
 			// 搜索查询
 			searchHandle (pageNo) {
 			searchHandle (pageNo) {
@@ -129,10 +84,7 @@
 				pageNo ? this.pageNo = pageNo : null
 				pageNo ? this.pageNo = pageNo : null
 				getGoldLogList({
 				getGoldLogList({
 					pageNo: this.pageNo,
 					pageNo: this.pageNo,
-					pageSize: this.pageSize,
-					beginDate: this.searchForm.beginDate,
-					endDate: this.searchForm.endDate,
-					customerMobile: this.searchForm.customerMobile
+					pageSize: this.pageSize
 				}).then(res => {
 				}).then(res => {
 					if (res.status == 200) {
 					if (res.status == 200) {
 						if(this.pageNo>1){
 						if(this.pageNo>1){
@@ -151,6 +103,30 @@
 					this.status = "loadmore"
 					this.status = "loadmore"
 				})
 				})
 			},
 			},
+			//  移除
+			removeFun(row){
+				const _this = this
+				uni.showModal({
+				  title: '提示',
+				  content: '确认移除该网点的清运单?',
+				  success(res) {
+				    if (res.confirm) {
+				   //    GoldLogCancel({ id: row.id }).then(ret => {
+						 //  if(ret.status == 200){
+							//   uni.showToast({ title: ret.message, icon: 'none' })
+							//   _this.searchHandle(1)
+						 //  }
+					  // })
+				    }
+				  }
+				})
+			},
+			//  查看详情
+			goPage(row){
+				uni.navigateTo({
+				    url: '/pages/cleared/details'
+				})
+			},
 			// scroll-view到底部加载更多
 			// scroll-view到底部加载更多
 			onreachBottom() {
 			onreachBottom() {
 				if(this.listdata.length < this.total){
 				if(this.listdata.length < this.total){
@@ -169,113 +145,93 @@
 	page{
 	page{
 		height: 100%;
 		height: 100%;
 	}
 	}
-	.homePage-container {
+	.unclear-container {
 		width: 100%;
 		width: 100%;
 		height: 100%;
 		height: 100%;
 		display: flex;
 		display: flex;
 		flex-direction: column;
 		flex-direction: column;
-		padding-top: 102rpx;
-		// 筛选菜单
-		.homePage-head{
-			font-size: 30rpx;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			position: fixed;
-			top: 0;
-			left: 0;
-			z-index: 9;
-			padding: 26rpx 30rpx;
-			background-color: #fff;
-			box-shadow: 0rpx 0rpx 14rpx rgba(0,0,0,.05);
-			width: 100%;
-			border-top: 10rpx solid #f8f8f8;
-			.head-con{
-				flex-grow: 1;
-				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				.homePage-tit{
-					color: #040301;
-				}
-				.total-con{
-					color: #040301;
-					.goleNum{
-						color: #eb0000;
-						font-size: 30rpx;
-						font-weight: bold;
-					}
-					.ld-icon{
-						width: 30rpx;
-						height: 30rpx;
-						margin: 0 0 0 10rpx;
-						vertical-align: middle;
-					}
-				}
-			}
-			.filter-icon{
-				flex-shrink: 0;
-				width: 36rpx;
-				height: 36rpx;
-				padding-left: 20rpx;
-			}
-		}
+		padding-bottom: 204rpx;
 		//  列表
 		//  列表
 		.scroll-con{
 		.scroll-con{
 			flex: 1;
 			flex: 1;
-			// height: calc(100% - 40);
 			overflow: auto;
 			overflow: auto;
 		}
 		}
 		//  列表样式
 		//  列表样式
 		.cell-item-con{
 		.cell-item-con{
-			margin: 20rpx;
 			.cell-item{
 			.cell-item{
+				margin: $uni-spacing-col-base $uni-spacing-row-base;
 				background-color: #fff;
 				background-color: #fff;
-				color: #606266;
-				padding: 0 30rpx;
-				margin-bottom: 20rpx;
-				border-radius: 16rpx;
-				font-size: 28rpx;
+				border-radius: $uni-border-radius-base;
+				color: $uni-text-color;
+				font-size: $uni-font-size-base;
 				box-shadow: 3rpx 3rpx 5rpx #eee;
 				box-shadow: 3rpx 3rpx 5rpx #eee;
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: $uni-spacing-col-base $uni-spacing-row-base;
+				position: relative;
+				.cell-item-pic{
+					flex-shrink: 0;
+					margin-right: 10rpx;
+				}
 				.cell-item-c{
 				.cell-item-c{
+					flex-grow: 1;
 					display: flex;
 					display: flex;
-					justify-content: space-between;
-					padding: 18rpx 0;
-					border-bottom: 1rpx solid #f2f2f2;
-					.cell-item-label{
-						flex-shrink: 0;
-						width: 200rpx;
-						color: #303133;
-					}
-					.cell-item-main{
+					justify-content: space-around;
+					align-items: center;
+					.cell-item-info{
 						flex-grow: 1;
 						flex-grow: 1;
-						text-align: right;
-						.handle-btn{
-							border-color: #fcbd71!important;
-							background-color: #fcbd71!important;
+						.cell-item-info-network{
+							word-break: break-all;
+							margin-bottom: $uni-spacing-col-base;
+							display: inline-block;
+							position: relative;
+						}
+						.cell-item-info-weight{
+							font-size: 24rpx;
+							display: flex;
+							align-items: center;
+							justify-content: space-between;
+							.cell-item-weight-bar{
+								position: relative;
+								display: inline-block;
+								padding-right: 50rpx;
+								&:nth-child(2){
+									padding-right: 76rpx;
+								}
+							}
 						}
 						}
 					}
 					}
-					.blue {
-						color: #1890FF;
-					}
-					.green {
-						color: #16b50e;
-					}
-					.red {
-						color: red;
-					}
-					&:last-child{
-						border: none;
+					.arrow-right{
+						flex-shrink: 0;
+						margin-left: 64rpx;
 					}
 					}
 				}
 				}
-				.handle-con{
-					align-items: center;
-					// margin-top: 10rpx;
-					// padding-top: 18rpx;
-					// padding: 0;
+				.handle-btn{
+					position: absolute;
+					right: $uni-spacing-row-sm;
+					top: $uni-spacing-col-sm;
 				}
 				}
 			}
 			}
 		}
 		}
-		
+		.footer-bar{
+			width: 100%;
+			height: 204rpx;
+			padding: 0 10%;
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			text-align: center;
+			.footer-handle-btn{
+				display: block;
+				.btn-icon{
+					margin-right: 10rpx;
+				}
+			}
+			.scan-btn{
+				margin-top: 24rpx;
+				margin-bottom: 20rpx;
+			}
+		}
 	}
 	}
 </style>
 </style>

+ 0 - 197
pages/index/searchModal.vue

@@ -1,197 +0,0 @@
-<template>
-	<!-- 待办单查询 -->
-	<div class="modal-content">
-		<u-popup v-model="isShow" class="search-popup" mode="right" @close="handleClose" length="85%">
-			<view class="search-title">筛选</view>
-			<u-form class="form-content" :model="form" ref="uForm" label-width="150">
-				<u-form-item label="支付时间" prop="time" class="form-item">
-					<u-input clearable v-model="form.time" disabled placeholder="请选择支付时间区间" class="form-item-inp" @click="openPicker" />
-					<u-icon v-show="form.time.length != 0" name="close-circle-fill" color="#c8c0cc" size="32" class="close-circle" @click="clearTime"></u-icon>
-				</u-form-item>
-				<u-form-item label="支付账号" prop="customerMobile" class="form-item"><u-input v-model="form.customerMobile" :maxlength="11" placeholder="请输入支付账号" /></u-form-item>
-			</u-form>
-			<view class="uni-list-btns">
-				<u-button class="handle-btn search-btn" size="medium" hover-class="none" :custom-style="customBtnStyle" @click="handleSearch">查询</u-button>
-				<u-button class="handle-btn" size="medium" hover-class="none" @click="resetForm">重置</u-button>
-			</view>
-		</u-popup>
-		<!-- 时间选择器 -->
-		<w-picker
-			class="date-picker"
-			:visible.sync="showPicker"
-			mode="range"
-			:current="true"
-			fields="day"
-			@confirm="onSelected($event, 'range')"
-			@cancel="showPicker = false"
-			ref="date"
-		></w-picker>
-	</div>
-</template>
-
-<script>
-import wPicker from '@/components/w-picker/w-picker.vue'
-export default {
-	components: { wPicker },
-	props: {
-		visible: {
-			type: Boolean,
-			default: false
-		},
-		defaultParams: {  //  默认筛选条件
-			type: Object,
-			default: () => {
-				return {};
-			}
-		}
-	},
-	watch: {
-		visible(newValue, oldValue) {
-			if (newValue) {
-				this.isShow = newValue
-			}
-		},
-		isShow(newValue, oldValue) {
-			if (newValue) {
-			} else {
-				this.init()
-				this.$emit('close')
-			}
-		}
-	},
-	data() {
-		return {
-			customBtnStyle: {  //  自定义按钮样式
-				borderColor: '#2ab4e5',
-				backgroundColor: '#2ab4e5',
-				color: '#fff'
-			},
-			isShow: this.visible, // 显示隐藏
-			showPicker: false, // 是否显示时间弹窗
-			form: {
-				time: '', // 发起时间区间
-				customerMobile: '', // 门店名称
-			},
-			beginDate: null, // 开始时间
-			endDate: null // 结束时间
-		};
-	},
-	mounted() {
-		this.init()
-	},
-	methods: {
-		//  初始化数据
-		init(){
-			if(this.defaultParams.beginDate && this.defaultParams.endDate){
-				this.form.time = this.defaultParams.beginDate + ' ~ ' + this.defaultParams.endDate
-			}
-			this.beginDate = this.defaultParams.beginDate ? this.defaultParams.beginDate : ''
-			this.endDate = this.defaultParams.endDate ? this.defaultParams.endDate : ''
-			this.form.customerMobile = this.defaultParams.customerMobile ? this.defaultParams.customerMobile : ''
-		},
-		//  清空创建时间
-		clearTime(){
-			this.form.time = ''
-			this.beginDate = ''
-			this.endDate = ''
-		},
-		// 关闭弹窗
-		handleClose() {
-			this.isShow = false
-		},
-		// 打开时间选择弹框
-		openPicker() {
-			this.showPicker = true
-		},
-		// 确认日期选择
-		onSelected(v) {
-			this.form.time = v.value[0] + ' ~ ' + v.value[1]
-			this.beginDate = v.value[0]
-			this.endDate = v.value[1]
-			this.showPicker = false
-		},
-		// 查询
-		handleSearch() {
-			let params = {
-				beginDate: this.beginDate,
-				endDate: this.endDate,
-				customerMobile: this.form.customerMobile,
-			};
-			this.$emit('refresh', params)
-			this.isShow = false
-		},
-		// 重置
-		resetForm() {
-			this.$refs.uForm.resetFields()
-			this.$emit('refresh', {})
-			this.isShow = false
-		}
-	}
-};
-</script>
-
-<style lang="scss" scoped>
-.modal-content {
-	position: relative;
-}
-.search-popup {
-	.search-title {
-		text-align: center;
-		padding: 18upx 22upx;
-		color: #333;
-		border-bottom: 1px solid #eee;
-	}
-	.form-content {
-		display: block;
-		padding: 0 20upx;
-		box-sizing: content-box;
-		.status-item {
-			width: 30%;
-			text-align: center;
-			line-height: 60upx;
-			background-color: #F8F8F8;
-			color: #333;
-			border-radius: 6upx;
-			font-size: 24upx;
-			margin: 0 10upx;
-		}
-		.active {
-			background-color: #ffaa00;
-			color: #fff;
-		}
-		.form-item-inp{
-			display: inline-block;
-			width: 88%;
-			vertical-align: top;
-		}
-	}
-	.uni-list {
-		margin: 20upx;
-		.uni-list-cell {
-			display: flex;
-			align-items: center;
-			border-bottom: 1px dashed #eeeeee;
-			.uni-list-cell-db {
-				flex: 1;
-			}
-			.uni-input {
-				height: 2.5em;
-				line-height: 2.5em;
-			}
-		}
-	}
-	.uni-list-btns {
-		display: flex;
-		padding: 20upx;
-		margin-top: 200rpx;
-		.handle-btn {
-			font-size: 28upx;
-			margin: 0 30upx;
-			width: 100%;
-			flex: 1;
-		}
-	}
-}
-.date-picker {
-}
-</style>