<a class="btn btn-xs btn-danger divadd" id="{$vo.id}">{:lang('已處理')}</a> <div id="popup_overlay" style="display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #8FB0D1; -moz-opacity: 0.8; opacity: 0.8; z-index: 1001; filter: alpha(opacity=40); background: rgb(0, 0, 0); opacity: 0.5;"></div> <div id="popup_container" style="display: none; position: fixed; z-index: 99999; padding: 0px; margin: 0px; min-width: 300px; max-width: 400px; top: 50px; left: 454.5px;background-color:blue;"> <br /> <div id="popup_title" style="font-size: 20px;color:white;width:50%;margin:0 auto;text-align: center;">回執(zhí)</div> <div id="popup_content" class="confirm" style="margin-top: 0px;background-color:white;"> <div id="popup_message"> <div style="width: 350px;"> <hr style="margin: 10px 0;" /> <div id="divswitchinfo" style="margin-bottom: 8px;"></div> <div style="height: 200px; width: 350px;" id="diviframe"> <form action="/admin/order/operation" method="post" enctype="multipart/form-data" class="js-ajax-form"> <input type="hidden" name="id" id="id"/> <input type="hidden" name="status" value="2" /> <div id="divContract"> <div id="pContract" style="width:50%;margin:0 auto;"> <font color="red">*</font>快遞名稱(chēng)及單號(hào):<input type="text" style="width: 200px" name="bill"><br /> <br /> <div class="input"> <label class="upload-input imga"> <span class="upload-btn">上傳回執(zhí)單</span> <input type="file" class="inputfile" accept="image/*" name="backreturn" id="book-file" onchange="show(this)"/> </label><img id="book-pic" src="" style="display:none;width:80px;height:80px;"> </div> <div id="popup_panel" style="clear: both"> <button type="submit" class="btn btn-primary " id="popup_ok2">{:lang('確定')}</button> <input type="button" class="btn btn-default" value=" 取消 " id="popup_cancel2" /> </form> </div> </div> </div> </div> </div> </div> </div> </div> <script src="__STATIC__/js/admin.js"></script> <script type="text/javascript"> $('.table img').zoomify(); function show(f) { var rd = new FileReader();//創(chuàng)建文件讀取對(duì)象 var files = f.files[0];//獲取file組件中的文件 rd.readAsDataURL(files);//文件讀取裝換為base64類(lèi)型 rd.onloadend = function(e) { //加載完畢之后獲取結(jié)果賦值給img document.getElementById("book-pic").src = this.result; } $("#book-pic").css("display","inline-block").siblings(".upload-input").css("display","none"); } $(function () { $("#book-pic").click(function(){ $("#book-file").click(); }); //顯示DIV $(".divadd").click(function(){ $("#popup_overlay").css("display","block"); $("#popup_container").css("display","block"); $("#id").val($(this).attr('id')); }); //彈窗取消按鈕 $("#popup_cancel2").click(function () { $("#popup_container").hide(); $("#popup_overlay").hide(); }); $("#popup_ok2").click(function () { $("#popup_container").hide(); $("#popup_overlay").hide(); }); }); </script> |
|