#
luxiaotao1123
2021-04-06 ef8496a0e5c732c009e3b6c70a11ebff19c084e2
src/main/webapp/views/custOrder/custOrder.html
@@ -9,6 +9,14 @@
    <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../../static/css/cool.css" media="all">
    <link rel="stylesheet" href="../../static/css/common.css" media="all">
    <style>
        .layui-table-cell {
            height:auto;
            overflow:visible;
            text-overflow:inherit;
            white-space:normal;
        }
    </style>
</head>
<body>
@@ -19,7 +27,22 @@
            <input class="layui-input" type="text" name="number" placeholder="销售单号" autocomplete="off">
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <input class="layui-input" type="text" name="user_code" placeholder="商品编号" autocomplete="off">
        </div>
    </div>
    <div class="layui-inline">
        <div class="layui-input-inline">
            <select name="status">
                <option value="" style="display: none">选择状态</option>
                <option value="1">待处理</option>
                <option value="2">未拣货</option>
                <option value="3">取消</option>
                <option value="4">已完成</option>
            </select>
        </div>
    </div>
    <!-- 待添加 -->
    <div id="data-search-btn" class="layui-btn-container layui-form-item">
        <button id="search" class="layui-btn layui-btn-primary layui-btn-radius" lay-submit lay-filter="search">搜索</button>
@@ -33,6 +56,7 @@
</div>
<script type="text/html" id="toolbar">
    <div class="layui-btn-container">
        <button class="layui-btn" onclick="right()" style="background-color: #2F4056">新增采购退货单</button>
<!--        <button class="layui-btn layui-btn-sm" id="btn-add" lay-event="addData">新增</button>-->
        <button class="layui-btn layui-btn-sm" id="btn-delete" lay-event="deleteData">删除</button>
        <button class="layui-btn layui-btn-primary layui-btn-sm" id="btn-export" lay-event="exportData">导出</button>
