Implement issue 1 search, order reuse and tracking

po_app/templates/order_new.html

@@ -15,10 +15,11 @@
       </div>
       <div>
         <label>供应商（留空则手工填写）</label>
-        <select name="supplier_id">
+        <input type="search" id="supplierSearch" placeholder="搜索名称、简称或编号" aria-label="搜索供应商">
+        <select name="supplier_id" id="supplierPickNew" style="margin-top:4px;">
           <option value="">-- 手工填写 --</option>
           {% for s in suppliers %}
-          <option value="{{ s.id }}">{{ s.name }}</option>
+          <option value="{{ s.id }}" data-search="{{ s.short_name or '' }} {{ s.code or '' }}">{{ s.name }}{{ '（' ~ s.short_name ~ '）' if s.short_name else '' }}</option>
           {% endfor %}
         </select>
       </div>
@@ -29,4 +30,6 @@
     </div>
   </form>
 </div>
+<script src="{{ url_for('static', filename='search_select.js') }}"></script>
+<script>POFilterSelect.bind(document.getElementById('supplierSearch'), document.getElementById('supplierPickNew'));</script>
 {% endblock %}