repairlist

CallCenterWeb.UI/RMYYAPP/pages/myTask/repairList/repairList.vue

@@ -2,20 +2,41 @@
 
 	<view class="wrapper">
 
-		<uni-search-bar class="uni-search-bar" placeholder="请输入工单编号" bgColor="#fff" @confirm="searchList"
-			@cancel="cancelList" />
-
+		<!-- <uni-search-bar class="uni-search-bar" placeholder="请输入工单编号" bgColor="#fff" @confirm="searchList"
+			@cancel="cancelList" /> -->
+		<view style="background: #ffffff;padding: 5px 10px;">
+			<view class="example-body" style="width: 70%;display: inline-block;">
+				<uni-datetime-picker v-model="range" type="daterange" @change="maskClick" />
+			</view>
+			<view class="example-body" style="width: 30%;display: inline-block;position: relative;bottom: 3px;">
+				<uni-data-select v-model="value" :localdata="rangeData" @change="changeSelect"></uni-data-select>
+			</view>
+		</view>
 		<view class="segmentedControlWrapper">
 			<view class="example-body" style="padding-left: 10%;">
-				<uni-badge class="uni-badge-left-margin" :text="count1" style="position: relative;left: 4%;top: 18px;"/>
-				<uni-badge class="uni-badge-left-margin" :text="count2" style="position: relative;left: 3%;top: 18px;"/>
+				<uni-badge class="uni-badge-left-margin" :text="count1"
+					style="position: relative;left: 13%;top: 18px;" />
+				<uni-badge class="uni-badge-left-margin" :text="count2"
+					style="position: relative;left: 30%;top: 18px;" />
 				<!-- <uni-badge class="uni-badge-left-margin" :text="count3" style="position: relative;left: 9%;top: 18px;"/> -->
-				<uni-badge class="uni-badge-left-margin" :text="count4" style="position: relative;left: 17%;top: 18px;"/>
+				<!-- <uni-badge class="uni-badge-left-margin" :text="count4" style="position: relative;left: 17%;top: 18px;"/>
 				<uni-badge class="uni-badge-left-margin" :text="count5" style="position: relative;left: 16%;top: 18px;"/>
-				<uni-badge class="uni-badge-left-margin" :text="count6" style="position: relative;left: 14%;top: 18px;"/>
+				<uni-badge class="uni-badge-left-margin" :text="count6" style="position: relative;left: 14%;top: 18px;"/> -->
 			</view>
+
 			<uni-segmented-control :current="segmenter.current" :values="segmenter.items"
 				@clickItem="onClickSegmentedControl" styleType="text" activeColor="#007aff" />
+			<view style="display: flex;justify-content: center;margin-top: 10px;">
+				<view class="newcount"><view class="newcountTitle" :class="{newcountTitleActive: isActive===1}" @click="tabottomChange1">紧急<uni-badge
+							class="uni-badge-left-margin" :text="jinjiText" /></view>
+				</view>
+				<view class="newcount"><view class="newcountTitle" :class="{newcountTitleActive: isActive===2}" @click="tabottomChange2">催单<uni-badge
+							class="uni-badge-left-margin" :text="cuidanText" /></view>
+				</view>
+				<view class="newcount"><view class="newcountTitle" :class="{newcountTitleActive: isActive===3}" @click="tabottomChange3">返修<uni-badge
+							class="uni-badge-left-margin" :text="fanxiuText" /></view>
+				</view>
+			</view>
 		</view>
 		<view class="tableWrapper" style="margin-top: 10px;">
 			<!-- 基于 uni-list 的页面布局 -->
@@ -43,8 +64,10 @@
 								<view class="uni-note">上报时间：{{item.F_CreateTime}}</view>
 								<view class="uni-note">上报地点：{{item.F_PlaceOfRepair}}</view>
 								<view>
-									<view class="textState" style="right: 62px;color: #60c136;border:1px solid #60c136;" v-show="item.F_UrgeCount>0">催办
-										{{item.F_UrgeCount}}</view>
+									<view class="textState" style="right: 62px;color: #60c136;border:1px solid #60c136;"
+										v-show="item.F_UrgeCount>0">催办
+										{{item.F_UrgeCount}}
+									</view>
 									<view class="textState" style="right: 62px;color:#ddb642;border:1px solid #ddb642;"
 										v-show="item.F_ReplayCount>0">延期 {{item.F_ReplayCount}}</view>
 									<view class="textState" style="right: 62px;color:#2d6116;border:1px solid #2d6116;"
