hanzhengzheng/screenFront
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

展会二级屏更新，添加接口文件，仓库文件，静态文件

Browse Source
This commit is contained in:
hzz 2023-08-28 18:05:54 +08:00
parent d263d43951
commit 14d3716775
26 changed files with 580 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/indexImg/microExhibition.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

6
src/http/cisma/index.ts Normal file
View File

@ -0,0 +1,6 @@
import {get,post} from "@/utils/http"
//气压
export function getCismaList(){
return get('/cisma/getCismaList')
}

39
src/store/module/MicroExhibition.ts Normal file
View File

@ -0,0 +1,39 @@
/*
* @FilePath: \wwwd:\code\screenFront\src\store\module\MicrofactoryDev.ts
* @Author: 王路平
* @文件版本: V1.0.0
* @Date: 2023-02-06 15:58:13
* @Description:
*
* 版权信息 : 2023 by ${再登软件}, All Rights Reserved.
*/
import { defineStore } from "pinia";
import { Names } from "@/store/storeName";
import { development, production } from "@/utils/devSever";
export const useMicroExhibitionStore = defineStore(Names.MicroExhibition, {
// 使用方式
// const Index= useIndexStore()
// 1、Index.{数据}++
// 2、Index.$patch({数据:??})
// 3、Index.$patch((state)=>{ state.数据=??})
// 4、通过action修改
state: () => {
return {
devlist: [],
devnum: {all: 5, wait: 1, off: 3, on: 0}
};
},
//computed 修改一些值
//需要使用return将数据抛出
//getters内可相互使用计算结果
//使用时可直接放入标签内<div>Index.方法()</div>
getters: {},
actions: {
setDevlist(data) {
this.devlist = data;
},
setDevnum(data) {
this.devnum = data;
}
},
});

1
src/store/storeName.ts
View File

@ -29,4 +29,5 @@ export const enum Names{
MechanicalViewJingshi="MechanicalViewJingshi",
socketMechanics='socketMechanics',
socketMicEnvironment='socketMicEnvironment',
MicroExhibition='MicroExhibition',
}

86
src/views/MicroExhibition/child/Left1.vue Normal file
View File

@ -0,0 +1,86 @@
<template>
<div class="left1">
<Pan class="pan1"></Pan>
<div class="s1"></div>
<div class="h1"></div>
<div class="s2"></div>
<div class="title">{{title}}</div>
<div class="val">{{ val }}</div>
</div>
</template>
<script setup lang='ts'>
import Pan from './Pan.vue';
const prop = defineProps({
title: {
type: String,
default: '机架号'
},
val: {
type: String,
default: 'RP2011001#'
}
})
</script>
<style scoped>
.left1 {
width: 247px;
height: 100%;
position: relative;
}
.pan1 {
position: absolute;
width: 247px;
height: 248px;
left: 0px;
top: 170px;
}
.s1 {
position: absolute;
width: 320px;
height: 6px;
background-image: url('./img/u308p000.svg');
left: -31px;
top: 544px;
transform: rotate(90deg);
}
.h1 {
position: absolute;
width: 140px;
height: 6px;
background-image: url('./img/u308p001.svg');
left: 125px;
top: 701px;
}
.s2 {
position: absolute;
width: 158px;
height: 10px;
background-image: url('./img/u308p002.svg');
left: 183px;
top: 773px;
transform: rotate(90deg);
}
.title {
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #B2EDED;
top: 410px;
left: 56px;
}
.val {
width: 100%;
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #B2EDED;
top: 229px;
left: 0;
}
</style>

86
src/views/MicroExhibition/child/Left2.vue Normal file
View File

@ -0,0 +1,86 @@
<template>
<div class="left1">
<Pan class="pan1"></Pan>
<div class="s1"></div>
<div class="h1"></div>
<div class="s2"></div>
<div class="title">{{ title }}</div>
<div class="val">{{ val }}</div>
</div>
</template>
<script setup lang='ts'>
import Pan from './Pan.vue';
const prop = defineProps({
title: {
type: String,
default: '设备状态'
},
val: {
type: String,
default: '工作中'
}
})
</script>
<style scoped>
.left1 {
width: 247px;
height: 100%;
position: relative;
}
.pan1 {
position: absolute;
width: 247px;
height: 248px;
left: 0px;
top: 0px;
}
.s1 {
position: absolute;
width: 258px;
height: 6px;
background-image: url('./img/u306p000.svg');
left: 6px;
top: 343px;
transform: rotate(90deg);
}
.h1 {
position: absolute;
width: 100px;
height: 6px;
background-image: url('./img/u306p001.svg');
left: 132px;
top: 470px;
}
.s2 {
position: absolute;
width: 124px;
height: 6px;
background-image: url('./img/u306p002.svg');
left: 169px;
top: 528px;
transform: rotate(90deg);
}
.title {
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #B2EDED;
top: 240px;
left: 44px;
}
.val {
width: 100%;
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #B2EDED;
top: 55px;
left: 0;
}
</style>