@@ -41,11 +65,36 @@
<script type="text/html" id="operate">
    {{#if (d.status == 1){ }}
        <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="stockOut" style="font-size: 16px">捡货</a>
        <a class="layui-btn layui-btn-sm layui-btn-danger" lay-event="stockOut" style="font-size: 16px"><span style="display: none">{{d.number}}</span>拣货单</a>
    {{# } }}
    {{#if (d.status == 2){ }}
        <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="print" style="font-size: 16px">打印</a>
    {{#if (d.status == 2 || d.status == 4){ }}
        <a class="layui-btn layui-btn-sm layui-btn-normal" lay-event="print" style="font-size: 16px"><span style="display: none">{{d.number}}</span>打印</a>
    {{# } }}
</script>
<script type="text/html" id="statusTpl">
    <span name="status"
          {{# if( d.status === 1){ }}
          class="layui-badge layui-badge-blue"
          {{# } else if(d.status === 2){ }}
          class="layui-badge layui-badge-red"
          {{# } else if(d.status === 3){ }}
          class="layui-badge layui-badge-gray"
          {{# } else if(d.status === 4){ }}
          class="layui-badge layui-badge-green"
          {{# } }}
    >{{d.status$}}</span>
</script>
<script type="text/html" id="typeTpl">
    <span name="type"
          {{# if( d.type === 1){ }}
          class="layui-badge layui-badge-blue" ><span style="display: none">{{d.number}}</span>平仓</span>
          {{# } else if(d.type === 2){ }}
          class="layui-badge layui-badge-green" ><span style="display: none">{{d.number}}</span>立库</span>
          {{# } else if(d.type === 0){ }}
          class="layui-badge layui-badge-red" ><span style="display: none">{{d.number}}</span>缺货</span>
          {{# } }}
</script>
<script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script>
@@ -57,74 +106,54 @@
<script type="text/javascript" src="../../static/js/custOrder/custOrder.js" charset="utf-8"></script>
<iframe id="detail-iframe" scrolling="auto" style="display:none;"></iframe>
<!-- 打印容器 -->
<div id="pakoutPrintBox" style="display: none"></div>
<!-- 出库预览容器 -->
<div id="stoukOutPreview" style="display: none">
    <div  style="padding: 25px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">
        <span style="font-size: large; font-weight: bold">拣货单预览</span>
    </div>
    <table id="stoPreTab" lay-filter="stoPreTab"></table>
</div>
<!--<div id="print-contain">-->
<!--    &lt;!&ndash; 头 &ndash;&gt;-->
<!--    <div id="print-header">-->
<!--        &lt;!&ndash; 左 &ndash;&gt;-->
<!--        <div style="float: left; width: 80%">-->
<!--            <img class="template-code template-qrcode" src="{{data.barcodeUrl}}">-->
<!--            <p>XSSDSSSS-qwewqewq</p>-->
<!--        </div>-->
<!--        &lt;!&ndash; 右 &ndash;&gt;-->
<!--        <div style="float: left;width: 20%">-->
<!--            <div>捡货数量:<span>20</span></div>-->
<!--        </div>-->
<!--        <div style="float: left; width: 80%">-->
<!--            客户:<span>浙江中扬立库技术有限公司</span>-->
<!--        </div>-->
<!--        <div style="float: left; width: 20%">-->
<!--            捡货人:陆晓涛-->
<!--        </div>-->
<!--    </div>-->
<!--    <hr>-->
<!--    &lt;!&ndash; 主体 &ndash;&gt;-->
<!--    <div>-->
<!--        <div class="pakout-item">-->
<!--            <div class="item-header">-->
<!--                {{maktx}}-->
<!--            </div>-->
<!--            <div class="item-content">-->
<!--                <div style="float: left">{{anfme}}{{unit}}</div>-->
<!--                <div style="float: right">货位:{{locNo}}</div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </div>-->
<!--</div>-->
</body>
<script type="text/template" id="pakoutPrintTpl">
    <!-- 头 -->
    <div id="print-header">
        <!-- 左 -->
        <div style="float: left; width: 80%">
            <img class="template-code template-qrcode" src="{{data.barcodeUrl}}">
            <p>{{data.docNum}}</p>
    <div id="print-header" style="margin: 20px 0">
        <div style="text-align: center">
            <div style="text-align: center;margin-bottom: 10px">
                <span style="font-family: 宋体"> 拣货单 </span>
            </div>
            <img class="template-code template-qrcode" src="{{data.barcodeUrl}}" style="width: 80%">
            <p style="letter-spacing: 2px;margin-top: 5px">{{data.docNum}}</p>
        </div>
        <!-- 右 -->
        <div style="float: left;width: 20%">
            <div>捡货数量:<span>{{data.total}}</span></div>
        <div style="font-size: xx-small; text-align: left; margin-top: 10px">
            <span style="font-family: 宋体">客户:{{data.custName}}</span>
        </div>
        <div style="float: left; width: 80%">
            客户:<span>{{data.custName}}</span>
        </div>
        <div style="float: left; width: 20%">
            捡货人:{{data.workerName}}
        <div style="margin-top: 10px">
            <div style="float: left;width: 50%; text-align: left">
                <span style="font-size: xx-small;font-family: 宋体">拣货数量:{{data.total}}</span>
            </div>
            <div style="float: left; width: 50%; text-align: right">
                <span style="font-size: xx-small;font-family: 宋体">拣货人:{{data.workerName}}</span>
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <hr>
    <!-- 主体 -->
    <div>
    <div style="margin-top: 10px">
        {{#each data.list}}
        <div class="pakout-item">
            <div class="item-header">
        <div class="pakout-item" style="padding: 10px 5px 10px 5px;border-top: 1px solid #525252">
            <div class="item-header" style="margin-top: 10px;font-family: 宋体; font-size: x-small">
                {{maktx}}
            </div>
            <div class="item-content">
                <div style="float: left">{{anfme}}{{unit}}</div>
                <div style="float: right">货位:{{locNo}}</div>
            <div class="item-content" style="margin: 10px 0 ">
                <div style="float: left;font-family: 宋体; font-size: xx-small">{{anfme}}{{unit}}</div>
                <div style="float: right;font-family: 宋体; font-size: xx-small">货位:{{locNo}}</div>
                <div style="clear: both;"></div>
            </div>
        </div>
        {{/each}}