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

Compare commits

base: zmj:11cc3a891461fcacf3ed581e9295975794d9440c
Branches Tags
zmj:main
...
compare: zmj:89e1ce0e44ce9d4201000193c39bc25902f1ce4f
Branches Tags
zmj:main

5 Commits
11cc3a8914 ... 89e1ce0e44

Author SHA1 Message Date
zmj 89e1ce0e44 Merge branch 'main' of https://gitea.lihaink.cn/zmj/screenControl 2024-02-23 17:18:39 +08:00
zmj 75cb11ae5c add 2024-02-23 17:18:22 +08:00
zmj 7302eb9862 Merge branch 'main' of https://gitea.lihaink.cn/zmj/screenControl 2024-02-23 16:18:46 +08:00
zmj e16eb412c3 add 2024-02-23 16:18:42 +08:00
zmj 0012907946 add 2024-02-23 16:13:49 +08:00
5 changed files with 107 additions and 172 deletions
Show Stats Expand all files Collapse all files

6
src/api.js
View File

@ -20,7 +20,7 @@ const instacnePlant = axios.create({
const instacneTrade = axios.create({
baseURL: "http://192.168.1.24:8686/index",
baseURL: "https://shop.lihaink.cn",
timeout: 30000,
});
@ -98,6 +98,10 @@ export function breedFarmCount(params) {
return instacneBreed.get('/api/dataview.farm/farmCount', { params })
}
// 交易数据大屏获取商户列表
export function merchant_listApi(params) {
return instacneTrade.get('/api/dataview/merchant_list', { params })
}
//
//api/dataview/merchant?mer_id=36&areaCode=510524&streetCode=510524100
// }

26
src/view/components/areaChose.vue
View File

@ -1,11 +1,13 @@
<template>
<div class="areacontent">
<div class="area-list">
<div v-for="(item, index) in options" :key="index" :class="{ act: actIndex == index }" @click="handChose(index)"> {{
<div v-for="(item, index) in options" :key="index" :class="{ act: actIndex == index }"
@click="handChose(index)"> {{
item.label }} </div>
</div>
<div class="town-list">
<div class="town-list-li" v-for="(item,index) in townLists" :key="index" @click="handTown(index)">{{ item.name }}</div>
<div class="town-list-li" v-for="(item, index) in townLists" :key="index" @click="handTown(index)">{{ item.name
}}</div>
</div>
</div>
</template>
@ -15,6 +17,10 @@ import { apigetTownLists } from "@/api.js"
import { sendMsg } from "@/api.js"
// 镇列表
const options = reactive([
{
value: '510521',
label: '泸县',
},
{
value: '510502',
label: '江阳区',
@ -27,10 +33,6 @@ const options = reactive([
value: '510504',
label: '龙马潭区',
},
{
value: '510521',
label: '泸县',
},
{
value: '510522',
label: '合江县 ',
@ -52,13 +54,9 @@ const emit = defineEmits(['handTown', 'handArea'])
const handChose = (index) => {
actIndex.value = index;
getTownListsFn(options[index].value);
options.forEach(item => {
if (item.value == options[index].value) {
sendFn('choserArea', { name: item.label, code: item.value })
sendFn('choserArea', { name: options[index].label, code: options[index].value })
emit('handArea', options[actIndex.value].value,)
}
})
}
const handTown = (index) => {
console.log(townLists.value[index]);
@ -69,7 +67,7 @@ const handTown = (index)=>{
// })
townLists.value.forEach(item => {
if (item.code == townLists.value[index].code) {
sendFn('choseTown', { name: item.name })
sendFn('choseTown', { name: item.name, code: item.code })
emit('handTown', options[actIndex.value].value, item.code)
}
})
@ -138,6 +136,7 @@ const sendFn = (event, data = '') => {
justify-content: space-between;
margin-top: 40px;
padding: 0 50px;
.town-list-li {
font-size: 18px;
color: #E4EFF5;
@ -166,4 +165,5 @@ const sendFn = (event, data = '') => {
background-color: #084D89;
border-radius: 5px;
}
}</style>
}
</style>

6
src/view/home.vue
View File

@ -17,8 +17,10 @@ for (let i = 1; i < 6; i++) {
</script>
<style>
.main-box {
width: 1280px;
height: 720px;
/* width: 1280px;
height: 720px; */
width: 100vw;
height: 100vh;
overflow: hidden;
background-image: url('/static/img/index/index_bg.png');
background-size: 100% 100%;

123
src/view/tradeScreen/index.vue
View File

@ -1,135 +1,37 @@
<template>
<img src="/static/img/tradeScreen/FH.png" @click="router.go(-1)" class="back-btn" alt="">
<div style="height: 100vh;">
<div class="tradmenu" v-if="flag">
<div class="tradmenu-li sy"></div>
<div class="tradmenu-li sc"></div>
<div class="tradmenu-li sh" @click="router.push('/storeLogin')"></div>
<div class="tradmenu-li dd"></div>
<div class="tradmenu-li cw"></div>
<div class="tradmenu-li sy" @click="sendFn('header1')"></div>
<div class="tradmenu-li sc" @click="sendFn('header2')"></div>
<div class="tradmenu-li sh" @click="sendFn('header3', '', `router.push('/storeLogin')`)"></div>
<div class="tradmenu-li dd" @click="sendFn('header4')"></div>
<div class="tradmenu-li cw" @click="sendFn('header5')"></div>
</div>
<div v-else>
<areaChose></areaChose>
<areaChose channel="user-trad"></areaChose>
</div>
</div>
<div class="area" @click="flag = !flag">
<div class="area-top">
<div class="town">江陽區</div>
<div class="town">江陽區</div>
<div class="town">泸县</div>
<div class="town"></div>
</div>
<div class="area-bottom"></div>
</div>
<!-- <div style="text-align: center;">数据之眼可视化大屏</div>
<div>
<button @click="sendFn('header1', { page: 1 })">首页</button>
<button @click="sendFn('header2', { page: 2 })">商品</button>
<button @click="sendFn('header3', { page: 3 })">商户</button>
<button @click="sendFn('header4', { page: 4 })">订单</button>
<button @click="sendFn('header5', { page: 5 })">财务</button>
<el-select v-model="areaCode" class="m-2" @change="changeArea" placeholder="Select" size="large">
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
<el-select v-model="townCode" class="m-2" @change="changeTown" placeholder="Select" size="large">
<el-option v-for="item in townOptions" :key="item.value" :label="item.label" :value="item.value" />
</el-select>
</div>
<div v-if="page == 1">
</div> -->
</template>
<script setup scoped>
import { ref, reactive } from "vue"
import { sendMsg } from "@/api.js"
import axios from "axios"
import areaChose from "@/view/components/areaChose.vue"
import { useRouter } from "vue-router"
const router = useRouter()
const flag = ref(true)
const options = [
{
value: '510502',
label: '江阳区',
},
{
value: '510503',
label: '纳溪区',
},
{
value: '510504',
label: '龙马潭区',
},
{
value: '510521',
label: '泸县',
},
{
value: '510522',
label: '合江县 ',
},
{
value: '510524',
label: '叙永县 ',
}, {
value: '510525',
label: '古蔺县 ',
},
]
const townOptions = []
const areaCode = ref('510521')
const townCode = ref("")
const changeArea = (e) => {
getTownList()
options.forEach(item => {
if (item.value == e) {
sendFn('choserArea', { name: item.label, code: item.value })
}
})
}
const changeTown = (e) => {
townOptions.forEach(item => {
if (item.value == e) {
sendFn('header7', { id: item.value, name: item.label })
// sendFn('choseTown', { name: item.label })
}
})
}
const getTownList = () => {
townOptions.splice(0, 99999999)
axios.get(`https://crmeb-test.shop.lihaink.cn/api/city/get_street?area_code=${areaCode.value}`)
.then(function (res) {
res.data.data.forEach(item => {
townOptions.push({
value: item.code,
label: item.name
})
})
})
}
const page = ref(1)
const sendFn = (event, data = '') => {
if (data.page) page.value = data.page;
sendMsg({ channel: 'user-2', event, data })
const sendFn = (event, data = '', fn) => {
sendMsg({ channel: 'user-trad', event, data })
if (fn) eval(fn)
}
</script>
@ -157,14 +59,17 @@ const sendFn = (event, data = '') => {
background-image: url('/static/img/tradeScreen/SC.png');
}
.sh {
background-image: url('/static/img/tradeScreen/SH.png');
}
.dd {
background-image: url('/static/img/tradeScreen/DD.png');
}
.cw {
background-image: url('/static/img/tradeScreen/CW.png');

38
src/view/tradeScreen/storeLogin.vue
View File

@ -1,16 +1,16 @@
<template>
<img src="/static/img/tradeScreen/FH.png" @click="router.go(-1)" class="back-btn" alt="">
<div class="cont" v-if="flag">
<div class="card" v-for="item in 9">
<div class="card" v-for="item in merchant_list" :key="item.id">
<div class="card-tit">
究极公司
<span style="font-size: 16px;color: white;">2024-01-21</span>
{{ item.mer_name }}
<span style="font-size: 14px;color: white;">{{ item.create_time.substring(0,10) }}</span>
</div>
<div class="card-cotnet">
<div>商户姓名: 为对方</div>
<div style="margin: 20px 0;">商户属地: 为对方</div>
<div>商户分类: 为对方</div>
<div class="login">登录</div>
<div>商户姓名: {{ item.real_name }}</div>
<div style="margin: 20px 0;">商户属地: {{ item.mer_address }}</div>
<div>商户分类: {{ item.merchantCategory?.category_name }}</div>
<div class="login" @click="sendFn('header3-3',{id:item.mer_id})">登录</div>
</div>
</div>
</div>
@ -54,8 +54,10 @@
align-items: center;
margin-top: 10px;
}
.card-cotnet {
margin-top: 25px;
.login {
margin: 0 auto;
width: 170px;
@ -135,8 +137,30 @@
import { useRouter } from "vue-router"
import { ref, reactive } from "vue"
import areaChose from "../components/areaChose.vue";
import { merchant_listApi } from "@/api.js"
import { sendMsg } from "@/api.js"
const router = useRouter()
const flag = ref(true)
const merchant_list =ref([])
const getmerchant_list = async () => {
let res = await merchant_listApi({
areaCode: 510521,
status: 1,
limit: 50
})
merchant_list.value=res.data.list
console.log(merchant_list.value)
}
const sendFn = (event, data = '') => {
sendMsg({ channel: 'user-trad', event, data })
}
const handLogin=(id)=>{
}
getmerchant_list()
</script>