27
src/views/MicroExhibition/child/Pan.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<div class="pan">
<div class="light"></div>
</div>
</template>
<script setup lang='ts'>
</script>
<style scoped>
.pan {
position: relative;
width: 247px;
height: 248px;
background-image: url('./img/u356.png');
background-size: 100% 100%;
}
.light {
position: absolute;
width: 109px;
height: 52px;
left: 69px;
top: 98px;
background-image: url('./img/u25.png');
background-size: 100% 100%;
}
</style>

86
src/views/MicroExhibition/child/Right1.vue Normal file
View File

@ -0,0 +1,86 @@
<template>
<div class="left1">
<Pan class="pan1"></Pan>
<div class="s1"></div>
<div class="h1"></div>
<div class="s2"></div>
<div class="title">{{ title }}</div>
<div class="val">{{ val }}</div>
</div>
</template>
<script setup lang='ts'>
import Pan from './Pan.vue';
const prop = defineProps({
title: {
type: String,
default: '压脚次数'
},
val: {
type: String,
default: '10次'
}
})
</script>
<style scoped>
.left1 {
width: 247px;
height: 100%;
position: relative;
}
.pan1 {
position: absolute;
width: 247px;
height: 248px;
left: 0px;
top: 0px;
}
.s1 {
position: absolute;
width: 258px;
height: 6px;
background-image: url('./img/u307p000.svg');
left: 6px;
top: 343px;
transform: rotate(90deg);
}
.h1 {
position: absolute;
width: 100px;
height: 6px;
background-image: url('./img/u307p001.svg');
left: 35px;
top: 467px;
}
.s2 {
position: absolute;
width: 124px;
height: 6px;
background-image: url('./img/u307p002.svg');
left: -25px;
top: 528px;
transform: rotate(90deg);
}
.title {
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #B2EDED;
top: 240px;
left: 42px;
}
.val {
width: 100%;
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #B2EDED;
top: 55px;
left: 0;
}
</style>

86
src/views/MicroExhibition/child/Right2.vue Normal file
View File

@ -0,0 +1,86 @@
<template>
<div class="left1">
<Pan class="pan1"></Pan>
<div class="s1"></div>
<div class="h1"></div>
<div class="s2"></div>
<div class="title">{{ title }}</div>
<div class="val">{{ val }}</div>
</div>
</template>
<script setup lang='ts'>
import Pan from './Pan.vue';
const prop = defineProps({
title: {
type: String,
default: '剪线次数'
},
val: {
type: String,
default: '20次'
}
})
</script>
<style scoped>
.left1 {
width: 247px;
height: 100%;
position: relative;
}
.pan1 {
position: absolute;
width: 247px;
height: 248px;
left: 0px;
top: 170px;
}
.s1 {
position: absolute;
width: 316px;
height: 4px;
background-image: url('./img/u309p000.svg');
left: -31px;
top: 544px;
transform: rotate(90deg);
}
.h1 {
position: absolute;
width: 146px;
height: 4px;
background-image: url('./img/u309p001.svg');
left: -16px;
top: 701px;
}
.s2 {
position: absolute;
width: 150px;
height: 6px;
background-image: url('./img/u309p002.svg');
left: -90px;
top: 773px;
transform: rotate(90deg);
}
.title {
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 20px;
color: #B2EDED;
top: 410px;
left: 34px;
}
.val {
width: 100%;
position: absolute;
font-family: "Arial Negreta", "Arial Normal", "Arial", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #B2EDED;
top: 229px;
left: 0;
}
</style>

BIN
src/views/MicroExhibition/child/img/u25.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 496 KiB

