修改页面

2025-03-22 16:35:45 +08:00
parent 24d77cc5b9
commit da30bda3b0
9 changed files with 819 additions and 41 deletions
@@ -0,0 +1,139 @@
+<template>
+	<view>
+		<z-paging  ref="paging" v-model="datalist" @query="queryList"  empty-view-text='暂无数据!'>
+			<template #top>
+				<uni-nav-bar leftText=" " :fixed="true" :border="false" leftIcon="back" @clickLeft="leftClick" color="#000000"
+					backgroundColor="#fff" :statusBar="true" :title="$t('mine.recyclebin')"></uni-nav-bar>
+			</template>
+			<view class="contents" >
+				<view class="colls" v-for="(item, index) in datalist" :key="index" >
+					<view class=""  @click="detileClick(item)">
+						<view class="top">
+							<view class="name">{{item.contacts}}</view>
+							<view class="right">
+								<text class="medal" :style="{color:(item.magnitude == 0 ?'#F5AB00' : item.magnitude == 1 ?'#8495B8': '#9B7200')}">{{item.magnitude_txt}}</text>
+							</view>
+						</view>
+						<u-line margin="20rpx 0px" color="#fff" :hairline="false"></u-line>
+						<view class="cont">
+							<view class="title">
+								<view class=""><text class="name">{{item.phone}}</text></view>
+								<view class="ststus">{{item.grade_txt}}</view>
+							</view>
+							<view class="info"><text class="sex">{{item.sex_txt}}</text> | <text class="addr">{{item.country_name}}</text><text class="type">{{item.car_type_name}}</text>
+							</view>
+						</view>
+					</view>
+					<view class="edt">
+						<view class="btn"  @click="editFn"><text> {{$t('mine.restore')}}</text></view>
+					</view>
+				</view>
+			</view>
+		</z-paging>
+	</view>
+</template>
+
+<script>
+	import { request,showToast } from '@/api/apiT.js'
+	export default {
+		data() {
+			return {
+				datalist:[]
+			}
+		},
+		methods: {
+			//客户列表数据
+			queryList(pageNo, pageSize) {
+				var that = this;
+				request({
+					url:'customer/list',
+					method:'get',
+					data: {
+						page:pageNo,
+						per_page:10,
+					}
+				}).then(res => {
+					console.log(res.data)
+					if(res.data.code ==0){
+						var datas = res.data.data.list;
+						this.$refs.paging.complete(datas);
+					}else{
+						// this.$refs.paging.complete(null);
+						// that.listlength=0
+					} 
+					uni.stopPullDownRefresh();
+				})
+			},
+			detileClick(item){
+				uni.navigateTo({
+					url: '/pages/mine/recyclebindetil?id='+item.id
+				});
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.contents{
+		background-color: #FFFFFF;
+		padding: 15px;
+		.colls{
+			
+			background: #F6F6F6;
+			border-radius: 10px;
+			margin-bottom: 10px;
+		}
+		.top{
+			padding: 10px 15px 0px;
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+		}
+		.name{
+			font-size: 32rpx;
+			font-weight: bold;
+			margin-right: 10px;
+		}
+		.cont{
+			padding: 0px 15px 10px;
+			font-size: 24rpx;
+			.title{
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				color: #222222;
+			}
+			.ststus{
+				color: #666666;
+			}
+			.info,.desc{
+				color: #78758E;
+				line-height: 26px;
+			}
+			.sex{
+				margin-right: 5px;
+			}
+			.addr{
+				margin-left: 5px;
+			}
+			.type{
+				margin-left: 5px;
+				color: #3471FF;
+			}
+		}
+		.edt{
+			display: flex;
+			justify-content: right;
+			padding-bottom: 10px;
+			padding-right: 15px;
+		}
+		
+		.btn{
+			background: linear-gradient(to right, #3471FF, #6776FF);
+			color: white;
+			border-radius: 50px;
+			text-align: right;
+			padding: 5px 15px;
+		}
+	}
+</style>