{"version":3,"sources":["webpack:///./src/views/OfficialWeb/pcOpeningEmperor.vue?629a","webpack:///./src/views/OfficialWeb/pcOpeningEmperor.vue","webpack:///./src/views/OfficialWeb/pcOpeningEmperor.vue?151c","webpack:///src/views/OfficialWeb/pcOpeningEmperor.vue","webpack:///./src/views/OfficialWeb/pcOpeningEmperor.vue?be1b"],"names":["data","showUserInfo","userNo","userPhone","topDescribe","midDescribe","nobleLevel","nobleLight","leftDay","leftDayNotice","nobleEndTime","godCacheEndTime","rechargeImg","godCacheLeftDay","nobleLeftDay","payGodEmperorState","emperorStateImg","watch","created","out_trade_no","getParam","_this","successShow","outTradeNo","then","res","isFirstShow","phone","handleClickConfirmBtn","mounted","onShow","components","destroyed","methods","handleClickRechargeEmperor","type","index","getUserios","response","sign","div","document","createElement","msg","split","innerHTML","body","appendChild","forms","submit","window","alert","handleClickCloseBtn","$parent","showPcOpeningEmperor","test","godEmperorInfo","code","nickname","initNobleLevel","getEmperorImg","imgUrl","concat","getDaysBetween","dateString","curDate","Date","startDate","parse","days","Math","ceil","component","_vm","this","_c","_self","staticClass","on","$event","preventDefault","attrs","_v","_s","_e","directives","name","rawName","value","expression","domProps","target","composing"],"mappings":"qIAAA,W,6DCAA,I,wBCAwW,ECwCxW,CACAA,KAAA,WACA,OAOAC,aAAA,GACAC,OAAA,GACAC,UAAA,GACAC,YAAA,SACAC,YAAA,WACAC,WAAA,KACAC,WAAA,EACAC,QAAA,EACAC,cAAA,GACAC,aAAA,GACAC,gBAAA,GACAC,YAAA,GACAC,gBAAA,GACAC,aAAA,GACAC,mBAAA,EACAC,gBAAA,iBAGAC,MAAA,GAIAC,QAAA,WACA,IAAAC,EAAAC,YAAA,gBACAC,EAAA,KACAF,GACAG,YAAA,CACAC,WAAAJ,IACAK,MAAA,SAAAC,GAEA,GAAAA,EAAAzB,KAAA0B,cACAL,EAAApB,aAAAwB,EAAAzB,KAAAE,OACAmB,EAAAlB,UAAAsB,EAAAzB,KAAA2B,MACAN,EAAAO,6BAMAC,QAAA,aAGAC,OAAA,aAGAC,WAAA,GAGAC,UAAA,aAGAC,QAAA,CACAC,2BAAA,SAAAC,GAEA,IAAAC,EAAA,EACA,WAAAD,EACAC,EAAA,OACA,aAAAD,EAGA,OAFAC,EAAA,GAIAC,YAAA,CACAnC,OAAA,KAAAA,OACAiC,KAAAC,IACAZ,MAAA,SAAAc,GAEA,QAAAA,EAAAC,KAAA,CACA,IAAAC,EAAAC,SAAAC,cAAA,OACAC,EACAL,EAAAK,IAAAC,MAAA,eACA,sCACAN,EAAAK,IAAAC,MAAA,eACAJ,EAAAK,UAAAF,EACAF,SAAAK,KAAAC,YAAAP,GACAC,SAAAO,MAAA,GAAAC,cAEAC,OAAAC,MAAAb,EAAAK,SAIAS,oBAAA,WACA,KAAAC,QAAAC,sBAAA,GAEA1B,sBAAA,WACA,QAAA3B,cAAA,KAAAE,WAGA,QAAAoD,KAAA,KAAAtD,cACA,CAGA,KAAAC,OAAA,KAAAD,aACA,IAAAoB,EAAA,KAEAmC,YAAA,CACAtD,OAAA,KAAAA,OACAyB,MAAA,KAAAxB,YACAqB,MAAA,SAAAC,GAGA,GAAAA,EAAAgC,MACApC,EAAApB,aAAAwB,EAAAzB,KAAA0D,SACArC,EAAAf,WAAAmB,EAAAzB,KAAAM,WACAe,EAAAd,WAAAkB,EAAAzB,KAAAO,WACAc,EAAAX,aAAAe,EAAAzB,KAAAU,aACAW,EAAAV,gBAAAc,EAAAzB,KAAAW,gBACAU,EAAAN,mBAAAU,EAAAzB,KAAAe,mBACAM,EAAAP,aAAAW,EAAAzB,KAAAc,aACAO,EAAAR,gBAAAY,EAAAzB,KAAAa,gBACAQ,EAAAsC,kBAEAT,OAAAC,MAAA1B,EAAAkB,UAIAiB,cAAA,WACA,YAAAtD,YACA,OACA,YAAAuD,OAAA,gBAAAC,OAAA,KAAAvD,WAAA,YACA,OACA,YAAAsD,OAAA,iBAAAC,OAAA,KAAAvD,WAAA,YACA,OACA,YAAAsD,OAAA,eAAAC,OAAA,KAAAvD,WAAA,YACA,QACA,YAAAsD,OAAA,qBAGAE,eAAA,SAAAC,GACA,IAAAC,EAAA,IAAAC,KACAC,EAAAD,KAAAE,MAAAH,GAEAI,GADAH,KAAAE,MAAAJ,GACAG,GAAA,MAIA,OAHAE,EAAA,IACAA,EAAA,GAEAC,KAAAC,KAAAF,IAEAV,eAAA,WAGA,KAAArD,WAAA,GACA,KAAAF,YAAA,SACA,KAAAG,YACA,KAAAE,cAAA,SACA,KAAAD,QAAA,KAAAM,eAGA,KAAAL,cAAA,UACA,KAAAD,QAAA,KAAAK,iBAGA,QAAAE,mBAEA,KAAAV,YAAA,gBAEA,KAAAW,gBAAA,kBACA,KAAAX,YAAA,GAEA,KAAAO,YAAA,UAIA,KAAAH,cAAA,GACA,KAAAD,QAAA,EACA,KAAAQ,gBAAA,eACA,QAAAV,YACA,KAAAF,YAAA,SACA,QAAAW,oBAEA,KAAAV,YAAA,eACA,KAAAO,YAAA,IAGA,KAAAP,YAAA,GACA,KAAAO,YAAA,WAIA,KAAAA,YAAA,EACA,KAAAR,YAAA,MACA,KAAAC,YAAA,kC,wBC9NImE,EAAY,YACd,GHTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAeC,GAAG,CAAC,UAAY,SAASC,GAAQA,EAAOC,oBAAqB,CAACL,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmBI,MAAM,CAAC,IAAMR,EAAIZ,OAAO,uBAAuBc,EAAG,MAAM,CAACE,YAAY,uBAAuBI,MAAM,CAAC,IAAMR,EAAIZ,OAAO,yBAAyBiB,GAAG,CAAC,MAAQL,EAAIrB,uBAAuBuB,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,wBAAwBI,MAAM,CAAC,IAAMR,EAAIZ,OAAO,GAADC,OAAIW,EAAIzD,qBAAuByD,EAAIjE,QAASmE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIhE,eAAe,KAAKkE,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACJ,EAAIS,GAAG,KAAKT,EAAIU,GAAGV,EAAIjE,SAAS,SAASiE,EAAIW,KAAKT,EAAG,MAAM,CAACE,YAAY,yBAAyBI,MAAM,CAAC,IAAMR,EAAIb,mBAAmBe,EAAG,QAAQ,CAACU,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOf,EAAIxE,aAAcwF,WAAW,iBAAiBZ,YAAY,iBAAiBI,MAAM,CAAC,YAAc,aAAaS,SAAS,CAAC,MAASjB,EAAIxE,cAAe6E,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,YAAiBnB,EAAIxE,aAAa8E,EAAOY,OAAOH,WAAUb,EAAG,QAAQ,CAACU,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOf,EAAItE,UAAWsF,WAAW,cAAcZ,YAAY,oBAAoBI,MAAM,CAAC,KAAO,MAAM,YAAc,gBAAgBS,SAAS,CAAC,MAASjB,EAAItE,WAAY2E,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOY,OAAOC,YAAiBnB,EAAItE,UAAU4E,EAAOY,OAAOH,WAAUb,EAAG,MAAM,CAACE,YAAY,sBAAsBC,GAAG,CAAC,MAAQL,EAAI7C,wBAAwB,CAAC6C,EAAIS,GAAG,QAAQP,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIrE,gBAAiBqE,EAAIpE,YAAasE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACJ,EAAIS,GAAGT,EAAIU,GAAGV,EAAIpE,gBAAgBoE,EAAIW,KAAKT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEJ,EAAI7D,YAAa+D,EAAG,MAAM,CAACE,YAAY,kBAAkBI,MAAM,CAAC,IAAMR,EAAIZ,OAAO,WAADC,OAAYW,EAAI7D,eAAgBkE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAON,EAAIvC,2BAA2BuC,EAAI7D,iBAAiB6D,EAAIW,OAAOT,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACJ,EAAIS,GAAG,+BAEv+D,IGUpB,EACA,KACA,WACA,MAIa,UAAAV,E","file":"js/chunk-29794f32.e9c257b0.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pcOpeningEmperor.vue?vue&type=style&index=0&id=49ef0e30&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"emperor-main\",on:{\"touchmove\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"emperor-content\"},[_c('img',{staticClass:\"pc-emperor-title\",attrs:{\"src\":_vm.imgUrl('pc-emperor-title')}}),_c('img',{staticClass:\"pc-emperor-close-btn\",attrs:{\"src\":_vm.imgUrl('pc-emperor-close-btn')},on:{\"click\":_vm.handleClickCloseBtn}}),_c('div',{staticClass:\"pc-emperor-detail\"},[_c('img',{staticClass:\"pc-emperor-detail-img\",attrs:{\"src\":_vm.imgUrl(`${_vm.emperorStateImg}`)}}),(_vm.leftDay)?_c('div',{staticClass:\"pc-leftDay\"},[_vm._v(_vm._s(_vm.leftDayNotice)+\" \"),_c('span',{staticClass:\"height-light\"},[_vm._v(\"剩余\"+_vm._s(_vm.leftDay)+\"天\")])]):_vm._e(),_c('img',{staticClass:\"pc-emperor-detail-icon\",attrs:{\"src\":_vm.getEmperorImg()}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.showUserInfo),expression:\"showUserInfo\"}],staticClass:\"pc-userNoInput\",attrs:{\"placeholder\":\"请输入天狼数字ID\"},domProps:{\"value\":(_vm.showUserInfo)},on:{\"input\":function($event){if($event.target.composing)return;_vm.showUserInfo=$event.target.value}}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.userPhone),expression:\"userPhone\"}],staticClass:\"pc-userPhoneInput\",attrs:{\"type\":\"tel\",\"placeholder\":\"请输此ID绑定的手机号码\"},domProps:{\"value\":(_vm.userPhone)},on:{\"input\":function($event){if($event.target.composing)return;_vm.userPhone=$event.target.value}}}),_c('div',{staticClass:\"pc-checkUserInfoBtn\",on:{\"click\":_vm.handleClickConfirmBtn}},[_vm._v(\"确认\")]),_c('div',{staticClass:\"pc-detail-top\"},[_vm._v(_vm._s(_vm.topDescribe))]),(_vm.midDescribe)?_c('div',{staticClass:\"pc-detail-mid\"},[_vm._v(_vm._s(_vm.midDescribe))]):_vm._e(),_c('div',{staticClass:\"recharge-btn\"},[(_vm.rechargeImg)?_c('img',{staticClass:\"pc-recharge-img\",attrs:{\"src\":_vm.imgUrl(`emperor-${_vm.rechargeImg}`)},on:{\"click\":function($event){return _vm.handleClickRechargeEmperor(_vm.rechargeImg)}}}):_vm._e()]),_c('div',{staticClass:\"pc-detail-bottom\"},[_vm._v(\"贵族权益详情请查看app内贵族页面\")])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pcOpeningEmperor.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pcOpeningEmperor.vue?vue&type=script&lang=js\"","<!-- 选择头像框 -->\r\n<template>\r\n    <div class=\"emperor-main\" @touchmove.prevent>\r\n        <div class=\"emperor-content\">\r\n            <img :src=\"imgUrl('pc-emperor-title')\" class=\"pc-emperor-title\">\r\n            <img :src=\"imgUrl('pc-emperor-close-btn')\" class=\"pc-emperor-close-btn\" @click=\"handleClickCloseBtn\">\r\n            <div class=\"pc-emperor-detail\">\r\n                <img :src=\"imgUrl(`${emperorStateImg}`)\" class=\"pc-emperor-detail-img\">\r\n                <div v-if=\"leftDay\" class=\"pc-leftDay\">{{leftDayNotice}} <span\r\n                        class=\"height-light\">剩余{{leftDay}}天</span></div>\r\n                <img :src=\"getEmperorImg()\" class=\"pc-emperor-detail-icon\">\r\n                <input class=\"pc-userNoInput\" placeholder=\"请输入天狼数字ID\" v-model=\"showUserInfo\" />\r\n                <input type=\"tel\" class=\"pc-userPhoneInput\" placeholder=\"请输此ID绑定的手机号码\" v-model=\"userPhone\" />\r\n                <div class=\"pc-checkUserInfoBtn\" @click=\"handleClickConfirmBtn\">确认</div>\r\n                <div class=\"pc-detail-top\">{{topDescribe}}</div>\r\n                <div v-if=\"midDescribe\" class=\"pc-detail-mid\">{{midDescribe}}</div>\r\n                <div class=\"recharge-btn\">\r\n                    <img v-if=\"rechargeImg\" :src=\"imgUrl(`emperor-${rechargeImg}`)\" class=\"pc-recharge-img\"\r\n                        @click=\"handleClickRechargeEmperor(rechargeImg)\">\r\n                </div>\r\n\r\n                <div class=\"pc-detail-bottom\">贵族权益详情请查看app内贵族页面</div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n\r\n<script>\r\n    import {\r\n        setCookie\r\n    } from \"./../../utils/utils\";\r\n    import {\r\n        getParam\r\n    } from \"./../../utils/utils\";\r\n    import {\r\n        godEmperorInfo,\r\n        getUserios,\r\n        successShow\r\n    } from \"./../../apis/officialWeb\";\r\n    export default {\r\n        data() {\r\n            return {\r\n                // userNo: \"7345747\",\r\n                // userPhone: \"99109923\",\r\n                // userNo: \"6666903\",\r\n                // userPhone: \"13522202300\",\r\n                // userNo: \"46\",\r\n                // userPhone: \"139410317343123\",\r\n                showUserInfo: \"\",\r\n                userNo: \"\",\r\n                userPhone: \"\",\r\n                topDescribe: \"开通神皇贵族\",\r\n                midDescribe: \"超多权益等你解锁\",\r\n                nobleLevel: null,\r\n                nobleLight: 0,\r\n                leftDay: 0,\r\n                leftDayNotice: \"\",\r\n                nobleEndTime: \"\",\r\n                godCacheEndTime: \"\",\r\n                rechargeImg: \"\",\r\n                godCacheLeftDay: \"\",\r\n                nobleLeftDay: \"\",\r\n                payGodEmperorState: 0, //支付记录\r\n                emperorStateImg: \"emperor-open\",\r\n            };\r\n        },\r\n        watch: {\r\n\r\n        },\r\n        //生命周期 - 创建完成（访问当前this实例）\r\n        created() {\r\n            let out_trade_no = getParam(\"out_trade_no\");\r\n            let _this = this;\r\n            if (out_trade_no) {\r\n                successShow({\r\n                    outTradeNo: out_trade_no\r\n                }).then(res => {\r\n                    // console.log(res);\r\n                    if (res.data.isFirstShow == 1) {\r\n                        _this.showUserInfo = res.data.userNo;\r\n                        _this.userPhone = res.data.phone;\r\n                        _this.handleClickConfirmBtn();\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        //生命周期 - 挂载完成（访问DOM元素）\r\n        mounted() {\r\n\r\n        },\r\n        onShow() {\r\n            // console.log('sss');\r\n        },\r\n        components: {\r\n\r\n        },\r\n        destroyed() {\r\n            // Object.assign(this.$data, this.$options.data());\r\n        },\r\n        methods: {\r\n            handleClickRechargeEmperor: function (type) {\r\n                //16购买  17续费\r\n                let index = 0;\r\n                if (type == \"4998\") {\r\n                    index = 17;\r\n                } else if (type == \"19998\") {\r\n                    index = 16;\r\n                } else {\r\n                    return;\r\n                }\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] +\r\n                            \"https://werewolf.53site.com/alipay/\" +\r\n                            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            },\r\n            handleClickCloseBtn: function () {\r\n                this.$parent.showPcOpeningEmperor = false;\r\n            },\r\n            handleClickConfirmBtn: function () {\r\n                if (!this.showUserInfo || !this.userPhone) {\r\n                    return;\r\n                }\r\n                var isnum = /^\\d+$/.test(this.showUserInfo);\r\n                if (!isnum) {\r\n                    return;\r\n                }\r\n                this.userNo = this.showUserInfo;\r\n                let _this = this;\r\n                //调接口查询贵族信息\r\n                godEmperorInfo({\r\n                    userNo: this.userNo,\r\n                    phone: this.userPhone\r\n                }).then(res => {\r\n                    // console.log(res);\r\n                    // console.log(res.data);\r\n                    if (res.code == 1) {\r\n                        _this.showUserInfo = res.data.nickname;\r\n                        _this.nobleLevel = res.data.nobleLevel;\r\n                        _this.nobleLight = res.data.nobleLight;\r\n                        _this.nobleEndTime = res.data.nobleEndTime;\r\n                        _this.godCacheEndTime = res.data.godCacheEndTime;\r\n                        _this.payGodEmperorState = res.data.payGodEmperorState;\r\n                        _this.nobleLeftDay = res.data.nobleLeftDay;\r\n                        _this.godCacheLeftDay = res.data.godCacheLeftDay;\r\n                        _this.initNobleLevel();\r\n                    } else {\r\n                        window.alert(res.msg);\r\n                    }\r\n                })\r\n            },\r\n            getEmperorImg: function () {\r\n                switch (this.nobleLevel) {\r\n                    case 6: //黑皇\r\n                        return this.imgUrl(`emperor-black${this.nobleLight ? '-n' : '-b'}`);\r\n                    case 7: //紫皇\r\n                        return this.imgUrl(`emperor-purple${this.nobleLight ? '-n' : '-b'}`);\r\n                    case 8: //金皇\r\n                        return this.imgUrl(`emperor-gold${this.nobleLight ? '-n' : '-b'}`);\r\n                    default:\r\n                        return this.imgUrl('emperor-black-b');\r\n                }\r\n            },\r\n            getDaysBetween(dateString) {\r\n                let curDate = new Date();\r\n                let startDate = Date.parse(curDate);\r\n                let endDate = Date.parse(dateString);\r\n                let days = (endDate - startDate) / (1 * 24 * 60 * 60 * 1000);\r\n                if (days < 0) {\r\n                    days = 0;\r\n                }\r\n                return Math.ceil(days);\r\n            },\r\n            initNobleLevel() {\r\n                // console.log('this.nobleLevel=>', this.nobleLevel);\r\n                // this.topDescribe = \r\n                if (this.nobleLevel > 5) {\r\n                    this.topDescribe = \"续费神皇贵族\"\r\n                    if (this.nobleLight) {\r\n                        this.leftDayNotice = \"神皇贵族特权\";\r\n                         this.leftDay = this.nobleLeftDay;\r\n\r\n                    } else {\r\n                        this.leftDayNotice = \"神皇贵族缓冲期\";\r\n                         this.leftDay = this.godCacheLeftDay;\r\n                    }\r\n\r\n                    if (this.payGodEmperorState == 1) {\r\n                        //刚激活神皇，二次进入页面，等待神皇贵族开通中\r\n                        this.midDescribe = \"等待神皇贵族开通中...\";\r\n                    } else {\r\n                        this.emperorStateImg = \"emperor-renew-2\";\r\n                        this.midDescribe = \"\";\r\n                        //显示续费按钮\r\n                        this.rechargeImg = \"4998\";\r\n                    }\r\n\r\n                } else {\r\n                    this.leftDayNotice = \"\";\r\n                    this.leftDay = 0;\r\n                    this.emperorStateImg = \"emperor-open\";\r\n                    if (this.nobleLevel == 5) {\r\n                        this.topDescribe = \"开通神皇贵族\";\r\n                        if (this.payGodEmperorState == 1) {\r\n                            //刚激活神皇，二次进入页面，等待神皇贵族开通中\r\n                            this.midDescribe = \"等待神皇贵族开通中...\";\r\n                            this.rechargeImg = 0;\r\n                        } else {\r\n                            //显示充值按钮\r\n                            this.midDescribe = \"\";\r\n                            this.rechargeImg = \"19998\";\r\n                        }\r\n\r\n                    } else {\r\n                        this.rechargeImg = 0;\r\n                        this.topDescribe = \"很抱歉\"\r\n                        this.midDescribe = \"您的ID尚未达到帝王贵族，尚不满足开通神皇贵族的条件\";\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    };\r\n</script>\r\n<style scoped lang='scss'>\r\n    @import \"../../style/main.scss\";\r\n\r\n    .emperor-main {\r\n        background-color: rgba(0, 0, 0, 0.8);\r\n        position: fixed;\r\n        top: 0%;\r\n        left: 0%;\r\n        width: 100%;\r\n        height: 100%;\r\n        z-index: 10;\r\n    }\r\n\r\n    .emperor-content {\r\n        width: 909px;\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n    }\r\n\r\n    .pc-emperor-title {\r\n        width: 285px;\r\n        margin-left: 18px;\r\n    }\r\n\r\n    .pc-emperor-close-btn {\r\n        width: 51px;\r\n        position: absolute;\r\n        right: 0;\r\n        margin-top: 49px;\r\n    }\r\n\r\n    .pc-emperor-detail {\r\n        width: 909px;\r\n        height: 545px;\r\n        margin-top: 11px;\r\n        @include imgbg(imgUrl(\"pc-emperor-detail-bg.png\"));\r\n        border-radius: 3vw;\r\n    }\r\n\r\n    .pc-emperor-detail-img {\r\n        width: 505.69px;\r\n        height: 345px;\r\n        position: fixed;\r\n        border-radius: 3vw 0 0 0;\r\n    }\r\n\r\n    .pc-leftDay {\r\n        width: 309px;\r\n        height: 54px;\r\n        position: absolute;\r\n        margin-left: 558px;\r\n        margin-top: 67px;\r\n        line-height: 54px;\r\n        font-size: 16px;\r\n        text-align: center;\r\n        color: black;\r\n    }\r\n\r\n    .height-light {\r\n        font-size: 19px;\r\n        color: #68440F;\r\n    }\r\n\r\n    .pc-emperor-detail-icon {\r\n        position: absolute;\r\n        width: 150px;\r\n        height: 153px;\r\n        margin-top: -77px;\r\n        margin-left: 637px;\r\n    }\r\n\r\n    .pc-userNoInput {\r\n        width: 309px;\r\n        height: 54px;\r\n        border-radius: 14px;\r\n        border: none;\r\n        background-color: #2D2922;\r\n        color: white;\r\n        position: absolute;\r\n        margin-top: 131px;\r\n        margin-left: 558px;\r\n        outline: none;\r\n        font-size: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    .pc-userPhoneInput {\r\n        width: 309px;\r\n        height: 54px;\r\n        border-radius: 14px;\r\n        border: none;\r\n        background-color: #2D2922;\r\n        color: white;\r\n        position: absolute;\r\n        margin-top: 196px;\r\n        margin-left: 558px;\r\n        outline: none;\r\n        font-size: 16px;\r\n        text-align: center;\r\n    }\r\n\r\n    .pc-checkUserInfoBtn {\r\n        width: 309px;\r\n        height: 54px;\r\n        border-radius: 14px;\r\n        background-color: #FAE4C5;\r\n        text-align: center;\r\n        line-height: 54px;\r\n        font-size: 19px;\r\n        color: #68440F;\r\n        position: absolute;\r\n        margin-top: 262px;\r\n        margin-left: 558px;\r\n    }\r\n\r\n    .pc-detail-top {\r\n        width: 200px;\r\n        font-size: 18px;\r\n        color: #E2C9A4;\r\n        text-align: center;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-top: 362px;\r\n        line-height: 18px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .pc-detail-mid {\r\n        width: 900px;\r\n        font-size: 33px;\r\n        color: #FFC04F;\r\n        text-align: center;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-top: 426px;\r\n        line-height: 33px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .pc-detail-bottom {\r\n        width: 900px;\r\n        font-size: 18px;\r\n        color: #E2C9A4;\r\n        text-align: center;\r\n        position: absolute;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        margin-top: 503px;\r\n        line-height: 18px;\r\n        font-weight: 400;\r\n    }\r\n\r\n    .recharge-btn {\r\n        width: 900px;\r\n        position: absolute;\r\n        margin-top: 410px;\r\n        text-align: center;\r\n    }\r\n\r\n    .pc-recharge-img {\r\n        width: 350px;\r\n    }\r\n\r\n    input::-webkit-inner-spin-button {\r\n        -webkit-appearance: none !important;\r\n        margin: 0;\r\n    }\r\n\r\n    input::placeholder {\r\n        color: #b19369;\r\n    }\r\n\r\n    input {\r\n        -webkit-user-select: auto !important;\r\n        -webkit-appearance: none !important;\r\n    }\r\n</style>","import { render, staticRenderFns } from \"./pcOpeningEmperor.vue?vue&type=template&id=49ef0e30&scoped=true\"\nimport script from \"./pcOpeningEmperor.vue?vue&type=script&lang=js\"\nexport * from \"./pcOpeningEmperor.vue?vue&type=script&lang=js\"\nimport style0 from \"./pcOpeningEmperor.vue?vue&type=style&index=0&id=49ef0e30&prod&scoped=true&lang=scss\"\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  \"49ef0e30\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}