CINXE.COM
广州定制家居展
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>广州定制家居展</title> <meta name="keywords" content="中国广州定制家居展_整家整装展_全屋定制展览会"> <meta name="description" content="广州定制家居展作为国内规模最大的专业定制家居展,是定制家居企业展示精品、招商加盟首选平台,也是经销商寻找品牌、上下游产业链需求合作机遇的桥梁与纽带。"> <meta content="yes" name="apple-mobile-web-app-capable"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="/static/css/swiper.min.css"> <link rel="stylesheet" href="/static/css/normalize.css"> <link rel="stylesheet" href="/css/common.css"> <link rel="stylesheet" href="/css/mine.css"> <style> [v-cloak] { display: none; } .container{ position: relative; } .oss-img{ position: absolute; top:2rem; left:0%; width:3rem; } .editIdc-container{ width: 100%; max-width: 768px; top:0; background-color: #fff; z-index: 999999; box-shadow: inset 0 0 0 1px #efefef; position: fixed; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; bottom: 1.4rem; left:200%; } .editIdcActive{ left:50%; } .editIdc-wrapper{ margin:1.2rem 10%; } .editIdc-title{ text-align: center; } .editIdc-title h3{ font-size: .4rem; } .editIdc-title p{ margin-top: 0.18rem; margin-bottom: .4rem; font-size: .28rem; } .editIdc-itext{ width:100%; box-sizing: border-box; border:1px solid #efefef; font-size: .3rem; line-height: .8rem; padding:0 .2rem; margin-bottom: .2rem; } .editIdc-btn{ font-size: 0.3rem; width: 100%; background-color: #4d4948; border-radius: 0.05rem; margin: 0.35rem auto 0; line-height: 0.8rem; text-align: center; cursor: pointer; color: #FEE100; } </style> </head> <body> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?ff552bbb4d28c3d17144da718c3523e3"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <!--360分析--> <script> (function(b,a,e,h,f,c,g,s){b[h]=b[h]||function(){(b[h].c=b[h].c||[]).push(arguments)}; b[h].s=!!c;g=a.getElementsByTagName(e)[0];s=a.createElement(e); s.src="//s.union.360.cn/"+f+".js";s.defer=!0;s.async=!0;g.parentNode.insertBefore(s,g) })(window,document,"script","_qha",429324,false); </script> <!--CNZZ统计--> <div style="display:none;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261303252'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1261303252%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></div> <div id="app" v-cloak> <div id="header" class="header"> <div class="fixW"> <a href="/index.html" class="logo"><img src="/static/images/logo.png" alt=""></a> <div class="count-down-wrapper"> <div v-cloak class="count-down"></div> </div> </div> </div> <div class="container"> <img v-if="userInfo && userInfo.idcard && userInfo.isCheckIdCard == 1" class="oss-img" src="https://zhanhuibojun.oss-cn-guangzhou.aliyuncs.com/exhibitionfile/loading%20.gif" alt=""> <div class="mine-main"> <div class="mine-head"> <div class="mine-head-left">{{userInfo.firstname}}</div> <div class="mine-head-main"> <p v-cloak>姓名: <strong>{{userInfo.name}}</strong></p> <p v-cloak>公司: <strong>{{userInfo.companyName}}</strong></p> <p v-cloak class="mine-head-date">注册时间: {{userInfo.joinDate}}</p> </div> </div> </div> <div class="mine-main"> <div class="mine-mian-wrapper"> <div class="mine-mian-head" style="text-align: left;margin: .3rem 0.5rem 0;"> <p v-cloak>尊敬的<strong>{{userInfo.name}}</strong>您好!</p> <p v-cloak>感谢您登记参观{{showData.name}}</p> </div> <div class="mine-mine-code"> <img v-if="userInfo && userInfo.phone && userInfo.isCheckIdCard == 1" :src="'https://gzapi.chfgz.com/client/qrcode/create?phone=' + userInfo.phone + '&s=' + (new Date()).getTime()" /> </div> <div class=""> <!-- <img style="width:100%" src="/images/img2.jpg" alt=""> --> </div> <!-- <div class="mine-main-item" v-cloak> --> <div class="mine-main-item"> 展会时间: <!-- <p v-for="(item,index) in choose6"><strong>{{item}} {{index == (choose6.length - 1) ? '09:00-14:00' : '09:00-18:00'}}</strong></p> --> <p><strong>2025/3/27(周四) 09:00-18:00(17:30停止入场)</strong></p> <p><strong>2025/3/28(周五) 09:00-18:00(17:30停止入场)</strong></p> <p><strong>2025/3/29(周六) 09:00-18:00(17:30停止入场)</strong></p> <p><strong>2025/3/30(周日) 09:00-14:00(12:00停止入场)</strong></p> </div> <div class="mine-main-item"> <p>展会地点:</p> <p v-cloak><strong>{{showData.siteAddress}}<br/>{{showData.siteName}}</strong></p> </div> <div class="mine-main-item"> <p>观展温馨提醒:</p> <ul class="mine-main-list"> <li>请凭二维码并携带有效身份证原件入场;</li> <li>此二维码已储存您本人信息,不得转借他人使用,截图或转发他人无效;</li> <li>每天仅能扫码进出场5次;</li> <li>本届展会仅向专业观众开放。</li> </ul> </div> </div> </div> </div> <div class="editIdc-container" :class="{ editIdcActive:!loading && userInfo && (userInfo.isCheckIdCard== 0) }"> <div id="header" class="header"> <div class="fixW"> <a href="/index.html" class="logo"><img src="/static/images/logo.png" alt=""></a> <div class="count-down-wrapper"> <div v-cloak class="count-down"></div> </div> </div> </div> <div class="editIdc-wrapper"> <div class="editIdc-title"> <h3>实名认证</h3> <p>请完善您的身份信息之后才能办理通行证</p> </div> <div class="editIdc-form"> <!-- <p class="editIdc-name must">名称</p> --> <input class="editIdc-itext" type="text" placeholder="请输入您的姓名" v-model="editIdcData.name"> <input class="editIdc-itext" type="text" placeholder="请输入您的身份证号码" v-model="editIdcData.idCard"> <a class="editIdc-btn" @click="editIdCardFn">提交</a> </div> </div> </div> <div class="loading" v-show="loading"> <div class="loading-wrapper"> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> <div class="loading-item"></div> </div> </div> <div id="nav"> <nav class="row nav-wrapper"> <a href="/index.html" class="col nav-item"> <img src="/static/images/nav1.png"> <p>首页</p> </a> <a href="/info.html" class="col nav-item"> <img src="/static/images/nav2.png"> <p>展会信息</p> </a> <a href="/stand.html" class="col nav-item"> <img src="/static/images/nav3.png"> <p>展位申请</p> </a> <a href="/viewer.html" class="col nav-item"> <img src="/static/images/nav4.png"> <p>观众登记</p> </a> <a class="col nav-item nav-item-run"> <img src="/static/images/nav5run.png"> <p>找回证件</p> </a> </nav> </div> </div> </body> <script src="/static/js/jquery-1.11.0.min.js"></script> <script src="/static/js/swiper.min.js"></script> <script src="/static/js/vue.js"></script> <script src="/static/js/rem.js"></script> <script type="text/javascript" src="/static/js/toTop.js"></script> <script src="/static/js/axios.min.js"></script> <script src="/static/js/jquery.cookie.js"></script> <script type="text/javascript" src="/api/include.js"></script> <script type="text/javascript" src="/api/request.js"></script> <script type="text/javascript" src="/api/qs.js"></script> <script> var getDayAll = function(starDay, endDay) { var arr = []; var dates = []; var weeks = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"] // 设置两个日期UTC时间 starDay = starDay.replace(/\-/g, '/'); endDay = endDay.replace(/\-/g, '/'); var db = new Date(starDay); var de = new Date(endDay); // 获取两个日期GTM时间 var s = db.getTime() - 24 * 60 * 60 * 1000; var d = de.getTime() - 24 * 60 * 60 * 1000; // 获取到两个日期之间的每一天的毫秒数 for (var i = s; i <= d;) { i = i + 24 * 60 * 60 * 1000; arr.push(parseInt(i)) } // 获取每一天的时间 YY-MM-DD for (var j in arr) { var time = new Date(arr[j]); var year = time.getFullYear(time); var mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1)); var day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate()); var YYMMDD = year + '-' + mouth + '-' + day; var week = weeks[time.getDay()] dates.push(YYMMDD + ' ' + week) } return dates } const data = { showName: '距离展会开始', showTime: '2022-09-25', loading: false, showData: {}, userInfo: {}, choose6:[], editIdcData: { editIdCard : '', name : '', idCard : '' } } let RenderHtmlApp = { el: '#app', data() { return data }, created() { if ($.cookie('user') && $.cookie('user') !== null) { this.loading = true let user = JSON.parse($.cookie('user')) request('/client/qrcode/checkphone', 'get', undefined, undefined, {'phone':user.phone}).then(res => { this.loading = false if (!res){ $.cookie('user', null, { expires: -1, path: '/' }) window.location = '/login.html' return false; } user.id = res.id user.phone = res.phone user.name = res.name user.companyName = res.companyName $.cookie('user', JSON.stringify(user), { expires: 15, path: '/' }) this.getIndexSetting() this.getDetailData(res) if(res.isCheckIdCard == 0){ this.editIdcData.name = res.name ? res.name : '' this.editIdcData.idCard = res.idcard ? res.idcard : '' this.editIdcData.editIdCard = res.editIdCardKey ? res.editIdCardKey : '' } }).catch(err => { alert(err) $.cookie('user', null, { expires: -1, path: '/' }) window.location = '/login.html' }) } else { $.cookie('user', null, { expires: -1, path: '/' }) window.location = '/login.html' } }, methods: { editIdCardFn: function() { if (this.loading) return; let self = this; let editIdcData = self.editIdcData; if(editIdcData.name == '' || editIdcData.idCard == ''){ message('请输入姓名和身份证号码') }else if(editIdcData.editIdCard == ''){ message('没有获取到editIdCardKey,请联系管理员') }else if(!self.checkIdCard(editIdcData.idCard)){ message('身份证号码错误') }else{ this.loading = true request('/client/reguser/editidcard', 'post',undefined, undefined, editIdcData).then(() => { let user = JSON.parse($.cookie('user')) request('/client/qrcode/checkphone', 'get', undefined, undefined, {'phone':user.phone}).then(res => { this.loading = false self.editIdcData ={ editIdCard : '', name : '', idCard : '' } if (!res){ $.cookie('user', null, { expires: -1, path: '/' }) window.location = '/login.html' return false; } user.id = res.id user.phone = res.phone user.name = res.name user.companyName = res.companyName $.cookie('user', JSON.stringify(user), { expires: 15, path: '/' }) this.getDetailData(res) }).catch(err => { this.loading = false message(err) }) }).catch(err => { message(err) this.loading = false }) } }, checkIdCard: function (idCard){ //15位和18位身份证号码的正则表达式 var regIdCard=/^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/; //如果通过该验证,说明身份证格式正确,但准确性还需计算 if(regIdCard.test(idCard)){ if(idCard.length==18){ var idCardWi=new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2);//将前17位加权因子保存在数组里 var idCardY=new Array(1,0,10,9,8,7,6,5,4,3,2);//这是除以11后,可能产生的11位余数、验证码,也保存成数组 var idCardWiSum=0;//用来保存前17位各自乖以加权因子后的总和 for(var i=0;i<17;i++){ idCardWiSum+=idCard.substring(i,i+1)*idCardWi[i]; } var idCardMod=idCardWiSum%11;//计算出校验码所在数组的位置 var idCardLast=idCard.substring(17);//得到最后一位身份证号码 //如果等于2,则说明校验码是10,身份证号码最后一位应该是X if(idCardMod==2){ if(idCardLast=="X"||idCardLast=="x"){ return true; }else{ return false; } }else{ //用计算出的验证码与最后一位身份证号码匹配,如果一致,说明通过,否则是无效的身份证号码 if(idCardLast==idCardY[idCardMod]){ return true; }else{ return false; } } } }else{ return false; } }, getDetailData(res) { res['visitTime'] = res.visitDate.split(',') res['firstname'] = res.name.split('')[0] if (res.createTime) { let day = res.createTime.replace(/\-/g, '/') day = this.getDay(day) res['joinDate'] = day.replace(/\//g, '-') } else { res['joinDate'] = '' } // if(res.joinShow && res.joinShow != ''){ // res.joinShow = res.joinShow.split(',') // } this.getShowDetail() this.userInfo = res }, getIndexSetting() { request('/client/indexsetting/detail', 'post', undefined, undefined, { 'type': '广州-手机' }).then(res => { if (!res) return; let self = this; this.showTime = res['showTime'] let jsTimes = document.querySelectorAll('.count-down'); jsTimes.forEach((obj) => { this.teamCountTime(obj); }); }) }, getShowDetail() { this.loading = true request('/client/show/detail', 'post', undefined, undefined, { 'city': '广州' }).then(res => { if (!res) return; let self = this; let choose6 = getDayAll(res.showTime, res.closeTime) if (choose6 && choose6.length !== 0) { choose6.forEach((element, index) => { self.choose6[index] = element }); } this.showData = res this.loading = false if(!this.userInfo.joinShow.split(',').includes(res.name)){ window.location = '/changeShow.html' } }).catch(err => { alert(err) this.loading = false }) }, getDay(time) { // 获取每一天的时间 YY-MM-DD var time = new Date(time); var year = time.getFullYear(time); var mouth = (time.getMonth() + 1) >= 10 ? (time.getMonth() + 1) : ('0' + (time.getMonth() + 1)); var day = time.getDate() >= 10 ? time.getDate() : ('0' + time.getDate()); var YYMMDD = year + '/' + mouth + '/' + day; return YYMMDD }, teamCountTime(obj) { let self = this; //倒计时 var timer = null; let setName = self.showName function fn() { //获取设置的时间 如:2019-3-28 14:00:00 ios系统得加正则.replace(/\-/g, '/'); var setTime = self.showTime.replace(/\-/g, '/'); //获取当前时间 var date = new Date(self.getDay(new Date())), now = date.getTime(), endDate = new Date(self.getDay(new Date(setTime))), end = endDate.getTime(); //时间差 var leftTime = end - now; //d,h,m,s 天时分秒 var d, otime = ''; if (leftTime > 0) { d = Math.floor(leftTime / 1000 / 60 / 60 / 24); otime = d.toString(); let arr = otime.split(''); let numStr = '' arr.forEach(num => { numStr = numStr + '<span class="count-down-num">' + num + '</span>' }); obj.innerHTML = '<strong>' + setName + '</strong>' + numStr + '<span class="count-down-text">天</span>'; timer = setTimeout(fn, 1000); } else { clearTimeout(timer); obj.innerHTML = '<strong>' + setName + '</strong>' + '<span class="count-down-num">' + '0' + '</span>' + '<span class="count-down-num">' + '0' + '</span>' + '<span class="count-down-text">天</span>'; console.log(setName + '已结束') } } fn(); } } }; let app = new Vue(RenderHtmlApp); </script> </html>