wuminjun
/
recycle-docker


			
				
					
						
						
							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>