<template>
	<view class="box">
		<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
			<div class="searchBox_add">
				<div class="searchBox_left">
					<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
				</div>
				<div class="searchBox_mid">我的报修</div>
				<div class="searchBox_right"></div>
			</div>
		</div>

		<div class="tabList">
			<div :class="active == '1' ? 'tab active' : 'tab'">待指派 <span>(1)</span></div>
			<div :class="active == '2' ? 'tab active' : 'tab'">进行中 <span>(1)</span></div>
			<div :class="active == '3' ? 'tab active' : 'tab'">已作废 <span>(1)</span></div>
			<div :class="active == '4' ? 'tab active' : 'tab'">已完成 <span>(1)</span></div>
		</div>

		<div class="orderList">
			<div class="orderItem" @click="desc">
				<div class="orderItemTit orderItemTit_state1" v-if="false">
					<div class="orderItemTit_left">工单编号：123456789145</div>
					<div class="orderItemTit_right">2025-06-04 16:27:35</div>
				</div>
				<div class="orderItemTit orderItemTit_state2" v-if="true">
					<div class="orderItemTit_left">工单编号：123456789145</div>
					<div class="orderItemTit_right">2025-06-04 16:27:35</div>
				</div>
				<div class="orderItemTit orderItemTit_state3" v-if="false">
					<div class="orderItemTit_left">工单编号：123456789145</div>
					<div class="orderItemTit_right">2025-06-04 16:27:35</div>
				</div>
				<div class="orderItemTit orderItemTit_state4" v-if="false">
					<div class="orderItemTit_left">工单编号：123456789145</div>
					<div class="orderItemTit_right">2025-06-04 16:27:35</div>
				</div>
				
				<div class="orderItem_row">
					<div class="df">
						<div class="orderItem_row_label">小区房源名称</div>
						<div class="orderItem_row_con">世纪名城1号楼1单元101</div>
					</div>

					<div class="orderItem_row_state">
						待指派
					</div>
				</div>

				<div class="orderItem_row">
					<div class="orderItem_row_label">报修类型</div>
					<div class="orderItem_row_con">家具维修</div>
				</div>

				<div class="orderItem_row">
					<div class="orderItem_row_label">问题描述</div>
					<div class="orderItem_row_con">门坏了</div>
				</div>

				<div class="orderItem_row">
					<div class="orderItem_row_label">上门时间</div>
					<div class="orderItem_row_con">2025-06-12 12:00</div>
				</div>

				<div class="orderItem_row">
					<div class="orderItem_row_label">联系人</div>
					<div class="orderItem_row_con">高尚</div>
				</div>

				<div class="orderItem_row">
					<div class="orderItem_row_label">联系人手机号</div>
					<div class="orderItem_row_con">15901518415</div>
				</div>
			</div>
		</div>

		<div class="addBtn" @click="oneRepair">
			在线报修
		</div>

	</view>
</template>

<script>
import { request, NavgateTo, menuButtonInfo } from '../../../utils';
import { apiArr } from '../../../api/community';
export default {
	data() {
		return {
			top: "",
			localHeight: "",
			active: "1"
		}
	},
	methods: {
		oneRepair(){
			NavgateTo("../oneRepair/index")
		},

		desc(){
			NavgateTo("../repairDetail/index")
		},


	},

	onLoad(options) {
		const meun = menuButtonInfo();
		this.top = meun.top;
		this.localHeight = meun.height;
	},
}
</script>

<style>
@import url("./index.css");
</style>