OMS/app/console/view/admin/material/goods_get.html

<!--
  Copyright 2012-2026 ShopeX (https://www.shopex.cn)

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.
-->

<style>
    .processBarBg {
        border: 1px solid #999999;
        width: 98%;
        margin: 5px;
        height: 25px;
        line-height: 25px;
        padding: 1px;
        background: #EEEEEE;
    }
    .processBar {
        background: #3366cc;
        width: 0px;
        padding-bottom: 1px;
        overflow: hidden;
    }
</style>
<div class="division">
    <table class="tableform">
        <tbody>
            <tr>
                <th>仓库:</th>
                <td>
                    <select name="branch_id" id="branch_id">
                        <{foreach from=$branches item=item}>
                            <option value="<{$item.branch_id}>"><{$item.name}></option>
                        <{/foreach}>
                    </select>
                </td>
            </tr>
            <tr>
                <th>修改时间:</th>
                <td>
                    <{input type="date" id="start_time" name="start_time" value=$pre_time}>~<{input type="date" id="end_time"  name="end_time" value=$now_time}>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div class="division">
    <h4>当前共<span id="mtotal"></span>个基础物料</h4>
    <div class="division" style="display:none;" id="information">
        已经处理 <span id="iTotal" style="color:#083E96"></span> 个基础物料，<br/>
        其中 <span id="iFail" style="color:#083E96"></span> 个基础物料未匹配到，<br/>
    </div>
    <div id="processBarBg" class="processBarBg">
        <div id="processBar" class="processBar">
            &nbsp;
        </div>
    </div>
    <div class="table-action">
        <{button label="开始" class="btn-primary" name="Start" id="btn-run"}>
        <{button label="关闭" class="btn-secondary" isCloseDialogBtn="true" }>
    </div>
    <div id="showError"></div>
</div>

<{if $notice}><div class="notice"><{$notice}></div><{/if}>

<script>
    (function(){
        $('btn-run').addEvent('click', function(){
            doRun();
        });
        var doTotal, doFail, total, branchId, startTime, endTime;
        function doRun(){
            //禁用开始按钮
            doTotal = total = doFail = 0;
            displayProcessInfo();
            $('information').style.display ='';
            $('btn-run').disabled = true;
            $('btn-run').set('html', '<span><span>数据处理中，请稍候！</span></span>');
            branchId = $('branch_id').value;
            startTime = $('start_time').value;
            endTime = $('end_time').value;
            doAjaxProcess('');
        }

        /**
         * 执行一次AJAX调用
         */
        function doAjaxProcess(scrollId) {
            new Request({url:'index.php?app=console&ctl=admin_goodssync&act=ajaxGoodsGet',
                method:'post',
                data: {
                    scrollId: scrollId,
                    branchId: branchId,
                    startTime: startTime,
                    endTime: endTime
                },
                onComplete:function(result){
                    if(!result) {
                        $('showError').setHTML('可能超时了，请重试');
                        return;
                    }
                    var ret = JSON.decode(result);
                    if(ret['err_msg']) {
                        $('showError').setHTML(ret['err_msg']);
                        return;
                    }
                    var scrollId = ret['scrollId'];
                    total = ret['total'];
                    doTotal += ret['itotal'];
                    doFail += ret['ifail'];
                    displayProcessInfo();
                    if(scrollId) {
                        $('processBar').setStyle('width', (doTotal*100/(total)) + '%');
                        doAjaxProcess(scrollId);
                    } else {
                        $('processBar').setStyle('width', '100%');
                        // 判断是否弹框
                        var dailogEl = $('btn-run').getParent('.dialog')
                        if ($defined(dailogEl)) {
                            var dailog = dailogEl.retrieve('instance');

                            dailog.close.delay(3000,dailog);

                            <{if $env.get.finder_id}>
                                finderGroup['<{$env.get.finder_id}>'].refresh.delay(3000,finderGroup['<{$env.get.finder_id}>']);
                            <{/if}>
                        }
                    }
                }
            }).send();
        }

        /**
         * 显示信息进度
         */
        function displayProcessInfo() {
            $('iTotal').set('html', doTotal);
            $('iFail').set('html', doFail);
            $('mtotal').set('html', total);
        }
    }());
</script>