ziqim/Yangcai365_web/manage/zview/order/presenter/orderCheckBackInfo.zml

<style> 
body{ text-align:center} 
.div{ margin:0 auto; width:600px; height:300px; border:5px solid #F00} 
</style> 
<script>

var reasonMap = new Z.HashMap();
var catReasonMap = new Z.HashMap();
var catList = [];

Z.onload(function(){
    
    var ajax = new Z.Ajax();
    ajax.setClassName("OrderCheckPresenter");
    ajax.setMethodName("doQueryBackReason");
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        var obj = Z.J.toObject(this.responseText);
        var list = obj.reasonList;
        Z.each(list, function(item, i){
            var reasonId = Z.S.toString(item.reasonId);
            var reasonParent = Z.S.toString(item.reasonParent);
            item.reasonId = reasonId;
            item.reasonParent = reasonParent;
            reasonMap.put(reasonId, item);
            if (item.isReasonType && reasonParent == '0')
            {
                catList.push(item);
            }
            else
            {
                var rlist = catReasonMap.get(reasonParent);
                rlist = rlist ? rlist : [];
                rlist.push(item);
                catReasonMap.put(reasonParent, rlist);
            }
        })
        
        var select = Z.D.id("resonTypeId");
        if (!select)
        {
            return;
        }
        if (select.options)
            select.options.length=0;
        else
            select.options = [];
            
        select.options[0] = new Option('--选择原因分类--', '');
        Z.each(catList, function(item, i){
            select.options[i+1] = new Option(item.reasonText, item.reasonId);
        });
        
        Z("#reasonTypeSpan").htmlc(select.outerHTML);
    });
    ajax.setLoading("orderCheckWait", '正在提交', {disabled:true});
    ajax.execute();
});

function doinitReason(parentId)
{
    var rlist = catReasonMap.get(parentId);
    var select = Z.D.id("reasonId");
    if (!select)
    {
        return;
    }
    if (select.options)
        select.options.length=0;
    else
        select.options = [];
    Z.each(rlist, function(item, i){
        select.options[i] = new Option(item.reasonText, item.reasonId);
    });
    
    Z("#reasonItemSpan").htmlc(select.outerHTML);
}

function doRemove()
{//移除截图
   Z("#divImg").remove()
}

function doSubmit()
{
    var desc = Z("#resonTypeId").val();
    if (Z.Validates.isEmpty(desc))
    {
        Z.alert("审核原因分类不能为空");
        return;
    }
    var data = Z("#imgData").text()
    
    var ajax = new Z.Ajax();
    ajax.setClassName("OrderCheckPresenter");
    ajax.setMethodName("doCheckback");
    ajax.addParam("designId", ${designId});
    ajax.addParam("src", '${src}');
    ajax.addParam("imgData", data);
    ajax.addParam("desc", Z("#checkBackReason").val());
    ajax.addParam("resonTypeId", Z("#resonTypeId").val());
    ajax.addParam("reasonId", Z("#reasonId").val());
    ajax.setFailureAlert();
    ajax.setSuccess(function(){
        Z.success("提交成功",function(){parent.location.reload();parent.Z.Dialog.close();});
    });
    ajax.setLoading("orderCheckWait", '正在提交', {disabled:true});
    ajax.execute();
}

(function(){
    var imgReader = function( item ){
        var blob = item.getAsFile(),
            reader = new FileReader();
        // 读取文件后将其显示在网页中
        reader.onload = function(e){
            var img = new Image();
            var result = e.target.result;
            Z("#imgData").text(result);
            img.src = result;
            img.id = "divImg";
            Z("#imgSrc").html(img.outerHTML);
        };
        // 读取文件
        reader.readAsDataURL(blob);
    };
    window.addEventListener('paste', function(e){
         // 添加到事件对象中的访问系统剪贴板的接口
        var clipboardData = e.clipboardData,
            i = 0,
            items, item, types;

        if(clipboardData){
            items = clipboardData.items;
            if( !items ){
                return;
            }
            item = items[0];
            // 保存在剪贴板中的数据类型
            types = clipboardData.types || [];
            for( ; i < types.length; i++ ){
                if( types[i] === 'Files' ){
                    item = items[i];
                    break;
                }
            }
            // 判断是否为图片数据
            if( item && item.kind === 'file' && item.type.match(/^image\//i) ){
                imgReader( item );
            }
        }
    });
})();
</script>

${zhiqim_manager_content()}
<div class="z-mg5 z-text-left">
    <span class="z-mg-l20">原因分类：</span>
    <span id="reasonTypeSpan">
    <select id="resonTypeId" name="resonTypeId" class="z-select z-w200" onchange="doinitReason(this.value)" data-role="z-select-search" data-class="${zmr_color_class}" >
        <option value="">--选择原因分类--</option>
    </select>
    </span>
    <span class="z-mg-l20">问题原因：</span>
    <span id="reasonItemSpan">
    <select id="reasonId" name="reasonId" class="z-select" style="width:350px" data-role="z-select-search" data-class="${zmr_color_class}" ></select>
    </span>
</div>
<div class="z-mg5">
    <textarea id="checkBackReason" name="checkBackReason" class="z-textarea z-w100p z-h100" style="vertical-align: middle;" maxlength="100" placeHolder="附加退回原因"></textarea>
</div>
<div style="display:none" id="imgData"></div>
<div>
    <button type="button" class="z-button z-mg-r5 z-w60 z-red z-relative-right" onclick="doRemove();">移除</button>
    <div id="imgSrc" class="z-overflow-y-auto" style="max-height:300px"><div id="imgSrchorder" class="z-text-left z-pd6 z-text-gray">(ctrl+v)粘贴退回截图</div></div>
</div>
<div style="position:fixed;bottom:0px;height:50px;width:100%;background-color:#EFEFEF;border-top: solid 1px #ededed">
   <div style="margin-top:10px">
    <button class="z-button z-w100 ${zmr_color_class}" id="orderCheckWait" onclick="doSubmit();">提交</button>&nbsp;&nbsp;&nbsp;
    <button type="button" class="z-button z-mg-l10  z-w80" onclick="parent.Z.Dialog.close();">关闭</button>
   </div>
</div>
<br><br>
${zhiqim_manager_content_end()}
</html>