jifuning
/
yangchangwan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
							<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title></title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css" />
    <style>
        html,
        body {
            position: relative;
        }

        .handle_operation_item {
            margin: 0 15px;
            height: 30px;
            position: fixed;
            left: 0;
            top: 220px;
        }

        .handle_operation_item_child ul {
            margin: 0 15px;
            height: 40px;
            display: flex;
            justify-content: space-between;
        }

        .handle_operation_item_child ul li {
            width: 80px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            border-radius: 3px;
            color: #fff;
        }

        .handle_cancel {
            background: #f5222d
        }

        .handle_preservation {
            background: #1890ff;
            margin-left: 30px;
        }

        .handle_revoke {
            background: #bfbfbf;
            margin-left: 30px;
        }
    </style>
</head>

<body>
    <div class="handle_operation_item">
        <div class="handle_operation_item_child">
            <ul>
                <li class="handle_cancel" onclick="handleCancel()">取消</li>
                <li class="handle_revoke" onclick="handleRevoke()">撤销</li>
                <li class="handle_preservation" onclick="saveSignature()">保存</li>
            </ul>
        </div>
    </div>
</body>

</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script src="../../script/config.js" charset="utf-8"></script>
<script type="text/javascript">
    var headers
    apiready = function() {
        var info = $api.getStorage('data'),
            token = JSON.parse(info).data.access_token;
        headers = {
            "Authorization": "Bearer " + token
        };
        handwrittenSignature();
    };

    // 手写签名
    function handwrittenSignature() {
        var drawingBoard = api.require('drawingBoard');
        drawingBoard.open({
            rect: {
                x: 0,
                y: 70,
                w: '100%',
                h: 200
            },
            styles: {
                brush: {
                    color: '#232627',
                    width: 6
                },
                bgColor: '#f5f5f5'
            },
            fixedOn: api.frameName
        });
    }

    // 保存签名
    function saveSignature() {
        var drawingBoard = api.require('drawingBoard');
        var timestamp = new Date().getTime()
        drawingBoard.save({
            savePath: 'fs://drawingBoard' + timestamp + '.png',
            copyToAlbum: false,
            overlay: true
        }, function(ret) {
            api.ajax({
                url: UrlRouter.handleUpLoadSignature,
                method: 'post',
                headers: headers,
                data: {
                    files: {
                        sign: ret.absolutePath
                    }
                }
            }, function(ret, err) {
                if (ret) {
                    if (ret.code == 0) {
                        api.toast({
                            msg: '上传成功',
                            duration: 2000,
                            location: 'top'
                        });
                        api.closeWin();
                        // 将签名图片在个人基本信息做更新
                        api.sendEvent({
                            name: 'updateUserInfo',
                            extra: {}
                        });
                    } else {
                        api.toast({
                            msg: '上传失败',
                            duration: 2000,
                            location: 'top'
                        });
                    }
                } else {
                    api.toast({
                        msg: '网络错误',
                        duration: 2000,
                        location: 'top'
                    });
                }
            });
        });
    }

    //  取消签名
    function handleCancel() {
        var drawingBoard = api.require('drawingBoard');
        drawingBoard.clear();
    }

    // 撤销上次写的容
    function handleRevoke() {
        var drawingBoard = api.require('drawingBoard');
        drawingBoard.revoke();
    }
</script>