diff --git a/src/assets/indexImg/microExhibition.jpg b/src/assets/indexImg/microExhibition.jpg
new file mode 100644
index 0000000..141884c
Binary files /dev/null and b/src/assets/indexImg/microExhibition.jpg differ
diff --git a/src/http/cisma/index.ts b/src/http/cisma/index.ts
new file mode 100644
index 0000000..4a30494
--- /dev/null
+++ b/src/http/cisma/index.ts
@@ -0,0 +1,6 @@
+import {get,post} from "@/utils/http"
+
+//气压
+export function getCismaList(){
+    return get('/cisma/getCismaList')
+}
\ No newline at end of file
diff --git a/src/store/module/MicroExhibition.ts b/src/store/module/MicroExhibition.ts
new file mode 100644
index 0000000..afb2aa9
--- /dev/null
+++ b/src/store/module/MicroExhibition.ts
@@ -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;
+    }
+  },
+});
diff --git a/src/store/storeName.ts b/src/store/storeName.ts
index c52284c..e292db3 100644
--- a/src/store/storeName.ts
+++ b/src/store/storeName.ts
@@ -29,4 +29,5 @@ export const enum Names{
     MechanicalViewJingshi="MechanicalViewJingshi",
     socketMechanics='socketMechanics',
     socketMicEnvironment='socketMicEnvironment',
+    MicroExhibition='MicroExhibition',
 }
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/Left1.vue b/src/views/MicroExhibition/child/Left1.vue
new file mode 100644
index 0000000..41a9629
--- /dev/null
+++ b/src/views/MicroExhibition/child/Left1.vue
@@ -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>
diff --git a/src/views/MicroExhibition/child/Left2.vue b/src/views/MicroExhibition/child/Left2.vue
new file mode 100644
index 0000000..e87aa2a
--- /dev/null
+++ b/src/views/MicroExhibition/child/Left2.vue
@@ -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>
diff --git a/src/views/MicroExhibition/child/Pan.vue b/src/views/MicroExhibition/child/Pan.vue
new file mode 100644
index 0000000..a77a39c
--- /dev/null
+++ b/src/views/MicroExhibition/child/Pan.vue
@@ -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>
diff --git a/src/views/MicroExhibition/child/Right1.vue b/src/views/MicroExhibition/child/Right1.vue
new file mode 100644
index 0000000..fdfef8f
--- /dev/null
+++ b/src/views/MicroExhibition/child/Right1.vue
@@ -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>
diff --git a/src/views/MicroExhibition/child/Right2.vue b/src/views/MicroExhibition/child/Right2.vue
new file mode 100644
index 0000000..519f208
--- /dev/null
+++ b/src/views/MicroExhibition/child/Right2.vue
@@ -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>
diff --git a/src/views/MicroExhibition/child/img/u25.png b/src/views/MicroExhibition/child/img/u25.png
new file mode 100644
index 0000000..e1e6a3b
Binary files /dev/null and b/src/views/MicroExhibition/child/img/u25.png differ
diff --git a/src/views/MicroExhibition/child/img/u306p000.svg b/src/views/MicroExhibition/child/img/u306p000.svg
new file mode 100644
index 0000000..c2d3a23
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u306p000.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u306p001.svg b/src/views/MicroExhibition/child/img/u306p001.svg
new file mode 100644
index 0000000..d9bd269
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u306p001.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u306p002.svg b/src/views/MicroExhibition/child/img/u306p002.svg
new file mode 100644
index 0000000..7043bec
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u306p002.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u307p000.svg b/src/views/MicroExhibition/child/img/u307p000.svg
new file mode 100644
index 0000000..2fc7fa4
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u307p000.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u307p001.svg b/src/views/MicroExhibition/child/img/u307p001.svg
new file mode 100644
index 0000000..89181bf
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u307p001.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u307p002.svg b/src/views/MicroExhibition/child/img/u307p002.svg
new file mode 100644
index 0000000..87b29b3
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u307p002.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u308p000.svg b/src/views/MicroExhibition/child/img/u308p000.svg
new file mode 100644
index 0000000..93f33f6
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u308p000.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u308p001.svg b/src/views/MicroExhibition/child/img/u308p001.svg
new file mode 100644
index 0000000..2063138
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u308p001.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u308p002.svg b/src/views/MicroExhibition/child/img/u308p002.svg
new file mode 100644
index 0000000..4e1c4bf
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u308p002.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u309p000.svg b/src/views/MicroExhibition/child/img/u309p000.svg
new file mode 100644
index 0000000..25d72ac
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u309p000.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u309p001.svg b/src/views/MicroExhibition/child/img/u309p001.svg
new file mode 100644
index 0000000..28fb640
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u309p001.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u309p002.svg b/src/views/MicroExhibition/child/img/u309p002.svg
new file mode 100644
index 0000000..832ba2a
--- /dev/null
+++ b/src/views/MicroExhibition/child/img/u309p002.svg
@@ -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>
\ No newline at end of file
diff --git a/src/views/MicroExhibition/child/img/u356.png b/src/views/MicroExhibition/child/img/u356.png
new file mode 100644
index 0000000..9a42ad1
Binary files /dev/null and b/src/views/MicroExhibition/child/img/u356.png differ
diff --git a/src/views/MicroExhibition/child/index.vue b/src/views/MicroExhibition/child/index.vue
index 384cafa..8f8f652 100644
--- a/src/views/MicroExhibition/child/index.vue
+++ b/src/views/MicroExhibition/child/index.vue
@@ -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>
diff --git a/src/views/MicroExhibition/index.vue b/src/views/MicroExhibition/index.vue
index b2b9e22..4fac28f 100644
--- a/src/views/MicroExhibition/index.vue
+++ b/src/views/MicroExhibition/index.vue
@@ -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>
diff --git a/src/views/index.vue b/src/views/index.vue
index 2701445..d4d078f 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -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) {