diff --git a/src/assets/board/cs3/bg.png b/src/assets/board/cs3/bg.png
new file mode 100644
index 0000000..8873759
Binary files /dev/null and b/src/assets/board/cs3/bg.png differ
diff --git a/src/components/Charts/Chart.vue b/src/components/Charts/Chart.vue
new file mode 100644
index 0000000..0899129
--- /dev/null
+++ b/src/components/Charts/Chart.vue
@@ -0,0 +1,35 @@
+<template>
+  <div />
+</template>
+
+<script>
+import * as echarts from 'echarts';
+
+export default {
+  expose: ['setData'],
+  data() {
+    return {
+      chart: null,
+    }
+  },
+  mounted() {
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    setData(option) {
+      this.initChart(option)
+    },
+    initChart(option) {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption(option)
+    }
+  }
+}
+</script>
diff --git a/src/router/index.js b/src/router/index.js
index a07ce7a..f5a8fcd 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -33,6 +33,7 @@ export const constantRoutes = [
   {path: '/cs', component: () => import('@/views/cs/index.vue')},
   {path: '/cs2', component: () => import('@/views/cs/index2.vue')},
   {path: '/cs3', component: () => import('@/views/cs/index3.vue')},
+  {path: '/cs3_1', component: () => import('@/views/cs/index3_1.vue')},
   {
     path: '/redirect',
     component: Layout,
diff --git a/src/views/cs/index2.vue b/src/views/cs/index2.vue
index 3bd0e7a..1b32fbf 100644
--- a/src/views/cs/index2.vue
+++ b/src/views/cs/index2.vue
@@ -278,28 +278,27 @@ export default {
       equipmentData: [],
       agvData: [],
       siteData: {
-        x: 121000,
-        y: 82000
+        x: 120565,
+        y: 71313
       }
     }
   },
   methods: {
     getLocation(x, y) {
-      let a = (66 + (90 - 66) * y) * x
-      let b = 12 * y
-      let xLocation = 16 - b + a
-      let yLocation = 22 + (84 - 22) * y
+      let a = (70 + (91 - 70) * y) * x
+      let b = 10.5 * y
+      let xLocation = 14.5 - b + a
+      let yLocation = 29 + (85 - 29) * y
       return ` left: ${xLocation}%;top: ${yLocation}%;`
     },
     getAgvLocation() {
       let agvArr = []
       getAgvData().then(e => {
-        console.log(Math.max(...e.Data.map(v => v.X)), Math.max(...e.Data.map(v => v.Y)))
         e.Data.forEach(v => {
           agvArr.push({
             id: v.AgvId,
-            x: (v.X - 126000) / this.siteData.x,
-            y: (72000 - (v.Y - 116000)) / this.siteData.y,
+            x: (v.X - 126061) / this.siteData.x,
+            y: (71313 - (v.Y - 116722)) / this.siteData.y,
             rotate: v.Angle,
             isGoods: false,
             show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000
@@ -319,8 +318,8 @@ export default {
               f1 = null
             })
             let f2 = new TWEEN.Tween(this.agvData.find(r => r.id === v.AgvId)).to({
-              x: (v.X - 126000) / this.siteData.x,
-              y: (72000 - (v.Y - 116000)) / this.siteData.y,
+              x: (v.X - 126061) / this.siteData.x,
+              y: (71313 - (v.Y - 116722)) / this.siteData.y,
               show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000
               // show: true
             }, time - 100).start().onComplete(()=>{
@@ -329,8 +328,8 @@ export default {
           } else {
             this.agvData.push({
               id: v.AgvId,
-              x: (v.X - 126000) / this.siteData.x,
-              y: (72000 - (v.Y - 116000)) / this.siteData.y,
+              x: (v.X - 126061) / this.siteData.x,
+              y: (71313 - (v.Y - 116722)) / this.siteData.y,
               rotate: v.Angle,
               isGoods: false,
               show: v.X < 245000 && v.X > 126000 && v.Y < 187000 && v.Y > 116000
diff --git a/src/views/cs/index3.vue b/src/views/cs/index3.vue
index aedf388..1eead17 100644
--- a/src/views/cs/index3.vue
+++ b/src/views/cs/index3.vue
@@ -1,30 +1,132 @@
 <template>
-  <div class="body">
-    <iframe :src="iframeSrc" style="width: 100%;height: 100%"></iframe>
+  <div class="bg">
+    <div class="title">白坯车间数字应用大屏</div>
+
+    <div class="table1">
+      <div style="background-color: #094170">
+        <div class="scrollTable" style="font-weight: bold;">
+          告警编号
+        </div>
+        <div class="scrollTable" style="font-weight: bold;">
+          告警类型
+        </div>
+        <div class="scrollTable" style="font-weight: bold;">
+          告警单元
+        </div>
+        <div class="scrollTable" style="font-weight: bold;">
+          操作
+        </div>
+      </div>
+      <vue-seamless-scroll
+        :class-option="{...chart1TableOption,limitMoveNum:10}"
+        :data="table1Data"
+        class="case-item"
+        style="height: 84%;overflow: hidden;"
+      >
+        <div
+          v-for="(item, index) in table1Data"
+          :key="index"
+
+        >
+          <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>
+            <div
+              class="scrollTable">
+              {{ item.no }}
+            </div>
+            <div
+              class="scrollTable">
+              {{ item.alarmInfoType === '1' ? '设备报警' : '' }}
+              {{ item.alarmInfoType === '2' ? '监控单元报警' : '' }}
+              {{ item.alarmInfoType === '3' ? '离线报警' : '' }}
+              {{ item.alarmInfoType === '4' ? '电子围栏' : '' }}
+            </div>
+            <div
+              class="scrollTable">
+              {{ item.location }}
+            </div>
+            <div class="scrollTable" style="width: 25%">
+              <el-button v-if="item.status === '0'" size="mini" type="primary" @click="dispose(item)">处理</el-button>
+              <span v-else>已处理</span>
+            </div>
+          </div>
+        </div>
+      </vue-seamless-scroll>
+    </div>
   </div>
 </template>
 <script>
 
-import * as TWEEN from '@tweenjs/tween.js'
-import {getAgvData, getHourProductionList} from "../../api/board/cs2";
+import Chart from "@/components/Charts/Chart";
+import vueSeamlessScroll from "vue-seamless-scroll";
 
 export default {
+  components: {
+    Chart,
+    vueSeamlessScroll,
+  },
   data() {
     return {
-      iframeSrc:'http://192.168.202.20:8100/#/de-link/gXZdFzxH'
+      chart1TableOption: {
+        step: 0.5, // 数值越大速度滚动越快
+        limitMoveNum: 3, // 开始无缝滚动的数据量 this.dataList.length
+        hoverStop: true, // 是否开启鼠标悬停stop
+        direction: 1, // 0向下 1向上 2向左 3向右
+        openWatch: true, // 开启数据实时监控刷新dom
+        singleHeight: 0, // 单步运动停止的高度(默认值0是无缝不停止的滚动) direction => 0/1
+        singleWidth: 0, // 单步运动停止的宽度(默认值0是无缝不停止的滚动) direction => 2/3
+        waitTime: 0,
+        autoPlay: false,
+        navigation: false
+      },
+      table1Data: []
     }
   },
   methods: {},
-  mounted() {}
+  mounted() {
+  }
 }
 </script>
 <style scoped lang="less">
-.body{
+.bg {
+  background-image: url("~@/assets/board/cs3/bg.png");
+  background-size: 100% 100%;
+  background-repeat: no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
+}
+
+.title {
+  position: absolute;
+  top: 3%;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  font-size: 2vw;
+  color: #fff;
+  letter-spacing: 2px;
+  transform: translateY(-50%);
+}
+
+.scrollTable {
+  color: rgb(185, 186, 192);
+  margin: auto 0px;
+  padding: 4px 0;
+  white-space: nowrap;
   overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+  display: inline-block;
+  width: 25%;
+}
+
+.table1 {
+  position: absolute;
+  top: 10%;
+  left: 10%;
+  width: 20%;
+  height: 40%;
 }
 </style>
diff --git a/src/views/cs/index3_1.vue b/src/views/cs/index3_1.vue
new file mode 100644
index 0000000..aedf388
--- /dev/null
+++ b/src/views/cs/index3_1.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="body">
+    <iframe :src="iframeSrc" style="width: 100%;height: 100%"></iframe>
+  </div>
+</template>
+<script>
+
+import * as TWEEN from '@tweenjs/tween.js'
+import {getAgvData, getHourProductionList} from "../../api/board/cs2";
+
+export default {
+  data() {
+    return {
+      iframeSrc:'http://192.168.202.20:8100/#/de-link/gXZdFzxH'
+    }
+  },
+  methods: {},
+  mounted() {}
+}
+</script>
+<style scoped lang="less">
+.body{
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+</style>