| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>选择机型</title>
- <style>
- body{margin:0;font-family:Arial;}
- .container{display:flex;height:100vh;}
- .col{border-right:1px solid #ddd;padding:10px;overflow:auto;}
- .col h3{margin-top:0;}
- .item{padding:6px 8px;margin-bottom:4px;cursor:pointer;}
- .item a{text-decoration:none;color:#333;display:block;}
- .active{background:#e6f0ff;border-radius:4px;}
- .machine{border-bottom:1px solid #eee;padding:8px;}
- </style>
- </head>
- <body>
- <h2 style="padding:10px">选择机型</h2>
- <div class="container">
- <!-- 分类 -->
- <div class="col" style="width:120px;">
- <h3>分类</h3>
- {% for t in types %}
- <div class="item {% if type_name==t.type_name %}active{% endif %}">
- <a href="/estimate/select?type_name={{t.type_name}}">
- {{t.type_name}}
- </a>
- </div>
- {% endfor %}
- </div>
- <!-- 品牌 -->
- <div class="col" style="width:120px;">
- <h3>品牌</h3>
- {% for b in brands %}
- <div class="item {% if brand_name==b.brand_name %}active{% endif %}">
- <a href="/estimate/select?type_name={{type_name}}&brand_name={{b.brand_name}}">
- {{b.brand_name}}
- </a>
- </div>
- {% endfor %}
- </div>
- <!-- 系列 -->
- <div class="col" style="width:140px;">
- <h3>系列</h3>
- {% for s in series %}
- <div class="item {% if series_name==s.series_name %}active{% endif %}">
- <a href="/estimate/select?type_name={{type_name}}&brand_name={{brand_name}}&series_name={{s.series_name}}">
- {{s.series_name}}
- </a>
- </div>
- {% endfor %}
- </div>
- <!-- 机型 -->
- <div class="col" style="flex:1;">
- <h3>机型</h3>
- {% for m in machines %}
- <div class="machine">
- <a href="/estimate/simulate?machine_id={{m.id}}">
- {{m.name}}
- </a>
- </div>
- {% endfor %}
- </div>
- </div>
- </body>
- </html>
|