7
src/views/MicroExhibition/child/img/u306p000.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="258px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="934 421 258 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 640 1486 )">
<path d="M 0 5.999996809013437 L 0 250.05821917789754 L 94.24603174603175 246.9246575342465 L 95 364.7465753424657 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1063 298 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670017935441078 -3.5 3.4999984179518853 C -3.5 5.4329950423596625 -1.9329966244077774 6.999998417951885 0 6.999998417951885 C 1.9329966244077774 6.999998417951885 3.5 5.4329950423596625 3.5 3.4999984179518853 C 3.5 1.5670017935441078 1.9329966244077774 0 0 0 Z M 0 1.9999984179518853 C 0.8284271247461901 1.9999984179518853 1.5 2.6715712932056954 1.5 3.4999984179518853 C 1.5 4.328425542698075 0.8284271247461901 4.999998417951885 0 4.999998417951885 C -0.8284271247461901 4.999998417951885 -1.5 4.328425542698075 -1.5 3.4999984179518853 C -1.5 2.6715712932056954 -0.8284271247461901 1.9999984179518853 0 1.9999984179518853 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1063 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u306p001.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1060 545 100 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0.9993908270190971 0.0348994967025011 -0.03489949670248897 0.999390827019098 19.766206705063723 -38.40522371922282 )">
<path d="M 0 5.999996809013437 L 0 250.05821917789754 L 94.24603174603175 246.9246575342465 L 95 364.7465753424657 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1063 298 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670017935441078 -3.5 3.4999984179518853 C -3.5 5.4329950423596625 -1.9329966244077774 6.999998417951885 0 6.999998417951885 C 1.9329966244077774 6.999998417951885 3.5 5.4329950423596625 3.5 3.4999984179518853 C 3.5 1.5670017935441078 1.9329966244077774 0 0 0 Z M 0 1.9999984179518853 C 0.8284271247461901 1.9999984179518853 1.5 2.6715712932056954 1.5 3.4999984179518853 C 1.5 4.328425542698075 0.8284271247461901 4.999998417951885 0 4.999998417951885 C -0.8284271247461901 4.999998417951885 -1.5 4.328425542698075 -1.5 3.4999984179518853 C -1.5 2.6715712932056954 -0.8284271247461901 1.9999984179518853 0 1.9999984179518853 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1063 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u306p002.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="124px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1096 601 124 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 555 1761 )">
<path d="M 0 5.999996809013437 L 0 250.05821917789754 L 94.24603174603175 246.9246575342465 L 95 364.7465753424657 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1063 298 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670017935441078 -3.5 3.4999984179518853 C -3.5 5.4329950423596625 -1.9329966244077774 6.999998417951885 0 6.999998417951885 C 1.9329966244077774 6.999998417951885 3.5 5.4329950423596625 3.5 3.4999984179518853 C 3.5 1.5670017935441078 1.9329966244077774 0 0 0 Z M 0 1.9999984179518853 C 0.8284271247461901 1.9999984179518853 1.5 2.6715712932056954 1.5 3.4999984179518853 C 1.5 4.328425542698075 0.8284271247461901 4.999998417951885 0 4.999998417951885 C -0.8284271247461901 4.999998417951885 -1.5 4.328425542698075 -1.5 3.4999984179518853 C -1.5 2.6715712932056954 -0.8284271247461901 1.9999984179518853 0 1.9999984179518853 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1063 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u307p000.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="256px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1372 421 256 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 1077 1923 )">
<path d="M 124 5.999997171648102 L 124 249 L 1 249 L 1 366 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1376 298 )" />
<path d="M 124 0 C 122.06700337559222 0 120.5 1.5670020639011504 120.5 3.499998688308928 C 120.5 5.432995312716705 122.06700337559222 6.999998688308928 124 6.999998688308928 C 125.93299662440778 6.999998688308928 127.5 5.432995312716705 127.5 3.499998688308928 C 127.5 1.5670020639011504 125.93299662440778 0 124 0 Z M 124 1.9999986883089278 C 124.82842712474618 1.9999986883089278 125.5 2.671571563562738 125.5 3.499998688308928 C 125.5 4.328425813055118 124.82842712474618 4.999998688308928 124 4.999998688308928 C 123.17157287525382 4.999998688308928 122.5 4.328425813055118 122.5 3.499998688308928 C 122.5 2.671571563562738 123.17157287525382 1.9999986883089278 124 1.9999986883089278 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1376 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u307p001.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="128px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1374 545 128 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(-1 -0 -0 -1 2876 1094 )">
<path d="M 124 5.999997171648102 L 124 249 L 1 249 L 1 366 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1376 298 )" />
<path d="M 124 0 C 122.06700337559222 0 120.5 1.5670020639011504 120.5 3.499998688308928 C 120.5 5.432995312716705 122.06700337559222 6.999998688308928 124 6.999998688308928 C 125.93299662440778 6.999998688308928 127.5 5.432995312716705 127.5 3.499998688308928 C 127.5 1.5670020639011504 125.93299662440778 0 124 0 Z M 124 1.9999986883089278 C 124.82842712474618 1.9999986883089278 125.5 2.671571563562738 125.5 3.499998688308928 C 125.5 4.328425813055118 124.82842712474618 4.999998688308928 124 4.999998688308928 C 123.17157287525382 4.999998688308928 122.5 4.328425813055118 122.5 3.499998688308928 C 122.5 2.671571563562738 123.17157287525382 1.9999986883089278 124 1.9999986883089278 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1376 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u307p002.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="122px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1316 603 122 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 772 1982 )">
<path d="M 124 5.999997171648102 L 124 249 L 1 249 L 1 366 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1376 298 )" />
<path d="M 124 0 C 122.06700337559222 0 120.5 1.5670020639011504 120.5 3.499998688308928 C 120.5 5.432995312716705 122.06700337559222 6.999998688308928 124 6.999998688308928 C 125.93299662440778 6.999998688308928 127.5 5.432995312716705 127.5 3.499998688308928 C 127.5 1.5670020639011504 125.93299662440778 0 124 0 Z M 124 1.9999986883089278 C 124.82842712474618 1.9999986883089278 125.5 2.671571563562738 125.5 3.499998688308928 C 125.5 4.328425813055118 124.82842712474618 4.999998688308928 124 4.999998688308928 C 123.17157287525382 4.999998688308928 122.5 4.328425813055118 122.5 3.499998688308928 C 122.5 2.671571563562738 123.17157287525382 1.9999986883089278 124 1.9999986883089278 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1376 298 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u308p000.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="320px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="646 661 320 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 143 1469 )">
<path d="M 0 5.999999106772314 L 0 312.91438356141276 L 132.93650793650795 308.99315068493144 L 134 456.431506849315 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 806 507 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670032167371757 -3.5 3.499999841144953 C -3.5 5.43299646555273 -1.9329966244077774 6.9999998411449535 0 6.9999998411449535 C 1.9329966244077774 6.9999998411449535 3.5 5.43299646555273 3.5 3.499999841144953 C 3.5 1.5670032167371757 1.9329966244077774 0 0 0 Z M 0 1.999999841144953 C 0.8284271247461901 1.999999841144953 1.5 2.671572716398763 1.5 3.499999841144953 C 1.5 4.3284269658911425 0.82842712474619 4.9999998411449535 0 4.9999998411449535 C -0.8284271247461906 4.9999998411449535 -1.5 4.328426965891143 -1.5 3.499999841144953 C -1.5 2.671572716398763 -0.8284271247461901 1.999999841144953 0 1.999999841144953 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 806 507 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u308p001.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="140px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="802 815 140 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0.9993908270190954 0.03489949670250055 -0.03489949670250786 0.9993908270190973 29.044087645297736 -29.934666799183105 )">
<path d="M 0 5.999999106772314 L 0 312.91438356141276 L 132.93650793650795 308.99315068493144 L 134 456.431506849315 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 806 507 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670032167371757 -3.5 3.499999841144953 C -3.5 5.43299646555273 -1.9329966244077774 6.9999998411449535 0 6.9999998411449535 C 1.9329966244077774 6.9999998411449535 3.5 5.43299646555273 3.5 3.499999841144953 C 3.5 1.5670032167371757 1.9329966244077774 0 0 0 Z M 0 1.999999841144953 C 0.8284271247461901 1.999999841144953 1.5 2.671572716398763 1.5 3.499999841144953 C 1.5 4.3284269658911425 0.82842712474619 4.9999998411449535 0 4.9999998411449535 C -0.8284271247461906 4.9999998411449535 -1.5 4.328426965891143 -1.5 3.499999841144953 C -1.5 2.671572716398763 -0.8284271247461901 1.999999841144953 0 1.999999841144953 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 806 507 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u308p002.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="158px" height="10px" preserveAspectRatio="xMinYMid meet" viewBox="860 885 158 8" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 50 1828 )">
<path d="M 0 5.999999106772314 L 0 312.91438356141276 L 132.93650793650795 308.99315068493144 L 134 456.431506849315 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 806 507 )" />
<path d="M 0 0 C -1.9329966244077774 0 -3.5 1.5670032167371757 -3.5 3.499999841144953 C -3.5 5.43299646555273 -1.9329966244077774 6.9999998411449535 0 6.9999998411449535 C 1.9329966244077774 6.9999998411449535 3.5 5.43299646555273 3.5 3.499999841144953 C 3.5 1.5670032167371757 1.9329966244077774 0 0 0 Z M 0 1.999999841144953 C 0.8284271247461901 1.999999841144953 1.5 2.671572716398763 1.5 3.499999841144953 C 1.5 4.3284269658911425 0.82842712474619 4.9999998411449535 0 4.9999998411449535 C -0.8284271247461906 4.9999998411449535 -1.5 4.328426965891143 -1.5 3.499999841144953 C -1.5 2.671572716398763 -0.8284271247461901 1.999999841144953 0 1.999999841144953 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 806 507 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u309p000.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="316px" height="4px" preserveAspectRatio="xMinYMid meet" viewBox="1618 647 316 2" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 1128 2424 )">
<path d="M 142 5.999998987625388 L 142 312 L 1 312 L 1 458 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1634 492 )" />
<path d="M 142 0 C 140.06700337559224 0 138.5 1.5670032217768675 138.5 3.499999846184645 C 138.5 5.432996470592422 140.06700337559224 6.999999846184645 142 6.999999846184645 C 143.93299662440776 6.999999846184645 145.5 5.432996470592422 145.5 3.499999846184645 C 145.5 1.5670032217768675 143.93299662440776 0 142 0 Z M 142 1.9999998461846449 C 142.82842712474618 1.9999998461846449 143.5 2.671572721438455 143.5 3.499999846184645 C 143.5 4.328426970930835 142.82842712474618 4.999999846184645 142 4.999999846184645 C 141.17157287525382 4.999999846184645 140.5 4.328426970930835 140.5 3.499999846184645 C 140.5 2.671572721438455 141.17157287525382 1.9999998461846449 142 1.9999998461846449 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1634 492 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u309p001.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="146px" height="4px" preserveAspectRatio="xMinYMid meet" viewBox="1632 803 146 2" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(-1 -0 -0 -1 3410 1608 )">
<path d="M 142 5.999998987625388 L 142 312 L 1 312 L 1 458 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1634 492 )" />
<path d="M 142 0 C 140.06700337559224 0 138.5 1.5670032217768675 138.5 3.499999846184645 C 138.5 5.432996470592422 140.06700337559224 6.999999846184645 142 6.999999846184645 C 143.93299662440776 6.999999846184645 145.5 5.432996470592422 145.5 3.499999846184645 C 145.5 1.5670032217768675 143.93299662440776 0 142 0 Z M 142 1.9999998461846449 C 142.82842712474618 1.9999998461846449 143.5 2.671572721438455 143.5 3.499999846184645 C 143.5 4.328426970930835 142.82842712474618 4.999999846184645 142 4.999999846184645 C 141.17157287525382 4.999999846184645 140.5 4.328426970930835 140.5 3.499999846184645 C 140.5 2.671572721438455 141.17157287525382 1.9999998461846449 142 1.9999998461846449 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1634 492 )" />
</g>
</svg>

