| 1 |
- {"ast":null,"code":"import Vue from \"vue\";\nimport App from \"./App.vue\";\nimport router from \"./router/index\";\nimport modules from \"./store/index\";\nimport VueSocketIO from \"vue-socket.io\";\nimport Vuex from 'vuex';\nimport vuescroll from 'vuescroll';\n\n// 在这里设置全局配置\nVue.use(vuescroll, {\n ops: {\n mode: 'native',\n bar: {\n showDelay: 500,\n onlyShowBarOnScroll: true,\n //是否只有滚动的时候才显示滚动条\n keepShow: false,\n background: '#1AB063',\n opacity: 0.2,\n hoverStyle: false,\n specifyBorderRadius: false,\n minSize: false,\n size: '6px',\n disable: false\n }\n },\n // 在这里设置全局默认配置\n name: 'vueScroll' // 在这里自定义组件名字，默认是vueScroll\n});\n\nVue.config.productionTip = false;\nvar strIp = \"121.42.8.157:19702\";\nVue.use(new VueSocketIO({\n debug: true,\n connection: \"ws://\" + strIp,\n options: {\n transports: [\"websocket\", \"polling\"]\n }\n}));\nVue.use(Vuex);\nconst store = new Vuex.Store(modules);\nwindow.store = store;\nwindow.vm = new Vue({\n /*\n @brief\n 建立socket.io的监听事件\n @author\n zhuyf\n @date\n 2022/05/10 14:10\n */\n el: '#app',\n created: function () {\n // console.log('created init home page')\n // init()\n },\n mounted: function () {\n console.log(\"mounted init home page\");\n this.init();\n },\n data() {\n return {\n inited: false\n };\n },\n methods: {\n init() {\n // console.log('created home page by init function' + this.name)\n this.initService();\n },\n initService() {\n if (this.inited === false) {\n this.inited = true;\n // 此函数内开启监听服务器端（gis-server）传的数据\n // 第一个参数是命令字，第二个参数是匿名回调函数，其中回调函数的参数是服务器端传的数据内容\n this.sockets.subscribe(\"login\", data => {\n console.log(\"receive [login] msg from server: \" + data);\n });\n this.sockets.subscribe(\"CALL\", data => {\n // console.log('receive [CALL] msg from server: ' + data)\n });\n }\n }\n },\n sockets: {\n connecting() {\n console.log(\"正在连接\");\n },\n disconnect() {\n console.log(\"Socket 断开\");\n },\n connect_failed() {\n console.log(\"连接失败\");\n },\n connected() {\n console.log(\"socket connected\");\n },\n connect() {\n console.log(\"socket connect\");\n var start = new Date().getTime();\n while (new Date().getTime() - start < 500) {\n // 使用continue 实现；\n continue;\n }\n // this.$socket.emit('login', `{\"cmd\": \"login\", \"data\": {\"name\": \"COLLECTOR\", \"password\": \"666666\"}}`)\n this.$socket.emit(\"USER\", {\n cmd: \"login\",\n data: {\n user_name: \"zjs\",\n user_pass: \"123\"\n }\n }, data => {\n console.log(\"OK, got into login-callback\");\n console.log(JSON.stringify(data));\n });\n console.log(this);\n this.init();\n },\n device_state(data) {\n console.log(data);\n }\n },\n router,\n store,\n // store,\n render: h => h(App)\n}).$mount('#app');\n\n// window.vm.initService();\n\nimport ElementUI from \"element-ui\";\nimport \"element-ui/lib/theme-chalk/index.css\";\nVue.use(ElementUI);\nimport axios from \"axios\";\nVue.prototype.$axios = axios;","map":{"version":3,"names":["Vue","App","router","modules","VueSocketIO","Vuex","vuescroll","use","ops","mode","bar","showDelay","onlyShowBarOnScroll","keepShow","background","opacity","hoverStyle","specifyBorderRadius","minSize","size","disable","name","config","productionTip","strIp","debug","connection","options","transports","store","Store","window","vm","el","created","mounted","console","log","init","data","inited","methods","initService","sockets","subscribe","connecting","disconnect","connect_failed","connected","connect","start","Date","getTime","$socket","emit","cmd","user_name","user_pass","JSON","stringify","device_state","render","h","$mount","ElementUI","axios","prototype","$axios"],"sources":["/Users/mac/projects/mime/mine/src/main.js"],"sourcesContent":["import Vue from \"vue\";\nimport App from \"./App.vue\";\nimport router from \"./router/index\";\nimport modules from \"./store/index\";\nimport VueSocketIO from \"vue-socket.io\";\nimport Vuex from 'vuex'\nimport vuescroll from 'vuescroll';\n\n\n// 在这里设置全局配置\nVue.use(vuescroll, {\n ops: {\n mode: 'native',\n bar: {\n showDelay: 500,\n onlyShowBarOnScroll: true,//是否只有滚动的时候才显示滚动条\n keepShow: false,\n background: '#1AB063',\n opacity: 0.2,\n hoverStyle: false,\n specifyBorderRadius: false,\n minSize: false,\n size: '6px',\n disable: false,\n }\n }, // 在这里设置全局默认配置\n name: 'vueScroll' // 在这里自定义组件名字，默认是vueScroll\n});\n\nVue.config.productionTip = false;\n\nvar strIp = \"121.42.8.157:19702\";\n\nVue.use(\n new VueSocketIO({\n debug: true,\n connection: \"ws://\" + strIp,\n options: {\n transports: [\"websocket\", \"polling\"],\n },\n })\n);\nVue.use(Vuex)\nconst store = new Vuex.Store(modules)\nwindow.store = store;\n\nwindow.vm = new Vue({\n /*\n @brief\n 建立socket.io的监听事件\n @author\n zhuyf\n @date\n 2022/05/10 14:10\n */\n el: '#app',\n created: function () {\n // console.log('created init home page')\n // init()\n \n \n },\n mounted: function () {\n console.log(\"mounted init home page\");\n this.init();\n },\n data() {\n return {\n inited: false,\n };\n },\n methods: {\n init() {\n // console.log('created home page by init function' + this.name)\n this.initService();\n },\n initService() {\n if (this.inited === false) {\n this.inited = true;\n // 此函数内开启监听服务器端（gis-server）传的数据\n // 第一个参数是命令字，第二个参数是匿名回调函数，其中回调函数的参数是服务器端传的数据内容\n this.sockets.subscribe(\"login\", (data) => {\n console.log(\"receive [login] msg from server: \" + data);\n });\n this.sockets.subscribe(\"CALL\", (data) => {\n // console.log('receive [CALL] msg from server: ' + data)\n });\n }\n },\n },\n sockets: {\n connecting() {\n console.log(\"正在连接\");\n },\n disconnect() {\n console.log(\"Socket 断开\");\n },\n connect_failed() {\n console.log(\"连接失败\");\n },\n connected() {\n console.log(\"socket connected\");\n },\n connect() {\n console.log(\"socket connect\");\n var start = new Date().getTime();\n while (new Date().getTime() - start < 500) {\n // 使用continue 实现；\n continue;\n }\n // this.$socket.emit('login', `{\"cmd\": \"login\", \"data\": {\"name\": \"COLLECTOR\", \"password\": \"666666\"}}`)\n this.$socket.emit(\n \"USER\",\n {\n cmd: \"login\",\n data: {\n user_name: \"zjs\",\n user_pass: \"123\",\n },\n },\n (data) => {\n console.log(\"OK, got into login-callback\");\n console.log(JSON.stringify(data));\n }\n );\n console.log(this);\n this.init();\n },\n\n device_state(data) {\n console.log(data);\n },\n },\n router,\n store,\n // store,\n render: (h) => h(App),\n}).$mount('#app')\n\n// window.vm.initService();\n\nimport ElementUI from \"element-ui\";\nimport \"element-ui/lib/theme-chalk/index.css\";\nVue.use(ElementUI);\nimport axios from \"axios\";\nVue.prototype.$axios = axios;\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}
|
