FHandwriting_wev8.js
2.82 KB
define("FHandwriting_html",function(){return'<div id="NMEC_${id}" class="wev-comp-${compType}" data-form="${form}">\t<div class="wev-field {@if field.label} wev-vertical {@/if} {@if required} wev-field-required {@/if}">\t\t<div class="${lableclass}">${field.label}</div>\t\t<div>\t\t\t<div class="wev-handwriting-wrap ${emptyimage}" style="height:${height}px"">\t\t\t\t<div style="line-height:${height}px;">${hint}</div>\t\t\t\t<img src=""/>\t\t\t</div>\t\t\t<input type="hidden" name="fieldname_${field.name}" value="${field.value}" fieldlabel="${defaultlabel}" require="${required}"/>\t\t\t<input type="hidden" name="type_${field.name}" value="photo" />\t\t</div>\t</div></div>'}),define(["mUtil","Component"],function(d,i,e){return i.init(function(e){i.super(this,e),this.type="FHandwriting",this.tpl=this.type+"_html",this.css=this.type+"_css",this.dataload=!0;var t,l,n,a,r=this.viewModel={form:"",field:{label:"",name:"",value:""},hint:"点击输入",height:150,required:!1,readonly:!1};this.dbValueHasSet=!1,this.beforeMount=function(){r.lableclass=r.field.label?"wev-handwriting-label":"wev-handwriting-labelnone",r.defaultlabel=r.field.label||"批注",r.field.value||(r.emptyimage="wev-handwriting-empty")},this.mounted=function(){a=this.$el.find(".wev-field"),t=this.$el.children(".wev-comp-"+this.type),n=$(".wev-handwriting-wrap",t),l=$("input[name='fieldname_"+r.field.name+"']",t);var e="";if(!r.readonly){require(["imgdrawing"]);var i=require("pageEvent");n.on("click",function(){l.val()&&(e=$("img",n).attr("src")),require(["imgdrawing"],function(t){i.register("change",t.hide),t.draw({data:e,title:r.defaultlabel,type:"handwriting",callback:{done:function(e){$("img",n).attr("src",e),n.removeClass("wev-handwriting-empty"),l.val(e),i.destory("change",t.hide)},close:function(){i.destory("change",t.hide)}}})})})}},this.getData=function(){var e={};return e["fieldname_"+r.field.name]=l.val(),e["type_"+r.field.name]="photo",e},this.reset=function(){var e=r.field.value;this.setValue(e),a.removeClass("wev-required-remind")},this.checkRequired=function(){var e=r.required&&!l.val();return a.toggleClass("wev-required-remind",e),e&&r.defaultlabel},this.setRequired=function(e){r.required=e,a.toggleClass("wev-field-required",e),!e&&a.removeClass("wev-required-remind")},this.setValueByDB=function(e){this.dbValueHasSet=!0,r.field.value=e,this.setValue(e)},this.setValue=function(i){var a=this;(function(){var e=$.Deferred();if(i)if(isNaN(i))$("img",n).attr("src",i),l.val(i),e.resolve();else{var t=d.getActionUrl(a.type,{action:"parsePhoto",value:i},this.pageid);d.getJSON(t,function(e){$("img",n).attr("src",d.getAttachUrl(e.data)),l.val(i)}).then(function(){e.resolve()})}else l.val(""),e.resolve();return e})().then(function(){n.toggleClass("wev-handwriting-empty",!i),this.dbValueHasSet&&d.trigger("dataload",a.pageid,a.id)})},this.getValue=function(){return l.val()}})});