<template>
	<view class="order view">
		<view class="middle view" @click="handleCheck(idx)">
			<view class="check-box">
				<radio-group>
					<label>
						<radio :value="cb" :checked="newsItem.checked" />
					</label>
				</radio-group>
				<view class="text-right">
					<view class="middle-title">
						<text class="middle-title__text">姓名：</text>
						<text class="middle-title__text">{{ newsItem.terminal_name }}</text>
					</view>
					<view class="middle-title">
						<text class="middle-title__text">手机号：</text>
						<text class="middle-title__text">1212121221</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
// #ifdef APP-NVUE
const dom = weex.requireModule('dom');
// #endif
import store from '@/store/index.js';
export default {
	props: {
		newsItem: {
			type: Object,
			default: function (e) {
				return {};
			}
		},
		idx: {
			type: Number
		},
		isCheck: {
			type: Boolean,
			default: false
		}
	},
	data() {
		return {
			ishowDetail: true,
			ishowReceiveDetail: false,
			receiveInfoHeight: '132',
			receiveInfoDetailSize: {},
			allFiles: [],
			cb: ''
		};
	},
	computed: {
		imageStyles() {
			return {
				width: 64,
				height: 64,
				border: {
					radius: '50%'
				}
			};
		},
		receiveInfoHeightComputed() {
			console.log(this.receiveInfoHeight - 0, '[][]');
			if (this.receiveInfoHeight - 0 === 0) {
				const height = this.allFiles.length > 0 ? 485 : 0;
				return { minHeight: height + 'px' };
			} else {
				return {
					height: `${this.receiveInfoHeight}px`
				};
			}
		}
	},
	mounted() {},
	methods: {
		handleCheck() {
			this.$emit('handleCheck', this.idx);
		},
		handleDetail(item) {
			uni.navigateTo({
				url: `/pages/loan-query/loan-detail?code=${item.fee_code}`
			});
		},
		click() {
			this.$emit('click');
		},
		close(e) {
			e.stopPropagation();
			this.$emit('close');
		},
		handleShowDetail() {
			this.ishowDetail = !this.ishowDetail;
		},
		checkLogistics() {
			const num = 'dfb0ebae8103034ccb863d3702e22eb6';
			uni.navigateTo({
				url: `/pages/logistics/logistics?logisticno=${num}`
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.view {
	flex-direction: column;
}
.order {
	flex: 1;
	background: #ffffff;
	border-radius: 20rpx;
	// box-shadow: 0px 2px 4px 0px #dbe4ee;
	margin-top: 28rpx;
}

.middle {
	padding: 26rpx 32rpx;
}

.middle-title {
	display: flex;
	align-items: center;
	margin-bottom: 10rpx;
}

.middle-title__text {
	font-weight: 500;
	font-size: 28rpx;
	color: $text-base-color;
	font-family: PingFangSC, PingFangSC-Medium;
}

.icon-car {
	width: 13px;
	height: 13px;
	margin-left: 16rpx;
}

.text-block {
	flex: 1;
	flex-direction: column;
	margin-bottom: 16rpx;
}

.text-block-last {
	margin-bottom: 0;
}

.middle-date {
	font-size: 28rpx;
	color: $text-base-color;
	margin-top: 8rpx;
}

.middle-date-des {
	font-size: 24rpx;
	color: #999;
}

.text-block-box {
	display: flex;
	// height: 120rpx;
	margin-bottom: 16rpx;
	justify-content: space-between;
}

.middle-date-right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: right;
}

.bottom {
	padding: 0 50rpx 48rpx;
}

.bottom-nav {
	height: 40rpx;
	justify-content: flex-end;
	align-items: center;
}

.cell-list {
	flex-direction: column;
}
.total-amount {
	justify-content: end;
}
.check-box {
	display: flex;
	align-items: center;
}
.text-right{
	display: flex;
	flex-direction: column;
	padding-left: 10rpx;
}
</style>