如何通过脚本自定义控件

【myApps/OBPM版本号】：v4.4- sp XX
【浏览器类型】：Chrome/其他
【联系方式-QQ】：
【联系电话】:
【问题描述】：如何通过脚本自定义控件

可以在选项或者执行动作的脚本里加以操作进行修改，或者通过计算脚本自己写一个控件出来，比方说

(function(){      
                  var countNum1 = 23;  

                  //待汇报  
              var countNum2=36;   

                  //已完成任务                  
               var countNum3=84;  

                    
        var html="<table width='100%'>";                   
               
                html+= "<tr><td style='padding: 0 2px;width: 25%;'><a style='border:0px;height: 31px;width: 100px;color:#fff;cursor:pointer;' action-type='openview' appId='"+ getApplication() +"' viewid='x39baIWu4UZPae9Os51' exparams='' open-type='open_tab'><div style='background-color: #862928;width: 100%;height: 85px;text-align: center;'><span style='font-size: 40px;display: block;padding-top: 0px;'>"+countNum1+"</span><span style='font-size: 15px;display: block;'>待完成任务</span></div></a></td>";      
               
                html+= "<td style='padding: 0 2px;width: 25%;'><a style='border:0px;height: 31px;width: 100px;color:#fff;cursor:pointer;' action-type='openview' appId='"+ getApplication() +"' viewid='8S3C7R2ibgcjjpPbSEb' exparams='' open-type='open_tab'><div style='background-color: #5585bd;width: 100%;height: 85px;text-align: center;'><span style='font-size: 40px;display: block;padding-top: 0px;'>"+countNum3+"</span><span style='font-size: 15px;display: block;'>已完成任务</div></a></td>";      
               
       
                html+= "<td style='padding: 0 2px;width: 25%;'><a style='border:0px;height: 31px;width: 100px;color:#fff;cursor:pointer;' action-type='openview' appId='"+ getApplication() +"' viewid='gdGKVTjw9nRoGkhCPDO' exparams='' open-type='open_tab'><div style='background-color: #60c76b;width: 100%;height: 85px;text-align: center;'><span style='font-size: 40px;display: block;padding-top: 0px;'>"+countNum2+"</span><span style='font-size: 15px;display: block;'>待汇报</div></a></td>";  
               
                html+= "<td style='padding: 0 2px;width: 25%;'><a style='border:0px;height: 31px;width: 100px;color:#fff;cursor:pointer;' action-type='opendocument' appId='"+ getApplication() +"' formid='6Dky7kSdd19qD2Jspzi' exparams='' open-type='open_tab'><div style='background-color: #337ab7;width: 100%;height: 85px;align-items:center; display: -webkit-flex;'><span style='font-size: 19px;display: block;margin: auto;'>新建日常任务</span></div></a></td></tr>";   
                  
              html+="</table>";             
                   
                           
              return html;      
  })()