https://192.168.10.55/sanxindb
1----表单组件加载
// 表单组件加载
$bill1003SearchForm.formLoader();
2----选取行
//datagrid行添加数据
$(’#XTGLDX1001BJMX’).datagrid(‘loadData’, data.result);
//获取选取行的数据
var rowdata = $orderSearchList.datagrid('getSelected');
3—表单验证-erp-销售管理-条码号段管理-查询条码号段-新建
4—渲染表格数据-erp-销售管理-条码号段管理-查询条码号段-修改
var _this = this, $tmhdEditForm = $(’#tmhdEditForm’),
resultObj = editBarcode.win.getOptions().params;
//渲染数据
tmhdEditForm, resultObj);
5—获取数据渲染表单-erp-store-1035-1035form.html
6—隐藏值和显示名称
7—日期限制
8—formloader
$form.formLoader(‘dataLoaded’,function(data){
var val = ‘100035.101’;
if(data && data.ZKLX){
val = data.ZKLX
}
_this.methods.setVal(val);
});
9—//点击删除所选行
$(’#btnDelete_CKDZ’).unbind(‘click’).click(function(){
var selRows = $formList.datagrid(‘getChecked’);
if(selRows.length == 0){
$.messager.show({title:‘提示’, msg:‘请选择要删除的行!’});
}else{
for(var i = selRows.length - 1; i >= 0; i–){
var rowIndex = $formList.datagrid(‘getRowIndex’, selRows[i]);
$formList.datagrid(‘deleteRow’, rowIndex);
}
}
});
10— 获取数据
var userDTO = $.ecp.baseConfig.getLogonInfo();
var args = win.getOptions().params;
var opt = thisWindow.component.getOptions();
11— 表单验证Validform
erp-sales-bills-1013.js
12— datagride更新行 erp-store-1031-1031form.js
onSave: function(index, row) {
var rows = $formList.datagrid(‘getRows’);//获取当前页的数据行
var slTotal = 0, zjTotal = 0, zjNum = 0;
for (var i = 0; i < rows.length; i++) {
if(rows[i][‘rksl’]) {
zjNum += parseInt(rows[i]['rksl'])*parseInt(rows[i]['dj']);
slTotal += parseInt(rows[i]['rksl']);
if(rows[i]['dj']) {
$formList.datagrid('updateRow',{
index: i,
row: {
zj: parseFloat(rows[i]['rksl'])*parseInt(rows[i]['dj'])
}
});
zjTotal += parseInt(rows[i]['zj']);
}
}
}
// 金额合计
$('#'+MODULE+'RK_zjTotal').html(zjTotal);
// 数量合计
$('#'+MODULE+'RK_slTotal').html(slTotal);
// 品种合计
$('#'+MODULE+'RK_pzTotal').html(rows.length);
}
13—erp管理对象传显示的数据
14------获取地址栏带的参数
params = $.ecp.utils.getArguments(window.location.href);
15--------日期选择插件
-
16---------文件下载 1013form
文件下载
注: 1.filePath为需要下载文件的路径 ; 2.fileName为下载文件的名字
17----------表单相关
表单数据填充
表单序列化
// 点击填充数据
$('#loadForm').click(function() {
$utils.loadFormData($('#perInfoForm'), {userName: 'jingjing', company: 'FED', detail: 'Website'})
});
// 表单序列化
$('#seriForm').click(function() {
alert($.toJSON($utils.serializeObject($('#perInfoForm'))));
});
// 查询仓库编号是否存在
getStoreNumber: function() {
// var ckbh = $(“input[name=‘CKBH_VAL’]”).val();
// $.ecp.remoteService.ajax4Bean({
// beanId: “com.sanxin.erp.store.service.IStorageService.getStorageCodeIsExist(RequestParameterMap)”,
// data: {
// ckbh: ckbh
// },
// success: function(resdata, textStatus, jqXHRult) {
// if (resdata && resdata.status == 1) {
// var result = resdata.result;
// if(result == true){
// $.messager.show({title:‘提示’, msg:‘仓库编号已存在!’});
// return false;
// }else{
//
// }
// }
// }
// });
}
18-----------点击事件其他写法
$(".form_btn02").on(‘click’,’#addTaskBtn’,function() {
new UIFrame("/promanage/html/myTask/newBuiltTask.html", $("#mainCount"), {
// type: type //传递到frame页面的参数
}).show();
});
19---------下拉框组件
var Select = $(’.jsCommonSelect’).commonSelect({
height: 300,
search: true, // 是否支持检索,默认不支持
placeholder: ‘请选择’, // 默认显示文字
data: {
groupData: result, // 列表数据,数组格式
valueField: ‘gid’, // value字段名
textField: ‘userName’, // text字段名
extenalField: ‘userName,gid’ // 其他需要的字段名,可不传
},
done: function(data) { // 选中回调
console.log(data);
}
});
20--------获取当前年月
curMonth = $utils.dateFormat(new Date(), 'yyyy-MM');
var nowDate = $utils.dateFormat(new Date(), 'yyyy-MM');
21---------确认框
$.messager.confirm(‘确认’,‘您确认想要删除记录吗?’,function® {
if ® {
$.messager.alert(‘提示’, ‘确认删除’);
}
}, false);
22-----echarts图例设置
// 图例
legend: {
orient: ‘horizontal’, // 布局方式,默认为水平布局,可选为:
// ‘horizontal’ ¦ ‘vertical’
x: ‘center’, // 水平安放位置,默认为全图居中,可选为:
// ‘center’ ¦ ‘left’ ¦ ‘right’
// ¦ {number}(x坐标,单位px)
y: ‘top’, // 垂直安放位置,默认为全图顶端,可选为:
// ‘top’ ¦ ‘bottom’ ¦ ‘center’
// ¦ {number}(y坐标,单位px)
backgroundColor: ‘rgba(0,0,0,0)’,
borderColor: ‘#ccc’, // 图例边框颜色
borderWidth: 0, // 图例边框线宽,单位px,默认为0(无边框)
padding: 5, // 图例内边距,单位px,默认各方向内边距为5,
// 接受数组分别设定上右下左边距,同css
itemGap: 10, // 各个item之间的间隔,单位px,默认为10,
// 横向布局时为水平间隔,纵向布局时为纵向间隔
itemWidth: 20, // 图例图形宽度
itemHeight: 14, // 图例图形高度
textStyle: {
color: ‘#333’ // 图例文字颜色
}
},
23 ---- 录入发货单 -produce-1011
子表表格数据查询
$.ecp.remoteService.ajax4Bean({
beanId: ‘com.sanxin.erp.produce.service.IFaHuoService.queryPXDQDListByPxhzdh(RequestParameterMap)’,
data: {
djbhs: djbhs
},
success: function(resdata, textStatus, jqXHRult) {
if (resdata && resdata.status == 1) {
var resultArr = resdata.result;
for(var j = 0; j< resultArr.length; j++){
var d = resultArr[j];
$('#XTGLDX1011HWMXZB').datagrid('appendRow',d);
}
_this.getTotalNumForData();
}
}
});
扫描 备货入库单 store-1038
24 ----后台不返回分页显示
datatype:‘rlist’,
------记住前一页的勾选
idField : ‘djbh’,
25--------表单验证
$("#recordEdit").Validform({
tiptype:function(msg,o,cssctl){
if(!o.obj.is(“form”)){
if(o.type != “2”){
$.messager.tips({type:‘warning’,msg:msg});
}
}
},
btnSubmit : “#btnSave_Record”,
datatype:{
“personNumber”:function(gets,obj,curform,regxp){
var flag = true,
gh =
/;
if(type == 'add'){
//正则验证
if(!re.test(gh)){
flag = false;
$("#DXBM_VAL").attr("errormsg","sx小写+6位数流水号");
}else {
//工号是否存在
flag = _this.methods.checkGhRepeat(gh);
}
}
return flag;
}
},
beforeSubmit : function(curform) {
//获取表单提交参数
var dataObj = $form.formLoader('getData');
//登录人
dataObj.dlr = BillForm.userDto.zydx || '';
//编辑或者新增
_this.methods.editOrAddRecord(dataObj);
return false;
}
});
26---------翻页序号
, formatter: function(value, rows, index) {
var options = $(’#LSTC_table’).datagrid(‘getPager’).data(‘pagination’).options;
var currentPage = options.pageNumber;//当前页数
var pageSize = options.pageSize; //分页条数
return (currentPage-1)*pageSize + index + 1;
}
27-------针对提交时判断单据是否修改,可能出现的问题及解决方案:
问题:单据通过公用的详情接口渲染完页面之后,你又单独调用了接口处理定制化的显示,页面上单据的数据发生了改变,所以在提交时会一直提示表单进行了修改,但实际上我们并没有修改页面上的数据,这不是我们想要的效果
解决方案:我在公用的form.js里面把在提交时与当前数据要对比的原始数据对象billOriginData注册到了$.ecp.BillCommonForm上面,遇到这种情况的时候,你要在你的接口成功回调里面进行赋值处理,把最终的数据设置到billOriginData上,注意要保证你的数据已经渲染到了页面上了
$.ecp.BillCommonForm.billOriginData = $(’#1052’).formLoader(‘getData’);
28------获取地址栏参数
urlParams = $.ecp.utils.getArguments(decodeURI(window.location.href));
29-----视屏播放
work1—> gxwgy-js-portals-videoPlay-videoPlay.js
30-----图片预览
work2—> whxz-js-libmanage-activityManage-libPictureShow.js
31-----懒加载
公共插件库 dropload
32-----微信和QQ
work2—> gxwgy-js-index.js
33-----破图默认图片
onerror=“this.src=’/img/nodata/no_yuntianzhihui.png’”
$(‘img’).error(function(){
$(this).attr(‘src’, “/img/nodata/no_yuntianzhihui.png”);
});
onerror=‘this.src="/img/nodata/no_yuntianzhihui.png"’
onerror=‘this.src="/readerrecommend/images/wap/no_cover3.png"’