{"version":3,"sources":["webpack:///./src/views/bord/lockingBord.vue?286b","webpack:///src/views/bord/lockingBord.vue","webpack:///./src/views/bord/lockingBord.vue?cec6","webpack:///./src/views/bord/lockingBord.vue","webpack:///./src/assets/img/head.jpg","webpack:///./src/utils/SignalR.js","webpack:///./src/views/bord/lockingBord.vue?c0a3","webpack:///./src/views/bord/lockingBord.vue?7c42"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","slot","listText","length","titleText","memberPic","staticStyle","_v","_s","_e","nowTime","ref","classOption","_l","item","index","key","staticRenderFns","component","module","exports","window","jQuery","$","SignalRClient","type","chat","cardVNode","init","loadJavaScript","then","Config","SERVER_URL","buildConnection","catch","error","console","log","connection","hub","stop","url","qs","pushType","SelectNumberBuyHub","client","showMessage","response","JSON","parse","store","commit","start","server","showBuyMsg","Promise","resolve","reject","ascript","document","createElement","addEventListener","event","setAttribute","head","appendChild"],"mappings":"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","file":"js/chunk-a4462200.18619f79.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('bordBox',{attrs:{\"type\":'1'}},[_c('div',{staticClass:\"data-text\",attrs:{\"slot\":\"content\"},slot:\"content\"},[(_vm.listText.length && _vm.titleText.memberPic !== '')?_c('img',{staticClass:\"head-img\",attrs:{\"src\":_vm.titleText.memberPic}}):_c('img',{staticClass:\"head-img\",attrs:{\"src\":require(\"../../assets/img/head.jpg\")}}),(_vm.listText.length)?_c('div',{staticClass:\"title-text\"},[_c('span',[_c('span',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(_vm._s(((_vm.titleText.operateTime) + \" \")))]),_vm._v(\" 恭喜 \"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s(((_vm.titleText.mainHospitalName) + \"/\" + (_vm.titleText.branchName) + \"/\" + (_vm.titleText.memberName) + \" \")))]),_vm._v(\" 成功购买 编号\"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s((\"\" + (_vm.titleText.selectedNumber))))]),_vm._v(\"玺藏特调版 \")])]):_vm._e(),(_vm.listText.length === 0)?_c('div',{staticClass:\"time-text\"},[_c('div',[_vm._v(_vm._s(_vm.nowTime))])]):_vm._e(),(_vm.listText.length)?_c('div',{staticClass:\"information-data\"},[_c('vue-seamless-scroll',{ref:\"seamlessScroll\",staticClass:\"seamless-warp\",attrs:{\"data\":_vm.listText,\"class-option\":_vm.classOption}},[_c('ul',_vm._l((_vm.listText),function(item,index){return _c('li',{key:index},[_c('span',[_c('span',{staticStyle:{\"margin-right\":\"10px\"}},[_vm._v(_vm._s((\"\" + (item.operateTime))))]),_vm._v(\" 恭喜 \"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s(((item.mainHospitalName) + \"/\" + (item.branchName) + \"/\" + (item.memberName) + \" \")))]),_vm._v(\" 成功购买 编号\"),_c('span',{staticClass:\"yellow-color\"},[_vm._v(_vm._s((\"\" + (item.selectedNumber))))]),_vm._v(\"玺藏特调版 \")])])}),0)])],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <bordBox :type=\"'1'\">\r\n        <div slot=\"content\" class=\"data-text\">\r\n            <img class=\"head-img\" :src=\"titleText.memberPic\" v-if=\"listText.length && titleText.memberPic !== ''\" />\r\n            <img class=\"head-img\" src=\"../../assets/img/head.jpg\" v-else />\r\n            <div class=\"title-text\" v-if=\"listText.length\">\r\n                <span\r\n                    ><span style=\"margin-right: 10px\">{{ `${titleText.operateTime} ` }}</span> 恭喜\r\n                    <span class=\"yellow-color\">{{ `${titleText.mainHospitalName}/${titleText.branchName}/${titleText.memberName} ` }}</span>\r\n                    成功购买 编号<span class=\"yellow-color\">{{ `${titleText.selectedNumber}` }}</span\r\n                    >玺藏特调版\r\n                </span>\r\n            </div>\r\n            <div class=\"time-text\" v-if=\"listText.length === 0\">\r\n                <div>{{ nowTime }}</div>\r\n            </div>\r\n            <div class=\"information-data\" v-if=\"listText.length\">\r\n                <vue-seamless-scroll :data=\"listText\" class=\"seamless-warp\" ref=\"seamlessScroll\" :class-option=\"classOption\">\r\n                    <ul>\r\n                        <li v-for=\"(item, index) in listText\" :key=\"index\">\r\n                            <span\r\n                                ><span style=\"margin-right: 10px\">{{ `${item.operateTime}` }}</span> 恭喜\r\n                                <span class=\"yellow-color\">{{ `${item.mainHospitalName}/${item.branchName}/${item.memberName} ` }}</span>\r\n                                成功购买 编号<span class=\"yellow-color\">{{ `${item.selectedNumber}` }}</span\r\n                                >玺藏特调版\r\n                            </span>\r\n                        </li>\r\n                    </ul>\r\n                </vue-seamless-scroll>\r\n            </div>\r\n        </div>\r\n    </bordBox>\r\n</template>\r\n<script>\r\n    import bordBox from '../../components/bordBox.vue'\r\n    import bus from '@/utils/bus'\r\n    import vueSeamlessScroll from 'vue-seamless-scroll'\r\n    import signalr from '@/utils/SignalR'\r\n\r\n    export default {\r\n        components: { bordBox, vueSeamlessScroll },\r\n        data() {\r\n            return {\r\n                screenWidth: document.body.clientWidth,\r\n                listText: [],\r\n                titleText: null,\r\n                nowTime: '',\r\n                ti: null,\r\n                signalr: new signalr(0)\r\n            }\r\n        },\r\n        mounted() {\r\n            this.signalr.start()\r\n            console.log('signalr', this.$store.state.signalrRes)\r\n            if (this.$store.state.signalrRes) {\r\n                this.getData(this.$store.state.signalrRes)\r\n            }\r\n            this.getNowFormatDate()\r\n            this.ti = setInterval(() => {\r\n                this.getNowFormatDate()\r\n            }, 60000)\r\n            const that = this\r\n            window.onresize = () => {\r\n                return (() => {\r\n                    window.screenWidth = document.body.clientWidth\r\n                    that.screenWidth = window.screenWidth\r\n                })()\r\n            }\r\n        },\r\n        destroyed() {\r\n            window.clearInterval(this.ti)\r\n            this.signalr.stop()\r\n            this.$store.commit('save', null)\r\n        },\r\n        created() {},\r\n        computed: {\r\n            classOption() {\r\n                return {\r\n                    step: 0.3, // 数值越大速度滚动越快\r\n                    limitMoveNum: 5, // 开始无缝滚动的数据量 this.dataList.length\r\n                    hoverStop: true, // 是否开启鼠标悬停stop\r\n                    direction: 1, // 0向下 1向上 2向左 3向右\r\n                    openWatch: true, // 开启数据实时监控刷新dom\r\n                    singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1\r\n                    singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3\r\n                    waitTime: 500 // 单步运动停止的时间(默认值1000ms)\r\n                }\r\n            }\r\n        },\r\n        watch: {\r\n            /* 监听*/\r\n            screenWidth(val) {\r\n                this.screenWidth = val\r\n                this.width = val * 0.15\r\n                console.log('this.screenWidth', this.screenWidth)\r\n            },\r\n            '$store.state.signalrRes'(newVal, oldVal) {\r\n                if (newVal) {\r\n                    console.log('1', newVal)\r\n                    this.getData(newVal)\r\n                }\r\n            }\r\n        },\r\n        methods: {\r\n            //获取页面实时数据\r\n            getData(res) {\r\n                // let listData = []\r\n                if (res.data.length && res.data[0] !== null) {\r\n                    // this.listText = res.data\r\n                    if (res.push == 1) {\r\n                        const temp = res.data[0]\r\n                        this.listText.splice(0, 0, temp)\r\n                        this.$nextTick(() => {\r\n                            this.$refs.seamlessScroll.reset()\r\n                        })\r\n                        // this.$refs.seamlessScroll.reset()\r\n                        console.log('===>', this.$refs.seamlessScroll)\r\n                        // console.log('zzz', $('.information-data').length)\r\n                    } else {\r\n                        // console.log()\r\n                        this.listText = res.data\r\n                    }\r\n                    this.titleText = this.listText[0]\r\n                }\r\n            },\r\n            //获取当前时间\r\n            getNowFormatDate() {\r\n                var date = new Date()\r\n                var seperator1 = '-'\r\n                var year = date.getFullYear()\r\n                var month = date.getMonth() + 1\r\n                var strDate = date.getDate()\r\n                var hours = date.getHours()\r\n                var minu = date.getMinutes()\r\n                if (month >= 1 && month <= 9) {\r\n                    month = '0' + month\r\n                }\r\n                if (strDate >= 0 && strDate <= 9) {\r\n                    strDate = '0' + strDate\r\n                }\r\n                if (hours >= 0 && hours <= 9) {\r\n                    hours = '0' + hours\r\n                }\r\n                if (minu >= 0 && minu <= 9) {\r\n                    minu = '0' + minu\r\n                }\r\n                var currentdate = year + seperator1 + month + seperator1 + strDate + ' ' + hours + ':' + minu\r\n                this.nowTime = currentdate\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\">\r\n    .seamless-warp {\r\n        width: 100%;\r\n        height: calc(100% - 16px);\r\n        overflow: hidden;\r\n    }\r\n    @media screen and (min-width: 2000px) {\r\n        .head-img {\r\n            width: 180px !important;\r\n            height: 180px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 3rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 32px !important;\r\n        }\r\n    }\r\n    @media screen and (min-width: 3000px) {\r\n        .head-img {\r\n            width: 200px !important;\r\n            height: 200px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 4rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 40px !important;\r\n        }\r\n    }\r\n    @media screen and (min-width: 4000px) {\r\n        .head-img {\r\n            width: 220px !important;\r\n            height: 220px !important;\r\n        }\r\n        .title-text {\r\n            font-size: 5rem !important;\r\n        }\r\n        .information-data li {\r\n            font-size: 46px !important;\r\n        }\r\n    }\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n    .data-text {\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        padding: 10% 0;\r\n        text-align: center;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        .head-img,\r\n        .title-text,\r\n        .time-text {\r\n            flex-shrink: 0;\r\n        }\r\n        .head-img {\r\n            width: 140px;\r\n            height: 140px;\r\n            border: 6px solid #fff;\r\n            border-radius: 50%;\r\n        }\r\n        .title-text {\r\n            margin-top: 25px;\r\n            color: #fff;\r\n            font-size: 2.5rem;\r\n            .yellow-color {\r\n                color: #fed35a;\r\n            }\r\n        }\r\n        .time-text {\r\n            color: #fff;\r\n            font-size: 2rem;\r\n            margin-top: 20px;\r\n        }\r\n        .information-data {\r\n            // height: 40%;\r\n            width: 100%;\r\n            height: 1px;\r\n            flex-grow: 1;\r\n            border-radius: 15px;\r\n            border: 1px solid #ccc;\r\n            margin-top: 6%;\r\n            padding: 15px 20px;\r\n            box-sizing: border-box;\r\n            ul {\r\n                li {\r\n                    height: 20%;\r\n                    // line-height: 100%;\r\n                    margin-top: 1%;\r\n                    color: #fff;\r\n                    font-size: 26px;\r\n                    font-weight: 500;\r\n                    text-align: center;\r\n                    white-space: nowrap;\r\n                    overflow: hidden;\r\n                    text-overflow: ellipsis;\r\n                    .yellow-color {\r\n                        color: #fed35a;\r\n                    }\r\n                }\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!./lockingBord.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!./lockingBord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./lockingBord.vue?vue&type=template&id=67312714&scoped=true&\"\nimport script from \"./lockingBord.vue?vue&type=script&lang=js&\"\nexport * from \"./lockingBord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./lockingBord.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./lockingBord.vue?vue&type=style&index=1&id=67312714&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  \"67312714\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/head.cd9ee24b.jpg\";","/**\r\n * signalr\r\n *\r\n * https://docs.microsoft.com/zh-cn/aspnet/signalr/overview/guide-to-the-api/hubs-api-guide-javascript-client\r\n *\r\n * 使用方式：\r\n * 1、App.vue 引入该文件\r\n * 2、在 mounted 调用 start 方法\r\n */\r\nimport Vue from 'vue'\r\nimport { mapGetters } from 'vuex'\r\n// import PushMessageCard from '@/components/PushMessageCard'\r\nimport Config from '@/utils/Config'\r\nimport bus from '@/utils/bus'\r\n// import i18n from \"@/VueI18n/Index\";\r\n// import store from \"@/store/Index\";\r\nimport jQuery from 'jquery'\r\nimport store from '@/store/index'\r\nwindow.jQuery = jQuery\r\nwindow.$ = jQuery\r\n\r\n// /**\r\n//  * 用于监听数据的组件\r\n//  */\r\n// const WatchUsernameComponent = Vue.extend({\r\n//   data() {\r\n//     return {};\r\n//   },\r\n\r\n//   props: {\r\n//     handle: Function,\r\n//   },\r\n\r\n//   watch: {\r\n//     username: function(newValue, oldValue) {\r\n//       if (typeof this.handle === \"function\") {\r\n//         this.handle.call(null, newValue, oldValue);\r\n//       }\r\n//     },\r\n//   },\r\n\r\n//   computed: {\r\n//     ...mapGetters([\"isLogined\", \"username\"]),\r\n//   },\r\n// });\r\n\r\nclass SignalRClient {\r\n    constructor(type) {\r\n        // console.log('1', this.type)\r\n        this.type = type\r\n        this.chat = null\r\n        this.cardVNode = null\r\n        this.init = false\r\n    }\r\n\r\n    start() {\r\n        if (this.init) return\r\n        // this.watchNotify = new WatchUsernameComponent({ store, i18n });\r\n        // this.watchNotify.handle = (newValue, oldValue) =>\r\n        //   this.onUsernameChanged(newValue, oldValue);\r\n        this.init = true\r\n        this.loadJavaScript('/jquery.signalR-2.1.2.min.js')\r\n            .then(() => this.loadJavaScript(`${Config.SERVER_URL}/signalr/hub/hubs`))\r\n            .then(() => this.buildConnection())\r\n            .catch(error => {\r\n                this.init = false\r\n                console.log(error)\r\n            })\r\n    }\r\n    stop() {\r\n        // this.chat.server.exitHub()\r\n        $.connection.hub.stop()\r\n    }\r\n\r\n    //   onUsernameChanged(newValue, oldValue) {\r\n    //     $.connection.hub.qs = { loginName: newValue };\r\n    //     if (newValue) {\r\n    //       $.connection.hub.start().then(() => {\r\n    //         this.chat.server.ShowBuyMsg(/*this.watchNotify.username*/);\r\n    //       });\r\n    //     } else {\r\n    //       this.chat.server.exitHub(oldValue);\r\n    //       $.connection.hub.stop();\r\n    //     }\r\n    //   }\r\n\r\n    buildConnection() {\r\n        // 指定signalR服务器\r\n        console.log('qs', this.type)\r\n        $.connection.hub.url = Config.SERVER_URL + '/signalr'\r\n        $.connection.hub.qs = { pushType: this.type }\r\n        // 连接服务端集线器\r\n        this.chat = $.connection.SelectNumberBuyHub\r\n        // 定义客户端方法，此客户端方法必须与服务端集线器中的方法名称、参数均一致。\r\n        // 实际上是服务端调用了前端的js方法（订阅）\r\n        this.chat.client.showMessage = response => {\r\n            if (typeof response === 'string') response = JSON.parse(response)\r\n            console.log('====>', response)\r\n            if (response.pushType === 0) {\r\n                store.commit('save', response)\r\n            } else {\r\n                store.commit('saveMillion', response)\r\n            }\r\n            // bus.$emit(\"message\", response);\r\n            // if (!this.cardVNode) {\r\n            //     // 创建div容器\r\n            //     const div = document.createElement('div')\r\n            //     div.setAttribute('style', 'z-index: 99999;')\r\n            //     document.body.appendChild(div)\r\n            //     // 创建消息推送的显示弹窗\r\n            //     const PushMessageCard_SignalR = Vue.extend(Object.assign(PushMessageCard, { name: 'PushMessageCard_SignalR' }))\r\n            //     this.cardVNode = new PushMessageCard_SignalR({ i18n, store }).$mount(div)\r\n            // }\r\n            // // 更新消息数据\r\n            // this.cardVNode.showMessages(response.data)\r\n        }\r\n        /**\r\n         * signalR 提供了以下生命周期的回调：\r\n         * - starting: 在任何数据发送之前执行\r\n         * - received: 当任何数据通过连接获取到的时候执行。可以得到数据\r\n         * - connectionSlow: 当客户端检测到缓慢或者不流畅的连接的时候执行\r\n         * - reconnecting: 当潜在的协议重新开始连接的时候执行\r\n         * - reconnected: 当潜在的协议以及重新建立连接的时候执行\r\n         * - stateChanged: 当连接的状态发生改变的时候执行\r\n         * - disconnected: 当连接中断以后执行\r\n         */\r\n        // $.connection.hub.starting(() => console.log('==> signalr starting'))\r\n        // $.connection.hub.received(() => console.log('==> signalr received'))\r\n        // $.connection.hub.connectionSlow(() => console.log('==> signalr connectionSlow'))\r\n        // $.connection.hub.reconnecting(() => console.log('==> signalr reconnecting'))\r\n        // $.connection.hub.reconnected(() => console.log('==> signalr reconnected'))\r\n        // $.connection.hub.stateChanged(() => console.log('==> signalr stateChanged'))\r\n        // $.connection.hub.disconnected(() => console.log('==> signalr disconnected'))\r\n        // 处理错误\r\n        $.connection.hub.error(error => console.log('signalr error:', error))\r\n        // 连接服务端\r\n        // if (this.watchNotify.username) {\r\n        $.connection.hub.start().then(() => {\r\n            this.chat.server.showBuyMsg(/*this.watchNotify.username*/)\r\n        })\r\n        // }\r\n    }\r\n\r\n    loadJavaScript(url) {\r\n        return new Promise((resolve, reject) => {\r\n            const ascript = document.createElement('script')\r\n            ascript.addEventListener('load', event => resolve(), false)\r\n            ascript.setAttribute('type', 'text/javascript')\r\n            ascript.setAttribute('src', url)\r\n            document.head.appendChild(ascript)\r\n        })\r\n    }\r\n}\r\n\r\nconst client = new SignalRClient()\r\nexport default SignalRClient\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./lockingBord.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./lockingBord.vue?vue&type=style&index=1&id=67312714&lang=scss&scoped=true&\""],"sourceRoot":""}