💻 代码预览 · 小草智慧社区

1<!DOCTYPE html><html lang="zh-CN"><head>
2<meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
3<title>物业报修 - 小草智慧社区</title><link rel="stylesheet" href="style.css">
4</head><body>
5<div class="header"><span class="back" onclick="history.back()">‹</span><h1>物业报修</h1><span class="right">📋</span></div>
6<div class="section-title">📝 提交报修</div>
7<div class="form-group">
8  <div class="fg-label">报修类型 <span class="required">*</span></div>
9  <div class="type-chips" id="type-chips">
10    <div class="chip active" onclick="selectType(this)">水管维修</div>
11    <div class="chip" onclick="selectType(this)">电路维修</div>
12    <div class="chip" onclick="selectType(this)">门锁维修</div>
13    <div class="chip" onclick="selectType(this)">墙面粉刷</div>
14    <div class="chip" onclick="selectType(this)">门窗维修</div>
15    <div class="chip" onclick="selectType(this)">其他</div>
16  </div>
17</div>
18<div class="form-group">
19  <div class="fg-label">问题描述 <span class="required">*</span></div>
20  <textarea placeholder="请详细描述报修问题，如位置、现象、紧急程度等..."></textarea>
21</div>
22<div class="form-group">
23  <div class="fg-label">上传照片（选填）</div>
24  <div class="upload-area" onclick="alert('📷 此为演示页面，实际上传会调用摄像头或相册')">
25    📷 点击上传问题照片<br><span style="font-size:11px">最多上传3张</span>
26  </div>
27</div>
28<div class="form-group">
29  <div class="fg-label">联系电话 <span class="required">*</span></div>
30  <input type="tel" placeholder="请输入手机号码" value="138****8888">
31</div>
32<div class="form-group">
33  <div class="fg-label">期望上门时间</div>
34  <select><option>尽快上门</option><option>工作日上午</option><option>工作日下午</option><option>周末上午</option><option>周末下午</option></select>
35</div>
36<div style="padding:0 12px"><button class="btn btn-primary" onclick="submitRepair()">提交报修</button></div>
37<div class="section-title">📋 我的报修记录</div>
38<div id="repair-list"></div>
39<div style="height:70px"></div>
40<div class="tabbar">
41  <a href="index.html"><span class="icon">🏠</span>首页</a>
42  <a href="repair.html" class="active"><span class="icon">🔧</span>报修</a>
43  <a href="pay.html"><span class="icon">💳</span>缴费</a>
44  <a href="neighbors.html"><span class="icon">💬</span>邻里</a>
45</div>
46<script src="data.js"></script>
47<script src="app.js"></script>
48<script>renderRepairs();</script>
49</body></html>