app端实现拍照上传功能和在线签字功能

<div data-page="oa!app/page/Common/Release/ReleaseOpt" class="page"> <!-- Top Navbar--> <div class="navbar"> <div class="navbar-inner color_badge"> <div class="left"> <a href="#" class="back link"> <i class="icon icon-back-blue"></i> <i class="icon icon-back"></i><span></span> </a> </div> <div class="center sliding" data-lan="{text:'Application_ReleaseOpt'}">放行申请</div> </div> </div> <style type="text/css"> .drp-style-hh .list-block-in-hh .item-content { padding-left: 0px !important; } .list-block .item-number-hh input[type="text"] { width: 65%; height: 19px; font-size: 14px; display: block; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 320px) { .list-block .item-number-hh input[type="text"] { width: 70%; } } .list-block .item-number-hh1 input[type="text"] { width: 65%; height: 19px; font-size: 14px; display: inline; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media screen and (max-width: 320px) { .list-block .item-number-hh1 input[type="text"] { width: 60%; } } </style> <!--内容--> <div class="page-content drp-style-hh" id="releaseContent" style="padding-top: 20px;"> <div class="list-block inset"> <ul class="list-block-in-hh sale-list-con" style="margin-top:30px"> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-lan="{text:'Application_Hand_Title'}">标题</div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sTitle" /> </span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-lan="{text:'Application_OrderNo'}">单号</div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sNumber" /> </span> </div> </div> </div> </li> <oa-chooseobject id="chooseobject" params="parent:parent,el:$element,setChooseIds:setChooseIds,setChooseNames:setChooseNames,label:applyName,setChooseState:setChooseState,setChooseType:setChooseType,setDisplay:setDisplay,chooseCb:chooseCallback,single:true,grouptype:'radio',"></oa-chooseobject> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-lan="{text:'Application_Leave_ApplyDate'}">申请日期</div> <div class="item-input"> <span class="item-input-sub"> <input type="text" style="width: 10rem;" data-format="date" data-bind="om-date:dApplyDate" /> </span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label"><span class="item-subtitle" data-lan="{text:'Application_Release_CarrierName'}">携带人</span></div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sCarrierName" /> </span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label"><span class="item-subtitle" data-lan="{text:'Application_WorkUnit'}">工作单位/部门</span></div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sWorkUnit" /> </span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label"><span class="item-subtitle" data-lan="{text:'Application_Release_CarNO'}">车牌号</span></div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sCarNO" /> </span> </div> </div> </div> </li> <li> <div class="item-content"> <div class="item-inner"> <div class="item-title label" data-lan="{text:'Application_Release_Reason'}">出厂理由</div> <div class="item-input"> <span class="item-input-sub"> <select name="fruits" data-bind="options:reasonList, optionsText: 'sName', optionsValue: 'id', value: iReason" style="width:10rem;"></select> </span> </div> </div> </div> </li> <li class="accordion-item"> <a href="#" class="item-content item-link"> <div class="item-inner"> <div class="item-subtitle Sched_time">+ <span data-lan="{text:'Application_MoreData'}">更多内容</span></div> <div class="item-after item-subtitle Sched_time"></div> </div> </a> <div class="accordion-item-content accor-more-hh"> <div class="content-block list-block" style="padding: 0;"> <ul class="list-block-in-hh"> <li class="item-content"> <div class="item-inner"> <div class="item-title label" data-lan="{text:'Application_ApplicantEmpNO'}">申请人工号</div> <div class="item-input"> <span class="item-input-sub"> <input type="text" data-bind="value:sEmpNO" readonly="readonly" /> </span> </div>