diff --git a/ruoyi-ui/package.json b/ruoyi-ui/package.json index d5c9911..beaa63f 100644 --- a/ruoyi-ui/package.json +++ b/ruoyi-ui/package.json @@ -29,11 +29,14 @@ "mockjs": "^1.1.0", "nprogress": "0.2.0", "pinia": "2.0.22", + "socket.io-client": "^4.6.1", "vue": "3.2.45", + "vue-3-socket.io": "^1.0.5", "vue-count-to": "^1.0.13", "vue-cropper": "1.0.3", "vue-i18n": "^9.2.2", "vue-router": "4.1.4", + "vue-socket.io": "^3.0.10", "vue3-count-to": "^1.1.2" }, "devDependencies": { diff --git a/ruoyi-ui/src/main.js b/ruoyi-ui/src/main.js index ab2f6ba..8fa6196 100644 --- a/ruoyi-ui/src/main.js +++ b/ruoyi-ui/src/main.js @@ -45,6 +45,7 @@ import TreeSelect from '@/components/TreeSelect' import DictTag from '@/components/DictTag' import {useI18n} from "vue-i18n"; + const app = createApp(App) // 全局方法挂载 diff --git a/ruoyi-ui/src/views/index.vue b/ruoyi-ui/src/views/index.vue index 0475433..dffa17e 100644 --- a/ruoyi-ui/src/views/index.vue +++ b/ruoyi-ui/src/views/index.vue @@ -110,7 +110,8 @@ - +
@@ -132,6 +133,7 @@ import * as echarts from 'echarts'; // import resize from './mixins/resize' import chinaMap from './china.json' + const animationDuration = 6000 export default { @@ -158,39 +160,15 @@ export default { tyreChart: null, mapName: 'china', geoCoordMap: {}, - chartData: [ - {name: "北京", value: 177}, - {name: "天津", value: 42}, - {name: "河北", value: 102}, - {name: "山西", value: 81}, - {name: "内蒙古", value: 47}, - {name: "辽宁", value: 67}, - {name: "吉林", value: 82}, - {name: "黑龙江", value: 66}, - {name: "上海", value: 24}, - {name: "江苏", value: 92}, - {name: "浙江", value: 114}, - {name: "安徽", value: 109}, - {name: "福建", value: 116}, - {name: "江西", value: 91}, - {name: "山东", value: 119}, - {name: "河南", value: 137}, - {name: "湖北", value: 116}, - {name: "湖南", value: 114}, - {name: "重庆", value: 91}, - {name: "四川", value: 125}, - {name: "贵州", value: 62}, - {name: "云南", value: 83}, - {name: "西藏", value: 9}, - {name: "陕西", value: 80}, - {name: "甘肃", value: 56}, - {name: "青海", value: 10}, - {name: "宁夏", value: 18}, - {name: "新疆", value: 67}, - {name: "广东", value: 123}, - {name: "广西", value: 59}, - {name: "海南", value: 14}, - ], + chartData: [...(chinaMap.features.map(e => { + return { + name: e.properties.name, + value: Math.random() * 200 + } + })), { + name: '南海诸岛', + value: Math.random() * 200 + }], toolTipData: [ { "name": "北京", @@ -324,6 +302,7 @@ export default { this.initChart() this.initCarChart() this.initTyreChart() + this.getErrInfo() }) }, beforeDestroy() { @@ -372,7 +351,7 @@ export default { geo: { show: true, map: this.mapName, - zoom:1.2, + zoom: 1.2, label: { normal: { show: false @@ -404,7 +383,6 @@ export default { label: { normal: { formatter: (e) => { - console.log(e) return e.data.name }, position: 'right', @@ -424,7 +402,7 @@ export default { type: 'map', map: 'china', geoIndex: 0, - zoom:1.6, + zoom: 1.6, aspectScale: 0.75, //长宽比 showLegendSymbol: false, // 存在legend时显示 label: { @@ -639,18 +617,31 @@ export default { ], }) }, - getErrInfo(){ - if( typeof(WebSocket) != "function" ) { + getErrInfo() { + if (typeof (WebSocket) != "function") { alert("您的浏览器不支持Websocket通信协议") return } + const getWebsocket = () => { + let websocket = new WebSocket("ws://10.11.41.249:8080/websocket/message") + websocket.onopen = function (event) { + console.log("服务已连接") + }; + websocket.onmessage = function (event) { + console.log(event) + } + websocket.onerror = function () { + setTimeout(getWebsocket, 1000) + }; + } + getWebsocket() } } } diff --git a/ruoyi-ui/src/views/login.vue b/ruoyi-ui/src/views/login.vue index 3595157..325a8ee 100644 --- a/ruoyi-ui/src/views/login.vue +++ b/ruoyi-ui/src/views/login.vue @@ -114,8 +114,8 @@ const userStore = useUserStore() const router = useRouter(); const {proxy} = getCurrentInstance(); const loginForm = ref({ - username: "admin", - password: "admin123", + username: "", + password: "", rememberMe: false, code: "", uuid: "" diff --git a/ruoyi-ui/vite.config.js b/ruoyi-ui/vite.config.js index bee9e1d..c53d6e9 100644 --- a/ruoyi-ui/vite.config.js +++ b/ruoyi-ui/vite.config.js @@ -13,7 +13,8 @@ export default defineConfig(({mode, command}) => { // 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。 base: VITE_APP_ENV === 'production' ? '/' : '/', - plugins: [createVitePlugins(env, command === 'build'),basicSsl()], + plugins: createVitePlugins(env, command === 'build'), + // plugins: [createVitePlugins(env, command === 'build'),basicSsl()], resolve: { // https://cn.vitejs.dev/config/#resolve-alias alias: { @@ -29,7 +30,7 @@ export default defineConfig(({mode, command}) => { server: { port: 80, host: true, - https:true, + // https:true, open: true, proxy: { '/dev-api': {