snapshot-wx/pagesBase/Order/EvaluateView.vue

<template>
	<view class="container">
		<view class="itemBox" v-for="(item, index) in listData">
			<!-- <view class="itemHeader">{{item.BMName}}</view> -->
			<view class="itemBody">
				<view class="infoItemBox">
					<text class="infoLable">中心满意度</text>
					<text class="infoText">{{item.seatEvaluate || ''}}</text>
				</view>
				<view class="infoItemBox">
					<text class="infoLable">部门满意度</text>
					<text class="infoText">{{item.orgProcessingResults || ''}}</text>
				</view>
				<view class="infoItemBox">
					<text class="infoLable">办事态度</text>
					<text class="infoText">{{item.orgHandledAttitude || ''}}</text>
				</view>
				<view class="infoItemBox">
					<text class="infoLable">备注</text>
					<text class="infoText">{{item.remark || ''}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	var that;
	export default {
		data() {
			return {
				isShow: false,
				id: '',
				listData: [],
			}
		},
		onLoad(options) {
			that = this;
			that.id = options.id;
			that.onGetData(function() {
				that.isShow = true;
			});
		},
		methods: {
			onGetData(fun) {
				that.$admin.req({
					method: 'GET',
					url: '/api/v1/Snapshot/order/visit/' + that.id
				}).then(res => {
					if (res && res.length > 0) {
						that.listData = res;
					}
					typeof fun === 'function' && fun();
				})
			},
		}
	}
</script>

<style lang="less">
	.container {
		background-color: #ffffff;
	}

	.itemBox {
		background-color: #ffffff;
		margin: 26rpx 20rpx;
		padding: 30rpx 20rpx;
		border-radius: 10rpx;
		border-bottom: 2rpx #efefef solid;
	}

	.itemHeader {
		color: #000006;
		font-weight: bold;
		margin-bottom: 30rpx;
		font-size: 34rpx;
	}

	.itemBody {
		line-height: 48rpx;
		color: #333333;
		font-size: 28rpx;
	}

	.infoItemBox {
		font-size: 28rpx;
		line-height: 60rpx;
	}

	.infoLable {
		width: 180rpx;
		display: inline-block;
		vertical-align: top;
		color: #666666;
	}

	.infoText {
		width: calc(100% - 180rpx);
		display: inline-block;
		vertical-align: top;
		color: #333333;
		word-break: break-all;
	}

	.infoContent {
		margin-top: 10rpx;
	}
</style>