1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- {% extends "BOM/layout.html" %}
- {% load static %}
- {% block script %}
- <script src="{% static 'axios.min.js' %}"></script>
- <script src="{% static 'qs.js' %}"></script>
- <script src="{% static 'react.production.min.js' %}"></script>
- <script src="{% static 'react-dom.production.min.js' %}"></script>
- <script src="{% static 'babel.min.js' %}"></script>
- {% endblock script %}
- {% block body %}
- <div id="main" class="container-fluid">
- <form method="post">
- {% csrf_token %}
- <div class="mb-3 mt-3">
- <label for="part_number" class="form-label">料号:</label>
- <input type="text" class="form-control" id="part_number" placeholder="输入料号" name="part_number" maxlength="16" onblur="contentCheck()"/>
- </div>
- <div class="mb-3 mt-3">
- <label for="description" class="form-label"><input class="form-check-input" type="checkbox" name="include_EOL_parts">包含停用的料号</label>
- </div>
- <div id="form-button-area">
- <button type="submit" name="search" value="create" id="search" class="btn btn-primary" >搜索</button>
- <a href="/home/">返回</a>
- </div>
- </form>
- </div>
- <script>
- function contentCheck(){
- console.log("contentCheck start")
- var part_number = document.getElementById("part_number").value.trim()
- if (part_number.length == 0){
- console.log("contentCheck fail")
- document.getElementById("search").setAttribute("disabled","disabled")
- }else{
- console.log("contentCheck pass")
- document.getElementById("search").removeAttribute("disabled")
- }
- }
- </script>
- <style type="text/css">
- #main {
- display: inline-flex;
- justify-content: center;
- }
- form {
- justify-content: center;
- margin: 50px;
- width: inherit;
- }
- #form-button-area {
- display: flex;
- justify-content: space-around;
- margin-top: 10px;
- }
- div.attachmentList {
- display: flex;
- justify-content: space-around;
- }
- div.supplier_search {
- display: flex;
- justify-content: flex-start;
- }
- .card {
- margin-bottom: 10px;
- width: 100%;
- }
- .BOM-qty {
- width: 100px;
- }
- </style>
- {% endblock body %}
|