{"version":3,"sources":["webpack:///./src/views/spm/zbch_yzffaa.vue?1ed1","webpack:///src/views/spm/zbch_yzffaa.vue","webpack:///./src/views/spm/zbch_yzffaa.vue?be5f","webpack:///./src/views/spm/zbch_yzffaa.vue","webpack:///./src/views/spm/zbch_yzffaa.vue?038b","webpack:///./src/assets/img/spm/zbch_yzffaa_1.jpg","webpack:///./src/assets/img/spm/zbch_yzffaa_2.jpg","webpack:///./src/assets/img/spm/zbch_yzffaa_3.jpg","webpack:///./src/assets/img/spm/zbch_yzffaa_4.jpg"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","$route","meta","expression","staticClass","attrs","loading","domProps","on","$event","target","composing","phoneNumber","squareMeters","submit","_m","userInfo","title","descriptions","coverpath","objectType","wxconfig","_e","staticRenderFns","_v","data","floatwindowShow","isshowhead","wxShow","Branch","fromtype","components","floatwindow","wxsdk","computed","mapState","created","mounted","methods","mapMutations","load","that","fromtypeList","link","desc","imgUrl","window","Clue","userid","operatetype","entitytype","url","openid","message","PostInsert","channel","branchId","then","UpdateRc","getUserCard","id","GetUserSimpleDetails","resolve","reject","component","module","exports"],"mappings":"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","file":"static/js/jschunk-207e88ce.1742971736012.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"wechat-title\",rawName:\"v-wechat-title\",value:(_vm.$route.meta.title),expression:\"$route.meta.title\"}],staticClass:\"zbch_yzffaa\"},[_c('van-skeleton',{attrs:{\"title\":\"\",\"row\":30,\"loading\":_vm.loading}},[_c('div',{staticClass:\"back\"},[_c('form',{staticClass:\"form one\",attrs:{\"id\":\"form_one\"}},[_c('div',{staticClass:\"item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],attrs:{\"name\":\"phoneNumber\",\"type\":\"text\",\"placeholder\":\"输入您的联系方式\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.squareMeters),expression:\"squareMeters\"}],attrs:{\"name\":\"squareMeters\",\"type\":\"text\",\"placeholder\":\"输入您的房屋面积 ㎡\"},domProps:{\"value\":(_vm.squareMeters)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.squareMeters=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submit()}}})])]),_c('van-swipe',{staticClass:\"my_swipe\",attrs:{\"autoplay\":2000,\"indicator-color\":\"white\",\"show-indicators\":false}},[_c('van-swipe-item',[_c('img',{attrs:{\"src\":require(\"../../assets/img/spm/zbch_yzffaa_1.jpg\"),\"alt\":\"\"}})]),_c('van-swipe-item',[_c('img',{attrs:{\"src\":require(\"../../assets/img/spm/zbch_yzffaa_2.jpg\"),\"alt\":\"\"}})]),_c('van-swipe-item',[_c('img',{attrs:{\"src\":require(\"../../assets/img/spm/zbch_yzffaa_3.jpg\"),\"alt\":\"\"}})]),_c('van-swipe-item',[_c('img',{attrs:{\"src\":require(\"../../assets/img/spm/zbch_yzffaa_4.jpg\"),\"alt\":\"\"}})])],1),_c('form',{staticClass:\"form two\"},[_c('div',{staticClass:\"item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],attrs:{\"name\":\"phoneNumber\",\"type\":\"text\",\"placeholder\":\"输入您的联系方式\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.phoneNumber=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.squareMeters),expression:\"squareMeters\"}],attrs:{\"name\":\"squareMeters\",\"type\":\"text\",\"placeholder\":\"输入您的房屋面积 ㎡\"},domProps:{\"value\":(_vm.squareMeters)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.squareMeters=$event.target.value}}})]),_c('div',{staticClass:\"item\"},[_c('button',{attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.submit()}}})])])],1)]),_vm._m(0),(_vm.floatwindowShow)?_c('floatwindow',{attrs:{\"userInfo\":_vm.userInfo,\"title\":_vm.title,\"dec\":_vm.descriptions,\"cover\":_vm.coverpath,\"objectType\":_vm.objectType,\"config\":_vm.wxconfig}}):_vm._e(),(_vm.wxShow)?_c('wxsdk',{attrs:{\"config\":_vm.wxconfig,\"isHidden\":false}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('footer',{staticClass:\"footer\"},[_c('div',{staticClass:\"m-footer\"},[_vm._v(\"\\n            业之峰诺华家居装饰集团股份有限公司版权所有\\n            \"),_c('br'),_vm._v(\" 2000-2018 京ICP备16022901号 | 京公网安备11010502001310号\\n        \")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"zbch_yzffaa\" v-wechat-title=\"$route.meta.title\">\r\n        <!-- 骨架屏 -->\r\n        <van-skeleton title :row=\"30\" :loading=\"loading\">\r\n            <div class=\"back\">\r\n\r\n                <form class=\"form one\" id=\"form_one\">\r\n\r\n                    <div class=\"item\">\r\n                        <input name=\"phoneNumber\" type=\"text\" v-model=\"phoneNumber\" placeholder=\"输入您的联系方式\">\r\n                    </div>\r\n                    <div class=\"item\">\r\n                        <input name=\"squareMeters\" type=\"text\" v-model=\"squareMeters\" placeholder=\"输入您的房屋面积 ㎡\">\r\n                    </div>\r\n                    <div class=\"item\">\r\n                        <button type=\"button\" @click=\"submit()\"></button>\r\n                    </div>\r\n                </form>\r\n\r\n                <van-swipe class=\"my_swipe\" :autoplay=\"2000\" indicator-color=\"white\" :show-indicators=\"false\">\r\n                    <van-swipe-item>\r\n                        <img src=\"../../assets/img/spm/zbch_yzffaa_1.jpg\" alt=\"\">\r\n                    </van-swipe-item>\r\n                    <van-swipe-item>\r\n                        <img src=\"../../assets/img/spm/zbch_yzffaa_2.jpg\" alt=\"\">\r\n                    </van-swipe-item>\r\n                    <van-swipe-item>\r\n                        <img src=\"../../assets/img/spm/zbch_yzffaa_3.jpg\" alt=\"\">\r\n                    </van-swipe-item>\r\n                    <van-swipe-item>\r\n                        <img src=\"../../assets/img/spm/zbch_yzffaa_4.jpg\" alt=\"\">\r\n                    </van-swipe-item>\r\n                    \r\n                </van-swipe>\r\n\r\n                <form class=\"form two\">\r\n                    <div class=\"item\">\r\n                        <input name=\"phoneNumber\" type=\"text\" v-model=\"phoneNumber\" placeholder=\"输入您的联系方式\">\r\n                    </div>\r\n                    <div class=\"item\">\r\n                        <input name=\"squareMeters\" type=\"text\" v-model=\"squareMeters\" placeholder=\"输入您的房屋面积 ㎡\">\r\n                    </div>\r\n                    <div class=\"item\">\r\n                        <button type=\"button\" @click=\"submit()\"></button>\r\n                    </div>\r\n                </form>\r\n\r\n            </div>\r\n        </van-skeleton>\r\n        \r\n        <footer class=\"footer\">\r\n            <div class=\"m-footer\">\r\n                业之峰诺华家居装饰集团股份有限公司版权所有\r\n                <br> 2000-2018 京ICP备16022901号 | 京公网安备11010502001310号\r\n            </div>\r\n        </footer>\r\n        \r\n        <!-- 影子系统浮窗 -->\r\n        <floatwindow v-if=\"floatwindowShow\" :userInfo=\"userInfo\" :title=\"title\" :dec=\"descriptions\" :cover=\"coverpath\" :objectType=\"objectType\" :config=\"wxconfig\"></floatwindow>\r\n        <!-- 微信jssdk -->\r\n        <wxsdk v-if=\"wxShow\" :config=\"wxconfig\" :isHidden=\"false\"></wxsdk>\r\n    </div>\r\n</template>\r\n<script>\r\nimport $ from 'jquery'\r\nimport { mapState, mapMutations } from 'vuex'; //先要引入\r\nimport { Toast } from 'vant';\r\n\r\nimport { fromtypeList } from '@/util/maidian'\r\n\r\nimport { GetUserSimpleDetails } from '@/api/user'\r\nimport { Clue,UpdateRc,PostInsert } from '@/api/maidian'\r\n\r\nexport default {\r\n    name:'zbch_yzffaa',\r\n    data(){\r\n        return {\r\n            floatwindowShow: false,\r\n            loading: true,//是否完成数据加载\r\n            isshowhead: 0,//是否显示pc端头部组件\r\n            wxShow: false,\r\n            wxconfig: {},\r\n            userInfo: {},\r\n            title: '如何足不出户，在家0元搞定装修方案？',//标题\r\n            descriptions: '仅需3步，不耽误住新房',//描述\r\n            coverpath: 'https://picfw.yzf.com.cn/shadow/20200213145134',\r\n            objectType: 6,\r\n            name:'',\r\n            phoneNumber:'',\r\n            squareMeters:'',\r\n            Branch: '',//城市\r\n            fromtype: 0,\r\n        }\r\n    },\r\n    components:{\r\n        floatwindow: () => import('@/components/float-window/FloatwindowSpm'),\r\n        wxsdk: () => import('@/components/Wxsdk'),\r\n    },\r\n    computed:{\r\n        ...mapState(['isLogin','ip']),\r\n    },\r\n    created(){\r\n        var that = this;\r\n        this.load()\r\n    },\r\n    mounted(){\r\n        var that = this\r\n\r\n    },\r\n    methods:{\r\n        ...mapMutations(['loadingShow']),\r\n        async load(){\r\n            this.loadingShow('show')\r\n            var that = this;\r\n         \r\n            //处理来源类型\r\n            const fromtype = fromtypeList.find((e)=>{\r\n                return e.typeText == this.$route.query.from\r\n            })\r\n            this.fromtype = fromtype?fromtype.code:0\r\n            // console.log(this.fromtype)\r\n            await that.getUserCard(that.$route.query.p)\r\n\r\n            that.wxconfig = {\r\n                title: that.title, // 分享标题\r\n                link: window.location.origin + window.location.pathname+'?p='+that.$route.query.p, // 分享链接\r\n                desc: that.descriptions,   // 分享描述\r\n                imgUrl: that.coverpath, // 分享图标\r\n            }\r\n\r\n            that.wxShow = true\r\n\r\n            if (that.$route.query.from=='shadow') {\r\n                that.floatwindowShow = true\r\n            }\r\n            that.loading = false\r\n            this.loadingShow('hide')\r\n\r\n            // if (that.isLogin!='1') {\r\n            window._hmt.push(['_setCustomVar', 2, '用户流量',that.Branch+'>'+that.userInfo.nickname+','+that.$route.query.p, 3]);\r\n\r\n            window._hmt.push(['_setCustomVar', 3, '文章流量',window.location.origin + window.location.pathname, 3]);\r\n\r\n            window._hmt.push(['_setCustomVar', 4, '城市流量',that.Branch, 3]);\r\n\r\n\r\n            Clue({\r\n                userid: that.$route.query.p,\r\n                operatetype: 2,//操作类型，2浏览\r\n                entitytype: 2,//文章类型\r\n                fromtype: that.fromtype,//来源\r\n                url: window.location.origin + window.location.pathname,\r\n                title: that.title,\r\n                openid: localStorage.getItem('useropenid')\r\n            })\r\n\r\n        },\r\n        submit(){\r\n            var that = this\r\n      \r\n            var area = this.squareMeters\r\n            // if(this.name==''){ \r\n            //     Toast.fail({\r\n            //         \r\n            //         message: \"请填写姓名\"\r\n            //     });\r\n            //     return false; \r\n            // } \r\n\r\n            var phone = this.phoneNumber\r\n            if(!(/^1[3456789]\\d{9}$/.test(phone))){ \r\n                Toast.fail({\r\n                    \r\n                    message: \"手机号码有误，请重填\"\r\n                });\r\n                return false; \r\n            }\r\n            window._hmt.push(['_trackEvent', '线索', '报名', window.location.origin + window.location.pathname, that.phoneNumber]);\r\n            \r\n            PostInsert({\r\n                name: that.name,//用户姓名\r\n                phoneNumber: that.phoneNumber,//手机号\r\n                squareMeters: that.squareMeters,//面积\r\n                channel: '足不出户_业之峰方案A',//专题名\r\n                branchId: that.userInfo.branchid,//城市id\r\n            }).then(()=>{\r\n                Toast.success({\r\n                    \r\n                    message: \"发送成功\"\r\n                });\r\n                that.name = ''\r\n                that.phoneNumber = ''\r\n                that.squareMeters = ''\r\n                that.UpdateRc()\r\n            })\r\n            \r\n            \r\n        },\r\n        //报名成功后报告后台，记录\r\n        UpdateRc(){\r\n            var that = this;\r\n            UpdateRc({\r\n                userid: this.$route.query.p,\r\n                link: window.location.href\r\n            })\r\n            Clue({\r\n                userid: that.$route.query.p,\r\n                operatetype: 5,//操作类型，2浏览,5报名\r\n                entitytype: 2,//文章类型\r\n                fromtype: that.fromtype,//来源\r\n                url: window.location.origin + window.location.pathname,\r\n                title: that.title\r\n            })\r\n        },\r\n        //获取用户信息\r\n        getUserCard(id){\r\n\r\n            return new Promise((resolve,reject)=>{\r\n                GetUserSimpleDetails(id).then((res)=>{\r\n                    if (res.Success) {\r\n                        // console.log(res.Object)\r\n                        var d = res.Object\r\n                        this.userInfo = d\r\n                        this.Branch = d.Branch || '未知'\r\n                        resolve()\r\n                    }else{\r\n                        Toast.fail({\r\n                            \r\n                            message: res.Message\r\n                        });\r\n                        reject()\r\n                    }\r\n                })\r\n                \r\n            })\r\n\r\n        },\r\n    }\r\n}\r\n\r\n//两个时间相差小时 兼容firefox chrome\r\nfunction datedifference(sDate1, sDate2) {    //sDate1和sDate2是2006-12-18格式\r\n    var dateSpan,\r\n        tempDate,\r\n        iDays;\r\n    sDate1 = Date.parse(sDate1);\r\n    sDate2 = Date.parse(sDate2);\r\n    dateSpan = sDate2 - sDate1;\r\n    dateSpan = Math.abs(dateSpan);\r\n    iDays = Math.floor(dateSpan / (3600 * 1000));\r\n    return iDays\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.zbch_yzffaa{\r\n    \r\n    .back{\r\n        width: 100vw;\r\n        background: url('../../assets/img/spm/zbch_yzffaa_back.jpg') no-repeat;\r\n        background-size: 100% 100%;\r\n        height: 4200px;\r\n        position: relative;\r\n        \r\n        .form{\r\n            position: absolute;\r\n            width: 630px;\r\n            left: calc( 50% - 630px / 2 );\r\n            display: flex;\r\n            flex-direction: column;\r\n            &.one{\r\n                top: 1342px;\r\n            }\r\n            &.two{\r\n                top: 3776px;\r\n            }\r\n            .item{\r\n                width: 100%;\r\n                input{\r\n                    height: 68px;\r\n                    width: 100%;\r\n                    border: 0;\r\n                    outline: none;\r\n                    background: transparent;\r\n                    margin-bottom: 23px;\r\n                    text-indent: 20px;\r\n                    font-size: 18px;\r\n                }\r\n                button{\r\n                    height: 79px;\r\n                    width: 100%;\r\n                    border: 0;\r\n                    outline: none;\r\n                    background: transparent;\r\n                }\r\n            }\r\n        }\r\n        .my_swipe{\r\n            position: absolute;\r\n            width: 700px;\r\n            height: 500px;\r\n            top: 3082px;\r\n            left: calc( 50% - 350px );\r\n            border-radius: 20px;\r\n\r\n            img{\r\n                width: 100%;\r\n                border-radius: 20px;\r\n            }\r\n\r\n        }\r\n    }\r\n    .footer{\r\n        background: #f4f4f4;\r\n        margin-top: -1px;\r\n        .m-footer{\r\n            padding-top: calc( 40vw / 7.5 );\r\n            padding-bottom: calc( 100vw / 7.5 );\r\n            text-align: center;\r\n            font-size: calc( 23vw / 7.5 );\r\n            line-height: calc( 50vw / 7.5 );\r\n            color: #cccccc;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zbch_yzffaa.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zbch_yzffaa.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./zbch_yzffaa.vue?vue&type=template&id=0dfb4a1e&scoped=true&\"\nimport script from \"./zbch_yzffaa.vue?vue&type=script&lang=js&\"\nexport * from \"./zbch_yzffaa.vue?vue&type=script&lang=js&\"\nimport style0 from \"./zbch_yzffaa.vue?vue&type=style&index=0&id=0dfb4a1e&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0dfb4a1e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zbch_yzffaa.vue?vue&type=style&index=0&id=0dfb4a1e&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"static/img/zbch_yzffaa_1.jpg\";","module.exports = __webpack_public_path__ + \"static/img/zbch_yzffaa_2.jpg\";","module.exports = __webpack_public_path__ + \"static/img/zbch_yzffaa_3.jpg\";","module.exports = __webpack_public_path__ + \"static/img/zbch_yzffaa_4.jpg\";"],"sourceRoot":""}