@@ -77,11 +100,16 @@
 <script>
 	import pageData from "@/pages/myTask/repairList/addRepair/pageData.js"
 	const segmenterData = {
-		0: ["待接单", "待完成", "已完成", "紧急", "催单","返修"], // 已办待回访
+		// 0: ["待接单", "待完成", "已完成", "紧急", "催单","返修"], // 已办待回访
+		0: ["待接单", "待完成", "已完成"], // 已办待回访
 	}
 	export default {
 		data() {
 			return {
+				jinjiText: '',
+				cuidanText: '',
+				fanxiuText: '',
+				newcountTitle: 'newcountTitle',
 				count1: "0",
 				count2: "0",
 				count3: "0",
@@ -101,10 +129,31 @@
 				isDisplay: {
 					displaySegmentedControl: false, // 分段器
 				},
-				total: 0
+				isActive: 0,
+				total: 0,
+				tabName: '',
+				value: 0,
+				rangeData: [{
+						value: 0,
+						text: "近一周"
+					},
+					{
+						value: 1,
+						text: "近两周"
+					},
+					{
+						value: 2,
+						text: "近一个月"
+					},
+				],
+				range: [this.getDateWeek(7), this.getDateTime()]//默认近一周
 			}
 		},
 		onLoad(optioin) {
+			this.paramsData.starttime = this.getDateWeek(7)
+			this.paramsData.endtime = this.getDateTime()
+			optioin.starttime = this.getDateWeek(7)//默认近一周
+			optioin.endtime = this.getDateTime()//默认近一周			
 			this.getListCon()
 			this.init(optioin)
 			pageData.getDet((res, data) => {
@@ -120,16 +169,101 @@
 			this.getList(this.paramsData)
 		},
 		methods: {
-			getListCon(){
-				const params = {}
-				this.$http.get("FaultRepair/MaintenancerListCount",params).then(res=>{
-					if(res.state == 'success'){
+			maskClick(e) {
+				console.log('日期日期日期:', e);
+				this.value = ''
+				this.tabName = ''
+				this.isActive = 0
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+				this.range = e
+				this.paramsData.starttime = this.range[0]
+				this.paramsData.endtime = this.range[1]
+				this.paramsData.emergency = ''
+				this.paramsData.urge = ''
+				this.paramsData.returnnum = ''
+				this.getListCon()
+				this.getList(this.paramsData)
+			},
+			changeSelect(e) {
+				console.log(e.toString(),'111111111')
+				if(!e.toString()){
+					return
+				}
+				if (e == 0) {
+					this.range = [this.getDateWeek(7), this.getDateTime()]
+				}
+				if (e == 1) {
+					this.range = [this.getDateWeek(14), this.getDateTime()]
+				}
+				if (e == 2) {
+					this.range = [this.getDateWeek(30), this.getDateTime()]
+				}
+				this.tabName = ''
+				this.isActive = 0
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+				this.paramsData.starttime = this.range[0]
+				this.paramsData.endtime = this.range[1]
+				this.paramsData.emergency = ''
+				this.paramsData.urge = ''
+				this.paramsData.returnnum = ''
+				this.getListCon()
+				this.getList(this.paramsData)
+			},
+			getDateWeek(num) {
+				var dates = new Date().getTime() - 3600 * 1000 * 24 * num;
+				var date = new Date(dates)
+				var hengGang = "-";
+				var year = date.getFullYear();
+				var month = date.getMonth() + 1;
+				var curDate = date.getDate();
+				if (month >= 1 && month <= 9) {
+					month = "0" + month;
+				}
+				if (curDate >= 0 && curDate <= 9) {
+					curDate = "0" + curDate;
+				}
+				var currentdate = "";
+				currentdate = year + hengGang + month + hengGang + curDate
+				return currentdate;
+			},
+			//获取当前日
+			getDateTime() {
+				var date = new Date();
+				var hengGang = "-";
+				var year = date.getFullYear();
+				var month = date.getMonth() + 1;
+				var curDate = date.getDate();
+				if (month >= 1 && month <= 9) {
+					month = "0" + month;
+				}
+				if (curDate >= 0 && curDate <= 9) {
+					curDate = "0" + curDate;
+				}
+				var currentdate = "";
+				currentdate = year + hengGang + month + hengGang + curDate
+				return currentdate;
+			},
+			//数量
+			getListCon() {
+				const params = {
+					tab: this.paramsData.state || '1',
+					starttime: this.paramsData.starttime,
+					endtime: this.paramsData.endtime
+				}
+				this.$http.get("FaultRepair/MaintenancerListCount", params).then(res => {
+					if (res.state == 'success') {
 						this.count1 = res.daijiedan || "0"
 						this.count2 = res.daiwancheng || "0"
 						this.count3 = res.yiwancheng || "0"
-						this.count4 = res.jinji || "0"
-						this.count5 = res.cuidan || "0"
-						this.count6 = res.fanxiu || "0"
+						// this.count4 = res.jinji || "0"
+						// this.count5 = res.cuidan || "0"
+						// this.count6 = res.fanxiu || "0"
+						this.jinjiText = res.jinji
+						this.cuidanText = res.cuidan
+						this.fanxiuText = res.fanxiu
+
 					}
 				})
 			},
@@ -161,42 +295,62 @@
 					url: "addRepair/addRepair",
 				})
 			},
-			getCuiList(optioin) {
-				const params = {
-					page: optioin.page,
-					pagesize: optioin.pagesize,
-					workordercode: optioin.workordercode == undefined ? "" : optioin.workordercode
-				}
-				this.$http.get("FaultRepair/UrgeMaintenancerList", params).then((response) => {
-					if (response.state.toLowerCase() === "success") {
-						let data = response.rows
-						this.total = response.total
-						uni.stopPullDownRefresh();
-						this.listData = this.listData.concat(data)
-						if (this.listData.length >= 6) {
-							this.loadMoreState = 'more'
-						} else {
-							this.loadMoreState = 'no-more'
-						}
-					}
-				}).catch((e) => {
-					console.log(e);
-				})
-			},
+			// getCuiList(optioin) {
+			// 	const params = {
+			// 		page: optioin.page,
+			// 		pagesize: optioin.pagesize,
+			// 		workordercode: optioin.workordercode == undefined ? "" : optioin.workordercode
+			// 	}
+			// 	this.$http.get("FaultRepair/UrgeMaintenancerList", params).then((response) => {
+			// 		if (response.state.toLowerCase() === "success") {
+			// 			let data = response.rows
+			// 			this.total = response.total
+			// 			uni.stopPullDownRefresh();
+			// 			this.listData = this.listData.concat(data)
+			// 			if (this.listData.length >= 6) {
+			// 				this.loadMoreState = 'more'
+			// 			} else {
+			// 				this.loadMoreState = 'no-more'
+			// 			}
+			// 		}
+			// 	}).catch((e) => {
+			// 		console.log(e);
+			// 	})
+			// },
 			getList(optioin) {
+				if (this.tabName == '紧急') {
+					optioin.emergency = '紧急'
+					optioin.urge = ''
+					optioin.returnnum = ''
+				}
+				if (this.tabName == '催单') {
+					optioin.emergency = ''
+					optioin.urge = '1'
+					optioin.returnnum = ''
+				}
+				if (this.tabName == '返修') {
+					optioin.emergency = ''
+					optioin.urge = ''
+					optioin.returnnum = '1'
+				}
 				const params = {
 					page: optioin.page,
 					pagesize: optioin.pagesize,
 					state: optioin.state == undefined ? "" : optioin.state,
 					workordercode: optioin.workordercode == undefined ? "" : optioin.workordercode,
-					emergency: optioin.emergency || ''
+					emergency: optioin.emergency || '',
+					urge: optioin.urge || '',
+					returnnum: optioin.returnnum || '',
+					starttime: optioin.starttime || '',
+					endtime: optioin.endtime || ''
 				}
 				this.$http.get("FaultRepair/MaintenancerList", params).then((response) => {
 					if (response.state.toLowerCase() === "success") {
 						let data = response.rows
 						this.total = response.total
 						uni.stopPullDownRefresh();
-						this.listData = this.listData.concat(data)
+						// this.listData = this.listData.concat(data)
+						this.listData = data
 						if (this.listData.length >= 6) {
 							this.loadMoreState = 'more'
 						} else {
@@ -207,19 +361,27 @@
 					console.log(e);
 				})
 			},
-			searchList(e) {
-				this.resetListData()
-				this.paramsData.workordercode = e.value
-				this.getList(this.paramsData)
-			},
-			cancelList(e) {
-				this.resetListData()
-				this.paramsData.workordercode = ''
-				this.getList(this.paramsData)
-			},
+			// searchList(e) {
+			// 	this.resetListData()
+			// 	this.paramsData.workordercode = e.value
+			// 	this.getList(this.paramsData)
+			// },
+			// cancelList(e) {
+			// 	this.resetListData()
+			// 	this.paramsData.workordercode = ''
+			// 	this.getList(this.paramsData)
+			// },
 
 			onClickSegmentedControl(e) {
 				console.log(e)
+				this.jinjiText = ''
+				this.cuidanText = ''
+				this.fanxiuText = ''
+				this.tabName = ''
+				this.isActive = 0
+				this.paramsData.emergency = ''
+				this.paramsData.urge = ''
+				this.paramsData.returnnum = ''
 				this.resetListData()
 				switch (String(e.currentIndex)) {
 					case "0":
@@ -232,43 +394,65 @@
 						this.paramsData.state = 3
 						break
 				}
-				// this.getList(this.paramsData)
-				if (String(e.currentIndex) == '4') {
-					this.paramsData.emergency = ''
-					this.getCuiList(this.paramsData)
-				} else if (String(e.currentIndex) == '3') { //紧急列表
-					this.paramsData.state = ''
-					this.paramsData.emergency = '紧急'
-					this.getList(this.paramsData)
-				}else if (String(e.currentIndex) == '5'){ //返修列表
-				    this.paramsData.state = ''
-					this.paramsData.emergency = ''
-					this.getFxList()
-				} else {
-					this.paramsData.emergency = ''
-					this.getList(this.paramsData)
-				}
-			},
-			getFxList(){
-				const params = {}
-				this.$http.get("FaultRepair/ReworkList", params).then((response) => {
-					if (response.state.toLowerCase() === "success") {
-						let data = response.rows
-						this.total = response.total
-						uni.stopPullDownRefresh();
-						this.listData = this.listData.concat(data)
-						if (this.listData.length >= 6) {
-							this.loadMoreState = 'more'
-						} else {
-							this.loadMoreState = 'no-more'
-						}
-					}
-				})
+				this.getListCon()
+				this.getList(this.paramsData)
+				// if (String(e.currentIndex) == '4') {
+				// 	this.paramsData.emergency = ''
+				// 	// this.getCuiList(this.paramsData)
+				// } else if (String(e.currentIndex) == '3') { //紧急列表
+				// 	this.paramsData.state = ''
+				// 	this.paramsData.emergency = '紧急'
+				// 	this.getList(this.paramsData)
+				// } else if (String(e.currentIndex) == '5') { //返修列表
+				// 	this.paramsData.state = ''
+				// 	this.paramsData.emergency = ''
+				// 	// this.getFxList()
+				// } else {
+				// 	this.paramsData.emergency = ''
+				// 	this.getList(this.paramsData)
+				// }
 			},
+			// getFxList() {
+			// 	const params = {}
+			// 	this.$http.get("FaultRepair/ReworkList", params).then((response) => {
+			// 		if (response.state.toLowerCase() === "success") {
+			// 			let data = response.rows
+			// 			this.total = response.total
+			// 			uni.stopPullDownRefresh();
+			// 			this.listData = this.listData.concat(data)
+			// 			if (this.listData.length >= 6) {
+			// 				this.loadMoreState = 'more'
+			// 			} else {
+			// 				this.loadMoreState = 'no-more'
+			// 			}
+			// 		}
+			// 	})
+			// },
 			resetListData() {
 				this.listData = []
 				this.paramsData.page = 1
 				this.paramsData.pagesize = 10
+			},
+			tabottomChange1() {
+				this.isActive = 1
+				this.tabName = '紧急'
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+				this.getList(this.paramsData)
+			},
+			tabottomChange2() {
+				this.isActive = 2
+				this.tabName = '催单'
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+				this.getList(this.paramsData)
+			},
+			tabottomChange3() {
+				this.isActive = 3
+				this.tabName = '返修'
+				this.paramsData.page = 1
+				this.paramsData.pagesize = 10
+				this.getList(this.paramsData)
 			}
 		},
 		/**
@@ -283,12 +467,14 @@
 				this.loadMoreState = 'no-more'
 			}
 
-		}
+		},
+
 	}
 </script>
 
 <style lang="scss" scoped>
 	@import '@/common/uni-ui.scss';
+
 	/deep/ .segmented-control__text {
 		font-size: 1rem;
 	}
@@ -300,8 +486,8 @@
 	/deep/ .uni-note {
 		font-size: 1rem;
 	}
-	
-	.uni-badge-left-margin{
+
+	.uni-badge-left-margin {
 		width: 20%;
 	}
 
@@ -311,7 +497,7 @@
 
 	.wrapper {
 		padding: 5px 0 0 0;
-		width:100%;
+		width: 100%;
 		overflow: hidden;
 
 		.uni-search-bar {
@@ -322,6 +508,7 @@
 			background-color: #ffffff;
 			padding-right: 10px;
 			font-size: 12px;
+			padding-bottom: 5px;
 		}
 
 		.tableWrapper {
@@ -438,4 +625,27 @@
 	.uni-content {
 		display: flex;
 	}
-</style>
+
+	.newcount {
+		width: 33%;
+		text-align: center;
+		box-sizing: border-box;
+		vertical-align: middle;
+	}
+
+	.newcountTitle {
+		margin: 0 18%;
+		font-size: 15px;
+		border-radius: 5px;
+		padding: 3px 5px 3px 10px;
+		background-color: #dedede;
+	}
+
+	.newcountTitleActive {
+		font-size: 15px;
+		border-radius: 5px;
+		padding: 3px 5px 3px 10px;
+		background-color: #b6b6b6;
+		font-weight: 700;
+	}
+</style>