7
src/views/MicroExhibition/child/img/u309p002.svg Normal file
View File

@ -0,0 +1,7 @@
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="150px" height="6px" preserveAspectRatio="xMinYMid meet" viewBox="1560 875 150 4" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(0 -1 1 0 758 2512 )">
<path d="M 142 5.999998987625388 L 142 312 L 1 312 L 1 458 " stroke-width="2" stroke="#445382" fill="none" transform="matrix(1 0 0 1 1634 492 )" />
<path d="M 142 0 C 140.06700337559224 0 138.5 1.5670032217768675 138.5 3.499999846184645 C 138.5 5.432996470592422 140.06700337559224 6.999999846184645 142 6.999999846184645 C 143.93299662440776 6.999999846184645 145.5 5.432996470592422 145.5 3.499999846184645 C 145.5 1.5670032217768675 143.93299662440776 0 142 0 Z M 142 1.9999998461846449 C 142.82842712474618 1.9999998461846449 143.5 2.671572721438455 143.5 3.499999846184645 C 143.5 4.328426970930835 142.82842712474618 4.999999846184645 142 4.999999846184645 C 141.17157287525382 4.999999846184645 140.5 4.328426970930835 140.5 3.499999846184645 C 140.5 2.671572721438455 141.17157287525382 1.9999998461846449 142 1.9999998461846449 Z " fill-rule="nonzero" fill="#445382" stroke="none" transform="matrix(1 0 0 1 1634 492 )" />
</g>
</svg>

