From a3cb9c2c8dbf0f51758836763f088b0101a73a2a Mon Sep 17 00:00:00 2001
From: "qianhao.xu" <qianhao.xu@doan-tech.com>
Date: Fri, 15 Dec 2023 13:29:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BC=96=E5=86=99=E4=BA=8C=E6=A3=80=20?=
 =?UTF-8?q?=E4=B8=89=E6=A3=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                           |  10 +
 src/views/qualityManagement/FQC/againFQC.vue  | 403 ++++++++++++++++++
 .../qualityManagement/FQC/firstFQC-v22.vue    | 324 --------------
 .../qualityManagement/FQC/firstFQC-v3.vue     | 353 ---------------
 src/views/qualityManagement/FQC/thirtyFQC.vue | 403 ++++++++++++++++++
 5 files changed, 816 insertions(+), 677 deletions(-)
 delete mode 100644 src/views/qualityManagement/FQC/firstFQC-v22.vue
 delete mode 100644 src/views/qualityManagement/FQC/firstFQC-v3.vue
 create mode 100644 src/views/qualityManagement/FQC/thirtyFQC.vue

diff --git a/src/router/index.js b/src/router/index.js
index b4f9467..3fc0dab 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -91,6 +91,16 @@ export const constantRoutes = [{
     path: '/firstFQC',
     component: (resolve) => require(['@/views/qualityManagement/FQC/firstFQC.vue'], resolve),
     hidden: true
+  },
+  {
+    path: '/againFQC',
+    component: (resolve) => require(['@/views/qualityManagement/FQC/againFQC.vue'], resolve),
+    hidden: true
+  },
+  {
+    path: '/thirtyFQC',
+    component: (resolve) => require(['@/views/qualityManagement/FQC/thirtyFQC.vue'], resolve),
+    hidden: true
   }
 ]
 
