定制开发

后台配置JS

js代码[非VUE使用]：JS标准

会最选执行到，一般用于定位一些关键性的参数。 验证方法：（如果需要表单数据就写到VUE里调用时加一个this）

var validatePass = (rule, value, callback)=>{  
        console.log(value);  
        if (value <=0) {  
          callback(new Error('请输入数量'));  
        } else {  
          callback();  
        }  
      }; 
 //表单设计器中对控件设置“验证方法”

回车事件

document.addEventListener("keyup", e => {                  
     if(e.keyCode==13){   
         if(this.$refs.BiaoDaniForm.getPropRef('ZhuTi').$el.innerHTML==e.target.parentNode.innerHTML)  
     {  
       console.log(e.target.value);  
     }  
 }                      
 });

列表按钮JS[在按钮事件中]：VUE标准

每一个按钮可以执行不同的事件，如果需要自定义一些功能可以在这里进行填写。

switch (Code) {  
        case "XinZengHeTong":   
            parent.Default.opendialogDIV('增加合同','/App/HeTong/FangWuMaiMaiHeTong_add.aspx', iframeID);  
             break;  
        case "XiuGaiHeTong":   
           if(this.selectlist.length==0){                              
             this.$message.error('请您先选择数据')  
             return false;  
            }  
             if(this.selectlist.length>1){                              
               this.$message.error('目前只支持选择一项进行修改')  
               return false;  
            }   
            parent.Default.opendialogDIV('修改合同','/App/HeTong/FangWuMaiMaiHeTong_add.aspx?id='+this.selectlist[0].id, iframeID);  
             break;  
        case "DaYinHeTong":   
           if(this.selectlist.length==0){                              
                 this.$message.error('请您先选择数据')  
           return false;  
             }  
             if(this.selectlist.length>1){                              
               this.$message.error('目前只支持选择一项进行打印')  
               return false;  
            }   
             parent.Default.opendialogDIV('网签备案','/list/Form2020.aspx?Mid='+Mid+'&bid=320&NBwanSpsT_HeTong='+this.selectlist[0].id, iframeID);  
            break;  
         default:                                          
            this.$message.error(Code+"还未完成")  
            break;  
        }

VUE加载完成后[列表+表单]

页面加载完成,然后VUE的mounted中执行。

this.$refs.Vlist.cellClick=this.cellClick1; //单击-单元格 
this.$refs.Vlist.rowClick=this.rowClick1;  //单击-行 
this.$refs.Vlist.rowDblclick=this.rowDblclick;  //双击-行

VUE提供调用的方法[列表+表单]

会在methods下方直接增加代码请注意VUE的规范。

NBwanS_Add(){  
 this.BiaoDanidata.WorkFlowId=uuid();  
//当用户单击增加按钮时会调用  
},  
NBwanS_Edit(){  
 //当用户单击修改按钮时会调用  
},  
//提交前控件单独检查方法  
JuJueLiYouJianCha(rule, value, callback){//检查当前值是否为空  
   if(value==''&&this.BiaoDanidata.ShiFuTongYi==0){  
      //是否同意为0内容又为空就出错。  
      callback(new Error('请输入数量'));   
   }else{  
     callback();  
   }  
  },  
//当值发生变化时方法：  
 LeiXingXuanZeShi(v){  
     //流程备注设置  
     this.BiaoDanidata.WS_Description=this.BiaoDanidata.CreateUserName+'['+v.value+']'+'请假';  
     console.log(this.BiaoDanijson.group[1].column);  
     //流程的模板中有group，所以需要在group里  
      //得到谋一项  
      var KeYongJiaBan =this.findObject(this.BiaoDanijson.group[1].column,'KeYongJiaBan')  
     if(v.value=='调休'){  
       KeYongJiaBan.display=true;//显示谋一项  
     }else{       
      KeYongJiaBan.display=false;//隐藏谋一项  
      }  
   },  
   cellClick1(row,event,column){ console.log("cellClick1");console.log(row);console.log(event);console.log(column);}, 
 
   rowClick1(row,event,column){ console.log("rowClick1");console.log(row);console.log(event);console.log(column);},  
   //行双击         
   rowDblclick(row,event,column){ console.log("rowDblclick");console.log(row);console.log(event);console.log(column);}

表单验证

检查提示

~() => {    
  var value=this.BiaoDanidata.LianXiDianHua;     
  if (value.length == 11) {      
      //对的就执行别的方法     
  } else {    
    this.$message.error('手机号应该为11位')    
  }}~

提交验证

 "rules": [    {
       "validator": "~validatePass~",    
       //这里是验证方法      
       "trigger": "blur",      
       "required": true,     
       "message": "请选择单行文本"   }

Js代码[非VUE使用]：JS标准

会最选执行到，一般用于定位一些关键性的参数。 验证方法：（如果需要表单数据就写到VUE里调用时加一个this）

 var validatePass = (rule, value, callback)=>{
           console.log(value);          
           if (value <=0) {   
                    callback(new Error('请输入数量'));          
            } else { 
                       callback();         
               }      
          };

定制JS组件

 //时间
Vue.component("WSdatetimePicker", {
    data() {
        return {
            val: "",
            editor: null
        }
    },
    props: {
        'prop': { default: "WSdatetimePicker" },//列名
        'value': { default: "" }//传过来的值
    },
    template: `<div  class="iDate full" :id="prop">
            <input  type="text"  :value="value" />
            <button type="button" class ="addOn"></button>
          </div>`,
    mounted() {
        //console.log("mounted");
        const _this = this;
        $("#" + this.prop).datetimepicker({
            locale: "zh-cn",
            format: "YYYY-MM-DD HH:mm",
        });
        $("#" + this.prop).bind("dp.hide", function (event) {
            // console.log("input", event);
            //  console.log("input", _this.prop);
            // console.log("input", $("#" + _this.prop).children("input").val());
            _this.$emit('input', $("#" + _this.prop).children("input").val());
        });
    }
});

模块二开

二次开发使用场景

1、增加完成后：默认数据的补充、微信与短信的通知、处理其他表的数据。

2、修改成功后：关联数据操作等

3、删除前：删除主表有可能需要删明细表、或同时删关联表。

4、工作流发起时：上同

5、工作流审批时：上同

参数说明

参数	类型	说明
CZ	string	当前操作【Add】新增、【Edit】修改、【Delete】删除、【Add】新增、【Add】新增
appname	string	模块代码
id	string	操作的实际ID

配置说明

在模块中心找到模块进行设置

定制代码