app 一卡通流水 详情回显

Learun.Framework.Ultimate V7/LearunApp-2.2.0/pages/MealCardRunTab/list.vue

@@ -10,19 +10,93 @@
 			<l-scroll-list v-if="ready" @pullDown="pullDown" @toBottom="fetchList()" ref="data">
 				<l-customlist :tips="loadState" showTips>
 					<l-list>
-						<l-list-item v-for="(item, ind) in data" :key="item.Id">
-							<view style="flex: 1;color: #303133;font-size: 14px;padding: 8px 0;">
-								<view class="wrap1">{{item.bigGroup}}</view>
-								<view style="color: #909399;font-size: 12px;">
+						<l-list-item v-for="(item, ind) in data" :key="item.Id" @click="itemClick(item)">
+							<view style="flex: 1;">
+								<view style="display: flex;">
+									<view style="flex: 1;color: #303133;font-size: 14px;padding: 8px 0;">
+										<view class="wrap1">{{item.bigGroup}}</view>
+										<view style="color: #909399;font-size: 12px;">
+											<view>
+												{{item.flowtype||"--"}}
+											</view>
+											<view>{{item.centralTm||"--"}}</view>
+										</view>
+									</view>
+									<view style="color: #303133;font-weight: 700;font-size: 18px;">
+										{{item.flowamount}}
+									</view>
+								</view>
+								<view class="detail" v-if="item.detailVisiable">
+									<view>
+										<text class="title">学生卡账号</text>
+										{{item.accountNo}}
+									</view>
+									<view>
+										<text class="title">学生卡姓名</text>
+										{{item.accountName}}
+									</view>
+									<view>
+										<text class="title">部门名称</text>
+										{{item.depName}}
+									</view>
+									<view>
+										<text class="title">身份证号</text>
+										{{item.personId}}
+									</view>
+									<view>
+										<text class="title">身份名称</text>
+										{{item.identiName}}
+									</view>
+									<view>
+										<text class="title">流水类型</text>
+										{{item.flowtype}}
+									</view>
+									<view>
+										<text class="title">交易金额</text>
+										{{item.flowamount}}
+									</view>
+									<view>
+										<text class="title">余 额</text>
+										{{item.balance}}
+									</view>
+									<view>
+										<text class="title">卡 号</text>
+										{{item.cardNo}}
+									</view>
+									<view>
+										<text class="title">中心时间</text>
+										{{item.centralTm}}
+									</view>
+									<view>
+										<text class="title">中心序号</text>
+										{{item.centralNo}}
+									</view>
+									<view>
+										<text class="title">发生时间</text>
+										{{item.occurTime}}
+									</view>
+									<view>
+										<text class="title">节点名称</text>
+										{{item.node}}
+									</view>
+									<view>
+										<text class="title">营业大组名称</text>
+										{{item.bigGroup}}
+									</view>
+									<view>
+										<text class="title">营业小组名称</text>
+										{{item.smallGroup}}
+									</view>
+									<view>
+										<text class="title">营业餐次</text>
+										{{item.seg}}
+									</view>
 									<view>
-										{{item.flowtype||"--"}}
+										<text class="title">Pos机序号</text>
+										{{item.pos}}
 									</view>
-									<view>{{item.occurTime||"--"}}</view>
 								</view>
 							</view>
-							<view style="color: #303133;font-weight: 700;font-size: 18px;">
-								{{item.flowamount}}
-							</view>
 						</l-list-item>
 					</l-list>
 				</l-customlist>
@@ -174,6 +248,15 @@
 			  this.isReset = false
 			  this.searchChange()
 			}, 
+			
+			itemClick(item){
+				this.data = this.data.map(item1=>{
+					if(item1.Id == item.Id){
+						item.detailVisiable = true
+					}
+					return item1
+				})
+			}
 		},
 		computed: {
 
@@ -236,4 +319,12 @@
 		overflow: hidden;
 		white-space: nowrap;
 	}
+	
+	.detail{
+		font-size: 12px;
+		.title{
+			display: inline-block;
+			width: 100px;
+		}
+	}
 </style>