hanzhengyi
/
wxapp2


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
							<!DOCTYPE html>
<html lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<title>设备维保</title>
<link rel="stylesheet" href="__PUBLIC__/html/bootstrap-3.3.7/css/bootstrap.min.css">
<script src="__PUBLIC__/html/jquery-1.11.3.min.js"></script>
<script src="__PUBLIC__/html/bootstrap-3.3.7/js/bootstrap.js"></script>
<script src="__PUBLIC__/weixin/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/weixin/js/flashcanvas.js"></script>
<script src="__PUBLIC__/weixin/js/jSignature.min.js"></script>
<script type="text/javascript">
    $(function(){
        //初始化插件
        var dHeight = "300px";
		var dWidth = document.body.scrollWidth;

		$("#signature").jSignature({height:dHeight,width:dWidth, signatureLine:false});//初始化调整手写屏大小

    })

    //输出签名图片
    function jSignatureTest(){
        var $sigdiv = $("#signature");
//        $sigdiv.jSignature() // inits the jSignature widget.
        // after some doodling...
//        $sigdiv.jSignature("reset") // clears the canvas and rerenders the decor on it.
        var datapair = $sigdiv.jSignature("getData", "svgbase64")
        console.log(datapair);
        var i = new Image();
        i.name="qianming";
        i.src = "data:" + datapair[0] + "," + datapair[1]
        $(i).appendTo($("#image")) // append the image (SVG) to DOM.
		$("#qianming").attr("value",i.src);
    }

    function reset1(){
        var $sigdiv = $("#signature");
        $sigdiv.jSignature("reset");
		$("#image img").remove();
    }
</script>
</head>
<body>
	<form action="__MODULE__/Maint/setform"  enctype="multipart/form-data" method="post">
<div style="padding: 10px">
  <div class="alert alert-info" role="alert">
    <h4><span class="glyphicon glyphicon-th" aria-hidden="true"></span>&nbsp;设备维保</h4>
  </div>
 <div class="form-group">
  <input type="hidden" name="types" value="{$type}">
 <input type="hidden" name="owner_id" value="{$owner_id}">
 <input type="hidden" name="owner_name" value="{$owner_name}">
 <input type="hidden" name="owner_address" value="{$address}">
 <input type="hidden" name="editors" value="{$editor}">
<input type="hidden" name="ownids" value="{$ownid}">
<input type="hidden" name="ownidsta" value="{$ownsta}">
<table class="table table-condensed" style="word-break:break-all;">
    <tr ><td align="right" width="30%">设备数量：</td><td width="70%"><if condition="$count eq 0"><b style="color:red;">未选择任何设备</b></if><if condition="$count neq 0">已选{$count}个</if></td></tr>
    <tr ><td align="right">设备型号：</td><td  width="50%">{$ownid}</td></tr>
    <tr ><td align="right">设备状态：</td><td>{$ownsta}<b style="color:red;">（0为正常,1为故障）</b></td></tr>
    <tr ><td colspan="2"><div id="signature" style="width: 100%;height: 300px;border: 1px solid #ccc;margin-right:10px;"></div>
<button type="button" onclick="jSignatureTest()">生成签名</button>
<button type="button" onclick="reset1()">清除签名</button>
<div id="image" style="margin:20px"></div><input id="qianming" name="qianming" type="hidden" value=""/></td></tr>

</table>
<button type="submit" class="btn btn-info col-xs-12">保存</button>
</div>

</div>
</form>
</body>
</html>