diff --git a/package.json b/package.json
index e0d7a28..52d4654 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "@microsoft/signalr": "^6.0.23",
     "@riophae/vue-treeselect": "0.4.0",
     "af-table-column": "^1.0.3",
+    "animate.css": "^4.1.1",
     "axios": "^0.21.4",
     "bootstrap": "^5.3.0-alpha1",
     "clipboard": "2.0.8",
diff --git a/src/api/qualityManagement/firstFQC.js b/src/api/qualityManagement/firstFQC.js
new file mode 100644
index 0000000..240918a
--- /dev/null
+++ b/src/api/qualityManagement/firstFQC.js
@@ -0,0 +1,11 @@
+import request from '@/utils/request'
+import { downFile } from '@/utils/request'
+
+export function GetcheckItemTable(query) {
+    return request({
+      url: '/mes/qc/FQC/getcheckItemTable',
+      method: 'get',
+      params: query,
+    })
+
+}
diff --git a/src/api/warehouseManagement/material_return.js b/src/api/warehouseManagement/material_return.js
index ecfe536..27bd605 100644
--- a/src/api/warehouseManagement/material_return.js
+++ b/src/api/warehouseManagement/material_return.js
@@ -1,7 +1,7 @@
 import request from '@/utils/request'
 import { downFile } from '@/utils/request'
 
-export function getmaterialreturnList(query) {
+export function getMRlist(query) {
   return request({
     url: '/mes/wm/return/getmaterialreturn',
     method: 'get',
diff --git a/src/main.js b/src/main.js
index 0cfacf5..7bfcbcd 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,7 @@ import './assets/styles/element-variables.scss'
 import '@/assets/styles/index.scss' // global css 
 
 
-
+import 'animate.css';
 
 import App from './App'
 import store from './store'
diff --git a/src/views/basisManagement/workUnitComponent/workLine.vue b/src/views/basisManagement/workUnitComponent/workLine.vue
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/qualityManagement/FQC/firstFQC.vue b/src/views/qualityManagement/FQC/firstFQC.vue
index e69de29..dd73c7d 100644
--- a/src/views/qualityManagement/FQC/firstFQC.vue
+++ b/src/views/qualityManagement/FQC/firstFQC.vue
@@ -0,0 +1,245 @@
+<template>
+  <div class="app-container">
+    <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">{{ item.inspectionName }}</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">{{ item.inspectionName }}</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">{{ item.inspectionName }}</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">{{ item.inspectionName }}</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">{{ item.inspectionName }}</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: [],
+        device: [],
+        blank: [], // 毛坯
+        program: [], // 程序
+        team: [], //班组
+      },
+      ProductSituationForm: {
+        name: '',
+      },
+    }
+  },
+  mounted() {
+    this.getCheckItemList()
+  },
+  methods: {
+    //todo  获取检测项
+    getCheckItemList() {
+      GetcheckItemTable()
+        .then((result) => {
+          if (result.code == 200) {
+            this.checkItemTable = result.data
+          }
+        })
+        .catch((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: #53a8ff;
+  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;
+}
+</style>
diff --git a/src/views/qualityManagement/checkItem.vue b/src/views/qualityManagement/checkItem.vue
index 5f73f88..8460e7b 100644
--- a/src/views/qualityManagement/checkItem.vue
+++ b/src/views/qualityManagement/checkItem.vue
@@ -31,6 +31,7 @@
       <vxe-column field="inspectionModule" title="检测模块"></vxe-column>
       <vxe-column field="inspectionType" title="检测类型"></vxe-column>
     </vxe-table>
+    <el-backtop target=".page-component__scroll .el-scrollbar__wrap"></el-backtop>
   </div>
 </template>
 
diff --git a/src/views/warehouseManagement/material_return.vue b/src/views/warehouseManagement/material_return.vue
index 63ec84a..e9ca972 100644
--- a/src/views/warehouseManagement/material_return.vue
+++ b/src/views/warehouseManagement/material_return.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script>
-import { getmaterialreturnList } from '@/api/warehouseManagement/material_return.js'
+import { getMRlist } from '@/api/warehouseManagement/material_return.js'
 export default {
   name: 'material_return',
   data() {