update about api

pages/user/complaintDetails.vue

@@ -1,10 +1,10 @@
 <template>
 	<view class="details">
 		<view class="goods-info">
-			<image></image>
+			<image :src="info.complain_goods_image"></image>
 			<view class="text">
-				<view class="name u-line-1">心机小黑裙连衣裙赫本风夏季爆款dlk...</view>
-				<view class="num">共一件商品</view>
+				<view class="name u-line-1">{{info.complain_goods_name}}</view>
+				<view class="num">共{{info.complain_goods_num}}件商品</view>
 			</view>
 		</view>
 		<view class="worker-info">
@@ -12,21 +12,21 @@
 			<view class="item">
 				<view>
 					<view class="item-title">姓名</view>
-					<view class="value">李先生</view>
+					<view class="value">{{info.takeawayer_name}}</view>
 				</view>
 				<view>
 					<view class="item-title">手机号</view>
-					<view class="value">1561</view>
+					<view class="value">{{info.takeawayer_mobile}}</view>
 				</view>
 				<view>
 					<view class="item-title">公司名称</view>
-					<view class="value">申通快递公司</view>
+					<view class="value">{{info.company}}</view>
 				</view>
 			</view>
 		</view>
 		<view class="reason">
 			<view class="title">投诉原因</view>
-			<view class="value u-line-4">太慢了太慢了！！！！</view>
+			<view class="value u-line-4">{{info.complain_desc}}</view>
 		</view>
 		<u-toast ref="uToast" />
 	</view>
@@ -34,7 +34,29 @@
 <script>
 export default {
 	data() {
-		return {}
+		return {
+			info:{}
+		}
+	},
+	onLoad(option) {
+		this.getinfo(option.id)
+	},
+	methods:{
+		getinfo(id){
+			let that = this;
+			this.$u.api.reportdetail({
+				id: id
+			}).then(res => {
+				if (res.errCode != 0) {
+					this.$refs.uToast.show({
+						title: res.message,
+						type: 'error'
+					});
+				} else {
+					this.info = res.data.info;
+				}
+			});
+		}
 	}
 };
 </script>