/**
* 网上留言表单js
*
* @author wangshibo
* @date 2018/11/30
*/
// 附件上传回调
function onlineMsgUploadOK (fileID) {
//存字段,用于表单提交关联附件
let fileObj = $('#fileIds');
let fileList = fileObj.val();
if (fileList) {
fileList = fileList + "," + fileID;
} else {
fileList = fileID;
}
fileObj.val(fileList);
}
// 点击输入框时赋值验证码
function getImgCode(e) {
var imgCodeObj = $(e).parent().parent().find('img');
imgCodeObj.show();
if (!imgCodeObj.attr('src')) {
imgCodeObj.attr('src', api + 'service/nszx/onlinemessage/code/img?d=' + Math.random());
}
}
// 点击改变图片验证码
function changeImgCode() {
var imgCodeObj = $('#img-code');
imgCodeObj.attr('src', api + 'service/nszx/onlinemessage/code/img?d=' + Math.random());
}
// 网上留言表单提交
let onlineMsgForm = {
// 网上留言表单验证回调
formValidation: {
// 验证结束
complete: function(result) {
},
// 验证通过,登录请求
success: function() {
// 校验手机号码是否填写
// if ($('#phone-notice').is(':checked')) {
if (!$('input[name="dh"]').val()) {
$.toast("手机号码不能为空");
changeImgCode();
return false;
}
var phone = $('input[name="dh"]').val();
var reg1 = /^(13[0-9]|14[579]|15[0-3,5-9]|16[6]|17[0135678]|18[0-9]|19[89])\d{8}$/;
// var reg2 = /^0\d{2,3}-?\d{7,8}$/;
if (!reg1.test(phone)) {
$.toast("手机号码格式错误");
changeImgCode();
return false;
}
// }
// 校验邮箱是否需要填写
if ($('#email-notice').is(':checked')) {
if (!$('input[name="yx"]').val()) {
$.toast("提醒邮箱不能为空");
changeImgCode();
return false;
}
}
// 校验图片验证码是否填写
if (!$('#imgCode').val()) {
$.toast("图片验证码不能为空");
changeImgCode();
return false;
}
$.confirm('确认
纳税人所属地:' + $('.zxjgmc').val() + '?', function () {
new FormPage().submitForm('wsly');
});
},
// 验证失败
error: function(result) {
$.toast(result.message);
changeImgCode();
}
},
};
// 网上留言方法类
class OnlineMsgForm {
/**
* 根据提醒方式改变表单字段
*
* @param obj
*/
static remindWay (obj) {
let id = obj.dataset.related;
if (!id) {
return;
}
let remindObj = $('#' + obj.dataset.related);
if (id == 'user-email') {
if ($(obj).is(':checked')) {
remindObj.show();
// var user_email = window.localStorage.getItem('user_email');
// if (!user_email || user_email === 'null') {
// user_email = ''
// }
// remindObj.find('input[type="text"]').val(user_email);
} else {
remindObj.hide();
// remindObj.find('input[type="text"]').val('');
}
}
}
// 附件列表初始化
static FileInit (fileList,rooter) {
let length = fileList.length;
if (length === 0) {
// 无附件
return;
}
$("#file-container").show();
// 附件列表拼装
let _html = '';
var num;
for (let i = 0; i < length; i++) {
num = Number(i) +Number(1);
let fileUrl = fileapi + '/filecenter/fileupload/download?fileId=';
fileUrl += fileList[i].id + '&type=1';
if (rooter != null && rooter != '') {
if (rooter == 'android') {
_html += '' + num + '、' + fileList[i].wjmc + '';
}else if (rooter == 'ios') {
_html += '' + num + '、' + fileList[i].wjmc + '';
}
}else {
_html += '' + num + '、' + fileList[i].wjmc + '';
}
//html += `${fileList[i].wjmc}`;
}
$("#file-container .upfile_list").html(_html);
//$("#fjid").append(_html);
}
}
// 网上留言详情表单初始化
$(document).on('pageInit', '#online-msg-detail', function () {
// 回退绑定
CommonUtil.go2Back();
let rooter = window.sessionStorage.getItem("rooter");//判断是app还是wap
// showFormData回调方法
FormPage.prototype.callback = function (data) {
OnlineMsgForm.FileInit(data.files,rooter);
// 日志埋点 rdata-module="栏目编号" data-tag="类别编码" data-id="数据id" data-title="数据标题"
/*loadLogScript(jslog + "/js/arlog.js?time=" + new Date().getTime(), "arlogAnchor", {
"data-module": 'wsly',
"data-id": new FormPage().queryString('id'),
"data-tag": '',
"data-title": ''
});*/
};
// 附件下载功能绑定
/*$('#file-container').on('click', '.upfile_list .text-overflow', function () {
//window.request(`${fileapi}/filecenter/fileupload/download?fileId=${this.dataset.id}&type=1`);
window.open(`${fileapi}/filecenter/fileupload/download?fileId=${this.dataset.id}&type=1`);
});*/
// 从url截取参数
let param = new FormPage().queryString('id');
// 数据初始化加载
let params = {};
params['type'] = 'post';
params['url'] = personal_util.urls.msgOLDetail;
params['data'] = {id: param};
window.request(params, new FormPage().showFormData);
$('.icon_like').on('click', function () {
var lyid = new FormPage().queryString('id');
toCollection(lyid);
})
// 分享
$('.qa-bar .opera-btn .qa_icon_share,.bar-tool .icon_share').on('click', function () {
//getBShare();
var lyid = new FormPage().queryString('id');
var localHref=self.location.href.substr(0, self.location.href.lastIndexOf("/"));
localHref += '/msgdetail.html?id=' + lyid;
var rooter = rooter = window.sessionStorage.getItem("rooter");//判断是app还是wap
if (rooter != null && rooter != '') {
if (rooter == 'android') {
window.android.shareToAndroid(localHref,$('div[name=bt]').html().substring(0,100));
}else if (rooter == 'ios') {
// shareToIOS(self.location.href.replace('.html','Share.html'),qaDetailData.bt);
window.webkit.messageHandlers.shareToIOS.postMessage({'url':localHref, 'ms': $('div[name=bt]').html()});
}
var lyid = new FormPage().queryString('id');
var lybt = $('div[name="bt"]').html();
// 日志埋点 rdata-module="栏目编号" data-tag="类别编码" data-id="数据id" data-title="数据标题"
loadLogScript(jslog + "/js/arlog.js?time=" + new Date().getTime(), "arlogAnchor", {
"data-module": 'wsly_fx',
"data-id": lyid,
"data-tag": '',
"data-title": lybt
});
} else {
$('.mask,.dialog_share').show();
}
});
$('.dialog_share .btn_cancel,.mask').on('click', function () {
$('.mask,.dialog_share,.mask,.dialog_ewm').hide();
});
/*分享按钮点击事件*/
$('.dialog_share .dialog_bd').on('click','a',function (){
var lyid = new FormPage().queryString('id');
var lybt = $('div[name="bt"]').html();
//getBShare();
var rooter = rooter = window.sessionStorage.getItem("rooter");//判断是app还是wap
var id=this.id;
var localHref=self.location.href.substr(0, self.location.href.lastIndexOf("/"));
localHref += '/msgdetail.html?id=' + lyid;
if (rooter != null && rooter != '') {
if (rooter == 'android') {
window.android.shareToAndroid(localHref,$('div[name="bt"]').html().substring(0,100));
}else if (rooter == 'ios') {
window.webkit.messageHandlers.shareToIOS.postMessage({'url':localHref, 'ms': $('div[name="bt"]').html()});
}
} else {
var lybt = $('div[name="bt"]').html();
var lynr = $('div[name="nr"]').html();
var lyid = new FormPage().queryString('id');
var localHref=self.location.href.substr(0, self.location.href.lastIndexOf("/"));
localHref += '/msgdetail.html?id=' + lyid;
if (id == 'weibo') {
shareComponents.share2Wb(lybt, localHref, lynr)
}
if (id == 'qzone') {
shareComponents.share2QZone(lybt, localHref, lynr)
}
if (id == 'weixin') {
//手机wap不好直接分享微信,提示使用浏览器进行微信分享
$('.mask,.dialog_wechat').show();
$('.dialog_share').hide();
$('.dialog_wechat').on('click', function(){
//关闭提示弹窗
$('.mask,.dialog_wechat').hide();
});
}
}
// 日志埋点 rdata-module="栏目编号" data-tag="类别编码" data-id="数据id" data-title="数据标题"
var lyid = new FormPage().queryString('id');
var lybt = $('div[name="bt"]').html();
// 日志埋点 rdata-module="栏目编号" data-tag="类别编码" data-id="数据id" data-title="数据标题"
loadLogScript(jslog + "/js/arlog.js?time=" + new Date().getTime(), "arlogAnchor", {
"data-module": 'wsly_fx',
"data-id": lyid,
"data-tag": '',
"data-title": lybt
});
});
});
// 网上留言表单提交初始化
$(document).on('pageInit', '#online-msg-form', function () {
// 回退绑定
CommonUtil.go2Back();
// 登录信息获取
let params={
type:'get',
url:'login/checklogin'
};
window.request(params, function (res) {
res = JSON.parse(res);
if (res.code === 0) {
return;
}
$('#user-phone input').val(res.data.yhsjhm);
$('#user-email input').val(res.data.yhyx);
// window.localStorage.setItem('user_email', res.data.yhyx);
});
// 输入框长度限制
$('input[type="text"]').each(function (index, element) {
if (!$(element).attr('maxlength')) {
$(element).attr('maxlength', '50');
}
});
// 提醒方式选择事件
$('#online-msg-form').on('change', 'input[name="txfs"]', function () {
OnlineMsgForm.remindWay(this);
});
// 咨询对象选择器选择事件
let selector = $('.zxjg');
selector.on('change', function () {
$('.zxjgmc').val($('option:checked').text());
});
// 根据定位初始化咨询对象选择项
BMapTools.areaLocation(undefined, function (localAddress) {
if(localAddress){
let provinceId = ProvincesJsonTools.getProvinceId(localAddress);
selector.val(provinceId);
$('.zxjgmc').val($('option:checked').text());
}
});
// 表单提交回调
FormPage.prototype.submitCallback = function () {
$.toast("提交成功");
setTimeout(function () {
// 修改回退方式
let rooter = subParams('rooter');
if (rooter === 'ios') {
// backToMain();
window.webkit.messageHandlers.backToMain.postMessage({});
} else if (rooter === 'android') {
window.android.backToMain();
} else {
$.router.back();
}
}, 2000);
};
// 表单提交回调(失败回调)
FormPage.prototype.subFailedCallback = function (res) {
$.toast(res.msg);
changeImgCode();
};
// 提交按钮点击事件
$('.buttonfuil').on('click', function () {
// $('.buttonfuil').off('click');
$('#form-submit-btn').click();
});
// 表单验证初始化
cxValidation.attach(document.getElementsByClassName("form-submit")[0], onlineMsgForm.formValidation);
});
// 收藏众包互助信息
var toCollection = function (id) {
var lybt = $('div[name="bt"]').html();
request({
type: 'post',
url: 'userCollection/cache/saveCollection',
data: {
'lmbh': Base64.encode('wsly'),
'lmmc': Base64.encode('网上留言'),
'scbt': Base64.encode(lybt),
'ywid': id
}
}, function (response) {
result = JSON.parse(response);
if (result.code === 1) {
var collectObj;
if (result.data == 0) {
$.toast("收藏成功");
collectObj = $('.icon_like');
collectObj.html('已收藏');
collectObj.removeClass('icon_like').addClass('icon_liked');
} else {
$.toast("取消收藏");
collectObj = $('.icon_liked');
collectObj.html('收藏');
collectObj.removeClass('icon_liked').addClass('icon_like');
}
} else if (result.msg === 'excess') {
$.toast('收藏数量过多,请删除部分收藏后重试');
} else {
$.toast('收藏失败,请稍后再试');
}
})
};
// 检测众包互助收藏信息
var checkCollection = function (id) {
request({
type: 'get',
url: 'userCollection/cache/check',
data: {
'ywid': id
}
}, function (response) {
result = JSON.parse(response);
var collectObj;
if (result.code == 1) {
collectObj = $('.icon_like');
collectObj.html('已收藏');
collectObj.removeClass('icon_like');
collectObj.addClass('icon_liked');
} else {
collectObj = $('.icon_liked');
collectObj.html('收藏');
collectObj.removeClass('icon_liked');
collectObj.addClass('icon_like');
}
})
};
// 点赞众包互助信息
var thumbsUpWsly = function (id) {
request({
type: 'post',
url: 'thumbsup/click',
data: {
'ywid': id
}
}, function (response) {
result = JSON.parse(response);
if (result.code === 1) {
$.toast("点赞成功");
// 修改点赞按钮状态
var dzObj = $('.icon_zan');
dzObj.removeClass('icon_zan').addClass('icon_zaned');
dzObj.off('click');
} else {
$.toast("网络繁忙,请稍后再试");
}
});
};
// 检测网上留言点赞状态
var checkThumbsUpWsly = function (id) {
request({
type: 'get',
url: 'thumbsup/check',
data: {
'ywid': id
}
}, function (response) {
var result = JSON.parse(response);
if (result.code === 1) {
// 修改点赞按钮状态
var dzObj = $('.icon_zan');
dzObj.removeClass('icon_zan').addClass('icon_zaned');
} else {
$('.icon_zan').on('click', function () {
var lyid = new FormPage().queryString('id');
thumbsUpWsly(lyid);
})
}
});
};