万商平台 万商平台
首页
  • 介绍

    • 平台介绍
    • 平台费用
    • 平台授权
  • 前端学习

    • JS教程
    • VUE教程
    • ES6教程
    • 常用JS
    • HTML
    • CSS
  • 后端学习

    • C#基础
  • 数据库

    • MSSQL
  • 常用工具

    • Git
    • Markdown
    • npm
  • 基础使用

    • 开始使用
  • 系统配置

    • 系统参数
    • 机构建立
  • 模块中心

    • 模块管理
    • 菜单管理
    • 定制开发
  • 第三方对接

    • 企业号
    • 服务号
    • 阿里云
  • 工作流

    • 工作流介绍
    • 流程设计
    • 工作流原理
  • 数据的定义

    • 有效数据定义
  • 大屏幕

    • 大屏幕介绍
    • 配置屏幕
  • 超级EXCEL BI

    • BI 演示
  • 分析报表

    • 四象限报表
  • 客户群体

    • 我们的客户
  • 在线商城

    • 商城
    • 食堂管理
    • 收银台
  • 医疗服务

    • 预约咨询
  • 房产金额

    • 房产服务
    • 金额APP
  • 公司内部服务

    • 办公用品
  • 经销商

    • 费用管理
    • 巡店管理
    • 软件对接
首页
  • 介绍

    • 平台介绍
    • 平台费用
    • 平台授权
  • 前端学习

    • JS教程
    • VUE教程
    • ES6教程
    • 常用JS
    • HTML
    • CSS
  • 后端学习

    • C#基础
  • 数据库

    • MSSQL
  • 常用工具

    • Git
    • Markdown
    • npm
  • 基础使用

    • 开始使用
  • 系统配置

    • 系统参数
    • 机构建立
  • 模块中心

    • 模块管理
    • 菜单管理
    • 定制开发
  • 第三方对接

    • 企业号
    • 服务号
    • 阿里云
  • 工作流

    • 工作流介绍
    • 流程设计
    • 工作流原理
  • 数据的定义

    • 有效数据定义
  • 大屏幕

    • 大屏幕介绍
    • 配置屏幕
  • 超级EXCEL BI

    • BI 演示
  • 分析报表

    • 四象限报表
  • 客户群体

    • 我们的客户
  • 在线商城

    • 商城
    • 食堂管理
    • 收银台
  • 医疗服务

    • 预约咨询
  • 房产金额

    • 房产服务
    • 金额APP
  • 公司内部服务

    • 办公用品
  • 经销商

    • 费用管理
    • 巡店管理
    • 软件对接
  • 基础使用

  • 系统配置

  • 模块中心

    • 模块管理
    • 菜单管理
    • 定制开发
      • 后台配置JS
        • js代码[非VUE使用]:JS标准
        • 列表按钮JS[在按钮事件中]:VUE标准
        • VUE加载完成后[列表+表单]
        • VUE提供调用的方法[列表+表单]
      • 表单验证
        • 检查提示
        • 提交验证
        • Js代码[非VUE使用]:JS标准
      • 定制JS组件
      • 模块二开
        • 二次开发使用场景
        • 参数说明
        • 配置说明
        • 定制代码
  • 第三方对接

  • 工作流

  • 平台使用
  • 模块中心
万商技术-陈
2022-04-26
目录

定制开发

# 定制开发

# 后台配置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

回车事件

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

# 列表按钮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

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

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

this.$refs.Vlist.cellClick=this.cellClick1; //单击-单元格 
this.$refs.Vlist.rowClick=this.rowClick1;  //单击-行 
this.$refs.Vlist.rowDblclick=this.rowDblclick;  //双击-行
1
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

# 表单验证

# 检查提示

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

# 提交验证

 "rules": [    {
       "validator": "~validatePass~",    
       //这里是验证方法      
       "trigger": "blur",      
       "required": true,     
       "message": "请选择单行文本"   }
1
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

# 定制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

# 模块二开

# 二次开发使用场景

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

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

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

4、工作流发起时:上同

5、工作流审批时:上同

# 参数说明

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

# 配置说明

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

# 定制代码

图片

上次更新: 2022/04/26, 16:00:33
菜单管理
企业号

← 菜单管理 企业号→

最近更新
01
正则表达式
05-05
02
平台授权
05-03
03
预约咨询
04-26
更多文章>
万商平台 | Copyright © 2015-2023 宁波万商信息技术有限公司 浙ICP备15014676号-1 浙ICP备15014676号-3
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式