zxhx
/
xiaoben-as2-php


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新增编辑销售出库单</title>
    <link href="/css/base.css" rel="stylesheet">
    <link href="/css/ims/ims.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/ims/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/ims/ace.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/ims/jquery.datetimepicker.css"/>
    <style>
        .ims-box {
            margin: 20px;
        }

        .screen {
            padding-left: 20px;
            height: 44px;
            line-height: 44px;
            background-color: #eff4fa;
        }

        .screen li {
            float: left;
            margin-right: 65px;
        }

        .bg-d9bf6e {
            margin-left: 5px;
            padding: 0 20px;
            color: #fff;
            background-color: #d9bf6e;
        }

        .list {
            padding: 0 40px;
            /*margin-top: 40px;*/
            overflow: hidden;
        }

        .list h2 {

            line-height: 30px;
            font-size: 14px;
        }

        .list .student-list_box {
            width: 300px;
        }

        .list .student-list_box > ul {
            height: 260px;
            overflow: auto;
            padding: 20px;
            background-color: #eef3ff;
        }

        .list .student-list_box li {
            line-height: 30px;
            cursor: pointer;
        }

        .list .student-selected_box {
            margin-left: 60px;
        }

        .list .student-list {
            display: none;
            margin-left: 20px;
        }

        .list .student-list li.active .btn-select_all {
            display: inline-block;
        }

        .list .student-list span {
            cursor: pointer;
        }

        .list .btn-select_all {
            margin-left: 84px;
            color: #2977ff;
        }

        .student-name_box li {
            position: relative;
            margin-left: 28px;
            line-height: 30px;
        }

        .student-name_box input {
            position: absolute;
            left: 155px;
            top: 8px;
        }

        .btn-select_all,
        .student-name_box {
            display: none;
        }

        .student-selected {
            width: 320px;
            height: 220px;
            overflow: auto;
        }

        .student-selected li {
            float: left;
            margin-right: 24px;
            margin-bottom: 12px;
            height: 26px;
            line-height: 26px;
            text-indent: 20px;
            background-color: #f2f2f2;
        }

        .student-selected .btn-delete {
            float: right;
            margin-right: 20px;
            color: red;
            cursor: pointer;
        }

        .btn-confirm_purchase {
            display: block;
            margin: 0 auto;
            margin-top: 100px;
            margin-bottom: 50px;
            width: 430px;
            line-height: 54px;
            color: #fff;
            font-family: PingFangSC-Regular, "PingFang SC";
            font-weight: 400;
            font-style: normal;
            font-size: 20px;
            text-align: center;
            background-color: #2977ff;
            cursor: pointer;
        }

        #imgPreview {
            display: inline-block;
            margin-top: 12px;
        }

        #imgPreview > img {
            max-width: 100px;
            max-height: 100px;
            margin-right: 5px;
        }
        .layui-layer-btn .layui-layer-btn0 {
            border-color: #2977ff !important;
            background-color: #2977ff !important;
            color: #fff;
        }
        .stop-layer-box, .resubmit-layer-box, .delete-layer-box {
            line-height: 140px;
            text-align: center;
        }
    </style>
</head>
<body>
<h3 class="sale-title">销售出库单</h3>
<input type="hidden" name="oldOrderId" id="oldOrderId" value="0">
<div class="sale-table">
    <table width="100%">
        <tr>
            <th><em class="red">*</em>标题</th>
            <td colspan="3"><input type="text" style="width:100%;" placeholder="请输入标题" name="outTitle" value=""></td>
        </tr>
        <tr>
            <th><em class="red">*</em>出库品名</th>
            <td>
                <div class="diy_select">
                    <input type="hidden" id="itemId" name="itemId" class="diy_select_input" value="0">
                    <div class="diy_select_txt pm_name_txt">请选择</div>
                    <div class="diy_select_btn"></div>
                    <ul class="diy_select_list pm_name" style="display: none;">
                        <li val="0">请选择</li>
                        <?php foreach ($pmNameList as $key => $value): ?>
                            <?php if($value['itemId'] == '326644304959246336'){ continue;}?>
                            <li val="<?php echo $value['itemId']; ?>"><?php echo $value['itemName']; ?></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
                <span class="fr">单位：个</span>
            </td>
            <th><em class="red">*</em>出库日期</th>
            <td><input id="outTimet" readonly type="text" style="width:100%;" placeholder="请输入出库日期" name="out_date" value="">
            </td>
        </tr>
        <tr>
            <th><em class="red">*</em>关联财务订单</th>
            <td>
                <a href="javascript:;" class="relate-goods" doType="add" orderId="0">添加</a>
                <span class="fr">关联人数：<span class="rel-peapor-num">0</span></span>
            </td>
            <th>每个学生领取数量</th>
            <td>
                <input type="text" placeholder="请输入学生领取数量" value="0" name="stu_get_num">
                <span class="fr">个</span>
            </td>
        </tr>
        <tr>
            <td colspan="4" class="sale-num">出库数量：<span class="red out-num">0</span>个</td>
        </tr>
        <tr>
            <th><em class="red">*</em>发货凭证</th>
            <td colspan="3">
                <label class="add-img">
                    <span>+</span>
                    <input type="file" id="uploadImg" accept="image/*" style="display: none;"/>
                </label>
                <span>请上传收货人与货品的合照</span>
                <div id="imgPreview"></div>
            </td>
        </tr>
    </table>

</div>
<div class="clearfix student-list">
    <div class="fl">领用学生名单</div>
    <button type="button" class="edit-btn fr label-primary-s bth-s">编辑名单</button>
</div>
<div style="font-size:12px;max-height: 350px;overflow-y: scroll;margin-bottom: 25px;">
    <table class="table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable">
        <thead>
        <tr>
            <th>序号</th>
            <th>学生姓名</th>
            <th>班级</th>
        </tr>
        </thead>
        <tbody id="active-submit-stu">

        </tbody>
    </table>
</div>

<div class="sale-submit">
    <button type="button" class="label-primary-s bth-s">提交</button>
</div>


<!-- 关联正式订单弹层 -->
<div class="layer-relate">
    <div class="layer-filter"></div>
    <table class="order-table table table-striped table-bordered table-hover dataTable no-footer DTTT_selectable"
           style="font-size:12px">
        <thead>
        <tr>
            <th>选择</th>
            <th>财务订单编号</th>
            <th>商品名称</th>
            <th>套餐</th>
            <th>下单时间</th>
            <th>申请人数</th>
            <th>已关联人数</th>
            <th>剩余名额</th>
        </tr>
        </thead>
        <tbody>

        </tbody>
    </table>
    <div class="col-sm-12">
        <ul class="pagination">

        </ul>
    </div>
</div>

<!-- 编辑名单弹层 -->
<div class="layer-edit">
    <p class="red">说明：选择发货学生名单，可选学生必须是财务订单中已订购的学生</p>
    <div class="list">
        <div class="student-list_box fl">

        </div>
        <div class="student-selected_box fl">
            <h2>已选择（<span id="studentSelectedLength">0</span>）</h2>
            <ul class="student-selected">
            </ul>
        </div>
    </div>
</div>
<script src="/js/productset/jquery.min.js"></script>
<script src="/js/ims/jquery.datetimepicker.js"></script>
<script src="/js/ims/layer/layer.js"></script>
<script src="/js/ims/xsgl.js"></script>
<?php include_once '_delivery.php'?>

</body>
</html>