{"version":3,"sources":["webpack:///./src/assets/cz_bt.png","webpack:///./src/views/OfficialWeb/mobilePage.vue?5294","webpack:///./src/views/OfficialWeb/mobilePage.vue?4a17","webpack:///src/views/OfficialWeb/mobilePage.vue","webpack:///./src/views/OfficialWeb/mobilePage.vue?d5ac","webpack:///./src/views/OfficialWeb/mobilePage.vue"],"names":["module","exports","name","props","data","userNo","nickName","userNoCache","showChooseWay","index","payAway","payResult","in_weixin","code","WeixinJSMsg","new_out_trade_no","is_code_iOS","open_notice","MOBChooseItem","rechargeDic","rechargeBtnState","showPcOpeningEmperor","components","mobSelectItem","mobOpeningEmperor","created","wechatH5Query","out_trade_no","then","window","mounted","methods","clickTurnToRecharge","clickPayResult","getIsIonsClass","clickCancelBtn","clickConfirmBtn","getUserios","type","div","document","wechatJsPay","wechatH5Pay","WeixinJSPay","onBridgeReady","WeixinJSBridge","getImgString","clickRecharge","str","response","showNickName","getNickname","clickSearchBtn","clickDetailImg","focusFun","handleClickBuyGodEmperor","component","_vm","this","_c","_self","obj","staticClass","class","outWindowClass","attrs","require","on","imgUrl","directives","rawName","value","expression","_m","length","pic_pc","_e","pic_mob","pic_word","_v","_s","selled_show_num","sell_num","ref","$event","domProps","target","composing","_l","item","key","staticStyle","style","preventDefault","msg"],"mappings":"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","file":"js/chunk-859ddc48.11e1fa13.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cz_bt.e7667dc2.png\";","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./mobilePage.vue?vue&type=style&index=0&id=a054a63c&prod&scoped=true&lang=scss&\"","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./mobilePage.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./mobilePage.vue?vue&type=script&lang=js&\"","<template>\r\n    <div v-if=\"obj\" class=\"mian-mobile\">\r\n        <img src=\"../../assets/cz_bt.png\" class=\"rechargeBtn\" :class=\"{ outWindowClass: rechargeBtnState }\" @click=\"clickTurnToRecharge\" />\r\n        <img class=\"head\" :src=\"imgUrl('payment_logo', 'jpg')\" />\r\n        <img v-show=\"!is_code_iOS\" class=\"prop-title\" :src=\"imgUrl('payment_twice_title_props')\" />\r\n        <div class=\"prop-detail\">\r\n            完成至尊充值的用户即可获得限量刻字头像框\r\n            <br />帝王贵族支持动态效果\r\n        </div>\r\n        <!-- <div class=\"prop-detail\">官方将在10月25日之后，在集市回购【甜茶萌兔】</div> -->\r\n        <!-- 头像框 -->\r\n        <div v-show=\"!is_code_iOS\" v-if=\"obj && obj.length > 2\" class=\"prop-content\">\r\n            <!-- 动态头像1 -->\r\n            <div class=\"prop-img frame-1\">\r\n                <img v-if=\"obj[0].pic_pc\" class=\"avatar-img\" :src=\"obj[0].pic_pc\" />\r\n                <img v-if=\"obj[0].pic_mob\" class=\"avatar-img layer-2\" :src=\"obj[0].pic_mob\" />\r\n                <img v-if=\"obj[0].pic_word\" class=\"avatar-img layer-3\" :src=\"obj[0].pic_word\" />\r\n            </div>\r\n            <div class=\"sale-num sale-num-1\">{{ obj[0].selled_show_num }}/{{ obj[0].sell_num }}</div>\r\n\r\n            <!-- 动态头像2 -->\r\n            <div class=\"prop-img frame-2\">\r\n                <img v-if=\"obj[1].pic_pc\" class=\"avatar-img\" :src=\"obj[1].pic_pc\" />\r\n                <img v-if=\"obj[1].pic_mob\" class=\"avatar-img layer-2\" :src=\"obj[1].pic_mob\" />\r\n                <img v-if=\"obj[1].pic_word\" class=\"avatar-img layer-3\" :src=\"obj[1].pic_word\" />\r\n            </div>\r\n            <div class=\"sale-num sale-num-2\">{{ obj[1].selled_show_num }}/{{ obj[1].sell_num }}</div>\r\n\r\n            <!-- 动态头像1 -->\r\n            <div class=\"prop-img frame-3\">\r\n                <img v-if=\"obj[2].pic_pc\" class=\"avatar-img\" :src=\"obj[2].pic_pc\" />\r\n                <img v-if=\"obj[2].pic_mob\" class=\"avatar-img layer-2\" :src=\"obj[2].pic_mob\" />\r\n                <img v-if=\"obj[2].pic_word\" class=\"avatar-img layer-3\" :src=\"obj[2].pic_word\" />\r\n            </div>\r\n            <div class=\"sale-num sale-num-3\">{{ obj[2].selled_show_num }}/{{ obj[2].sell_num }}</div>\r\n\r\n            <!-- 钻石数 -->\r\n            <img ref=\"recharge\" :src=\"imgUrl(`mx498888`)\" class=\"priceImg\" />\r\n\r\n            <!-- 充值按钮 -->\r\n            <div class=\"buy-frame-btn\" @click=\"clickRecharge(14)\">\r\n                <img :src=\"imgUrl(`m19998btn`)\" class=\"buyBtnImg\" />\r\n            </div>\r\n\r\n            <!-- 定制流程 -->\r\n            <img :src=\"imgUrl('payment_detail_btn2')\" class=\"detail-img\" @click=\"clickDetailImg\" />\r\n        </div>\r\n        <img v-show=\"!is_code_iOS\" :src=\"imgUrl('payment_first_title')\" class=\"recharge-title\" />\r\n        <div v-if=\"!is_code_iOS\" class=\"itemDiv\">\r\n            <div class=\"item-title\">钻石可用于购买天天狼人的礼物和道具</div>\r\n            <div class=\"item-content\">\r\n                <div class=\"search-input\">\r\n                    <input\r\n                        id=\"userNo\"\r\n                        class=\"inputStyle searchInput\"\r\n                        placeholder=\"请输入天狼数字ID\"\r\n                        type=\"tel\"\r\n                        :oninput=\"showNickName()\"\r\n                        v-model=\"userNo\"\r\n                        @focus=\"focusFun\"\r\n                    />\r\n                    <!-- <div class=\"searchBtn\" @click=\"clickSearchBtn\">查询</div> -->\r\n                </div>\r\n                <input\r\n                    id=\"nickName\"\r\n                    class=\"inputStyle\"\r\n                    placeholder=\"根据ID显示昵称确认充值是否正确\"\r\n                    type=\"text\"\r\n                    readonly=\"readonly\"\r\n                    v-model=\"nickName\"\r\n                />\r\n            </div>\r\n            <div class=\"item-style\">\r\n                <img\r\n                    v-for=\"(item, index) in 9\"\r\n                    :key=\"index\"\r\n                    :src=\"imgUrl(getImgString(index + 1))\"\r\n                    class=\"item-img\"\r\n                    @click=\"clickRecharge(index + 1 == 9 ? 14 : index + 1)\"\r\n                />\r\n                <img :src=\"imgUrl('mob-payment_item_god_emperor')\" class=\"item-img\" @click=\"handleClickBuyGodEmperor\" />\r\n                <img :src=\"imgUrl('mob-payment_item_lettering_998')\" class=\"item-img\" @click=\"clickRecharge(18)\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"is_iOS_notice\" v-else>\r\n            由于相关规范，iOS公众号充值暂不可用，请点击右上角在浏览器打开后进行微信充值。\r\n        </div>\r\n\r\n        <!-- footer -->\r\n        <div class=\"footer-notice\" style=\"height: 30vw; margin-top: 50px; bottom: 0\" :style=\"getIsIonsClass()\">\r\n            <center>\r\n                <a href=\"https://beian.miit.gov.cn/\" target=\"_blank\">\r\n                    <span style=\"color: white; font-size: 8px; margin-top: 8px\">增值电信业务经营许可证：辽B2-20170046</span>\r\n                </a>\r\n                <a href=\"http://megatech.cc/officialWebsite/images/mega_zengzhidianxin.jpg\" target=\"_blank\">\r\n                    <span\r\n                        style=\"\r\n              color: white;\r\n              font-size: 8px;\r\n              margin-top: 8px;\r\n              margin-bottom: 15px;\r\n              margin-left: 8px;\r\n            \"\r\n                        >辽B2-20170046-2</span\r\n                    >\r\n                </a>\r\n            </center>\r\n            <center>\r\n                <a\r\n                    target=\"_blank\"\r\n                    href=\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=21010302000476\"\r\n                    style=\"\r\n            display: inline-block;\r\n            text-decoration: none;\r\n            height: 20px;\r\n            line-height: 20px;\r\n          \"\r\n                >\r\n                    <img src=\"../../assets/icpIcon.png\" style=\"float: left\" />\r\n                    <p\r\n                        style=\"\r\n              color: white;\r\n              font-size: 8px;\r\n              float: left;\r\n              height: 20px;\r\n              line-height: 20px;\r\n              margin: 0px 0px 0px 5px;\r\n            \"\r\n                    >\r\n                        辽公网安备 21010302000476号\r\n                    </p>\r\n                </a>\r\n            </center>\r\n            <center>\r\n                <div style=\"color: white; font-size: 8px\">\r\n                    Copyright © 2016 - 2020 Mega Information Technology Co.,Ltd. All Rights Reserved\r\n                </div>\r\n            </center>\r\n        </div>\r\n\r\n        <!-- 支付方式 -->\r\n        <div v-if=\"showChooseWay\" class=\"choose-way-dialog\" @touchmove.prevent>\r\n            <div class=\"dialog-content-m\">\r\n                <div class=\"dialog-title-m\">请选择支付方式</div>\r\n                <div\r\n                    class=\"payaway-btn alipay-payaway-btn\"\r\n                    :class=\"[payAway == 1 ? 'payaway-alipay-s' : 'payaway-alipay']\"\r\n                    @click=\"payAway = 1\"\r\n                ></div>\r\n                <div class=\"payaway-btn\" :class=\"[payAway == 2 ? 'payaway-wechat-s' : 'payaway-wechat']\" @click=\"payAway = 2\"></div>\r\n                <div class=\"opera-btn confirm-btn-m\" @click=\"clickConfirmBtn\">确定</div>\r\n                <div class=\"opera-btn cancel-btn-m\" @click=\"clickCancelBtn\">\r\n                    考虑一下\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- 支付结果 -->\r\n        <div v-if=\"payResult\" class=\"choose-way-dialog\" @touchmove.prevent>\r\n            <div class=\"dialog-content-m confirm-pay-dialog\">\r\n                <div style=\"width: 90%; color: black\">\r\n                    <div style=\"width: 100%; text-align: center; margin-bottom: 2vw\">\r\n                        购买成功\r\n                    </div>\r\n                    <div>商品名：{{ payResult.msg.name }}</div>\r\n                    <div>订单号：{{ payResult.msg.out_trade_no }}</div>\r\n                </div>\r\n                <div class=\"confirm-pay-btn confirm-btn-m\" @click=\"clickPayResult\">\r\n                    确定\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <div v-if=\"open_notice\" class=\"open_notice\">\r\n            <img :src=\"imgUrl('open_notice')\" />\r\n        </div>\r\n        <mobSelectItem v-if=\"MOBChooseItem\" :mobObj=\"obj\"></mobSelectItem>\r\n        <mobOpeningEmperor v-if=\"showPcOpeningEmperor\"></mobOpeningEmperor>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getNickname, wechatH5Pay, wechatH5Query, wechatJsPay, getUser_office_json, getUserios } from './../../apis/officialWeb'\r\nimport { getParam, getVisualHeightOfTheScreen } from './../../utils/utils'\r\nexport default {\r\n    name: '',\r\n    props: ['obj'],\r\n    data() {\r\n        return {\r\n            userNo: null,\r\n            nickName: '',\r\n            userNoCache: null,\r\n            showChooseWay: false,\r\n            index: null,\r\n            payAway: 0,\r\n            payResult: null,\r\n            in_weixin: false,\r\n            code: null,\r\n            WeixinJSMsg: null,\r\n            new_out_trade_no: null,\r\n            is_code_iOS: false,\r\n            open_notice: false,\r\n            MOBChooseItem: false,\r\n            rechargeDic: {\r\n                1: '6',\r\n                2: '30',\r\n                3: '68',\r\n                4: '128',\r\n                5: '328',\r\n                6: '648',\r\n                7: '2998',\r\n                8: '6888',\r\n                14: '19998',\r\n                15: '29998',\r\n            },\r\n            rechargeBtnState: 0,\r\n            showPcOpeningEmperor: false,\r\n        }\r\n    },\r\n    components: {\r\n        mobSelectItem: () => import('./mobSelectItem'),\r\n        mobOpeningEmperor: () => import('./mobOpeningEmperor'),\r\n    },\r\n    created() {\r\n        var integrityurl = window.location.href\r\n        //console.log(\"当前url=>\", integrityurl);\r\n        var is_weixin = (function() {\r\n            return navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1\r\n        })()\r\n        if (is_weixin) {\r\n            // console.log(\"微信浏览器\");\r\n            this.in_weixin = true\r\n            let code = getParam('code')\r\n            if (code) {\r\n                //console.log(\"code=>\", code);\r\n                // console.log(\"公众号模式\");\r\n                this.code = code\r\n                if (/(iPhone|iPad|iPod|iOS|Mac OS X)/i.test(navigator.userAgent)) {\r\n                    //判断苹果环境，屏蔽充值\r\n                    this.open_notice = true\r\n                    this.is_code_iOS = true\r\n                    // window.alert(\r\n                    //   \"由于相关规范，iOS微信充值功能暂不可用，请跳转到官网进行充值。\"\r\n                    // );\r\n                }\r\n            }\r\n        } else {\r\n            //console.log(\"非微信浏览器\");\r\n        }\r\n        let out_trade_no = getParam('out_trade_no')\r\n        // //console.log(\"out_trade_no=>\", out_trade_no);\r\n        if (out_trade_no) {\r\n            //判断是否有订单号,有订单号弹出选择界面\r\n            if (out_trade_no.indexOf('alipay') > -1) {\r\n                if (out_trade_no.split('-')[1] == 16 || out_trade_no.split('-')[1] == 17) {\r\n                    // let userNo = out_trade_no.split(\"-\")[2]\r\n                    // let phone = getCookie(userNo)\r\n                    // let cookie = document.cookie;\r\n                    this.handleClickBuyGodEmperor()\r\n                } else if (out_trade_no.split('-')[1] == 14) {\r\n                    this.MOBChooseItem = true\r\n                } else if (out_trade_no.split('-')[1] == 18) {\r\n                    // this.PCChooseItem = true;\r\n                }\r\n            } else {\r\n                let result = confirm(`支付是否完成？`)\r\n                if (result) {\r\n                    wechatH5Query({\r\n                        out_trade_no,\r\n                    }).then(response => {\r\n                        //console.log(\"wechatH5Query response=>\", response);\r\n                        if (response.sign == 0) {\r\n                            //{{`${payResult.msg.name}充值成功！订单号：${payResult.msg.out_trade_no}`}}\r\n                            this.payResult = response\r\n                        } else {\r\n                            window.alert(response.msg)\r\n                            window.location.href = window.location.href.split('?')[0]\r\n                        }\r\n                    })\r\n                } else {\r\n                    //点击了取消\r\n                    window.location.href = window.location.href.split('?')[0]\r\n                }\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        let offsetTop = (getVisualHeightOfTheScreen()[0] / 100) * 16\r\n        window.addEventListener('scroll', () => {\r\n            //滚动偏移量\r\n            let top = document.documentElement.scrollTop || document.body.scrollTop || window.pageYOffset\r\n            if (top >= this.$refs.recharge.offsetTop - offsetTop) {\r\n                // console.log(\"偏移位置\");\r\n                this.rechargeBtnState = 1\r\n            } else {\r\n                // console.log(\"定位位置\");\r\n                this.rechargeBtnState = 0\r\n            }\r\n        })\r\n    },\r\n    methods: {\r\n        clickTurnToRecharge: function() {\r\n            window.scrollTo(0, this.$refs.recharge.offsetTop - (getVisualHeightOfTheScreen()[0] / 100) * 16 + 1)\r\n        },\r\n        clickPayResult: function() {\r\n            this.payResult = null\r\n            window.location.href = window.location.href.split('?')[0]\r\n        },\r\n        getIsIonsClass: function() {\r\n            if (this.is_code_iOS) {\r\n                return 'position: absolute;'\r\n            }\r\n        },\r\n        clickCancelBtn: function() {\r\n            this.showChooseWay = false\r\n            this.payAway = 0\r\n        },\r\n        clickConfirmBtn: function() {\r\n            if (this.payAway == 0) {\r\n                return\r\n            }\r\n            //支付宝\r\n            if (this.payAway == 1) {\r\n                if (this.in_weixin) {\r\n                    this.open_notice = true\r\n                    this.showChooseWay = false\r\n                    return\r\n                } else {\r\n                    getUserios({\r\n                        userNo: this.userNo,\r\n                        type: this.index,\r\n                    }).then(response => {\r\n                        if (response.sign == '0') {\r\n                            let div = document.createElement('div')\r\n                            let msg = response.msg.split('/alipay/')[0] + 'https://werewolf.53site.com/alipay/' + response.msg.split('/alipay/')[1]\r\n                            div.innerHTML = msg\r\n                            document.body.appendChild(div)\r\n                            if (/(iPhone|iPad|iPod|iOS|Mac OS X)/i.test(navigator.userAgent)) {\r\n                                document.forms[0].submit()\r\n                            } else {\r\n                                document.forms[0].setAttribute('target', '_blank')\r\n                                document.forms[0].submit()\r\n                            }\r\n                            document.forms[0].remove()\r\n\r\n                            // console.log(\"msg=>\", document.forms);\r\n                        } else {\r\n                            window.alert(response.msg)\r\n                        }\r\n                    })\r\n                }\r\n            }\r\n\r\n            //微信\r\n            if (this.payAway == 2) {\r\n                //console.log(\"index=>\", this.index);\r\n                //console.log(\"this.userNo=>\", this.userNo);\r\n                //console.log(\"this.code=>\", this.code);\r\n\r\n                if (this.in_weixin) {\r\n                    if (this.code) {\r\n                        //console.log(\"公众号模式\");\r\n                        //console.log(\"调用微信JS支付\");\r\n                        wechatJsPay({\r\n                            userNo: this.userNo,\r\n                            type: this.index,\r\n                            code: this.code,\r\n                        }).then(response => {\r\n                            //console.log(response);\r\n                            if (response.sign == 0) {\r\n                                this.WeixinJSMsg = response.msg.jsApiParameters\r\n                                this.new_out_trade_no = response.msg.out_trade_no\r\n                                //console.log(\"this.new_out_trade_no=>\", this.new_out_trade_no);\r\n                                //拉起微信js支付\r\n                                this.WeixinJSPay()\r\n                            } else {\r\n                                //code失效 重新刷新页面\r\n                                if (response.sign == 4001) {\r\n                                    window.location.href = `/Werewolf/officialWeb/wechatJsPayPage.php?userNo=${this.userNo}&type=${this.index}`\r\n                                } else {\r\n                                    window.alert(response.msg)\r\n                                }\r\n                            }\r\n                        })\r\n                    } else {\r\n                        //console.log(\"浏览器模式\");\r\n                        //do something\r\n                        window.location.href = `/Werewolf/officialWeb/wechatJsPayPage.php?userNo=${this.userNo}&type=${this.index}`\r\n                    }\r\n                } else {\r\n                    //console.log(\"调用微信H5支付\");\r\n                    wechatH5Pay({\r\n                        userNo: this.userNo,\r\n                        type: this.index,\r\n                    }).then(response => {\r\n                        //console.log(response);\r\n                        // this.payAway = 0;\r\n                        window.location.href = response.msg.mweb_url\r\n                    })\r\n                }\r\n            }\r\n        },\r\n        WeixinJSPay: function() {\r\n            if (typeof WeixinJSBridge == 'undefined') {\r\n                if (document.addEventListener) {\r\n                    document.addEventListener('WeixinJSBridgeReady', this.onBridgeReady, false)\r\n                } else if (document.attachEvent) {\r\n                    document.attachEvent('WeixinJSBridgeReady', this.onBridgeReady)\r\n                    document.attachEvent('onWeixinJSBridgeReady', this.onBridgeReady)\r\n                }\r\n            } else {\r\n                this.onBridgeReady()\r\n            }\r\n        },\r\n        onBridgeReady: function() {\r\n            let _this = this\r\n            // eslint-disable-next-line no-undef\r\n            WeixinJSBridge.invoke('getBrandWCPayRequest', this.WeixinJSMsg, function(res) {\r\n                //console.log(\"res.err_msg=>\", res.err_msg);\r\n                if (res.err_msg == 'get_brand_wcpay_request:ok') {\r\n                    // 使用以上方式判断前端返回,微信团队郑重提示：\r\n                    //res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。\r\n                    let integrityurl = window.location.href\r\n                    //console.log(\"user-this.new_out_trade_no=>\", _this.new_out_trade_no);\r\n                    let new_url = `${integrityurl.split('?')[0]}?out_trade_no=${_this.new_out_trade_no}`\r\n                    //console.log(\"new_url=>\", new_url);\r\n                    //console.log(\"new_url type=>\", typeof new_url);\r\n\r\n                    window.location.href = new_url\r\n                }\r\n            })\r\n        },\r\n        getImgString: function(index) {\r\n            if (index == 9) {\r\n                return this.$parent.getString(index).split('_for_pc_1')[0] + '_for_phone'\r\n            }\r\n            return this.$parent.getString(index).split('_for_pc_1')[0]\r\n        },\r\n        clickRecharge: function(index) {\r\n            // console.log(\"点击了充值\", index);\r\n            if (!this.userNo) {\r\n                return window.alert('请输入天狼数字ID')\r\n            }\r\n            if (!this.nickName) {\r\n                return window.alert('请查询昵称确认充值是否正确')\r\n            }\r\n            this.index = index\r\n            let str = ''\r\n            if (index == 18) {\r\n                str = `确定要给 ID：${this.userNo} 昵称：${this.nickName} 购买至尊专属刻字服务吗？`\r\n            } else {\r\n                str = `确定要给 ID：${this.userNo} 昵称：${this.nickName} 充值${this.rechargeDic[index]}元吗？`\r\n            }\r\n            let result = confirm(str)\r\n            //点击了确认\r\n            if (result) {\r\n                // //console.log(\"点击了确认充值\");\r\n                if (this.index > 6 && this.index != 18) {\r\n                    //充值了大额\r\n                    if (this.in_weixin) {\r\n                        //微信浏览器内打开 指引外部浏览器\r\n                        this.open_notice = true\r\n                    } else {\r\n                        if (index == 14) {\r\n                            //TODO调用新大额充值Alipay带回调\r\n                            getUserios({\r\n                                userNo: this.userNo,\r\n                                type: index,\r\n                            }).then(response => {\r\n                                // console.log(response);\r\n                                if (response.sign == '0') {\r\n                                    let div = document.createElement('div')\r\n                                    let msg =\r\n                                        response.msg.split('/alipay/')[0] + 'https://werewolf.53site.com/alipay/' + response.msg.split('/alipay/')[1]\r\n                                    div.innerHTML = msg\r\n                                    document.body.appendChild(div)\r\n                                    document.forms[0].submit()\r\n                                } else {\r\n                                    window.alert(response.msg)\r\n                                }\r\n                            })\r\n                        } else {\r\n                            getUserios({\r\n                                userNo: this.userNo,\r\n                                type: this.index,\r\n                            }).then(response => {\r\n                                // console.log(response);\r\n                                if (response.sign == '0') {\r\n                                    let div = document.createElement('div')\r\n                                    let msg =\r\n                                        response.msg.split('/alipay/')[0] + 'https://werewolf.53site.com/alipay/' + response.msg.split('/alipay/')[1]\r\n                                    div.innerHTML = msg\r\n                                    document.body.appendChild(div)\r\n                                    document.forms[0].submit()\r\n                                    document.forms[0].remove()\r\n                                    // let data = response.msg;\r\n                                    //  window.location.href = `https://werewolf.53site.com/alipay/api/alipayapi_office.php?WIDout_trade_no=${data.userNo}&WIDsubject=${data.WIDsubject}$WIDtotal_fee=${data.type}&WIDshow_url=${data.WIDshow_url}`\r\n                                } else {\r\n                                    window.alert(response.msg)\r\n                                }\r\n                            })\r\n                        }\r\n                    }\r\n                } else {\r\n                    this.showChooseWay = true\r\n                }\r\n            } else {\r\n                //console.log(\"点击了取消充值\");\r\n            }\r\n        },\r\n        showNickName: function() {\r\n            if (this.userNo && this.userNo.length > 15) {\r\n                this.userNo = this.userNo.substring(0, 15)\r\n            }\r\n            if (!this.userNo) {\r\n                return\r\n            }\r\n            this.userNo = this.userNo.replace(/[^\\d]/g, '')\r\n            this.userNoCache = this.userNo\r\n            getNickname({\r\n                userNo: this.userNo,\r\n            }).then(response => {\r\n                //   //console.log(response.msg);\r\n                this.nickName = response.msg\r\n            })\r\n            //   //console.log(this.userNo);\r\n        },\r\n        clickSearchBtn: function() {\r\n            //   //console.log(\"查询用户昵称\");\r\n            if (this.userNo) {\r\n                if (this.userNo == this.userNoCache) {\r\n                    return\r\n                }\r\n                this.userNoCache = this.userNo //缓存userNo防止重复点击\r\n                getNickname({\r\n                    userNo: this.userNo,\r\n                }).then(response => {\r\n                    //   //console.log(response.msg);\r\n                    this.nickName = response.msg\r\n                })\r\n            } else {\r\n                window.alert('请输入天狼数字ID')\r\n            }\r\n        },\r\n        clickDetailImg: function() {\r\n            this.$parent.showMobileDialog = true\r\n        },\r\n        focusFun: function() {\r\n            this.nickName = ''\r\n        },\r\n        handleClickBuyGodEmperor: function() {\r\n            // console.log('点击了购买神皇按钮');\r\n            this.showPcOpeningEmperor = true\r\n        },\r\n    },\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import '../../style/main.scss';\r\n\r\n.mian-mobile {\r\n    width: 100%;\r\n    height: 100%;\r\n    min-height: 100vh;\r\n\r\n    .head {\r\n        width: 100%;\r\n    }\r\n\r\n    .rechargeBtn {\r\n        width: 21.3vw;\r\n        position: fixed;\r\n        right: 0;\r\n        top: 68vw;\r\n        z-index: 11;\r\n        transition: all 0.2s linear;\r\n    }\r\n\r\n    .outWindowClass {\r\n        right: -21.3vw;\r\n    }\r\n\r\n    .prop-title {\r\n        width: 50vw;\r\n        margin-top: 5vw;\r\n        margin-left: 25vw;\r\n    }\r\n\r\n    .prop-content {\r\n        width: 100vw;\r\n        height: 385.4vw;\r\n        @include imgbg(imgUrl('frame_bg_mob.png'));\r\n        // background-color: red;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .prop-detail {\r\n        width: 100vw;\r\n        font-size: 4vw;\r\n        text-align: center;\r\n        color: rgb(255, 188, 85);\r\n        margin: 1vw 0;\r\n    }\r\n\r\n    .sale-num {\r\n        width: 100vw;\r\n        text-align: center;\r\n        font-size: 8.1vw;\r\n        color: #ffbc55;\r\n        line-height: 8.1vw;\r\n        font-family: Alibaba-PuHuiTi-H;\r\n    }\r\n\r\n    .sale-num-1 {\r\n        margin-top: 4.5vw;\r\n    }\r\n\r\n    .sale-num-2 {\r\n        margin-top: 2.9vw;\r\n    }\r\n\r\n    .sale-num-3 {\r\n        margin-top: 2.9vw;\r\n    }\r\n\r\n    .prop-img {\r\n        width: 85vw;\r\n        height: 70.9vw;\r\n        margin-left: 7.5vw;\r\n    }\r\n\r\n    .frame-1 {\r\n        margin-top: 15.9vw;\r\n    }\r\n\r\n    .frame-2 {\r\n        margin-top: 24vw;\r\n    }\r\n\r\n    .frame-3 {\r\n        margin-top: 27.5vw;\r\n    }\r\n\r\n    .avatar-img {\r\n        width: 85vw;\r\n        height: 70.9vw;\r\n        position: absolute;\r\n    }\r\n\r\n    .layer-2 {\r\n        z-index: 1;\r\n    }\r\n\r\n    .layer-3 {\r\n        z-index: 2;\r\n    }\r\n\r\n    .priceImg {\r\n        width: 38.2vw;\r\n        margin-top: 18vw;\r\n        margin-left: 45.8vw;\r\n    }\r\n\r\n    .buy-frame-btn {\r\n        margin-left: 10.5vw;\r\n        margin-top: 9.3vw;\r\n    }\r\n\r\n    .buyBtnImg {\r\n        width: 79.1vw;\r\n    }\r\n\r\n    .saleNum {\r\n        width: 100%;\r\n        height: 10vw;\r\n        text-align: center;\r\n        color: #ffbc55;\r\n        line-height: 10vw;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    .detail-img {\r\n        margin-left: 10.4vw;\r\n        width: 79.2vw;\r\n        margin-top: 8.1vw;\r\n    }\r\n\r\n    .recharge-title {\r\n        width: 50%;\r\n        margin-left: 25%;\r\n        margin-top: 5vw;\r\n    }\r\n\r\n    .itemDiv {\r\n        width: 95vw;\r\n        background-color: #37094f;\r\n        margin: 0 auto;\r\n        margin-top: 2.5vw;\r\n        border-radius: 2.5vw;\r\n        padding-top: 2.5vw;\r\n    }\r\n\r\n    .item-title {\r\n        width: 100%;\r\n        padding: 0;\r\n        position: relative;\r\n        text-align: center;\r\n        color: white;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    .is_iOS_notice {\r\n        width: 90%;\r\n        margin: 0 auto;\r\n        color: #ffbc55;\r\n        margin-top: 50px;\r\n    }\r\n\r\n    .footer-notice {\r\n        width: 96%;\r\n        margin-left: 2%;\r\n        text-align: center;\r\n    }\r\n\r\n    .item-content {\r\n        width: 100%;\r\n        margin: 2% 0 0 0;\r\n        padding: 0;\r\n        position: relative;\r\n    }\r\n\r\n    .search-input {\r\n        display: flex;\r\n        -webkit-user-select: text !important;\r\n    }\r\n\r\n    .searchBtn {\r\n        width: 15vw;\r\n        height: 15vw;\r\n        margin-left: -5%;\r\n        margin-top: 2vw;\r\n        margin-bottom: -10vw;\r\n        background-color: #ffbc55;\r\n        border-radius: 2.5vw;\r\n        font-size: 3.2vw;\r\n        text-align: center;\r\n        line-height: 15vw;\r\n    }\r\n\r\n    .inputStyle {\r\n        width: 80%;\r\n        margin: 1% 10%;\r\n        border-radius: 5px;\r\n        border: none;\r\n        padding: 1.5% 0;\r\n        text-align: center;\r\n        color: white;\r\n        background-color: #250534;\r\n        font-size: 3.2vw;\r\n        -webkit-user-select: text !important;\r\n    }\r\n\r\n    .item-style {\r\n        width: 95%;\r\n        margin: 2% 2.5% 0 2.5%;\r\n        position: relative;\r\n    }\r\n\r\n    .item-img {\r\n        width: 90%;\r\n        margin: 0 5%;\r\n    }\r\n\r\n    ::-webkit-input-placeholder {\r\n        /* Chrome/Opera/Safari */\r\n        color: gray;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    ::-moz-placeholder {\r\n        /* Firefox 19+ */\r\n        color: gray;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    :-ms-input-placeholder {\r\n        /* IE 10+ */\r\n        color: gray;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    :-moz-placeholder {\r\n        /* Firefox 18- */\r\n        color: gray;\r\n        font-size: 3.2vw;\r\n    }\r\n\r\n    .choose-way-dialog {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: fixed;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        top: 0;\r\n        z-index: 10;\r\n    }\r\n\r\n    .dialog-content-m {\r\n        width: 72vw;\r\n        // height: 77.3vw;\r\n        padding-bottom: 3.9vw;\r\n        padding-top: 11.5vw;\r\n        background-color: white;\r\n        border-radius: 4vw;\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        display: flex;\r\n        display: -webkit-flex;\r\n        flex-wrap: wrap;\r\n        -webkit-flex-wrap: wrap;\r\n        align-content: flex-start;\r\n        -webkit-align-content: flex-start;\r\n        justify-content: center;\r\n        -webkit-justify-content: center;\r\n    }\r\n\r\n    .dialog-title-m {\r\n        color: #424242;\r\n        font-size: 4vw;\r\n        line-height: 4vw;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .payaway-btn {\r\n        width: 65.3vw;\r\n        height: 12.3vw;\r\n        margin: 0 auto;\r\n        margin-top: 2.7vw;\r\n    }\r\n\r\n    .alipay-payaway-btn {\r\n        margin-top: 8vw;\r\n    }\r\n\r\n    .payaway-alipay {\r\n        @include imgbg(imgUrl('alipay.png'));\r\n    }\r\n\r\n    .payaway-alipay-s {\r\n        @include imgbg(imgUrl('alipay-s.png'));\r\n    }\r\n\r\n    .payaway-wechat {\r\n        @include imgbg(imgUrl('wechatpay.png'));\r\n    }\r\n\r\n    .payaway-wechat-s {\r\n        @include imgbg(imgUrl('wechatpay-s.png'));\r\n    }\r\n\r\n    .opera-btn {\r\n        width: 65.3vw;\r\n        height: 12.3vw;\r\n        border-radius: 2.7vw;\r\n        line-height: 12.3vw;\r\n        font-size: 3.4vw;\r\n        font-weight: bold;\r\n        text-align: center;\r\n    }\r\n\r\n    .confirm-btn-m {\r\n        background-color: #ffbc55;\r\n        color: #845000;\r\n        margin-top: 5.6vw;\r\n    }\r\n\r\n    .cancel-btn-m {\r\n        background-color: #cbcbcb;\r\n        color: #545454;\r\n        margin-top: 2.7vw;\r\n    }\r\n\r\n    .confirm-pay-btn {\r\n        width: 60%;\r\n        margin-top: 4vw;\r\n        text-align: center;\r\n        border-radius: 2vw;\r\n        line-height: 10vw;\r\n        font-size: 3.4vw;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        color: #430807;\r\n    }\r\n\r\n    .confirm-pay-dialog {\r\n        color: white;\r\n        font-size: 3.2vw;\r\n        padding-top: 5vw;\r\n        display: flex;\r\n    }\r\n\r\n    .open_notice {\r\n        width: 100%;\r\n        height: 100%;\r\n        position: fixed;\r\n        background-color: rgba(0, 0, 0, 0.5);\r\n        top: 0;\r\n        z-index: 20;\r\n\r\n        img {\r\n            width: 100%;\r\n        }\r\n    }\r\n}\r\n\r\nbody::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n.mian-mobile::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n</style>\r\n","import { render, staticRenderFns } from \"./mobilePage.vue?vue&type=template&id=a054a63c&scoped=true&\"\nimport script from \"./mobilePage.vue?vue&type=script&lang=js&\"\nexport * from \"./mobilePage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./mobilePage.vue?vue&type=style&index=0&id=a054a63c&prod&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a054a63c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.obj)?_c('div',{staticClass:\"mian-mobile\"},[_c('img',{staticClass:\"rechargeBtn\",class:{ outWindowClass: _vm.rechargeBtnState },attrs:{\"src\":require(\"../../assets/cz_bt.png\")},on:{\"click\":_vm.clickTurnToRecharge}}),_c('img',{staticClass:\"head\",attrs:{\"src\":_vm.imgUrl('payment_logo', 'jpg')}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.is_code_iOS),expression:\"!is_code_iOS\"}],staticClass:\"prop-title\",attrs:{\"src\":_vm.imgUrl('payment_twice_title_props')}}),_vm._m(0),(_vm.obj && _vm.obj.length > 2)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.is_code_iOS),expression:\"!is_code_iOS\"}],staticClass:\"prop-content\"},[_c('div',{staticClass:\"prop-img frame-1\"},[(_vm.obj[0].pic_pc)?_c('img',{staticClass:\"avatar-img\",attrs:{\"src\":_vm.obj[0].pic_pc}}):_vm._e(),(_vm.obj[0].pic_mob)?_c('img',{staticClass:\"avatar-img layer-2\",attrs:{\"src\":_vm.obj[0].pic_mob}}):_vm._e(),(_vm.obj[0].pic_word)?_c('img',{staticClass:\"avatar-img layer-3\",attrs:{\"src\":_vm.obj[0].pic_word}}):_vm._e()]),_c('div',{staticClass:\"sale-num sale-num-1\"},[_vm._v(_vm._s(_vm.obj[0].selled_show_num)+\"/\"+_vm._s(_vm.obj[0].sell_num))]),_c('div',{staticClass:\"prop-img frame-2\"},[(_vm.obj[1].pic_pc)?_c('img',{staticClass:\"avatar-img\",attrs:{\"src\":_vm.obj[1].pic_pc}}):_vm._e(),(_vm.obj[1].pic_mob)?_c('img',{staticClass:\"avatar-img layer-2\",attrs:{\"src\":_vm.obj[1].pic_mob}}):_vm._e(),(_vm.obj[1].pic_word)?_c('img',{staticClass:\"avatar-img layer-3\",attrs:{\"src\":_vm.obj[1].pic_word}}):_vm._e()]),_c('div',{staticClass:\"sale-num sale-num-2\"},[_vm._v(_vm._s(_vm.obj[1].selled_show_num)+\"/\"+_vm._s(_vm.obj[1].sell_num))]),_c('div',{staticClass:\"prop-img frame-3\"},[(_vm.obj[2].pic_pc)?_c('img',{staticClass:\"avatar-img\",attrs:{\"src\":_vm.obj[2].pic_pc}}):_vm._e(),(_vm.obj[2].pic_mob)?_c('img',{staticClass:\"avatar-img layer-2\",attrs:{\"src\":_vm.obj[2].pic_mob}}):_vm._e(),(_vm.obj[2].pic_word)?_c('img',{staticClass:\"avatar-img layer-3\",attrs:{\"src\":_vm.obj[2].pic_word}}):_vm._e()]),_c('div',{staticClass:\"sale-num sale-num-3\"},[_vm._v(_vm._s(_vm.obj[2].selled_show_num)+\"/\"+_vm._s(_vm.obj[2].sell_num))]),_c('img',{ref:\"recharge\",staticClass:\"priceImg\",attrs:{\"src\":_vm.imgUrl(`mx498888`)}}),_c('div',{staticClass:\"buy-frame-btn\",on:{\"click\":function($event){return _vm.clickRecharge(14)}}},[_c('img',{staticClass:\"buyBtnImg\",attrs:{\"src\":_vm.imgUrl(`m19998btn`)}})]),_c('img',{staticClass:\"detail-img\",attrs:{\"src\":_vm.imgUrl('payment_detail_btn2')},on:{\"click\":_vm.clickDetailImg}})]):_vm._e(),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.is_code_iOS),expression:\"!is_code_iOS\"}],staticClass:\"recharge-title\",attrs:{\"src\":_vm.imgUrl('payment_first_title')}}),(!_vm.is_code_iOS)?_c('div',{staticClass:\"itemDiv\"},[_c('div',{staticClass:\"item-title\"},[_vm._v(\"钻石可用于购买天天狼人的礼物和道具\")]),_c('div',{staticClass:\"item-content\"},[_c('div',{staticClass:\"search-input\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userNo),expression:\"userNo\"}],staticClass:\"inputStyle searchInput\",attrs:{\"id\":\"userNo\",\"placeholder\":\"请输入天狼数字ID\",\"type\":\"tel\",\"oninput\":_vm.showNickName()},domProps:{\"value\":(_vm.userNo)},on:{\"focus\":_vm.focusFun,\"input\":function($event){if($event.target.composing)return;_vm.userNo=$event.target.value}}})]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.nickName),expression:\"nickName\"}],staticClass:\"inputStyle\",attrs:{\"id\":\"nickName\",\"placeholder\":\"根据ID显示昵称确认充值是否正确\",\"type\":\"text\",\"readonly\":\"readonly\"},domProps:{\"value\":(_vm.nickName)},on:{\"input\":function($event){if($event.target.composing)return;_vm.nickName=$event.target.value}}})]),_c('div',{staticClass:\"item-style\"},[_vm._l((9),function(item,index){return _c('img',{key:index,staticClass:\"item-img\",attrs:{\"src\":_vm.imgUrl(_vm.getImgString(index + 1))},on:{\"click\":function($event){return _vm.clickRecharge(index + 1 == 9 ? 14 : index + 1)}}})}),_c('img',{staticClass:\"item-img\",attrs:{\"src\":_vm.imgUrl('mob-payment_item_god_emperor')},on:{\"click\":_vm.handleClickBuyGodEmperor}}),_c('img',{staticClass:\"item-img\",attrs:{\"src\":_vm.imgUrl('mob-payment_item_lettering_998')},on:{\"click\":function($event){return _vm.clickRecharge(18)}}})],2)]):_c('div',{staticClass:\"is_iOS_notice\"},[_vm._v(\" 由于相关规范，iOS公众号充值暂不可用，请点击右上角在浏览器打开后进行微信充值。 \")]),_c('div',{staticClass:\"footer-notice\",staticStyle:{\"height\":\"30vw\",\"margin-top\":\"50px\",\"bottom\":\"0\"},style:(_vm.getIsIonsClass())},[_c('center',[_c('a',{attrs:{\"href\":\"https://beian.miit.gov.cn/\",\"target\":\"_blank\"}},[_c('span',{staticStyle:{\"color\":\"white\",\"font-size\":\"8px\",\"margin-top\":\"8px\"}},[_vm._v(\"增值电信业务经营许可证：辽B2-20170046\")])]),_c('a',{attrs:{\"href\":\"http://megatech.cc/officialWebsite/images/mega_zengzhidianxin.jpg\",\"target\":\"_blank\"}},[_c('span',{staticStyle:{\"color\":\"white\",\"font-size\":\"8px\",\"margin-top\":\"8px\",\"margin-bottom\":\"15px\",\"margin-left\":\"8px\"}},[_vm._v(\"辽B2-20170046-2\")])])]),_c('center',[_c('a',{staticStyle:{\"display\":\"inline-block\",\"text-decoration\":\"none\",\"height\":\"20px\",\"line-height\":\"20px\"},attrs:{\"target\":\"_blank\",\"href\":\"http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=21010302000476\"}},[_c('img',{staticStyle:{\"float\":\"left\"},attrs:{\"src\":require(\"../../assets/icpIcon.png\")}}),_c('p',{staticStyle:{\"color\":\"white\",\"font-size\":\"8px\",\"float\":\"left\",\"height\":\"20px\",\"line-height\":\"20px\",\"margin\":\"0px 0px 0px 5px\"}},[_vm._v(\" 辽公网安备 21010302000476号 \")])])]),_c('center',[_c('div',{staticStyle:{\"color\":\"white\",\"font-size\":\"8px\"}},[_vm._v(\" Copyright © 2016 - 2020 Mega Information Technology Co.,Ltd. All Rights Reserved \")])])],1),(_vm.showChooseWay)?_c('div',{staticClass:\"choose-way-dialog\",on:{\"touchmove\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"dialog-content-m\"},[_c('div',{staticClass:\"dialog-title-m\"},[_vm._v(\"请选择支付方式\")]),_c('div',{staticClass:\"payaway-btn alipay-payaway-btn\",class:[_vm.payAway == 1 ? 'payaway-alipay-s' : 'payaway-alipay'],on:{\"click\":function($event){_vm.payAway = 1}}}),_c('div',{staticClass:\"payaway-btn\",class:[_vm.payAway == 2 ? 'payaway-wechat-s' : 'payaway-wechat'],on:{\"click\":function($event){_vm.payAway = 2}}}),_c('div',{staticClass:\"opera-btn confirm-btn-m\",on:{\"click\":_vm.clickConfirmBtn}},[_vm._v(\"确定\")]),_c('div',{staticClass:\"opera-btn cancel-btn-m\",on:{\"click\":_vm.clickCancelBtn}},[_vm._v(\" 考虑一下 \")])])]):_vm._e(),(_vm.payResult)?_c('div',{staticClass:\"choose-way-dialog\",on:{\"touchmove\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"dialog-content-m confirm-pay-dialog\"},[_c('div',{staticStyle:{\"width\":\"90%\",\"color\":\"black\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"text-align\":\"center\",\"margin-bottom\":\"2vw\"}},[_vm._v(\" 购买成功 \")]),_c('div',[_vm._v(\"商品名：\"+_vm._s(_vm.payResult.msg.name))]),_c('div',[_vm._v(\"订单号：\"+_vm._s(_vm.payResult.msg.out_trade_no))])]),_c('div',{staticClass:\"confirm-pay-btn confirm-btn-m\",on:{\"click\":_vm.clickPayResult}},[_vm._v(\" 确定 \")])])]):_vm._e(),(_vm.open_notice)?_c('div',{staticClass:\"open_notice\"},[_c('img',{attrs:{\"src\":_vm.imgUrl('open_notice')}})]):_vm._e(),(_vm.MOBChooseItem)?_c('mobSelectItem',{attrs:{\"mobObj\":_vm.obj}}):_vm._e(),(_vm.showPcOpeningEmperor)?_c('mobOpeningEmperor'):_vm._e()],1):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"prop-detail\"},[_vm._v(\" 完成至尊充值的用户即可获得限量刻字头像框 \"),_c('br'),_vm._v(\"帝王贵族支持动态效果 \")])\n}]\n\nexport { render, staticRenderFns }"],"sourceRoot":""}