/*+++++通用函数脚本++++++++*/
var colorBackground = "#243f6d"; // 3255ee
var colorBackground01 = "#243f6dDD"; // 3255ee
var colorTitle = "#FFFFFF";
var colorLine = "#00323af1";
var eChartsResetTime = 50000; //统计图表重制时间周期
/* +++++++++++屏幕适配++++++++++ */
var PageSize = {
smartSize: 600,
middleSize: 1400,
}
/**
* APP 获取GPS位置
* @param {Object} callback 成功获取后回调
*/
function plusGetLocation(callback) {
mui.plusReady(function() {
//获取位置信息
plus.geolocation.getCurrentPosition(function(position) {
var lng = position.coords.longitude;
var lat = position.coords.latitude;
// callback(lat, lng);
callback(35.159, 118.203)
}, function(e) {
mui.alert(e.message);
}, {
provider: 'system',
coordsType: 'wgs84',
geocode: false,
enableHighAccuracy: true, //这个布尔值用来表明应用是否使用其最高精度来表示结果。如果值为 true ,同时设备能够提供一个更精确的位置,那么设备就会使用这个位置
maximumAge: 0, //它表明可以返回多长时间(即最长年龄,单位毫秒)内的可获取的缓存位置。如果设置为 0, 说明设备不能使用一个缓存位置
});
});
}
/* 方向监听标识Id */
let watchOrientationId = undefined;
/**
* 开启方向变化监听
* @param {Function} callChange 变化回调callChange(角度)
*/
function plusOrientationListenerOn(callChange) {
mui.plusReady(function() {
watchOrientationId = plus.orientation.watchOrientation(function(o) {
// console.log("精度指标 = " + o.headingAccuracy);
if (callChange) callChange(o.trueHeading);
}, function(err) {
console.log("方向错误 = " + e.message);
}, {
frequency: 100,
});
})
}
/**
* 关闭方向监听
* @param {Function} callCompletion 完成回到callCompletion()
*/
function plusOrientationListenerOff(callCompletion) {
if (watchOrientationId) {
plus.orientation.clearWatch(watchOrientationId);
watchOrientationId = undefined;
if (callCompletion) callCompletion();
}
}
/* GPS位置监听 */
let watchGpsId = undefined;
/**
* 开启GPS位置变化监听
* @param {Function} callChange GPS位置变化回调callChange(纬度,经度);
*/
function plusGPSListenerOn(callChange, callError) {
mui.plusReady(function() {
watchGpsId = plus.geolocation.watchPosition(function(p) {
if (callChange) callChange(p.coords.latitude, p.coords.longitude);
}, function(err) {
if (callError) callError('GPS定位失败,请确保开启定位服务及权限!');
console.log('定位错误 = ' + err.message);
}, {
provider: 'system',
coordsType: 'wgs84',
geocode: false,
enableHighAccuracy: true, //这个布尔值用来表明应用是否使用其最高精度来表示结果。如果值为 true ,同时设备能够提供一个更精确的位置,那么设备就会使用这个位置
maximumAge: 0, //它表明可以返回多长时间(即最长年龄,单位毫秒)内的可获取的缓存位置。如果设置为 0, 说明设备不能使用一个缓存位置
});
})
}
/**
* 关闭GPS位置监听
* @param {Function} callCompletion 完成回到callCompletion()
*/
function plusGPSListenerOff(callCompletion) {
if (watchGpsId) {
plus.geolocation.clearWatch(watchGpsId);
watchGpsId = undefined;
if (callCompletion) callCompletion();
}
}
/**
* 加载顶部导航栏
* @param {Object} title 导航栏标题
* @param {Object} showBackButton 导航栏是否具备返回按钮
*/
function plusSetNavbar(title, showBackButton) {
var ws = plus.webview.currentWebview();
//设置导航条
ws.setStyle({
"titleNView": {
backgroundColor: colorBackground,
titleText: title,
titleColor: colorTitle,
autoBackButton: showBackButton,
splitLine: {
color: colorLine
}
}
});
}
/**
* 加载顶部导航栏
* @param {Object} title 导航栏标题
* @param {Object} showBackButton 导航栏是否具备返回按钮
*/
function plusSetNavbarRef(title, showBackButton, callback) {
var ws = plus.webview.currentWebview();
//设置导航条
ws.setStyle({
"titleNView": {
backgroundColor: colorBackground,
titleText: title,
titleColor: colorTitle,
autoBackButton: showBackButton,
splitLine: {
color: colorLine
},
buttons: [{
'float': 'right',
fontSrc: '../fonts/iconfont.ttf',
text: '\ueb73',
onclick: callback,
}]
}
});
}
/**
* UIWebView加载完成 大多数方法建议放到此处运行
* @param {Object} callback
*/
function UIView_DidLoad(callback) {
mui.plusReady(function() {
// var self = plus.webview.currentWebview();
// //添加显示监听
// self.addEventListener('show', function() {
callback();
// });
});
}
/**
* 输出控制台消息
* @param {Object} msg 消息内容
*/
function printToConsole(msg) {
console.log(msg);
}
/**
* 日期格式化
* @param {Object} fmt 格式化字符串
*/
Date.prototype.Format = function(fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : ((
"00" + o[
k]).substr(("" + o[k]).length)));
return fmt;
}
/**
* @param {JSON} options 图片路径
* path{string}:图片路径
* lable{string}:文字描述
* click{function}:回调函数
*/
function createBigMenu(options) {
var li = document.createElement("li");
li.className = 'mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3';
var liHtml = "";
liHtml += "
";
li.innerHTML = liHtml;
if (options.click != undefined) li.onclick = function() {
options.click();
};
return li;
}
/**
* @param {JSON} options 图片路径
* path{string}:图片路径
* lable{string}:文字描述
* click{function}:回调函数
*/
function createSmartMenu(options) {
var li = document.createElement("li");
li.className = 'mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3';
var liHtml = "";
liHtml += "";
li.innerHTML = liHtml;
if (options.click != undefined) {
li.onclick = function() {
options.click('options');
};
}
return li;
}
/**
* 创建菜单Html
* @param {JSON} options 图片路径
* path{string}:图片路径
* lable{string}:文字描述
* click{function}:回调函数
*/
function createSmartMenuHtml(options) {
var menuHtml = "";
} else {
divHtml += "
";
return divHtml;
}
/**
* 根据图片路径数组初始化轮播内容
* @param {string} sliderId 轮播容器Id
* @param {Array} sliderImages 轮播图片路径数组
*/
function _initSliderContent(sliderId, sliderImages) {
var sliderHtml = ""; //轮播内容
var indicatorHtml = ""; //轮播指示器内容
/* 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) */
sliderHtml += _createSliderItemHtml(sliderImages[sliderImages.length - 1], true);
for (var i = 0; i < sliderImages.length; i++) {
sliderHtml += _createSliderItemHtml(sliderImages[i], false);
if (i === 0) indicatorHtml += "
";
else indicatorHtml += "
";
}
/* 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) */
sliderHtml += _createSliderItemHtml(sliderImages[0], false);
/* 组合展示 */
var strHtml = "
";
strHtml += sliderHtml;
strHtml += "
";
strHtml += "
";
strHtml += indicatorHtml;
strHtml += "
";
$("#" + sliderId).html(strHtml);
}
/**
* 启动图片轮播
* @param {string} sliderId 轮播容器Id
* @param {Array} imagePaths 图片路径数组
* @param {int} sliderTimespan 轮播时间间隔 0 代表不轮播
*/
function beginSliderContent(sliderId, imagePaths, sliderTimespan) {
_initSliderContent(sliderId, imagePaths);
/* 自动轮播 */
var slider = mui('#' + sliderId);
if (sliderTimespan > 0) {
slider.slider({
interval: sliderTimespan,
});
}
}
/**
* 设置样式中变量的值
* @param {string} variable 变量
* @param {string} value 值
*/
function setPropertyFromStyle(variable, value) {
document.documentElement.style.setProperty(variable, value);
}
/* 给选择类型按钮添加监听 */
function addListenerToSelectButton(btnDomId, config) {
var btn = $("#" + btnDomId)[0];
btn.addEventListener('tap', function() {
var _self = this;
if (_self.picker) {
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
$(_self).attr('data-code', selectItems[0].value);
});
} else {
_self.picker = new mui.PopPicker({
buttons: ['清除', '使用']
});
_self.picker.setData(config);
_self.picker.cancel.addEventListener('tap', function() {
$(_self).html($(_self).attr('value'));
$(_self).attr('data-value', "");
$(_self).attr('data-code', "");
})
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
$(_self).attr('data-code', selectItems[0].value);
});
}
})
}
/**
*
* @param {string} btnDomId 需要绑定的选择器Id
* @param {string} tabName 选择器关联的表名
* @param {string} fldName 选择器关联的字段名
* @param {function} callback 选择回调函数
*/
function bindListenerToSelectButton(btnDomId, tabName, fldName, callback) {
var btn = $("#" + btnDomId)[0];
btn.addEventListener('tap', function() {
var _self = this;
/* 首先进行查询 */
querySimpleFieldInfo(tabName, fldName, function(config) {
if (_self.picker) {
_self.picker.setData(config);
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
$(_self).attr('data-code', selectItems[0].value);
if (callback) callback(selectItems[0].text, selectItems[0].value);
});
} else {
_self.picker = new mui.PopPicker({
buttons: ['清除', '使用']
});
_self.picker.setData(config);
_self.picker.cancel.addEventListener('tap', function() {
$(_self).html($(_self).attr('value'));
$(_self).attr('data-value', "");
$(_self).attr('data-code', "");
})
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
$(_self).attr('data-code', selectItems[0].value);
if (callback) callback(selectItems[0].text, selectItems[0].value);
});
}
});
})
}
/**
* 绑定日期控件
* @param {string} btnDomId 需要绑定的选择器Id
* @param {function} callback 选择回调函数
*/
function bindListenerToDateButton(btnDomId, callback) {
var btn = $("#" + btnDomId)[0];
btn.addEventListener('tap', function() {
var _self = this;
if (_self.picker) {
_self.picker.show(function(selectItems) {
$(_self).html(selectItems.text);
$(_self).attr('data-value', selectItems.text);
$(_self).attr('data-code', selectItems.value);
_self.picker.dispose();
_self.picker = null;
if (callback) callback(selectItems.text, selectItems.value);
});
} else {
/* 获取存储的值 */
let value = $(_self).attr("data-value") || '';
// console.log("存储 = " + value);
_self.picker = new mui.DtPicker({
buttons: ['清除', '使用'],
type: 'date',
beginDate: new Date('1990', '1', '1'),
endDate: new Date('2050', '12', '31'),
value: value,
});
_self.picker.ui.cancel.addEventListener('tap', function() {
$(_self).html($(_self).attr('value'));
$(_self).attr('data-value', "");
$(_self).attr('data-code', "");
});
_self.picker.show(function(selectItems) {
$(_self).html(selectItems.text);
$(_self).attr('data-value', selectItems.text);
$(_self).attr('data-code', selectItems.value);
_self.picker.dispose();
_self.picker = null;
if (callback) callback(selectItems.text, selectItems.value);
});
}
})
}
/**
* 查询单字段信息
* @param {string} tabName 表名称
* @param {string} fldName 字段名称
* @param {function} callSuccess 成功回调函数
*/
function querySimpleFieldInfo(tabName, fldName, callSuccess) {
var iData = {
tabName: tabName,
fldName: fldName,
}
/* 查询结果 */
var result = [];
/* 开始联网查询 */
sendAjax({
waitMessate: '同步数据...',
url: 'appQuerySimpleFiled',
data: iData,
success: function(resData) {
for (var i in resData) {
result.push({
value: resData[i].selCode,
text: resData[i].selName,
})
}
if (callSuccess != undefined) callSuccess(result);
},
error: function(err) {
muiAlertError(err);
}
})
}
/**
* 清除选择器
* @param {string} btnDomId 选择控件Id
*/
function clearSelectButton(btnDomId) {
console.log("调用清除!");
var _self = document.getElementById(btnDomId);
if (_self.picker) {
_self.picker.setData([]);
}
$(_self).html($(_self).attr('value'));
$(_self).attr('data-value', "");
$(_self).attr('data-code', "");
}
/**
* 联网获取并设置单项选择器
* @param {JSON} options
* tabName{string}:表名称
* fldName{string}:字段名称
* btnDomId{string}:挂接容器
*/
function setSimpleConfig(options) {
var iData = {
tabName: options.tabName,
fldName: options.fldName,
}
var btn = $("#" + options.btnDomId)[0];
var dataConfig = [];
sendAjax({
waitMessate: '同步数据...',
url: 'appQuerySimpleFiled',
data: iData,
success: function(resData) {
for (var i in resData) {
dataConfig.push({
value: resData[i].selCode,
text: resData[i].selName,
})
}
btn.addEventListener('tap', function() {
var _self = this;
if (_self.picker) {
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
});
} else {
_self.picker = new mui.PopPicker({
buttons: ['清除', '使用']
});
_self.picker.setData(dataConfig);
_self.picker.cancel.addEventListener('tap', function() {
$(_self).html($(_self).attr('value'));
$(_self).attr('data-value', "");
})
_self.picker.show(function(selectItems) {
$(_self).html(selectItems[0].text);
$(_self).attr('data-value', selectItems[0].text);
});
}
})
if (options.success != undefined) options.success();
},
error: function(err) {
if (options.error != undefined) options.error(err);
}
})
}
/**
* 定位图斑
* @param {string} longitude 经度
* @param {string} latitude 纬度
* @param {string} title 标题
*/
function toMapLocation(longitude, latitude, title) {
var lMapId = 'FeatureLocationByMap';
/* 启动定位之前判断是否存在 */
mui.plusReady(function() {
var mapPageView = plus.webview.getWebviewById(lMapId);
if (mapPageView != null) {
plus.webview.show(mapPageView, 'slide-in-right', 300, function() {
mapPageView.evalJS("jsLocation('" + longitude + "','" + latitude +
"','" + title + "')")
});
} else {
muiAlert("地图页面尚未加载,请稍后重试!");
}
});
}
/**
* 通过表名和要素Id定位图斑要素
* @param {string} tabName 经度
* @param {string} feaId 纬度
* @param {string} title 标题
*/
function toMapLocation_tabName_feaId(tabName, feaId, title) {
var lMapId = 'FeatureLocationByMap';
/* 启动定位之前判断是否存在 */
mui.plusReady(function() {
var mapPageView = plus.webview.getWebviewById(lMapId);
if (mapPageView != null) {
plus.webview.show(mapPageView, 'slide-in-right', 300, function() {
mapPageView.evalJS("jsLocation_tabName_feaId('" + tabName + "','" + feaId +
"','" + title + "')");
});
} else {
muiAlert("地图定位页面异常,请稍后重试!");
}
});
}
/**
* 启动App
* @param {string} appId App的Id
* @param {string} appName App的名称
*/
function beginApp(appId, appName) {
mui.plusReady(function() {
if (plus.runtime.isApplicationExist({
pname: appId
})) {
plus.runtime.launchApplication({
pname: appId,
}, function(e) {
muiAlertError("启动失败:" + e.message);
});
} else {
muiAlert('您尚未安装' + appName + ',请安装后重试!', "警告")
}
});
}
/**
* 获取页面的宽、高
*/
function getPageSize() {
return {
width: document.body.clientWidth,
height: document.body.clientHeight
}
}
/**
* 显示完整内容
* @param {string} content
*/
function showContent(content) {
muiAlert(content, "提示");
}
/**
* 文本循环移动动画 适用于容器内展示span且span宽度超过div宽度
* @param {string} domId 容器Id
* @param {int} time 动画时间,单位ms
*/
function textMoveAnimateById(domId, time) {
var obj = $("#" + domId);
var widthSpan = $("#" + domId + ">span").width();
var widthMove = widthSpan - obj.width();
obj.scrollLeft(0);
obj.animate({
scrollLeft: widthMove,
}, time, 'linear', function() {
textMoveAnimateById(domId, time);
});
}
/**
* 文本循环移动动画 适用于容器内展示span且span宽度超过div宽度
* @param {string} selector 容器选择器
* @param {int} time 动画时间,单位ms
*/
function textMoveAnimateBySelector(selector, time) {
var obj = $("." + selector);
var widthSpan = $('.' + selector + ">span").width();
console.log(widthSpan);
var widthMove = widthSpan - obj.width();
obj.scrollLeft(0);
obj.animate({
scrollLeft: widthMove,
}, time, 'linear', function() {
textMoveAnimateBySelector(selector, time);
});
}
/**
* 获取通过URL传递的参数
* main.html?key=124
* @param {string} name 关键字
* @return {string} 未获取到返回null 否则返回值
*/
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]);
return null;
}
/**
* 绑定搜索框 通过绑定监听 获取查询内容
* @param {string} controlID 搜索框ID
* @param {function} callback 返回监听
*/
function bindSearchControlEvent(controlID, callback) {
var self = this;
/**
* 搜索框追加事件
*/
document.getElementById(controlID).addEventListener('keypress', function(e) {
//判断点击的是否是 搜索 按钮
if (e.keyCode == 13) {
var value = this.value;
document.activeElement.blur();
if (callback != undefined) callback(value);
}
});
}
/**
* 获取dom的属性值
* @param {Object} domId
* @param {Object} attrName
*/
function getAttributeValue(domId, attrName) {
var value = $("#" + domId).attr(attrName);
if (value == undefined) return "";
else return value;
}
/**
* 打开侧滑菜单
*/
function openMainMenu() {
mui('.mui-off-canvas-wrap').offCanvas('show');
}
/**
* 关闭侧滑菜单
*/
function closeMainMenu() {
mui('.mui-off-canvas-wrap').offCanvas('close');
}
/**
* 给类添加点击事件
* @param {string} className 类名称
*/
function appendClickEventByClassName(className) {
$("." + className).each(function(index, element) {
$("." + className)[index].addEventListener('tap', function() {
muiAlert($(this).text(), '详细内容');
})
})
}
/**
* 显示内容
* @param {Object} obj 显示内容的容器
*/
function showDetails(obj) {
muiAlert($(obj).text(), '详细内容');
}
/**
* 重置图表的尺寸
*/
function echartsSizeInit() {
$(".jt-count-echarts-panel .jt-content").each(function(index, element) {
var echartsDom = $(".jt-count-echarts-panel .jt-content")[index];
var width = $(echartsDom).width();
var height = $(echartsDom).height();
if (height < 10) {
$(echartsDom).height(width * 3 / 4);
}
});
}
/* +++++++++++++++++地块公用+++++++++++++++++++++ */
/**
* 查询地块数据
* @param {string} title 标题
* @param {string} tabName 数据表名称
* @param {string} fldName 字段名称
* @param {string} fldValue 字段值
* @param {string} showFldName 展示字段名称
*/
function queryFeatures(title, tabName, fldName, fldValue, showFldName) {
var iData = {
tabName: tabName,
fldName: fldName,
fldValue: fldValue,
queryType: 'equal',
showFldName: showFldName === undefined ? '' : showFldName,
start: '1',
count: '100',
}
sendAjax({
url: 'appQueryFeatureData',
data: iData,
waitMessage: '查询中...',
success: function(resData) {
var data = resData[0];
if (data.dataCount == 0) {
muiAlert('未查询到任何数据!', '警告');
} else {
showFeaturesResult(title, data);
}
},
error: function(err) {
muiAlertError(err);
}
})
}
/**
* 地块数据展示
* @param {string} title 标题
* @param {JSON} jsonData 数据集
*/
function showFeaturesResult(title, jsonData) {
/* 判断容器是否存在 */
var rootPanel = document.getElementById('queryResultPopover');
if (rootPanel) {
$(rootPanel).html('');
} else {
rootPanel = document.createElement('div');
rootPanel.id = 'queryResultPopover';
rootPanel.className = 'mui-popover mui-popover-action mui-popover-bottom jt-query-result-popover';
document.body.append(rootPanel);
}
/* 创建标题头 */
var header = document.createElement('header');
header.className = 'mui-bar';
header.innerHTML = "
" + title + '
查询结果';
rootPanel.append(header);
/* 创建内容容器 */
var divScroll = document.createElement('div');
divScroll.className = 'mui-scroll-wrapper';
rootPanel.append(divScroll);
/* 创建滚动子容器 */
var divScrollChild = document.createElement('div');
divScrollChild.className = 'mui-scroll';
divScroll.append(divScrollChild);
/* 创建查询结果根容器 */
var divRoot = document.createElement('div');
divRoot.className = 'mui-card';
divScrollChild.append(divRoot);
/* 加入数据 */
for (var i in jsonData.dataList) {
var item = jsonData.dataList[i];
var divItem = document.createElement('div');
if (i % 2 == 0) {
divItem.className = 'jt-feature-data-row jt-row-even-number';
} else {
divItem.className = 'jt-feature-data-row jt-row-odd-number';
}
divRoot.append(divItem);
var html = "";
html += "
" + item.feaNumber + "";
html += "
" + item.feaName + "";
html += "
" + item.feaArea + "亩";
html += "
";
html += " onclick = \"CallMapLocation('" + item.tabName + "','" + item.feaId + "')\" />"
divItem.innerHTML = html;
}
/* 显示弹框 */
mui("#queryResultPopover").popover('show');
/* 重置滚动容器 该方法是必须的 否则将导致滚动容器滚动失败 */
mui('.mui-scroll-wrapper').scroll();
}
/**
* 添加水印
* @param {JSON} settings 配置项
* settings.watermarl_element{string}:你需要加水印的元素的id,例如#app
* settings.watermark_txt{string}:水印内容
*/
function watermark(settings) {
//默认设置
var defaultSettings = {
watermarl_element: "body",
watermark_txt: "",
watermark_x: 20, //水印起始位置x轴坐标
watermark_y: 20, //水印起始位置Y轴坐标
watermark_rows: 2000, //水印行数
watermark_cols: 2000, //水印列数
watermark_x_space: 70, //水印x轴间隔
watermark_y_space: 30, //水印y轴间隔
watermark_color: '#aaa', //水印字体颜色
watermark_alpha: 0.3, //水印透明度
watermark_fontsize: '14px', //水印字体大小
watermark_font: '微软雅黑', //水印字体
watermark_width: 280, //水印宽度
watermark_height: 80, //水印长度
watermark_angle: 25 //水印倾斜度数
};
//采用配置项替换默认值,作用类似jquery.extend
if (arguments.length === 1 && typeof arguments[0] === "object") {
var src = arguments[0] || {};
for (let key in src) {
if (src[key] && defaultSettings[key] && src[key] === defaultSettings[key])
continue;
else if (src[key])
defaultSettings[key] = src[key];
}
}
var oTemp = document.createDocumentFragment();
var maskElement = document.getElementById(defaultSettings.watermarl_element) || document.body;
//获取页面最大宽度
var page_width = Math.max(maskElement.scrollWidth, maskElement.clientWidth);
//获取页面最大高度
var page_height = Math.max(maskElement.scrollHeight, maskElement.clientHeight);
//水印数量自适应元素区域尺寸
defaultSettings.watermark_cols = Math.ceil(page_width / (defaultSettings.watermark_x_space + defaultSettings
.watermark_width));
defaultSettings.watermark_rows = Math.ceil(page_height / (defaultSettings.watermark_y_space + defaultSettings
.watermark_height));
var x;
var y;
for (var i = 0; i < defaultSettings.watermark_rows; i++) {
y = defaultSettings.watermark_y + (defaultSettings.watermark_y_space + defaultSettings.watermark_height) * i;
for (var j = 0; j < defaultSettings.watermark_cols; j++) {
x = defaultSettings.watermark_x + (defaultSettings.watermark_width + defaultSettings.watermark_x_space) * j;
var mask_div = document.createElement('div');
mask_div.id = 'mask_div' + i + j;
mask_div.className = 'mask_div';
//mask_div.appendChild(document.createTextNode(defaultSettings.watermark_txt));
mask_div.innerHTML = (defaultSettings.watermark_txt);
//设置水印div倾斜显示
mask_div.style.webkitTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
mask_div.style.MozTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
mask_div.style.msTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
mask_div.style.OTransform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
mask_div.style.transform = "rotate(-" + defaultSettings.watermark_angle + "deg)";
mask_div.style.visibility = "";
mask_div.style.position = "absolute";
mask_div.style.left = x + 'px';
mask_div.style.top = y + 'px';
mask_div.style.overflow = "hidden";
mask_div.style.zIndex = "1";
mask_div.style.pointerEvents = 'none'; //pointer-events:none 让水印不遮挡页面的点击事件
//mask_div.style.border="solid #eee 1px"; //兼容IE9以下的透明度设置 mask_div.style.filter="alpha(opacity=50)";
mask_div.style.opacity = defaultSettings.watermark_alpha;
mask_div.style.fontSize = defaultSettings.watermark_fontsize;
mask_div.style.fontFamily = defaultSettings.watermark_font;
mask_div.style.color = defaultSettings.watermark_color;
mask_div.style.textAlign = "center";
mask_div.style.width = defaultSettings.watermark_width + 'px';
mask_div.style.height = defaultSettings.watermark_height + 'px';
mask_div.style.display = "block";
oTemp.appendChild(mask_div);
};
};
maskElement.appendChild(oTemp);
}
/**
* 设置选择控件的显示内容和值
* @param {string} domId 控件Id
* @param {string} text 显示文本
* @param {string} value 内部值
*/
function setSelectControlValue(domId, text, value) {
let _self = document.getElementById(domId);
$(_self).html(text);
$(_self).attr('data-value', text);
$(_self).attr('data-code', value);
}
/**
* 点击指示器事件
* @param {Object} objDom 点击的dom对象
*/
function indicator(objDom) {
/* 循环所有指示器 */
$(".jt-indicator").each(function(index, element) {
element.classList.remove('jt-indicator-active');
if (!objDom && index === 0) {
element.classList.add('jt-indicator-active');
}
})
if (objDom) {
objDom.classList.add('jt-indicator-active');
}
}
/**
* 通过jQuery设置显示内容
* @param {String} domId domId
* @param {String} text 显示内容
*/
function setTextByDomId(domId, text) {
$("#" + domId).text(text);
}
/**
* 通过jQuery设置显示内容
* @param {String} domId domId
* @param {String} text 显示内容
*/
function setHtmlByDomId(domId, text) {
$("#" + domId).html(text);
}