<div id="main"> <h1>異常記錄查詢</h1> <form method="get" action="/history"> <label>查詢日期：</label> <input type="date" name="date"> <label>查詢綫別：</label> <input type="text" name="line"> <label>查詢機種：</label> <input type="text" name="model"> <input type="submit" value="查询"> </form> <table> <thead> <tr> <th>確認綫別</th> <th>確認日期</th> <th>異常機種</th> <th>異常現象</th> <th>異常數量</th> <th>生產日期</th> <th>生產班別</th> <th>生產綫別</th> <th>責任人</th> </tr> </thead> <tbody> {% for item in data %} <tr> <td>{{ item['确认线别'] }}</td> <td>{{ item['确认日期'] }}</td> <td>{{ item['异常机种'] }}</td> <td>{{ item['异常现象'] }}</td> <td>{{ item['异常數量'] }}</td> <td>{{ item['生产日期'] }}</td> <td>{{ item['生产班别'] }}</td> <td>{{ item['生产线别'] }}</td> <td>{{ item['责任人'] }}</td> </tr> {% endfor %} </tbody>

这是一个 HTML 页面的代码，其中包含一个表单和一个表格。表单中有三个输入框，分别是日期、线别和机种，还有一个查询按钮。表格中按行列排列了异常记录的信息，包括确认线别、确认日期、异常机种、异常现象、异常数量、生产日期、生产班别、生产线别和责任人。其中，数据是从一个名为 data 的列表中动态生成的，使用了模板引擎。