상세 컨텐츠

본문 제목

입력란 클릭 자료 받아오기

python

by bumychoi 2024. 5. 9. 16:51

본문

{% extends "main.html" %}
{% block contents %}

<style>
    html,
    body,
    h1,
    h2,
    h3,
    div,
    span,
    a,
    button,
    table,
    tbody,
    thead,
    input {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    header {
        background-color: hsl(57, 95%, 60%);
    }

    body {
        min-height: 110%;
        background-color: hsl(186, 77%, 74%);
    }

    .clicked {
        background-color: rgb(59, 62, 147);
        /* border-radius: 20%; */
        color: rgb(232, 132, 37);
        display: flex;
        text-align: start;
        flex-direction: column;
        width: 150px;
    }

    .clicked>ul>span {
        text-align: center;
    }

    .btn btn-warning {
        margin: 0;
        padding: 0;
    }

    ol,
    ul {
        padding: 4px 4px 4px 4px;
        /* margin: auto; */
    }

    /* .btn btn-secondary btn-lg {
        zoom: 0.5;
        margin: 0;
        padding: 0;
    } */
    .wrap {
        /* background-color: chartreuse; */
        width: 1600px;
        height: 300px;
        margin: auto;
        border: 1px;
    }

    td>input {
        border: none;
    }

    th>input {
        border: none;
    }

    tr {
        cursor: pointer;
    }

    td>button {
        zoom: 0.65;
    }

    .total {

        height: 800px;

    }

    table {
        width: 1200px;
        table-layout: fixed;
    }

    .flex-row {
        display: flex;
        flex-direction: row;
        align-items: flex-start
            /* justify-content: center; */
    }

    .flex-col {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .list-group {
        background-color: rgb(13, 170, 233);
        color: white;
        width: 200px;
    }

    .list-group>ul {
        height: 650px;
    }

    .list-group>ul>li {
        height: 30px;
    }

    tr {
        width: 1000px;
    }

    .add-form>td {
        background-color: rgb(173, 214, 243);
    }

    .clicked {
        background-color: azure;
        color: blue;
        width: 200px;
        height: 30px;
    }

    .sum {
        margin-right: 10px;
        margin-left: auto;
        background-color: rgb(212, 250, 130);
        font-size: 20px;
        font-weight: 500;
        padding: auto;
        border: 1.5px solid rgb(13, 59, 132);
    }

    .sum>span {
        /* border: 1.5px solid rgb(13, 59, 132); */
        margin-left: 2px;
    }

    .input {
        width: 1600px;
        background-color: rgb(222, 240, 164);
        height: 350px;
        /* display: none; */
    }

    .btn>button {
        margin-left: auto;
        margin-right: 10px;
        width: 100px;
        height: 50px;
    }

    tr {
        cursor: pointer;
    }

    .listclick {
        border-color: blueviolet;
        border-style: dashed;
        box-shadow: 50cm;
        border-width: 2px;
    }

    .form_in {
        width: 1800px;
    }
</style>
<script>
    let idx
    $(document).ready(() => {
        d_list()
    })
    function d_list(id) {
        // console.log(id)
        if (id == undefined) {
            fetch(`/freight/d_bar_lists`).then(res => res.json()).then(data => {
                let rows = data['result'];
                $("#list").empty();
                rows.forEach((row) => {
                    let id = row['_id']
                    let msn = row['msn']
                    let hauju = row['hauju']
                    let p_name = row['p_name']
                    let offer = row['offer']
                    let gangjung = row['gangjung']
                    let size = row['size']
                    let bundle = row['bundle']
                    let mt = row['mt']
                    let storage = row['storage']
                    let mv_id = row['mv_id']
                    let temp_html = ` <tr id='${id}_add' onclick="list_click('${id}')">
                                        <td name="msn">${msn}</td>
                                        <td name="hauju">${hauju}</td>
                                        <td name="P_name">${p_name}</td>
                                        <td name="offer">${offer}</td>
                                        <td name="ganfjung">${gangjung}</td>
                                        <td name="size">${size}</td>
                                        <td name="bundle">${bundle}</td>
                                        <td name="mt">${mt}</td>
                                        <td name="storage">${storage}</td>  
                                    </tr>`

                    $("#list").append(temp_html)
                })

            })
        }
        else {
            let url = `/freight/d_bar_lists?data=${id}`
            fetch(url).then(res => res.json()).then(data => {
                // let name = data["mv_name"]
                // console.log(name)
                let rows = data['result'];
                $("#list").empty();
                rows.forEach((row) => {
                    let id = row['_id']
                    let msn = row['msn']
                    let hauju = row['hauju']
                    let p_name = row['p_name']
                    let offer = row['offer']
                    let gangjung = row['gangjung']
                    let size = row['size']
                    let bundle = row['bundle']
                    let mt = row['mt']
                    let storage = row['storage']
                    let mv_id = row['mv_id']
                    let temp_html = ` <tr id='${id}_add' onclick="list_click('${id}')">
                                        <td name="msn">${msn}</td>
                                        <td name="hauju">${hauju}</td>
                                        <td name="P_name">${p_name}</td>
                                        <td name="offer">${offer}</td>
                                        <td name="gangjung">${gangjung}</td>
                                        <td name="size">${size}</td>
                                        <td name="bundle">${bundle}</td>
                                        <td name="mt">${mt}</td>
                                        <td name="storage">${storage}</td>  
                                    </tr>`
                    $("#list").append(temp_html)
                })
            })
        }
    }

    function mv_click(id) {
        $(`#mv_mv`).text(`${id}`)
        $(`.list-group`).addClass('clicked')
        $(`#${id}`).removeClass('clicked')
        d_list(id)
        $(`.input`).hide();
    }
    function d_input(id) {
        temp_html = `   <tr id=${id}id_list class=form_in>
                            <td><input type="text" placeholder="차량번호" name="tc_no"></td>
                            <td><input type="text" placeholder="수량" name="huju"></td>
                            <td><input type="text" placeholder="중량" name="mt"></td>
                            <td><input type="text" placeholder="강종" name="gangjung"></td>
                            <td><input type="text" placeholder="제강사" name="offer"></td>
                            <td><input type="text" placeholder="사이즈" name="size"></td>
                        </tr>
                    `
        $("#list_up").append(temp_html)

    }
    function list_click(idx) {
        console.log(idx)
        let msn = $(`#${idx}_add>td[name=msn]`).text()
        let huju = $(`#${idx}_add>td[name=huju]`).text()
        let p_name = $(`#${idx}_add>td[name=p_name]`).text()
        let offer = $(`#${idx}_add>td[name=offer]`).text()
        let gangjung = $(`#${idx}_add>td[name=gangjung]`).text()
        let size = $(`#${idx}_add>td[name=size]`).text()
        let mt=$(`#${idx}_add>td[name=mt]`).text()
        console.log(gangjung)
        $('#mt').val(mt)
        $('#gangjung').val(gangjung)
        $('#offer').val(offer)
        $('#size').val(size)        

       

        $(`.listclick`).removeClass('listclick')
        $(`#${idx}_add`).addClass('listclick')
       

    }
</script>
<header>
    <div class="flex-row">
        <div>
            {% for d_list in d_lists %}
            <a id="{{d_list._id}}" class="list-group" onclick="mv_click(`${id}`)" name="mv_name">{{d_list.date}}
                {{d_list.mv_name}}</a>
            {% endfor %}
        </div>
        <!-- <h1 id="nam">1</h1> -->
        <div class=form_in>
            <tr class=id_list id="id_list">
                <td><input type="text" placeholder="차량번호" name="tc_no" id="tc_no"></td>
                <td><input type="text" placeholder="수량" name="huju" id="huju"></td>
                <td><input type="text" placeholder="중량" name="mt" id="mt"></td>
                <td><input type="text" placeholder="강종" name="gangjung" id="gangjung"></td>
                <td><input type="text" placeholder="제강사" name="offer" id="offer"></td>
                <td><input type="text" placeholder="사이즈" name="size" id="size"></td>
                <div class="btn">
                    <button type="button" class="btn btn-success" onclick="d_input()">입고</button>
                </div>
            </tr>
        </div>

    </div>

</header>

<body>
    <div class="flex-col">
        <div class="wrap  bd-sidbar">
            <table class="table" style="border: 8px blue;">
                <thead class="table-primary">
                    <tr>
                        <th scope="col">MSN</th>
                        <th scope="col">화주명</th>
                        <th scope="col">품명</th>
                        <th scope="col">제강사</th>
                        <th scope="col">강종</th>
                        <th scope="col">싸이즈</th>
                        <th scope="col">총수량(B/D)</th>
                        <th scope="col">총중량(M/T)</th>
                        <th scope="col">입고창고</th>
                    </tr>
                </thead>
                <tbody class="table table-striped table" id=list class="add-form">
                    <!-- <tr class="add-form_1" id="add-form_1" style="background-color: aqua;">
                        <td><input type="text" placeholder="MSN" name="msn"></td>
                        <td><input type="text" placeholder="화주명" name="hauju"></td>
                        <td><input type="text" placeholder="세부품명" value="d_bar" name="p_name"></td>
                        <td><input type="text" placeholder="제강사" name="offer"></td>
                        <td><input type="text" placeholder="강 종" name="gangjung"></td>
                        <td><input type="text" placeholder="싸이즈" name="size"></td>
                        <td><input type="text" placeholder="수 량" name="bundle"></td>
                        <td><input type="text" placeholder="톤수" name="mt"></td>
                        <td><input type="text" placeholder="창고코드" name="storage"></td>
                        </td>
                    </tr> -->
                </tbody>
            </table>
        </div>
        <table>
            <tbody class="table table-striped table">
                <div>
                </div>
            </tbody>
        </table>
    </div>
</body>
{% endblock %}

freight.html

<!DOCTYPE html>
<html lang="kr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
        integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous">
        </script>
        integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
       
    <title>{{title}}</title>
    <style>
        footer {
            position: absolute;
            bottom: 0px;
        }
    </style>
</head>

<header>
    <nav class="navbar navbar-expand-lg bg-body-tertiary">
        <div class="container-fluid">
            <a class="navbar-brand" href="{{url_for('home.home')}}">하역팀홈</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
                aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link active" aria-current="page" href="{{url_for('home.mv_create')}}">본선등록</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{url_for('d_bar.d_list')}}">철근본선관리</a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" href="{{url_for('freight.freight')}}" href="#">입고관리</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" aria-disabled="true">출고관리</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<body>
    {% block contents %}
    {% endblock %}

    <hr>
    <footer>
        <hr>  
        <h5><a href="{{url_for('home')}}">MAIN page</a></h5>
    </footer>
</body>

</html>
 

main.html

from main import *
from flask import Blueprint
from bson.objectid import ObjectId

bp = Blueprint("freight", __name__, url_prefix='/freight')

@bp.route("/")
def freight():
    d_lists = list(db.mv.find({"cago_name": "철근"}))
    return render_template("freight.html",d_lists=d_lists,title="철근상세")

@bp.route('/d_bar_lists',methods=['GET'])
def d_bar_lists():
    data = request.args.get('data')
    d_details = list(db.d_list.find({'mv_id':data}))
    for d_detail in d_details:
        d_detail["_id"] = str(d_detail['_id'])

    return jsonify({"result": d_details})

입고 서버

from flask import Flask,render_template,request, url_for, abort, redirect, redirect,jsonify
from bson.objectid import ObjectId
from pymongo import MongoClient,aggregation
import math

client = MongoClient("mongodb+srv://sparta:test@.wu64ps9.mongodb.net/")
db = client.d_bar

app= Flask(__name__)

from main import home,d_bar,freight
app.register_blueprint(home.bp)
app.register_blueprint(d_bar.bp)
app.register_blueprint(freight.bp)

__inti__.py

 

 

'python' 카테고리의 다른 글

추가  (0) 2024.05.09
출고입력창 완성  (0) 2024.05.09
입고 2  (0) 2024.05.07
추가작업 입고란 추가  (0) 2024.05.07
입고페이지  (1) 2024.05.04

관련글 더보기

티스토리툴바