storage-wechat/pages/materialTransfer/transferCompositeList.vue

<template>
	<div>
		
		<view class="ul">
			<view class="li" v-for="i in dataList" :key="i.id">
				<view class="line">
					提交人员：{{i.submitUser}}
					<view class="span">
						接收人员：<span>{{i.receiveUser}}</span>
					</view>
				</view>
				<view class="line">
					提交时间：{{i.submitTime}}
				</view>
				<view class="line">
					面料卷数：{{i.submitNum}}
					<view class="span">
						面料米数：<span >{{i.submitMeters}}</span>
					</view>
				</view>
				<view class="btn-warp">
					<button @click="listDelete(i.id)" style="background-color: red;color:#fff">删除</button>
					<button @click="operation(i.id)" style="background-color: blue;color:#fff">去复核</button>
				</view>
			</view>
		</view>
	</div>
</template>

<script>
	export default{
		name:"xx",
		data(){
			return{
				userInfo:null,
				dataList:[],
			}
		},
		created(){
			setTimeout(()=>{
				this.getList()
			},100)
		},
		methods:{
			listDelete(_id){
				const v = this
				uni.showModal({
					title: "提示",
					content: "你确定删除此信息么？",
					success(res) {
						if (res.confirm) {
							v.$post('/stockTransfer/delete',{
								id:_id,
							}).then(res=>{
								uni.showToast({
									title: '删除成功！',
									icon:"none" 
								})
								v.getList()
							})
						}
					}
				})
			},
			operation(_id){
				const v = this 
				uni.navigateTo({
					url: '/pages/materialTransfer/transferComposite?id=' + _id
				})
			},
			getList(){
				const v = this
				uni.getStorage({
					key: 'Authorization',
					success: function (res) {
						v.$post('/stockTransfer/page',{
							account:res.data.account,
							pageNum:1,
							pageSize:10000,
						}).then(res=>{
							console.log(res)
							v.dataList = res.data.records
						})
					}
				});
			},
		},
	}
</script>

<style scoped lang="less">
	.ul{
		min-height: 100vh;
		background-color: #f2f2f2;
	}
	.li{
		background-color: #fff;
		margin: 20rpx 20rpx 0;
		padding: 20rpx;
		list-style: none;
		.line{
			position: relative;
			line-height: 70rpx;
			border: none;
			display: flex;
			padding: 0 20rpx;
			.span{
				position: absolute;
				left: 50%;
			}
		}
	}
	.btn-warp{
		display: flex;
		justify-content: space-between;
		button{
			width: 48%;
		}
	}
	.footer-btn{
		position: fixed;
		bottom: 10rpx;
		left: 10rpx;
		right: 10rpx;
		background-color: red;
		color: #fff;
	}
</style>