jczz_app.git - Gitblit

			@@ -1,14 +1,16 @@
			<template>
			<view class="container">
			<view class="tabsAndSearch">
			<view class="tabs">
			<u-tabs :list="tabsList" @click="tabClick" :scrollable="false"></u-tabs>
			<u-sticky>
			<view class="tabsAndSearch">
			<view class="tabs">
			<u-tabs :list="tabsList" @click="tabClick" :scrollable="false"></u-tabs>
			</view>
			<view class="search">
			<u-search placeholder="请输入场所名称" v-model="iptContext" :clearabled="true" :showAction="true"
			:animation="true" @search="searchConfirm" @clear="clearConfirm"></u-search>
			</view>
			</view>
			<view class="search">
			<u-search placeholder="请输入场所名称" v-model="iptContext" :clearabled="true" :showAction="true" :animation="true"
			@search="searchConfirm" @clear="clearConfirm"></u-search>
			</view>
			</view>
			</u-sticky>
			<view class="info-box">
			<view class="records-card" v-for="(records, index) in recordsData" :key="records.id"
			@click="pushPage(records)">
			@@ -28,7 +30,7 @@
			</view>
			</view>
			</view>
			<u-loadmore :status="status" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="数据加载完成" line />
			<u-loadmore :status="status" loadmoreText="开始加载" loadingText="数据加载中" nomoreText="没有更多了" line />
			</view>
			</template>

			@@ -110,10 +112,10 @@
			size: 10
			}
			this.getrRecordList(this.iptContext, this.tabsType)
			},
			clearConfirm() {
			this.iptContext = ''
			this.searchConfirm()
			},
			clearConfirm() {
			this.iptContext = ''
			this.searchConfirm()
			},
			pushPage({
			houseCode
			@@ -132,70 +134,67 @@
			}
			</script>

			<style lang="scss" scoped>
			page {
			background-color: #f6f6f6;
			}
			.container {
			<style lang="scss" scoped>
			page {
			background-color: #f6f6f6;
			}

			.tabsAndSearch {
			.tabsAndSearch {
			background-color: #fff;

			.tabs {}

			.search {
			padding: 20rpx 70rpx;

			.search-ipt {
			border: 0;
			border-radius: 9999rpx;
			background-color: #f6f6f6;
			}
			}

			}

			.info-box {
			.records-card {
			margin: 20rpx 30rpx 0 30rpx;
			background-color: #fff;
			padding: 30rpx;
			border-radius: 10rpx;

			.tabs {}
			.title {
			line-height: 70rpx;
			display: flex;
			font-size: 35rpx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #f6f6f6;

			.search {
			padding: 20rpx 70rpx;
			text {
			&:nth-child(1) {
			font-weight: 700;
			}

			.search-ipt {
			border: 0;
			border-radius: 9999rpx;
			background-color: #f6f6f6;
			&:nth-child(2) {
			font-size: 27rpx;
			color: #999999;
			}
			}
			}

			}
			.charge-man,
			.phone {
			display: flex;
			justify-content: space-between;
			font-weight: 30rpx;
			color: #717171;
			margin-top: 25rpx;
			font-size: 30rpx;
			}

			.info-box {
			.records-card {
			margin: 20rpx 30rpx 0 30rpx;
			background-color: #fff;
			padding: 30rpx;
			border-radius: 10rpx;

			.title {
			line-height: 70rpx;
			display: flex;
			font-size: 35rpx;
			display: flex;
			justify-content: space-between;
			border-bottom: 1rpx solid #f6f6f6;

			text {
			&:nth-child(1) {
			font-weight: 700;
			}

			&:nth-child(2) {
			font-size: 27rpx;
			color: #999999;
			}
			}
			}

			.charge-man,
			.phone {
			display: flex;
			justify-content: space-between;
			font-weight: 30rpx;
			color: #717171;
			margin-top: 25rpx;
			font-size: 30rpx;
			}

			&:last-child {
			margin-bottom: 20rpx;
			}
			&:last-child {
			margin-bottom: 20rpx;
			}
			}
			}