diff --git a/src/views/qualityManagement/FQC/againFQC.vue b/src/views/qualityManagement/FQC/againFQC.vue
index e69de29..85fdf7b 100644
--- a/src/views/qualityManagement/FQC/againFQC.vue
+++ b/src/views/qualityManagement/FQC/againFQC.vue
@@ -0,0 +1,403 @@
+<template>
+    <div>
+      <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统</div>
+      <el-row>
+        <el-col :span="1">
+          <div style="height: 225px">
+            <div class="title_Line">抛光</div>
+            <div class="title_Line">打磨</div>
+            <div class="title_Line">报废</div>
+          </div>
+          <div style="height: 250px">
+            <div class="title_Line">抛光</div>
+            <div class="title_Line">打磨</div>
+            <div class="title_Line">报废</div>
+          </div>
+        </el-col>
+        <el-col :span="23">
+          <div>
+            <div class="grid">
+              <div class="a">
+                <div class="title_sub">{{ paint[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of paint" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="b">
+                <div class="title_sub">{{ device[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of device" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="c">
+                <div class="title_sub">{{ blank[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of blank" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="d">
+                <div class="title_sub">{{ program[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of program" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="e">
+                <div class="title_sub">{{ team[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of team" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="f">
+                <div class="f_item">
+                  <div class="f_name">工单id：{{ ProductSituationForm.workorderid }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">产品名称：{{ ProductSituationForm.productName }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">左右:{{ ProductSituationForm.direction }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">颜色:{{ ProductSituationForm.color }}</div>
+                </div>
+  
+                <div class="f_item">
+                  <div class="f_name">班组: {{ ProductSituationForm.team }}</div>
+                </div>
+  
+                <div class="f_item">
+                  <div class="f_name">投入数:{{ ProductSituationForm.inputNum }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </template>
+  
+  <script>
+  import { GetcheckItemTable } from '@/api/qualityManagement/firstFQC.js'
+  import { mapGetters } from 'vuex'
+  export default {
+    name: 'againFQC',
+    data() {
+      return {
+        paint: [{ inspectionModule: '' }],
+        device: [{ inspectionModule: '' }],
+        blank: [{ inspectionModule: '' }], // 毛坯
+        program: [{ inspectionModule: '' }], // 程序
+        team: [{ inspectionModule: '' }], //班组
+  
+        ProductSituationForm: {
+          workorderid:"VW123456",
+          productName: 'VW12309',
+          direction: '左',
+          color: 'blued',
+          team: 'A',
+          inputNum: 7852,
+        },
+        signal: null,
+        data: null,
+      }
+    },
+    watch: {
+      '$store.getters.counterList': {
+        immediate: true,
+        deep: true,
+        handler(newValue, oldValue) {
+          switch (this.$store.getters.counterList.Moudle) {
+            case '油漆':
+              this.paint.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '设备':
+              this.device.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '毛坯':
+              this.blank.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '程序':
+              this.program.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '班组操作':
+              this.team.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+          }
+        },
+      },
+    },
+    computed: {
+      ...mapGetters(['counterList']),
+    },
+    created() {
+      this.getCheckItemList()
+    },
+    mounted() {},
+    methods: {
+      //todo  获取检测项
+      getCheckItemList() {
+        GetcheckItemTable()
+          .then((result) => {
+            if (result.code == 200) {
+              this.paint = result.data.paint
+              this.paint.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.device = result.data.device
+              this.device.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.blank = result.data.blank
+              this.blank.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.program = result.data.program
+              this.program.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.team = result.data.team
+              this.team.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+            }
+          })
+          .catch((err) => {})
+      },
+      //todo  累加器
+      Accumulator(item, index) {
+        switch (item.inspectionModule) {
+          case '油漆':
+            // 把数据传递到redis
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '油漆', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            // redis再将数据返回
+  
+            break
+          case '设备':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '设备', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '毛坯':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '毛坯', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '程序':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '程序', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '班组操作':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '班组操作', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          default:
+            this.$notify.warning('异常操作，警告')
+            break
+        }
+      },
+      //todo  数据同步
+      /*
+     1.从后台获取数据
+  
+     */
+  
+      //todo 初始话 signalR
+      /*initSignalR() {
+        this.signal = new signalR.HubConnectionBuilder()
+          //服务器地址
+          //  .withUrl('http://192.168.0.110:8100/myHub', {})
+          .withUrl('http://localhost:8888/myHub', {})
+          .withAutomaticReconnect()
+          .configureLogging(signalR.LogLevel.Information)
+          .build()
+        // 接受集线器的方法
+        this.signal.on('receive_my', (res) => {
+          this.data = res
+        })
+        this.signal
+          .start()
+          .then(() => {
+            console.log('myhub连接成功')
+            //vue 发送请求
+            this.signal.invoke('SendPublicMessage', '1111').catch((err) => console.log('err', err))
+          })
+          .catch(() => {
+            console.log('myhub连接失败')
+          })
+  
+        // this.signalr.SR.invoke('SendMessage', 'All', 'root', '123456').catch((err) => console.log('err', err))
+      },*/
+    },
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .title {
+    font-family: Arial, sans-serif;
+    font-size: 30px;
+    color: #303133;
+    line-height: 1.5;
+    text-align: center;
+  }
+  .grid {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    grid-gap: 0.5em;
+    .a {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .b {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .c {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .d {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .e {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .f {
+    }
+  }
+  .grid > * {
+    height: 250px;
+    background-color: #ebeef5;
+    color: white;
+    border-radius: 0.5em;
+  }
+  
+  .grid_sub > * {
+    height: 60px;
+    background-color: #11a983;
+    color: white;
+    border-radius: 0.2em;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+      cursor: pointer;
+      box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+    }
+  }
+  
+  .title_Line {
+    color: #409eff;
+    font-family: Arial, sans-serif;
+    font-size: 1.5rem;
+    text-align: center;
+    margin-top: 40px;
+  }
+  .f_item {
+    margin-top: 10px;
+    margin-left: 20px;
+  }
+  .f_name {
+    color: #dd7118;
+    font-family: Arial, sans-serif;
+    font-size: 1.2rem;
+  }
+  .context {
+    margin: 0.5em 1em;
+  }
+  .button_ {
+    width: 100%;
+    height: 100%;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/views/qualityManagement/FQC/firstFQC-v22.vue b/src/views/qualityManagement/FQC/firstFQC-v22.vue
deleted file mode 100644
index 3e9a525..0000000
--- a/src/views/qualityManagement/FQC/firstFQC-v22.vue
+++ /dev/null
@@ -1,324 +0,0 @@
-<template>
-  <div>
-    <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统</div>
-    <el-row>
-      <el-col :span="1">
-        <div style="height: 225px">
-          <div class="title_Line">抛光</div>
-          <div class="title_Line">打磨</div>
-          <div class="title_Line">报废</div>
-        </div>
-        <div style="height: 250px">
-          <div class="title_Line">抛光</div>
-          <div class="title_Line">打磨</div>
-          <div class="title_Line">报废</div>
-        </div>
-      </el-col>
-      <el-col :span="23">
-        <div>
-          <div class="grid">
-            <div class="a">
-              <div class="title_sub">{{ checkItemTable.paint[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of checkItemTable.paint" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context" @click="Accumulator(item, index)">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="b">
-              <div class="title_sub">{{ checkItemTable.device[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of checkItemTable.device" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="c">
-              <div class="title_sub">{{ checkItemTable.blank[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of checkItemTable.blank" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="d">
-              <div class="title_sub">{{ checkItemTable.program[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of checkItemTable.program" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="e">
-              <div class="title_sub">{{ checkItemTable.team[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of checkItemTable.team" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="f">
-              <div class="f_item">
-                <div class="f_name">产品名称：</div>
-                <div></div>
-              </div>
-              <div class="f_item">
-                <div class="f_name">左右:</div>
-                <div></div>
-              </div>
-              <div class="f_item">
-                <div class="f_name">颜色:</div>
-                <div></div>
-              </div>
-
-              <div class="f_item">
-                <div class="f_name">班组:</div>
-                <div></div>
-              </div>
-
-              <div class="f_item">
-                <div class="f_name">投入数:</div>
-                <div></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { GetcheckItemTable } from '@/api/qualityManagement/firstFQC.js'
-export default {
-  name: 'firstFQC',
-  data() {
-    return {
-      checkItemTable: {
-        paint: [{ inspectionModule: '' }],
-        device: [{ inspectionModule: '' }],
-        blank: [{ inspectionModule: '' }], // 毛坯
-        program: [{ inspectionModule: '' }], // 程序
-        team: [{ inspectionModule: '' }], //班组
-      },
-      ProductSituationForm: {
-        name: '',
-      },
-      signal: null,
-      data: null,
-    }
-  },
-  created() {
-    this.getCheckItemList()
-  },
-  mounted() {},
-  methods: {
-    //todo  获取检测项
-    getCheckItemList() {
-      GetcheckItemTable()
-        .then((result) => {
-          if (result.code == 200) {
-            this.checkItemTable = result.data
-            this.checkItemTable.paint.forEach((item, index) => {
-              item.Counter = 0
-            })
-            this.checkItemTable.device.forEach((item, index) => {
-              item.Counter = 0
-            })
-            this.checkItemTable.blank.forEach((item, index) => {
-              item.Counter = 0
-            })
-            this.checkItemTable.program.forEach((item, index) => {
-              item.Counter = 0
-            })
-            this.checkItemTable.team.forEach((item, index) => {
-              item.Counter = 0
-            })
-          }
-        })
-        .catch((err) => {})
-    },
-    //todo  累加器
-    Accumulator(item, index) {
-      switch (item.inspectionModule) {
-        case '油漆':
-          this.checkItemTable.paint.filter((it) => it.id == item.id)[0].Counter++
-          console.log(
-            'this.checkItemTable.paint.filter((it) => it.id == item.id)[0].Counter',
-            this.checkItemTable.paint.filter((it) => it.id == item.id)[0].Counter,
-          )
-          break
-      }
-    },
-
-    //todo 初始话 signalR
-    /*initSignalR() {
-      this.signal = new signalR.HubConnectionBuilder()
-        //服务器地址
-        //  .withUrl('http://192.168.0.110:8100/myHub', {})
-        .withUrl('http://localhost:8888/myHub', {})
-        .withAutomaticReconnect()
-        .configureLogging(signalR.LogLevel.Information)
-        .build()
-      // 接受集线器的方法
-      this.signal.on('receive_my', (res) => {
-        this.data = res
-      })
-      this.signal
-        .start()
-        .then(() => {
-          console.log('myhub连接成功')
-          //vue 发送请求
-          this.signal.invoke('SendPublicMessage', '1111').catch((err) => console.log('err', err))
-        })
-        .catch(() => {
-          console.log('myhub连接失败')
-        })
-
-      // this.signalr.SR.invoke('SendMessage', 'All', 'root', '123456').catch((err) => console.log('err', err))
-    },*/
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.title {
-  font-family: Arial, sans-serif;
-  font-size: 30px;
-  color: #303133;
-  line-height: 1.5;
-  text-align: center;
-}
-.grid {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr;
-  grid-gap: 0.5em;
-  .a {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .b {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .c {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .d {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .e {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .f {
-  }
-}
-.grid > * {
-  height: 250px;
-  background-color: #ebeef5;
-  color: white;
-  border-radius: 0.5em;
-}
-
-.grid_sub > * {
-  height: 60px;
-  background-color: #11a983;
-  color: white;
-  border-radius: 0.2em;
-  transition: all 0.2s ease-in-out;
-  &:hover {
-    cursor: pointer;
-    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
-  }
-}
-
-.title_Line {
-  color: #409eff;
-  font-family: Arial, sans-serif;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-top: 40px;
-}
-.f_item {
-  margin-top: 10px;
-  margin-left: 20px;
-}
-.f_name {
-  color: #dd7118;
-  font-family: Arial, sans-serif;
-  font-size: 1.2rem;
-}
-.context {
-  margin: 0.5em 1em;
-}
-</style>
diff --git a/src/views/qualityManagement/FQC/firstFQC-v3.vue b/src/views/qualityManagement/FQC/firstFQC-v3.vue
deleted file mode 100644
index 16798f7..0000000
--- a/src/views/qualityManagement/FQC/firstFQC-v3.vue
+++ /dev/null
@@ -1,353 +0,0 @@
-<template>
-  <div>
-    <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统</div>
-    <el-row>
-      <el-col :span="1">
-        <div style="height: 225px">
-          <div class="title_Line">抛光</div>
-          <div class="title_Line">打磨</div>
-          <div class="title_Line">报废</div>
-        </div>
-        <div style="height: 250px">
-          <div class="title_Line">抛光</div>
-          <div class="title_Line">打磨</div>
-          <div class="title_Line">报废</div>
-        </div>
-      </el-col>
-      <el-col :span="23">
-        <div>
-          <div class="grid">
-            <div class="a">
-              <div class="title_sub">{{ paint[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div @click="AccumulatorEvent(0)">
-                  <el-badge :value="Counter[0]" type="primary"><div class="context" >缩孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">针孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">失光</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">色差</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">点子</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">其他</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">缩孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">针孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">失光</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">色差</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">点子</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">其他</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">缩孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">针孔</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">失光</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">色差</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">点子</div></el-badge>
-                </div>
-                <div>
-                  <el-badge :value="2" type="primary"><div class="context">其他</div></el-badge>
-                </div>
-              </div>
-            </div>
-            <div class="b">
-              <div class="title_sub">{{ device[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of device" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="c">
-              <div class="title_sub">{{ blank[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of blank" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="d">
-              <div class="title_sub">{{ program[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of program" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="e">
-              <div class="title_sub">{{ team[0].inspectionModule }}</div>
-              <div class="grid_sub">
-                <div class="a_11" v-for="(item, index) of team" :key="index">
-                  <el-badge :value="item.Counter" type="primary"
-                    ><div class="context">{{ item.inspectionName }}</div></el-badge
-                  >
-                </div>
-              </div>
-            </div>
-            <div class="f">
-              <div class="f_item">
-                <div class="f_name">产品名称：</div>
-                <div></div>
-              </div>
-              <div class="f_item">
-                <div class="f_name">左右:</div>
-                <div></div>
-              </div>
-              <div class="f_item">
-                <div class="f_name">颜色:</div>
-                <div></div>
-              </div>
-
-              <div class="f_item">
-                <div class="f_name">班组:</div>
-                <div></div>
-              </div>
-
-              <div class="f_item">
-                <div class="f_name">投入数:</div>
-                <div></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { GetcheckItemTable } from '@/api/qualityManagement/firstFQC.js'
-export default {
-  name: 'firstFQC',
-  data() {
-    return {
-      paint: [{ inspectionModule: '' }],
-      device: [{ inspectionModule: '' }],
-      blank: [{ inspectionModule: '' }], // 毛坯
-      program: [{ inspectionModule: '' }], // 程序
-      team: [{ inspectionModule: '' }], //班组
-      ProductSituationForm: {
-        name: '',
-      },
-      signal: null,
-      data: null,
-      Counter: [0],
-    }
-  },
-  created() {
-    this.getCheckItemList()
-  },
-  mounted() {},
-  methods: {
-    //todo  获取检测项
-    getCheckItemList() {
-      GetcheckItemTable()
-        .then((result) => {
-          if (result.code == 200) {
-            this.paint = result.data.paint
-            this.device = result.data.device
-            this.blank = result.data.blank
-            this.program = result.data.program
-            this.team = result.data.team
-          }
-        })
-        .catch((err) => {})
-    },
-    //todo  累加器
-    AccumulatorEvent(index) {
-      this.$set(this.Counter, index, this.Counter[index]+1)
-    },
-
-    //todo 初始话 signalR
-    /*initSignalR() {
-      this.signal = new signalR.HubConnectionBuilder()
-        //服务器地址
-        //  .withUrl('http://192.168.0.110:8100/myHub', {})
-        .withUrl('http://localhost:8888/myHub', {})
-        .withAutomaticReconnect()
-        .configureLogging(signalR.LogLevel.Information)
-        .build()
-      // 接受集线器的方法
-      this.signal.on('receive_my', (res) => {
-        this.data = res
-      })
-      this.signal
-        .start()
-        .then(() => {
-          console.log('myhub连接成功')
-          //vue 发送请求
-          this.signal.invoke('SendPublicMessage', '1111').catch((err) => console.log('err', err))
-        })
-        .catch(() => {
-          console.log('myhub连接失败')
-        })
-
-      // this.signalr.SR.invoke('SendMessage', 'All', 'root', '123456').catch((err) => console.log('err', err))
-    },*/
-  },
-}
-</script>
-
-<style lang="scss" scoped>
-.title {
-  font-family: Arial, sans-serif;
-  font-size: 30px;
-  color: #303133;
-  line-height: 1.5;
-  text-align: center;
-}
-.grid {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 1fr 1fr;
-  grid-gap: 0.5em;
-  .a {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .b {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .c {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .d {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .e {
-    .title_sub {
-      font-family: Arial, sans-serif;
-      font-size: 1.5rem;
-      color: #303133;
-      text-align: center;
-    }
-    .grid_sub {
-      width: 100%;
-      display: grid;
-      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
-      grid-template-rows: 1fr 1fr 1fr;
-      grid-gap: 0.5em;
-    }
-  }
-  .f {
-  }
-}
-.grid > * {
-  height: 250px;
-  background-color: #ebeef5;
-  color: white;
-  border-radius: 0.5em;
-}
-
-.grid_sub > * {
-  height: 60px;
-  background-color: #11a983;
-  color: white;
-  border-radius: 0.2em;
-  transition: all 0.2s ease-in-out;
-  &:hover {
-    cursor: pointer;
-    box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
-  }
-}
-
-.title_Line {
-  color: #409eff;
-  font-family: Arial, sans-serif;
-  font-size: 1.5rem;
-  text-align: center;
-  margin-top: 40px;
-}
-.f_item {
-  margin-top: 10px;
-  margin-left: 20px;
-}
-.f_name {
-  color: #dd7118;
-  font-family: Arial, sans-serif;
-  font-size: 1.2rem;
-}
-.context {
-  margin: 0.5em 1em;
-}
-</style>
diff --git a/src/views/qualityManagement/FQC/thirtyFQC.vue b/src/views/qualityManagement/FQC/thirtyFQC.vue
new file mode 100644
index 0000000..d7966cb
--- /dev/null
+++ b/src/views/qualityManagement/FQC/thirtyFQC.vue
@@ -0,0 +1,403 @@
+<template>
+    <div>
+      <div class="animate__animated animate__shakeX title">车镜油漆缺陷采集系统</div>
+      <el-row>
+        <el-col :span="1">
+          <div style="height: 225px">
+            <div class="title_Line">抛光</div>
+            <div class="title_Line">打磨</div>
+            <div class="title_Line">报废</div>
+          </div>
+          <div style="height: 250px">
+            <div class="title_Line">抛光</div>
+            <div class="title_Line">打磨</div>
+            <div class="title_Line">报废</div>
+          </div>
+        </el-col>
+        <el-col :span="23">
+          <div>
+            <div class="grid">
+              <div class="a">
+                <div class="title_sub">{{ paint[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of paint" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="b">
+                <div class="title_sub">{{ device[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of device" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="c">
+                <div class="title_sub">{{ blank[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of blank" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="d">
+                <div class="title_sub">{{ program[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of program" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="e">
+                <div class="title_sub">{{ team[0].inspectionModule }}</div>
+                <div class="grid_sub">
+                  <div class="a_11" v-for="(item, index) of team" :key="index">
+                    <div @click="Accumulator(item, index)" class="button_">
+                      <el-badge :value="item.counter" type="primary"
+                        ><div class="context">{{ item.inspectionName }}</div></el-badge
+                      >
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="f">
+                <div class="f_item">
+                  <div class="f_name">工单id：{{ ProductSituationForm.workorderid }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">产品名称：{{ ProductSituationForm.productName }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">左右:{{ ProductSituationForm.direction }}</div>
+                </div>
+                <div class="f_item">
+                  <div class="f_name">颜色:{{ ProductSituationForm.color }}</div>
+                </div>
+  
+                <div class="f_item">
+                  <div class="f_name">班组: {{ ProductSituationForm.team }}</div>
+                </div>
+  
+                <div class="f_item">
+                  <div class="f_name">投入数:{{ ProductSituationForm.inputNum }}</div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+  </template>
+  
+  <script>
+  import { GetcheckItemTable } from '@/api/qualityManagement/firstFQC.js'
+  import { mapGetters } from 'vuex'
+  export default {
+    name: 'thirtyFQC',
+    data() {
+      return {
+        paint: [{ inspectionModule: '' }],
+        device: [{ inspectionModule: '' }],
+        blank: [{ inspectionModule: '' }], // 毛坯
+        program: [{ inspectionModule: '' }], // 程序
+        team: [{ inspectionModule: '' }], //班组
+  
+        ProductSituationForm: {
+          workorderid:"VW123456",
+          productName: 'VW12309',
+          direction: '左',
+          color: 'blued',
+          team: 'A',
+          inputNum: 7852,
+        },
+        signal: null,
+        data: null,
+      }
+    },
+    watch: {
+      '$store.getters.counterList': {
+        immediate: true,
+        deep: true,
+        handler(newValue, oldValue) {
+          switch (this.$store.getters.counterList.Moudle) {
+            case '油漆':
+              this.paint.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '设备':
+              this.device.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '毛坯':
+              this.blank.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '程序':
+              this.program.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+            case '班组操作':
+              this.team.filter((it) => it.id == this.$store.getters.counterList.checkid)[0].counter = this.$store.getters.counterList.sum
+              break
+          }
+        },
+      },
+    },
+    computed: {
+      ...mapGetters(['counterList']),
+    },
+    created() {
+      this.getCheckItemList()
+    },
+    mounted() {},
+    methods: {
+      //todo  获取检测项
+      getCheckItemList() {
+        GetcheckItemTable()
+          .then((result) => {
+            if (result.code == 200) {
+              this.paint = result.data.paint
+              this.paint.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.device = result.data.device
+              this.device.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.blank = result.data.blank
+              this.blank.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.program = result.data.program
+              this.program.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+              this.team = result.data.team
+              this.team.forEach((item) => {
+                if (item.counter == null) item.counter = 0
+              })
+            }
+          })
+          .catch((err) => {})
+      },
+      //todo  累加器
+      Accumulator(item, index) {
+        switch (item.inspectionModule) {
+          case '油漆':
+            // 把数据传递到redis
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '油漆', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            // redis再将数据返回
+  
+            break
+          case '设备':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '设备', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '毛坯':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '毛坯', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '程序':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '程序', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          case '班组操作':
+            this.signalr.SR.invoke('SaveCacheInformation', this.ProductSituationForm.workorderid, '班组操作', item.id + '').catch((err) => {
+              console.log(err)
+            })
+            break
+          default:
+            this.$notify.warning('异常操作，警告')
+            break
+        }
+      },
+      //todo  数据同步
+      /*
+     1.从后台获取数据
+  
+     */
+  
+      //todo 初始话 signalR
+      /*initSignalR() {
+        this.signal = new signalR.HubConnectionBuilder()
+          //服务器地址
+          //  .withUrl('http://192.168.0.110:8100/myHub', {})
+          .withUrl('http://localhost:8888/myHub', {})
+          .withAutomaticReconnect()
+          .configureLogging(signalR.LogLevel.Information)
+          .build()
+        // 接受集线器的方法
+        this.signal.on('receive_my', (res) => {
+          this.data = res
+        })
+        this.signal
+          .start()
+          .then(() => {
+            console.log('myhub连接成功')
+            //vue 发送请求
+            this.signal.invoke('SendPublicMessage', '1111').catch((err) => console.log('err', err))
+          })
+          .catch(() => {
+            console.log('myhub连接失败')
+          })
+  
+        // this.signalr.SR.invoke('SendMessage', 'All', 'root', '123456').catch((err) => console.log('err', err))
+      },*/
+    },
+  }
+  </script>
+  
+  <style lang="scss" scoped>
+  .title {
+    font-family: Arial, sans-serif;
+    font-size: 30px;
+    color: #303133;
+    line-height: 1.5;
+    text-align: center;
+  }
+  .grid {
+    width: 100%;
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+    grid-gap: 0.5em;
+    .a {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .b {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .c {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .d {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .e {
+      .title_sub {
+        font-family: Arial, sans-serif;
+        font-size: 1.5rem;
+        color: #303133;
+        text-align: center;
+      }
+      .grid_sub {
+        width: 100%;
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
+        grid-template-rows: 1fr 1fr 1fr;
+        grid-gap: 0.5em;
+      }
+    }
+    .f {
+    }
+  }
+  .grid > * {
+    height: 250px;
+    background-color: #ebeef5;
+    color: white;
+    border-radius: 0.5em;
+  }
+  
+  .grid_sub > * {
+    height: 60px;
+    background-color: #11a983;
+    color: white;
+    border-radius: 0.2em;
+    transition: all 0.2s ease-in-out;
+    &:hover {
+      cursor: pointer;
+      box-shadow: 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 #c6e2ff, inset 18px 18px 30px rgba(0, 0, 0, 0.1), inset -18px -18px 30px #c6e2ff;
+    }
+  }
+  
+  .title_Line {
+    color: #409eff;
+    font-family: Arial, sans-serif;
+    font-size: 1.5rem;
+    text-align: center;
+    margin-top: 40px;
+  }
+  .f_item {
+    margin-top: 10px;
+    margin-left: 20px;
+  }
+  .f_name {
+    color: #dd7118;
+    font-family: Arial, sans-serif;
+    font-size: 1.2rem;
+  }
+  .context {
+    margin: 0.5em 1em;
+  }
+  .button_ {
+    width: 100%;
+    height: 100%;
+  }
+  </style>
+  
\ No newline at end of file