BIN
src/views/MicroExhibition/child/img/u356.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

41
src/views/MicroExhibition/child/index.vue
View File

@ -35,15 +35,23 @@
</div>
</div>
<div class="right">
<Left1 class="left1"></Left1>
<Left2 class="left2"></Left2>
<Right1 class="left3"></Right1>
<Right2 class="left4"></Right2>
</div>
</div>
</div>
</template>
<script setup lang='ts'>
import { ref, getCurrentInstance, onMounted } from 'vue'
import header2 from '@/components/headerBox/header2.vue'
import LineChart from './LineChart.vue'
import Left1 from './Left1.vue'
import Left2 from './Left2.vue'
import Right1 from './Right1.vue'
import Right2 from './Right2.vue'
let lineConfig = {
title: '工作时间'
@ -51,6 +59,8 @@ let lineConfig = {
</script>
<style scoped>
@ -85,6 +95,7 @@ let lineConfig = {
}
.right {
position: relative;
width: 1130px;
height: 100%;
}
@ -167,4 +178,32 @@ img {
height: 100%;
}
.left1 {
position: absolute;
width: 247px;
height: 100%;
left: 0px;
top: 0px;
}
.left2 {
position: absolute;
width: 247px;
height: 100%;
left: 247px;
top: 0px;
}
.left3 {
position: absolute;
width: 247px;
height: 100%;
left: 636px;
top: 0px;
}
.left4 {
position: absolute;
width: 247px;
height: 100%;
left: 883px;
top: 0px;
}
</style>

35
src/views/MicroExhibition/index.vue
View File

@ -25,7 +25,7 @@
<h2>设备总数</h2>
<div class="div_p" style="color: #ff9e5b;font-size: 40px;">
<!-- <i class="iconfont icon-zhengque1 div-p-tip"></i> -->
<h5>{{ 14 }} {{ t('messages.units') }}</h5>
<h5>{{ store.devnum.all }} {{ t('messages.units') }}</h5>
</div>
</div>
<div class="top-item">
@ -77,10 +77,13 @@ import ringChart from "./components/ringChart.vue";
import DevCard from "./components/DevCard.vue";
import PbjCard from './components/PbjCard.vue';
import scrollBoard from "./components/scrollBoard.vue";
import { ref, reactive, getCurrentInstance } from 'vue'
import { ref, reactive, getCurrentInstance, onMounted } from 'vue'
import { useMicroExhibitionStore } from '@/store/module/MicroExhibition'
import { getCismaList } from '@/http/cisma/index'
import { useI18n } from 'vue-i18n'
let { t } = useI18n();
const store = useMicroExhibitionStore()
let titleTip = [
{
color: "#E43961",
@ -134,6 +137,34 @@ let pond_config = reactive({
data: [55],
shape: 'round'
})
async function reqCismaList() {
console.log();
let res: any = await getCismaList()
if (res.code === 200) {
store.setDevlist(res.data.devlist)
store.setDevnum(res.data.devnum)
changeRingData()
changescrollBoardConfig()
}
}
function changeRingData() {
ringData.value = [
{ name: '工作', value: store.devnum.on },
{ name: '停机', value: store.devnum.off },
{ name: '待机', value: store.devnum.wait },
]
}
function changescrollBoardConfig() {
scrollBoardConfig.data = store.devlist.map((item: any, index: number) => {
return [index + 1, item.name, item.label, item.runTime+'分', item.status]
})
}
onMounted(() => {
reqCismaList()
})
</script>
<style scoped>

6
src/views/index.vue
View File

@ -292,6 +292,12 @@ let routerList = [
title: '微工厂环境实时监测系统',
url: require("../assets/indexImg/MicEnvironment.png"),
},
{
id: 33,
path: "/MicroExhibition",
title: '设备大屏展示系统',
url: require("../assets/indexImg/microExhibition.jpg"),
},
];
let lang = ref(getStoredLanguage() || '简体中文')
function changelang(val) {