ZYjames12345
/
zhujian_OA


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="../../AFrontEnd/css/animate.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/fontawesome/css/font-awesome.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/bootstrap.css" rel="stylesheet" />
    <link href="../../AFrontEnd/css/style.css" rel="stylesheet" />
    <script>document.write("<link href='../../AFrontEnd/css/special.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>
    <script>document.write("<link href='css/formbuilder.css?time=" + new Date().getTime() + "' rel='stylesheet'>");</script>

    <style>
        html,
        body {
            margin: 0;
        }

        .container {
            width: calc(100vw - 40px);
            height: calc(100vh - 40px);
            padding: 20px;
        }

        .canvas-body {
            width: calc(80vw);
            height: calc(80vh);
            margin: 20px auto;
        }

        #sign {
            background-color: #f3f5f7;
            border-radius: 4px;
            border: 1px dashed #0F6BFF;
        }


        .btns {
            width: calc(80vw - 40px);
            text-align: right;
            margin: 0 auto;
        }

      
    </style>
  
</head>
<body>
    <!--<div class="container">
        <div id="canvas-body" class="canvas-body">
            <canvas id="sign" style="width: 100%; height: 100%;"></canvas>
           
        </div>
        <div class="btns">
            <button id="reset">重置</button>
            <button id="showImg">生成图片</button>
        </div>
    </div>-->
    <div class="sp-layer" id="layer_optionbox" style="width: 600px; max-height: 500px; position: absolute; top: 10.5px; left: 581.5px; display: block;">
        <div class="sp-layer-head">
            <span class="sp-layer-title">签写意见</span>
            <span class="sp-layer-close" title="关闭" onclick="sp.layerhide()">×</span>
        </div>
        <div class="sp-layer-body" style="max-height:410px; overflow-y:auto;">
            <div class="sp-tab" id="layer_optionbox_tabs">
                <ul class="sp-tab-menu"><li class="">文字</li><li class="sp-tab-current">手签</li></ul>
                <div class="sp-tab-box">
                    <div class="sp-tab-current sp-tab-hide">
                        <div class="sp-page">
                            <div class="sp-col-50"><textarea id="layer_optionbox_textarea" class="sp-textarea" style="height:300px;"></textarea></div>
                            <div class="sp-col-50" style="border-left:1px solid #dedede; box-sizing:border-box;">
                                <div class="sp-lh-20">常用语</div>
                                <div class="sp-page" id="layer_optionbox_patterns" style="height:275px;">
                                    <span class="sp-lh-20">常用语1</span><span class="sp-lh-20">常用语2</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="">
                        <div class="spfb-optionbox-canvas" id="layer_optionbox_canvas_outpart" style="float:left; width:100%; height:300px; position:relative;">
                            <canvas id="layer_optionbox_canvas" style="width: 100%; height: 300px;"></canvas>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sp-layer-foot">
            <div class="sp-page sp-mt-15">
                <span class="sp-btn-blue sp-btn-radius" onclick="sp.layerhide()"> <i class="fa fa-close"></i> 关 闭</span>
                <span class="sp-btn-blue sp-btn-radius" onclick="spbld.layer_optionbox_true()"> <i class="fa fa-check"></i> 确 定</span>
            </div>
        </div>
    </div>
    
    <script src="../../AFrontEnd/js/jquery/jquery-1.8.3.min.js"></script>
    <script src="../../AFrontEnd/js/laydate/laydate.js"></script>
    <script>document.write('<scri' + 'pt src="../../AFrontEnd/js/special/special.js?time=' + new Date().getTime() + '" type="text/javascript"></s' + 'cript>');;</script>
    <script src="../../AFrontEnd/plugins/spvld/spvld.js"></script> 
    <script src="js/spbld.js"></script>
    <script>
        
        setTimeout(function () {
            spbld.lineCanvas();
        },10)
        /////重置
        //function clear() {
        //    ctx.clearRect(0, 0, canvas.width, canvas.height);
        //    if (dataURL) {
        //        dataURL = '';
                
        //    }
        //}
        //function canvasToBase64() {
        //    dataURL = canvas.toDataURL();           
        //    alert(dataURL)
        //}
        //reset.addEventListener('click', clear);
        //showImg.addEventListener('click', canvasToBase64);
    </script>
    <script>
       
    </script>
</body>
</html>