yiliangyiyun-app/pages/task/my_task.vue

<template name="task">
	<view class="content">
		<view class="content1-top">
			<view class="search-form round">
				<u-search placeholder-color='#AFB3BF' search-icon-color='#AFB3BF' bg-color='#F5F6F9' placeholder="请输入合同编号、车牌号或派车编号" v-model="keyword" @search="searchKeyWord()"
					@custom="searchKeyWord()"></u-search>
			</view>
			<view class="top2">
				<view class="left">
					<view @click='tabcarchange(1)' class='line' :class='statusFlag==1?"active":""'>未完成</view>
					<view @click='tabcarchange(3)' class='line' :class='statusFlag==3?"active":""'>已完成</view>
				</view>
				<view class="right">
					<view class="right-contrent1">逐条审核</view>
					<u-switch v-model="checked" active-color="#22C572" inactive-color="#eee" size='40'></u-switch>
				</view>
			</view>

		</view>
		<view class="introduce-section">
			<view v-for="(item, index) in taskInfo" :key="index" @click="navToDetailPage(item)">
				<view v-if="item.showRow" class="guess-item">
					<view class="title flex align-item-center">
						<view>
							<view class="title-row1">{{item.department}}:</view>
							<view style='font-size:12px;color:#878C9C;'>{{item.createDate}}</view>
						</view>
						<text v-if='statusFlag==1' style='color:#FE6430;'>{{item.messageTitle}}</text>
						<text v-if='statusFlag==3' style='color:#AFB3BF;'>{{item.messageTitle}}</text>
					</view>
					<view class="flex title_b">
						<view style='color:#878C9C;' class="title row2">
							{{item.messageContent}}
						</view>
					</view>
					<u-tag :text="item.taskType" type="success" v-if="item.taskType == '出库任务'" />
					<u-tag :text="item.taskType" type="primary" v-if="item.taskType == '入库任务'" />
				</view>

			</view>
			<view v-show="isSole">
				<uni-load-more :status="loadStatus"></uni-load-more>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex';
	export default {
		name: "task",

		data() {
			return {
				PageCur: "task",
				taskInfo: [],
				checked: false,
				pages: 1, //页数
				limit: 10, //每次取条目数
				loadStatus: 'loading', //加载样式：more-加载前样式，loading-加载中样式，nomore-没有数据样式
				isLoadMore: false, //是否加载中
				isSole: false,
				showTran: true,
				scrollTop: 0,
				isContent: true,
				statusFlag: 1,
				current: 1,
				pcUserInfo: {},
				warehouseInOutInfo: {
					pageSize: 10,
					currentPage: 1
				},
				data: {
					pageSize: 10,
					currentPage: 1
				},
				keyword: "",
				copyTaskInfo: []
			};
		},
		onBackPress(e) {
			if (uni.getStorageSync("everyTask")) {
				uni.switchTab({
				    url: '/pages/user/user'
				});
			}
		},
		watch: {
			checked(val) {
				uni.setStorageSync("everyTask", this.checked)
			},
			taskInfo: function(val) {
				this.copyTaskInfo = this.$u.deepClone(this.taskInfo);
				//添加跳转链接
				for (let i = 0; i < this.copyTaskInfo.length; i++) {
					let item = this.copyTaskInfo[i]
					if (item.businessCode == 'PROCUREMENT-ORDER-APPROVE') {
						item.itemUrl = '/pages/task/procurement_details?id=' + item.businessId
					} else if (item.businessCode == 'SALE-ORDER-APPROVE') {
						item.itemUrl = '/pages/task/sale_details?id=' + item.businessId
					} else if (item.businessCode == 'SALE-CONTRACT-APPROVE') {
						item.itemUrl = '/pages/task/audit/salecontract?id=' + item.businessId
					} else if (item.businessCode == 'BUY-CONTRACT-APPROVE') {
						item.itemUrl = '/pages/task/audit/purchasecontract?id=' + item.businessId
					} else if (item.businessCode == 'PROCUREMENT-RECEIPT-REPORT') {
						item.itemUrl = '/pages/task/procurement_report_details?id=' + item.businessId
					} else if (item.businessCode == 'PROCUREMENT-CLOSE-REPORT') {
						item.itemUrl = '/pages/task/procurement_close_details?id=' + item.businessId
					} else if (item.businessCode == 'SALE-RECEIPT-REPORT') {
						item.itemUrl = '/pages/task/sale_report_details?id=' + item.businessId
					} else if (item.businessCode == 'SALE-CLOSE-REPORT') {
						item.itemUrl = '/pages/task/sale_close_details?id=' + item.businessId
					} else if (item.businessCode == 'PROCUREMENT-PRICE-APPROVE') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/warehouse_approval?id=${item.businessId}`
						} else {
							item.itemUrl = '/pages/task/audit/warehouse_details/?id=' + item.businessId
						}
					} else if (item.businessCode == 'PAYMENT-MANAGEMENT-APPROVE') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/acquisition_settlement_approval?id=${item.businessId}`
						} else {
							item.itemUrl = '/pages/task/audit/acquisition_settlement_details/?id=' + item.businessId
						}
					} else if (item.businessCode == 'INOUTTASK-TASK-APPROVE') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/Issueandreceipt_task_approval?id=` + item.businessId
						} else {
							item.itemUrl = `/pages/task/audit/Issueandreceipt_task_details?id=` + item.businessId
						}

					} else if (item.businessCode == 'STOCK-PROCUREMENT-RECEIPT-REPORT') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/purchase_settlement_approval?id=` + item.businessId
						} else {
							item.itemUrl = `/pages/task/audit/purchase_settlement_details?id=` + item.businessId
						}
					} else if (item.businessCode == 'TRANSPORTATION-SETTLEMENT-REPORT') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/freight_settlement_approval?id=` + item.businessId
						} else {
							item.itemUrl = `/pages/task/audit/freight_settlement_details?id=` + item.businessId +
								'&compId=' + this
								.pcUserInfo.compId
						}
					} else if (item.businessCode == 'TRAN-TASK-APPROVE') {
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/freight_setting_approval?id=` + item.businessId
						} else {
							item.itemUrl = `/pages/task/audit/freight_setting_details?id=` + item.businessId
						}
					}else if (item.businessCode == 'ACQUISITION-SETTLEMENT-APPRPVE') {//库点收购
						if (this.statusFlag == 1) {
							item.itemUrl = `/pages/task/audit/acquisition_information_approval?id=` + item.businessId
						} else {
							item.itemUrl = `/pages/task/audit/acquisition_information_details?id=` + item.businessId
						}
					}
					if (item.taskType == "入库任务") {

						if (item.statusFlag == 3) {
							item.itemUrl = `/pageD/warehousings/warehousingDetails?id=${item.id}`
						} else {
							item.itemUrl =
								`/pageD/warehousings/warehousings?id=${item.id}&goodsName=${item.goodsName}&contractNo=${item.contractNo}&startWeight=${item.startWeight}&carNo=${item.carNo}&tranCarNo=${item.tranCarNo}&warehouseName=${item.warehouseName}&addressUrl=${item.addressUrl}&inOutDate=${item.inOutDate}&binNumber=${item.binNumber}`
						}
					} else if (item.taskType == "出库任务") {
						if (item.statusFlag == 3) {
							item.itemUrl = `/pageD/warehousings/ex_warehouse_detail?id=${item.id}`
						} else {
							item.itemUrl =
								`/pageD/warehousings/ex_warehouse?id=${item.id}&goodsName=${item.goodsName}&contractNo=${item.contractNo}&consignee=${item.consignee}&carNo=${item.carNo}&tranCarNo=${item.tranCarNo}&boxNo=${item.boxNo}&titleNo=${item.titleNo}`
						}
					}

				}
				uni.setStorageSync("copyTaskInfo", this.copyTaskInfo)
			}
		},
		computed: {
			...mapState(['hasLogin', 'userInfo'])
		},
		onShow() {
			if (uni.getStorageSync("everyTask") == true) {
				this.checked = true
			} else {
				this.checked = false
			}

			this.warehouseInOutInfo.currentPage = 1
			this.data.currentPage = 1
			this.taskInfo = []
			this.pcUserInfo = uni.getStorageSync("pcUserInfo")
			this.$api.doRequest('get', '/commonUser/api/checkSession').then(res => {
				if (res.data.data == "INVALID") {
					uni.showModal({
						title: '提示',
						content: '当前登入信息验证失败，是否重新登录？',
						showCancel: true,
						confirmText: '登录',
						success: (e) => {
							if (e.confirm) {
								uni.navigateTo({
									url: '/pages/public/login'
								})
							}
						},
						fail: () => {},
						complete: () => {}
					})
				} else {
					this.getIndexBuyData()
				}
			})
			// this.warehouseInOutInfo.phone = this.userInfo.phone
		},
		onReachBottom() { //上拉触底函数
			if (!this.isLoadMore) { //此处判断，上锁，防止重复请求
				this.pages += 1
				if (this.statusFlag == 1) {
					this.warehouseInOutInfo.currentPage += 1
				} else {
					this.data.currentPage += 1
				}

				this.getIndexBuyData()
			}
		},
		// onLoad(options) {
		// 	this.getIndexBuyData()
		// },
		filters: {
			formatDate(date) {
				var date = new Date(date)
				var time = new Date()
				var newdate = ''
				if (time.getMonth() + 1 >= 10) {
					newdate = time.getFullYear() + '-' + (time.getMonth() + 1) + '-' + time.getDate()
				} else {
					newdate = time.getFullYear() + '-0' + (time.getMonth() + 1) + '-' + time.getDate()
				}
				//把时间戳改为yyyy-MM-dd格式
				//判断是否今天
				var datatime = ''
				if (date.getMonth() + 1 >= 10) {
					datatime = date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
				} else {
					datatime = date.getFullYear() + '-0' + (date.getMonth() + 1) + '-' + date.getDate()
				}
				if (datatime == newdate) {
					var h = date.getHours();
					h = h < 10 ? '0' + h : h;
					var m = date.getMinutes();
					m = m < 10 ? '0' + m : m;
					var s = date.getSeconds();
					s = s < 10 ? '0' + s : s;
					return h + ':' + m + ':' + s;
				} else {
					if (date.getMonth() + 1 >= 10) {
						return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate()
					} else {
						return date.getFullYear() + '-0' + (date.getMonth() + 1) + '-' + date.getDate()
					}
				}
				let o = {
					'Y': date.getFullYear(),
					'M+': date.getMonth() + 1,
					'd+': date.getDate(),
				}
			},
		},
		methods: {
			// getRoles(){
			// 	let _rolesList =  uni.getStorageSync('rolesList')
			// 	let _list = ['','']
			// 	for(let i = 0;i<_list.length;i++){
			// 		for(let k = 0;k<_rolesList.length;k++){
			// 			if(_list[i]==_rolesList[k]){
			// 				return true
			// 			}
			// 		}
			// 	}
			// 	return false
			// },
			change(status) {
				console.log(status);
			},
			searchKeyWord() {
				if (!this.keyword) {
					this.$api.msg('关键字不能为空')
				}
				uni.showLoading({
					title: "正在加载"
				})
				this.$api.doRequest('get', '/warehouseInOutInfo/selectInfoByKeyWord', this.warehouseInOutInfo).then(
					res => {
						if (res.data.code == 200) {
							this.taskInfo = res.data.data
							uni.hideLoading()
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none',
								duration: 2000
							})
							uni.hideLoading(this.taskInfo, "信息")
						}
						console.log()
					}).catch(res => {
					uni.showToast({
						title: res.data.message,
						icon: 'none',
						duration: 2000
					})
					uni.hideLoading()
				})
			},
			getIndexBuyData(status) {
				const that = this
				var pages = that.pages
				var limit = that.limit
				var url = ''
				uni.showLoading({
					title: "正在加载"
				})
				var data = {}
				if (this.statusFlag == 1) {
					data = this.warehouseInOutInfo
					url = '/noticeTask/query/noticeTasks'
				} else {
					data = this.data
					url = '/commonUser/query/findHisPageNoticeTasks'
				}
				data.currentPage = pages
				data.pageSize = limit

				//this.warehouseInOutInfo.status = this.status
				this.$api.doRequest('get', url, data).then(res => {
					if (res.data.code == 200) {
						let data = res.data.data.records
						//采购信息
						if (data.length > 0) {
							if (status) {
								that.taskInfo = data
							} else {
								that.taskInfo = that.taskInfo.concat(data)
							}
						} else {
							if (that.pages > 1) {
								that.pages -= 1
							}

							that.isLoadMore = false
							that.loadStatus = 'nomore'
						}
						for (var i = 0; i < this.taskInfo.length; i++) {
							let _str = this.taskInfo[i]
							// let a = this.getRoles()
							if (_str.messageContent.indexOf("您发起") > -1) {
								_str.showRow = false
							} else {
								_str.showRow = true;
							}
							if(_str.businessType=='TRADE'){
								_str.showRow = false
							}
							this.taskInfo[i].department = this.taskInfo[i].messageContent.split(' ')[0]
							if (this.taskInfo[i].businessType == 'WAREHOUSE') {
								if (this.taskInfo[i].businessCode == 'INOUTTASK-TASK-APPROVE') {
									this.taskInfo[i].messageTitle = '出入库任务'
								}
							} else if (this.taskInfo[i].businessType == 'acquisition') {
								if (this.taskInfo[i].businessCode == 'PAYMENT-MANAGEMENT-APPROVE') {
									this.taskInfo[i].messageTitle = '付款管理'
								}

							} else if (this.taskInfo[i].businessType == 'REPORT') {
								if (this.taskInfo[i].businessCode == 'PROCUREMENT-CLOSE-REPORT') {
									this.taskInfo[i].messageTitle = '采购平仓统计'
								}
								if (this.taskInfo[i].businessCode == 'PROCUREMENT-RECEIPT-REPORT') {
									this.taskInfo[i].messageTitle = '采购入库统计'
								}
								if (this.taskInfo[i].businessCode == 'SALE-CLOSE-REPORT') {
									this.taskInfo[i].messageTitle = '销售平仓统计'
								}
								if (this.taskInfo[i].businessCode == 'SALE-RECEIPT-REPORT') {
									this.taskInfo[i].messageTitle = '销售入库统计'
								}
								if (this.taskInfo[i].businessCode == 'TRANSPORTATION-SETTLEMENT-REPORT') {
									this.taskInfo[i].messageTitle = '运输结算统计'
								}
							} else if (this.taskInfo[i].businessType == 'PROCUREMENT') {
								if (this.taskInfo[i].businessCode == 'PROCUREMENT-ORDER-APPROVE') {
									this.taskInfo[i].messageTitle = '采购订单'
								}
							} else if (this.taskInfo[i].businessType == 'SALE') {
								if (this.taskInfo[i].businessCode == 'SALE-ORDER-APPROVE') {
									this.taskInfo[i].messageTitle = '销售订单'
								}
							} else if (this.taskInfo[i].businessType == 'PROCUREMENT') {
								if (this.taskInfo[i].businessCode == 'PROCUREMENT-PRICE-APPROVE') {
									this.taskInfo[i].messageTitle = '仓库设置'
								}
							} else if (this.taskInfo[i].businessType == 'Tran') {
								if (this.taskInfo[i].businessCode == 'TRAN-TASK-APPROVE') {
									this.taskInfo[i].messageTitle = '运费设置'
								}
							}else if (this.taskInfo[i].businessType == 'ACQ') {
								if (this.taskInfo[i].businessCode == 'ACQUISITION-SETTLEMENT-APPRPVE') {
									this.taskInfo[i].messageTitle = '收购信息审核'
								}
							}
						}
						if (res.data.data.records.length == 0) {
							that.isSole = true
						} else {
							that.isSole = false
						}
						if (res.data.data.records.length == 0 && this.data.currentPage == 1 && this.statusFlag ==
							3 ||
							res.data.data.records.length == 0 && this.warehouseInOutInfo.currentPage == 1 && this
							.statusFlag == 1) {
							console.log()
							this.taskInfo = []
						}
						uni.hideLoading()
					} else {
						uni.hideLoading()
						uni.showToast({
							title: "系统异常，请联系管理员",
							icon: 'none',
							duration: 2000
						})
					}
				}).catch(res => {
					uni.hideLoading()
					uni.showToast({
						title: "Session失效，请重新登录",
						icon: 'none',
						duration: 2000
					})
				})
			},
			tabcarchange(statusFlag) {
				this.statusFlag = statusFlag
				this.pageSize = 1
				this.getIndexBuyData(statusFlag)
			},
			navToDetailPage(item) {
				if (item.businessCode == 'PROCUREMENT-ORDER-APPROVE') {
					uni.navigateTo({
						url: '/pages/task/procurement_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'SALE-ORDER-APPROVE') {
					uni.navigateTo({
						url: '/pages/task/sale_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'SALE-CONTRACT-APPROVE') {
					uni.navigateTo({
						url: '/pages/task/audit/salecontract?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'BUY-CONTRACT-APPROVE') {
					uni.navigateTo({
						url: '/pages/task/audit/purchasecontract?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'PROCUREMENT-RECEIPT-REPORT') {
					uni.navigateTo({
						url: '/pages/task/procurement_report_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'PROCUREMENT-CLOSE-REPORT') {
					uni.navigateTo({
						url: '/pages/task/procurement_close_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'SALE-RECEIPT-REPORT') {
					uni.navigateTo({
						url: '/pages/task/sale_report_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'SALE-CLOSE-REPORT') {
					uni.navigateTo({
						url: '/pages/task/sale_close_details?id=' + item.businessId + "&isShowbtn=true"
					})
				} else if (item.businessCode == 'PROCUREMENT-PRICE-APPROVE') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/warehouse_approval?id=${item.businessId}&isShowbtn=true`
						})
					} else {
						uni.navigateTo({
							url: '/pages/task/audit/warehouse_details/?id=' + item.businessId + "&isShowbtn=true"
						})
					}
				} else if (item.businessCode == 'PAYMENT-MANAGEMENT-APPROVE') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/acquisition_settlement_approval?id=${item.businessId}&isShowbtn=true`
						})

					} else {
						uni.navigateTo({
							url: '/pages/task/audit/acquisition_settlement_details/?id=' + item.businessId +
								"&isShowbtn=true"
						})
					}
				} else if (item.businessCode == 'INOUTTASK-TASK-APPROVE') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/Issueandreceipt_task_approval?id=` + item.businessId +
								"&isShowbtn=true"
						})
					} else {
						uni.navigateTo({
							url: `/pages/task/audit/Issueandreceipt_task_details?id=` + item.businessId +
								"&isShowbtn=true"
						})
					}

				} else if (item.businessCode == 'STOCK-PROCUREMENT-RECEIPT-REPORT') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/purchase_settlement_approval?id=` + item.businessId +
								"&isShowbtn=true"
						})
					} else {
						uni.navigateTo({
							url: `/pages/task/audit/purchase_settlement_details?id=` + item.businessId +
								"&isShowbtn=true"
						})
					}
				} else if (item.businessCode == 'TRANSPORTATION-SETTLEMENT-REPORT') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/freight_settlement_approval?id=` + item.businessId +
								"&isShowbtn=true"
						})
					} else {
						uni.navigateTo({
							url: `/pages/task/audit/freight_settlement_details?id=` + item.businessId +
								'&compId=' + this
								.pcUserInfo.compId + "&isShowbtn=true"
						})
					}
				} else if (item.businessCode == 'TRAN-TASK-APPROVE') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/freight_setting_approval?id=` + item.businessId +
								"&isShowbtn=true"
						})
					} else {
						uni.navigateTo({
							url: `/pages/task/audit/freight_setting_details?id=` + item.businessId +
								"&isShowbtn=true"
						})
					}
				}else if (item.businessCode == 'ACQUISITION-SETTLEMENT-APPRPVE') {
					if (this.statusFlag == 1) {
						uni.navigateTo({
							url: `/pages/task/audit/acquisition_information_approval?id=` + item.businessId + "&isShowbtn=true"
						})
					} else {
						uni.navigateTo({
							url: `/pages/task/audit/acquisition_information_details?id=` + item.businessId + "&isShowbtn=true"
						})
					}
				}
				if (item.taskType == "入库任务") {

					if (item.statusFlag == 3) {
						uni.navigateTo({
							url: `/pageD/warehousings/warehousingDetails?id=${item.id}&isShowbtn=true`
						})
					} else {
						uni.navigateTo({
							url: `/pageD/warehousings/warehousings?id=${item.id}&goodsName=${item.goodsName}&contractNo=${item.contractNo}&startWeight=${item.startWeight}&carNo=${item.carNo}&tranCarNo=${item.tranCarNo}&warehouseName=${item.warehouseName}&addressUrl=${item.addressUrl}&inOutDate=${item.inOutDate}&binNumber=${item.binNumber}&isShowbtn=true`
						})
					}
				} else if (item.taskType == "出库任务") {
					if (item.statusFlag == 3) {
						uni.navigateTo({
							url: `/pageD/warehousings/ex_warehouse_detail?id=${item.id}&isShowbtn=true`
						})
					} else {
						uni.navigateTo({
							url: `/pageD/warehousings/ex_warehouse?id=${item.id}&goodsName=${item.goodsName}&contractNo=${item.contractNo}&consignee=${item.consignee}&carNo=${item.carNo}&tranCarNo=${item.tranCarNo}&boxNo=${item.boxNo}&titleNo=${item.titleNo}&isShowbtn=true`
						})
					}
				}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.tag {
		background: #F5F6F9;
		padding: 5px;
		color: #333333;
		display: inline-flex;
		font-size: 22rpx;
		border-radius: 3px;
		margin: 3px;
	}

	.introduce-section {
		// background: red;
	}

	.introduce-section .title_b .title-tip {
		font-size: 13px;
		height: 40px;
		line-height: 40px;
		flex: 2.5;
	}

	.introduce-section .title_b .title {
		font-size: 13px;
		height: 40px;
		flex: 2.5;
	}

	.introduce-section .title_b .title-tip-b {
		flex: 1;
		font-size: 13px;
		color: #878C9C;
		height: 40px;
		line-height: 40px;
	}

	.introduce-section .title {
		justify-content: space-between;
		align-items: flex-start;
	}

	.introduce-section .title text {
		font-size: 28rpx;
	}

	.introduce-section .title .title-tip {
		flex: 1;
		font-size: 28rpx;
		color: #FE6430;
		font-weight: 500;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #EEEEEE;

	}

	.introduce-section .title .title-tip-a {
		flex: 1;
		font-size: 15px;
		color: #AFB3BF;
		font-weight: 500;
		height: 50px;
		line-height: 50px;
		border-bottom: 1px solid #EEEEEE;
	}

	.introduce-section .guess-item {
		border-radius: 10rpx;
		background: #fff;
		padding: 32rpx;
		margin: 20rpx;
	}

	.line {
		display: inline-block;
		padding: 5px;
		position: relative;
		font-size: 17px;
	}

	.line.active {
		font-size: 19px;
		font-weight: 900;
	}

	.line.active:after {
		content: '';
		display: block;
		position: absolute;
		width: 18px;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		border-bottom: 3px solid #22C572;
	}

	/deep/.u-action-active {
		margin-right: 6px;
	}

	.content1-top {
		background: white;
		padding: 20rpx 20rpx 0 20rpx;
		border-radius: 0 0 30rpx 30rpx;
	}

	.search-form {
		margin-bottom: 20rpx;
	}

	.title-row1 {
		font-size: 34rpx;
		font-weight:600;
	}

	.row2 {
		margin-top: 55rpx;
	}

	.top2 {
		display: flex;
		align-items: center;
		justify-content: space-between;

		.right {
			display: flex;
			align-items: center;

			.right-contrent1 {
				margin: 20rpx;
			}
		}
	}
</style>