zmj
/
tradeScreen
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

c

This commit is contained in:
lxz 2024-01-08 18:32:35 +08:00
parent d7013e1d36
commit ed4e9542ea
8 changed files with 110 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="icon" type="image/svg+xml" href="/static/index/DW.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>数据之眼可视化大屏</title>
</head>

55
src/App.vue
View File

@ -5,22 +5,22 @@ import { Push } from '@/common/push'
var ws = new WebSocket("ws://192.168.106.167:8080");
// var ws = new WebSocket("ws://192.168.106.167:8080");
//当WebSocket创建成功时，触发onopen事件
ws.onopen = function () {
console.log("open");
}
//当客户端收到服务端发来的消息时，触发onmessage事件，参数e.data包含server传递过来的数据
ws.onmessage = function (e) {
// //当WebSocket创建成功时，触发onopen事件
// ws.onopen = function () {
// console.log("open");
// }
// //当客户端收到服务端发来的消息时，触发onmessage事件，参数e.data包含server传递过来的数据
// ws.onmessage = function (e) {
let data =JSON.parse(e.data)
// let data =JSON.parse(e.data)
globalEventBus.emit(data.event, data.data ||'')
// globalEventBus.emit(data.event, data.data ||'')
}
// }
@ -29,26 +29,27 @@ ws.onmessage = function (e) {
// var connection = new Push({
// url: 'ws://192.168.1.22:3131/', // websocket地址
// app_key: 'aaea61749929eb53a4bd75a1474c1d27',
// });
// // 假设用户uid为1
// var uid = 2;
// // 浏览器监听user-2频道的消息，也就是用户uid为1的用户消息
// var user_channel = connection.subscribe('user-' + uid);
var connection = new Push({
url: 'ws://192.168.1.22:3131/', // websocket地址
app_key: 'aaea61749929eb53a4bd75a1474c1d27',
});
// 假设用户uid为1
var uid = 2;
// 浏览器监听user-2频道的消息，也就是用户uid为1的用户消息
var user_channel = connection.subscribe('user-' + uid);
// // 当user-2频道有message事件的消息时
// user_channel.on('message', function (data) {
// if (data.content.event == 'header2') {
// globalEventBus.emit('newTask', "data")
// 当user-2频道有message事件的消息时
user_channel.on('message', function (data) {
globalEventBus.emit(data.content.event, data.content.data)
// }
// });
// // 断线事件
// user_channel.on('close', function () {
// });
console.log("收到消息",data)
});
// 断线事件
user_channel.on('close', function () {
});

22
src/components/areaList.vue
View File

@ -2,7 +2,7 @@
<Transition>
<div class="address" v-if="props.choseArea">
<div class="address-li" @click="choseAreaFn">泸县 </div>
<div class="address-li" @click="choseAreaFn">{{ areaStore.area.name||"泸县" }} </div>
<div class="address-li" @click="choseTownFn(item.code, item.name)" v-for="( item, index ) in areaList ">{{
item.name }}
@ -12,14 +12,13 @@
</template>
<script setup>
import { defineProps, defineEmits, onMounted, reactive, watch } from "vue"
import { defineProps, defineEmits, onMounted, reactive, watch ,ref} from "vue"
import { useRouter, useRoute } from 'vue-router'
import { areaObj } from '@/store/index.js'
import axios from "axios"
import { globalEventBus } from '@/common/eventBus'
let areaStore = areaObj()
const areaName=ref("泸县")
const router = useRouter()
const emit = defineEmits(['offAreaList'])
@ -31,7 +30,8 @@ let areaList = reactive([])
const choseTownFn = (id, name) => {
areaStore.changeArea({
areaCode: areaStore.area.areaCode,
streetCode: id
streetCode: id,
name:areaStore.area.name
})
@ -48,16 +48,22 @@ const choseTownFn = (id, name) => {
const choseAreaFn = () => {
areaStore.changeArea({
areaCode: areaStore.area.areaCode,
streetCode: null
streetCode: null,
name:areaStore.area.name
})
props.choseArea = false
emit('offAreaList', "泸县")
emit('offAreaList',areaStore.area.name)
router.replace('/')
}
onMounted(() => {
axios.get(`https://crmeb-test.shop.lihaink.cn/api/city/get_street?area_code=${areaStore.area.areaCode}`)
.then(function (response) {

79
src/components/header.vue
View File

@ -56,9 +56,13 @@
<div class="rigth-li" @click="choseAreaFn"> <img style="width: 1VW;height:1VW;margin-right: 0.5vw;"
src="/static/index/DW.png" alt=""> {{ area }}
</div>
<areaList :choseArea="choseArea" @offAreaList="offAreaList" style="left: 12vw;"></areaList>
<areaList :choseArea="choseArea" @offAreaList="offAreaList" style="left: 12vw;" :key="areaStore.area.areaCode">
</areaList>
<div class="right-line">
<span></span>
<span>
</span>
<span></span>
</div>
<div class="rigth-li" id="time">15:33:26</div>
@ -100,7 +104,7 @@ import { globalEventBus } from '@/common/eventBus'
const areaStore = areaObj()
let area = ref('')
let area = ref(areaStore.area.name || '')
let userinfo = JSON.parse(localStorage.getItem('TRADE_USER'))
let role = ref(userinfo.role)
@ -127,8 +131,27 @@ const showFn = (index, src) => {
}
}
const backUrl = ref('/')
// alert(zz3)
const changeArea = (name, code) => {
areaStore.changeArea({
areaCode: code,
streetCode: null,
name,
})
// router.go(0)
router.replace('/')
console.log(areaStore.area)
}
watch(
() => route.path,
@ -138,7 +161,7 @@ watch(
if (value == '/index') {
showFn(0)
area.value = '泸县'
area.value = areaStore.area.name || '泸县'
}
if (value == '/townDetail') {
showFn(0)
@ -167,10 +190,6 @@ watch(
)
const choseAreaFn = () => {
if (role.value == 2) {
@ -190,9 +209,6 @@ const offAreaList = (name) => {
area.value = name
}
const out = () => {
//@ts-ignore
// window.open("about:blank", "_top").close()
localStorage.removeItem('TRADE_USER')
router.replace('/login')
}
@ -221,12 +237,10 @@ const updateTime = () => {
document.getElementById("time").innerHTML = currentTime;
document.getElementById("days").innerHTML = currentDays;
}
const SCREEN_TYPE=JSON.parse(localStorage.getItem('SCREEN_TYPE'))
onMounted(() => {
setInterval(updateTime, 1000)
// MapLoader().then(res => {
// area.value = res.addressComponent.district
// })
localStorage.setItem("SCREEN_TYPE",JSON.stringify(route.query)||'' )
})
@ -234,25 +248,46 @@ onMounted(() => {
globalEventBus.on('compheader1', data => {
showFn(0, '/')
if (SCREEN_TYPE.type == 'r') {
showFn(0, '/')
}
})
globalEventBus.on('compheader2', data => {
showFn(1, '/commodity')
if (SCREEN_TYPE.type == 'r'){
showFn(1, '/commodity')
}
})
globalEventBus.on('compheader3', data => {
showFn(2, '/Businesses')
if (SCREEN_TYPE.type == 'r'){
showFn(2, '/Businesses')
}
})
globalEventBus.on('compheader4', data => {
showFn(3, '/order')
if (SCREEN_TYPE.type == 'r'){
showFn(3, '/order')
}
})
globalEventBus.on('compheader5', data => {
showFn(4, '/finance')
if (SCREEN_TYPE.type == 'r'){
showFn(4, '/finance')
}
})
globalEventBus.on('choserArea', data => {
changeArea(data.name, data.code)
})
</script>

3
src/components/index/topLeft.vue
View File

@ -324,7 +324,8 @@ const pageFN = (Num) => {
}
globalEventBus.on('indextopleft', data => {
pageFN(data.num)
console.log("houdao",data)
pageFN(Number(data.num) )
})
</script>

2
src/components/index/topRight.vue
View File

@ -260,7 +260,7 @@ const pageFN = (Num) => {
globalEventBus.on('indextopright', data => {
pageFN(data.num)
pageFN( Number(data.num) )
})
globalEventBus.on('indextopright-1', data => {

5
src/view/home.vue
View File

@ -16,13 +16,8 @@ import { globalEventBus } from '@/common/eventBus'
for (let i = 1; i < 6; i++) {
globalEventBus.on('header' + i, data => {
globalEventBus.emit('compheader' + i, data)
console.log(i)
})
}
console.log("wcnm")
</script>

14
src/view/index.vue
View File

@ -6,24 +6,24 @@
<div class="box" :style="{ opacity: showLoading ? 0 : 1 }">
<div class="body">
<div class="l">
<topLeft :areaCodes="areaCodes" />
<topLeft :areaCodes="areaCodes" :key="areaCodes.areaCode" />
</div>
<div class="c" id="">
<topCenter :areaCodes="areaCodes"></topCenter>
<topCenter :areaCodes="areaCodes" :key="areaCodes.areaCode"></topCenter>
</div>
<div class="r">
<topRight :areaCodes="areaCodes"></topRight>
<topRight :areaCodes="areaCodes" :key="areaCodes.areaCode"></topRight>
</div>
</div>
<div class="foot">
<div class="foot-l">
<bottomLeft :areaCodes="areaCodes"></bottomLeft>
<bottomLeft :areaCodes="areaCodes" :key="areaCodes.areaCode"></bottomLeft>
</div>
<div class="c">
<bottomCenter :areaCodes="areaCodes"></bottomCenter>
<bottomCenter :areaCodes="areaCodes" :key="areaCodes.areaCode"></bottomCenter>
</div>
<div class="r">
<bottomRight :areaCodes="areaCodes"></bottomRight>
<bottomRight :areaCodes="areaCodes" :key="areaCodes.areaCode"></bottomRight>
</div>
</div>
</div>
@ -48,7 +48,7 @@ const areaStore = areaObj()
const areaCodes = reactive({
...areaStore.area
})
console.log(areaCodes,'areacodes')
setTimeout(() => {
showLoading.value = false