定制开发
# 定制开发
# 后台配置JS
# js代码[非VUE使用]:JS标准
会最选执行到,一般用于定位一些关键性的参数。 验证方法:(如果需要表单数据就写到VUE里调用时加一个this)
var validatePass = (rule, value, callback)=>{
console.log(value);
if (value <=0) {
callback(new Error('请输入数量'));
} else {
callback();
}
};
//表单设计器中对控件设置“验证方法”
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
回车事件
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);
}
}
});
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 列表按钮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;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
# VUE加载完成后[列表+表单]
页面加载完成,然后VUE的mounted中执行。
this.$refs.Vlist.cellClick=this.cellClick1; //单击-单元格
this.$refs.Vlist.rowClick=this.rowClick1; //单击-行
this.$refs.Vlist.rowDblclick=this.rowDblclick; //双击-行
1
2
3
2
3
# 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);}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
# 表单验证
# 检查提示
~() => {
var value=this.BiaoDanidata.LianXiDianHua;
if (value.length == 11) {
//对的就执行别的方法
} else {
this.$message.error('手机号应该为11位')
}}~
1
2
3
4
5
6
7
2
3
4
5
6
7
# 提交验证
"rules": [ {
"validator": "~validatePass~",
//这里是验证方法
"trigger": "blur",
"required": true,
"message": "请选择单行文本" }
1
2
3
4
5
6
2
3
4
5
6
# Js代码[非VUE使用]:JS标准
会最选执行到,一般用于定位一些关键性的参数。 验证方法:(如果需要表单数据就写到VUE里调用时加一个this)
var validatePass = (rule, value, callback)=>{
console.log(value);
if (value <=0) {
callback(new Error('请输入数量'));
} else {
callback();
}
};
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
# 定制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
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
# 模块二开
# 二次开发使用场景
1、增加完成后:默认数据的补充、微信与短信的通知、处理其他表的数据。
2、修改成功后:关联数据操作等
3、删除前:删除主表有可能需要删明细表、或同时删关联表。
4、工作流发起时:上同
5、工作流审批时:上同
# 参数说明
参数 | 类型 | 说明 |
---|---|---|
CZ | string | 当前操作【Add】新增、【Edit】修改、【Delete】删除、【Add】新增、【Add】新增 |
appname | string | 模块代码 |
id | string | 操作的实际ID |
# 配置说明
在模块中心找到模块进行设置
# 定制代码
上次更新: 2022/04/26, 16:00:33