/** * 网上留言表单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); }) } }); };