{"version":3,"sources":["webpack:///./src/views/bord/bancangBord.vue?8586","webpack:///./src/views/bord/bancangBord.vue?1149","webpack:///./src/views/bord/bancangBord.vue?1997","webpack:///./src/utils/bancangSignalR.js","webpack:///src/views/bord/bancangBord.vue","webpack:///./src/views/bord/bancangBord.vue?c3d2","webpack:///./src/views/bord/bancangBord.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","slot","ref","listText","classOption","_l","item","index","key","staticStyle","_v","_s","allMoney","staticRenderFns","window","jQuery","$","SignalRClient","chat","cardVNode","init","loadJavaScript","then","Config","SERVER_URL","buildConnection","catch","error","console","log","connection","hub","stop","url","TodayClinchOrderHub","client","showMessage","response","JSON","parse","store","commit","start","server","showPaymentMsg","Promise","resolve","reject","ascript","document","createElement","addEventListener","event","setAttribute","head","appendChild","component"],"mappings":"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","file":"js/chunk-37752372.e7ac8439.js","sourcesContent":["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!./bancangBord.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!./bancangBord.vue?vue&type=style&index=1&id=65b0f9b0&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('bordBox',{attrs:{\"type\":'2'}},[_c('div',{staticClass:\"data-text\",attrs:{\"slot\":\"content\"},slot:\"content\"},[_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.paymentTime) + \" 恭喜\" + (item.memberName) + \"成功购买\" + (item.goodsName))))])])])}),0)])],1),_c('div',{staticClass:\"all-money\"},[_vm._v(\" 成交额： \"),_c('span',[_vm._v(_vm._s(_vm.allMoney))]),_vm._v(\" 元\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","/**\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\nimport Config from '@/utils/Config'\r\nimport bus from '@/utils/bus'\r\nimport jQuery from 'jquery'\r\nimport store from '@/store/index'\r\nwindow.jQuery = jQuery\r\nwindow.$ = jQuery\r\n\r\n\r\nclass SignalRClient {\r\n    constructor() {\r\n\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.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        $.connection.hub.stop()\r\n    }\r\n\r\n\r\n    buildConnection() {\r\n        // 指定signalR服务器\r\n        $.connection.hub.url = Config.SERVER_URL + '/signalr'\r\n            //  $.connection.hub.qs = { pushType: this.type }\r\n            // 连接服务端集线器\r\n        this.chat = $.connection.TodayClinchOrderHub\r\n            // 定义客户端方法，此客户端方法必须与服务端集线器中的方法名称、参数均一致。\r\n            // 实际上是服务端调用了前端的js方法（订阅）\r\n        this.chat.client.showMessage = response => {\r\n                console.log('====>1', response)\r\n                if (typeof response === 'string') response = JSON.parse(response)\r\n                    // console.log('====>1', JSON.parse(response))\r\n                store.commit('saveBancang', response)\r\n            }\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.showPaymentMsg( /*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 client","<template>\r\n    <bordBox :type=\"'2'\" >\r\n        <div slot=\"content\" class=\"data-text\">\r\n            <div class=\"information-data\">\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.paymentTime}  恭喜${item.memberName}成功购买${item.goodsName}` }}</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 class=\"all-money\" style=\"bottom: 20%;\">成交额：\r\n            </div> -->\r\n            <div class=\"all-money\" >\r\n                成交额：\r\n                <span>{{ allMoney }}</span>\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/bancangSignalR'\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                ],\r\n                titleText: null,\r\n                allMoney: '0',\r\n                nowTime: '',\r\n                ti: null,\r\n            }\r\n        },\r\n        mounted() {\r\n            // this.request()\r\n            signalr.start()\r\n            console.log('signalr', this.$store.state.signalrRes)\r\n            if (this.$store.state.signalrBancang) {\r\n                this.getData(this.$store.state.signalrBancang)\r\n            }\r\n           \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.signalrBancang'(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            request(){\r\n                this.$api.GetListOrderClinch()\r\n                .then(([res, data, model]) => {\r\n                    this.allMoney = model.totalClinch ? (model.totalClinch / 100.0).toFixed(2).toString() :0\r\n                    this.listText = data\r\n                    //    console.log(new Date(data.grabTime) < new Date())\r\n                })\r\n                .catch(error => console.log(error))\r\n            },\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\r\n                        this.allMoney = res.totalClinch ? (res.totalClinch / 100.0).toFixed(2).toString() :0\r\n                        temp.forEach(element => {\r\n                            this.listText.splice(0, 0, element)\r\n                        })\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.allMoney = res.totalClinch ? (res.totalClinch / 100.0).toFixed(2).toString() :0\r\n                        this.listText = res.data\r\n                    }\r\n                }\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: 34px !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: 42px !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: 48px !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: 7% 0 35% 0;\r\n        text-align: left;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        .all-money{\r\n            position:absolute;\r\n            bottom: 15%;\r\n            width: 65%;\r\n            left: 0;\r\n            font-size: 50px;\r\n            font-weight: 700;\r\n            color: #C11B1D;\r\n            white-space: nowrap;\r\n            overflow: hidden;\r\n            text-overflow: ellipsis;\r\n            span{\r\n                font-size: 54px;\r\n            }\r\n        }\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: #C11B1D;\r\n                    font-size: 32px;\r\n                    font-weight: 500;\r\n                    text-align: left;\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!./bancangBord.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!./bancangBord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./bancangBord.vue?vue&type=template&id=65b0f9b0&scoped=true&\"\nimport script from \"./bancangBord.vue?vue&type=script&lang=js&\"\nexport * from \"./bancangBord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./bancangBord.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./bancangBord.vue?vue&type=style&index=1&id=65b0f9b0&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  \"65b0f9b0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}