diff --git a/hb_client/src/router/index.js b/hb_client/src/router/index.js
index 5012c77..d921826 100644
--- a/hb_client/src/router/index.js
+++ b/hb_client/src/router/index.js
@@ -107,7 +107,6 @@ export const asyncRoutes = [
         name: 'material',
         component: () => import('@/views/mtm/material'),
         meta: { title: '物料清单', icon: 'material', perms: ['mtm_material'] }
-        
       }
       ,
       {
@@ -151,7 +150,19 @@ export const asyncRoutes = [
         name: 'productprocess',
         component: () => import('@/views/mtm/productprocess'),
         meta: { title: '产品管理', icon: 'product', perms: ['mtm_productprocess'] }
-      },
+      }
+      ,{
+        path: 'productList',
+        name: 'productList',
+        component: () => import('@/views/mtm/productList'),
+        meta: { title: '成品列表', icon: 'material', perms: ['mtm_material'] }
+      }
+      ,{
+        path: 'wproductList',
+        name: 'wproductList',
+        component: () => import('@/views/mtm/wproductList'),
+        meta: { title: '半成品列表', icon: 'material', perms: ['mtm_material'] }
+      }
     ]
   },
   {
diff --git a/hb_client/src/views/bigScreen/bottomLeft.vue b/hb_client/src/views/bigScreen/bottomLeft.vue
index 6548da7..db1b193 100644
--- a/hb_client/src/views/bigScreen/bottomLeft.vue
+++ b/hb_client/src/views/bigScreen/bottomLeft.vue
@@ -31,201 +31,166 @@
       return {
         options: {},
         cdata: {
-          category: [
-            "JH5jhx463-1",
-            "JH5jhx463-2",
-            "JH5jhx463-3",
-            "JH5jhx463-4",
-            "JH5jhx463-5",
-            "JH5jhx463-6",
-            "JH5jhx463-7",
-            "JH5jhx463-8",
-            "JH5jhx463-9",
-            "JH5jhx463-10",
-            "JH5jhx463-11",
-            "JH5jhx463-12",
-            "JH5jhx463-13",
-            "JH5jhx463-14",
-            "JH5jhx463-15"
-          ],
-          planData: [
-            18092,
-            20728,
-            24045,
-            28348,
-            32808,
-            36097,
-            39867,
-            18092,
-            20728,
-            24045,
-            28348,
-            32808,
-            36097,
-            39867,
-            44715,
-          ],
-          barData: [
-            9600,
-            19000,
-            19500,
-            20500,
-            19500,
-            28500,
-            31900,
-            12500,
-            14000,
-            21500,
-            23200,
-            24450,
-            25250,
-            33300,
-            40715
-          ],
           rateData: []
         }
       };
     },
-    mounted() {
-      this.setData();
+    props:{
+      category:{
+        type:Array,
+        default:()=>{
+          return []
+        }
+      },
+      planData:{
+        type:Array,
+        default:()=>{
+          return []
+        }
+      },
+      realData:{
+        type:Array,
+        default:()=>{
+          return []
+        }
+      }
     },
-    watch: {
-      cdata: {
-        handler(newData) {
-          this.options = {
-            /*tooltip: {
-              trigger: "axis",
-              backgroundColor: "rgba(255,255,255,0.1)",
-              axisPointer: {
-                type: "shadow",
-                label: {
-                  show: true,
-                  backgroundColor: "#7B7DDC"
-                }
-              }
-            },*/
-            tooltip: {
-              trigger: 'axis', //触发类型；轴触发，axis则鼠标hover到一条柱状图显示全部数据，item则鼠标hover到折线点显示相应数据，
-              axisPointer: { //坐标轴指示器，坐标轴触发有效，
-                type: 'cross', //默认为line，line直线，cross十字准星，shadow阴影
-                crossStyle: {
-                  color: '#fff'
-                }
-              }
-            },
-            /*tooltip: {
-              trigger: 'item',
-              formatter: function (params) {
-                debugger;
-                console.log(params);
-                let color = params.color;//图例颜色
-                let htmlStr = '<div>';
-                htmlStr += params.name + '<br/>';
-                htmlStr += '<span style="height:10px;width:10px;font-size:12px;border-radius:5px;margin-right:5px;font-family:Consolas;display:inline-block;background:' + color + ';"></span>';
-                htmlStr += params.seriesName + '：' + params.value + '%';
-                htmlStr += '</div>';
-                return htmlStr;
-              }
-            },
-            tooltip: {
-              //shared: true,
-              crosshairs: true,
-              valueSuffix: yAxisSuffix,
-              useHTML: true,
-              formatter: function() {
-                return  "<div style='width:300px;word-wrap:break-word;white-space:normal;'>"
-                  +"<b>录入时间: "+tipsbean[0][this.series.data.indexOf(this.point)].medDate+"</b><br/>"
-                  +tipsbean[1][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[1][this.series.data.indexOf(this.point)].medResult+"<br/>"
-                  +tipsbean[2][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[2][this.series.data.indexOf(this.point)].medResult+"<br/>"
-                  +tipsbean[3][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[3][this.series.data.indexOf(this.point)].medResult+"<br/>"
-                  +tipsbean[0][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[0][this.series.data.indexOf(this.point)].medResult+"<br/>"
-                  +"</div>";
-              }
-            },*/
-            legend: {
-              data: ["已完成", "计划完成"],
-              textStyle: {
-                color: "#B4B4B4"
-              },
-              top: "0%"
-            },
-            grid: {
-              x: "8%",
-              width: "88%",
-              y: "4%"
-            },
-            xAxis: {
-              data: newData.category,
-              axisLine: {
-                lineStyle: {
-                  color: "#B4B4B4"
-                }
-              },
-              axisTick: {
-                show: false
-              }
-            },
-            yAxis:{
-              splitLine: {
-                show: false
-              },
-              axisLine: {
-                lineStyle: {
-                  color: "#B4B4B4"
-                }
-              },
-              axisLabel: {
-                formatter: "{value} "
-              }
-            },
-            series: [
-              {
-                name: "已完成",
-                type: "bar",
-                barWidth: 10,
-                itemStyle: {
-                  normal: {
-                    barBorderRadius: 5,
-                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                      {offset: 0, color: "#956FD4"},
-                      {offset: 1, color: "#3EACE5"}
-                    ])
-                  }
-                },
-                data: newData.barData
-              },
-              {
-                name: "计划完成",
-                type: "bar",
-                barGap: "-100%",
-                barWidth: 10,
-                itemStyle: {
-                  normal: {
-                    barBorderRadius: 5,
-                    color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
-                      {offset: 0, color: "rgba(156,107,211,0.8)"},
-                      {offset: 0.2, color: "rgba(156,107,211,0.5)"},
-                      {offset: 1, color: "rgba(156,107,211,0.2)"}
-                    ])
-                  }
-                },
-                z: -12,
-                data: newData.planData
-              }
-            ]
+    mounted() {
+      let that=this;
+      this.setData();
+      this.options = {
+        /*tooltip: {
+          trigger: "axis",
+          backgroundColor: "rgba(255,255,255,0.1)",
+          axisPointer: {
+            type: "shadow",
+            label: {
+              show: true,
+              backgroundColor: "#7B7DDC"
+            }
+          }
+        },*/
+        tooltip: {
+          trigger: 'axis', //触发类型；轴触发，axis则鼠标hover到一条柱状图显示全部数据，item则鼠标hover到折线点显示相应数据，
+          axisPointer: { //坐标轴指示器，坐标轴触发有效，
+            type: 'cross', //默认为line，line直线，cross十字准星，shadow阴影
+            crossStyle: {
+              color: '#fff'
+            }
           }
         },
-        immediate: true,
-        deep: true
-      },
+        /*tooltip: {
+          trigger: 'item',
+          formatter: function (params) {
+            debugger;
+            console.log(params);
+            let color = params.color;//图例颜色
+            let htmlStr = '<div>';
+            htmlStr += params.name + '<br/>';
+            htmlStr += '<span style="height:10px;width:10px;font-size:12px;border-radius:5px;margin-right:5px;font-family:Consolas;display:inline-block;background:' + color + ';"></span>';
+            htmlStr += params.seriesName + '：' + params.value + '%';
+            htmlStr += '</div>';
+            return htmlStr;
+          }
+        },
+        tooltip: {
+          //shared: true,
+          crosshairs: true,
+          valueSuffix: yAxisSuffix,
+          useHTML: true,
+          formatter: function() {
+            return  "<div style='width:300px;word-wrap:break-word;white-space:normal;'>"
+              +"<b>录入时间: "+tipsbean[0][this.series.data.indexOf(this.point)].medDate+"</b><br/>"
+              +tipsbean[1][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[1][this.series.data.indexOf(this.point)].medResult+"<br/>"
+              +tipsbean[2][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[2][this.series.data.indexOf(this.point)].medResult+"<br/>"
+              +tipsbean[3][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[3][this.series.data.indexOf(this.point)].medResult+"<br/>"
+              +tipsbean[0][this.series.data.indexOf(this.point)].itemName+":"+tipsbean[0][this.series.data.indexOf(this.point)].medResult+"<br/>"
+              +"</div>";
+          }
+        },*/
+        legend: {
+          data: [" 计划完成", " 已完成 "],
+          textStyle: {
+            color: "#B4B4B4"
+          },
+          top: "0%"
+        },
+        grid: {
+          x: "8%",
+          width: "88%",
+          y: "4%"
+        },
+        xAxis: {
+          data: that.category,
+          axisLine: {
+            lineStyle: {
+              color: "#B4B4B4"
+            }
+          },
+          axisTick: {
+            show: false
+          }
+        },
+        yAxis:{
+          splitLine: {
+            type:"dashed",
+            color: "#B4B4B4",
+            width:"1",
+            // show: true,
+          },
+          axisLine: {
+            lineStyle: {
+              color: "#B4B4B4"
+            }
+          },
+          axisLabel: {
+            formatter: "{value} "
+          }
+        },
+        series: [
+          {
+            name: "已完成",
+            type: "bar",
+            barWidth: 10,
+            itemStyle: {
+              normal: {
+                barBorderRadius: 5,
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {offset: 0, color: "#956FD4"},
+                  {offset: 1, color: "#3EACE5"}
+                ])
+              }
+            },
+            data: that.realData
+          },
+          {
+            name: "计划完成",
+            type: "bar",
+            barGap: "-100%",
+            barWidth: 10,
+            itemStyle: {
+              normal: {
+                barBorderRadius: 5,
+                color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
+                  {offset: 0, color: "rgba(156,107,211,0.8)"},
+                  {offset: 0.2, color: "rgba(156,107,211,0.5)"},
+                  {offset: 1, color: "rgba(156,107,211,0.2)"}
+                ])
+              }
+            },
+            z: -12,
+            data: that.planData
+          }
+        ]
+      }
     },
     methods: {
       // 根据自己的业务情况修改
       setData() {
-        for (let i = 0; i < this.cdata.barData.length - 1; i++) {
-          let rate = this.cdata.barData[i] / this.cdata.planData[i];
+        /*for (let i = 0; i < this.cdata.realData.length - 1; i++) {
+          let rate = this.cdata.realData[i] / this.cdata.planData[i];
           this.cdata.rateData.push(rate.toFixed(2));
-        }
+        }*/
       },
     }
   }
diff --git a/hb_client/src/views/bigScreen/index.vue b/hb_client/src/views/bigScreen/index.vue
index 364deba..5bb5200 100644
--- a/hb_client/src/views/bigScreen/index.vue
+++ b/hb_client/src/views/bigScreen/index.vue
@@ -104,6 +104,9 @@
             <dv-border-box-13>
               <bottomLeft
                 v-if="limitedTwo"
+                :category="category"
+                :planData="planData"
+                :realData="realData"
               />
             </dv-border-box-13>
           </div>
@@ -126,7 +129,7 @@
   import bottomRight from './bottomRight'
   import {getPlanGantt} from "@/api/srm";
   import {getProductionplanList} from "@/api/pm";
-  import {getProcessYield, productCount, getProcessNow, planCount, orderCount} from "@/api/srm";
+  import {getProcessYield, productCount, getProcessNow} from "@/api/srm";
   import {getContractList, getOrderList} from "@/api/sam";
   import {getArticles} from "@/api/cms";
 
@@ -139,10 +142,11 @@
         dateDay: null,
         dateYear: null,
         dateWeek: null,
-        planGanttList: [],
         numberShow: false,
         processRate: false,
         listUser: false,
+        listNews: false,
+        listProcess: false,
         create_time_start: '',
         titleItem: [
           {
@@ -428,7 +432,10 @@
           // columnWidth: [50],
           align: ['center']
         },
-        weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六']
+        weekday: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
+        category:[],
+        planData:[],
+        realData:[],
       }
     },
     components: {
@@ -480,16 +487,6 @@
           this.dateWeek = this.weekday[new Date().getDay()]
         }, 1000)
       },
-      getPageData() {
-        let that = this;
-        getPlanGantt({type: 'big_screen'}).then(res => {
-          if (res.code === 200) {
-            this.planGanttList = res.data.results;
-          } else {
-            that.$message.error(res.msg);
-          }
-        })
-      },
       cancelLoading() {
         setTimeout(() => {
           this.loading = false
@@ -676,6 +673,7 @@
       //企业资讯
       getArticle() {
         let that = this;
+        that.listNews = false;
         getArticles({type: 'big_screen', page: 0}).then((response) => {
           if (response.data) {
             // this.configArticle = response.data;
@@ -694,11 +692,28 @@
               data.push(obj)
             });
             that.configArticle.data = data;
+            that.listNews = true;
           }
         });
       },
-
       //任务完成进度
+      getPageData() {
+        let that = this;
+        that.listNews = false;
+        getPlanGantt({type: 'big_screen'}).then(res => {
+          if (res.code === 200) {
+            let list = res.data.results;
+            list.forEach(item=>{
+              that.category.push(item.number);
+              that.planData.push(item.count);
+              that.realData.push(item.count_ok);
+            })
+            that.listNews = true;
+          } else {
+            that.$message.error(res.msg);
+          }
+        })
+      },
     }
   }
 </script>
diff --git a/hb_client/src/views/dashboard/index.vue b/hb_client/src/views/dashboard/index.vue
index 079c3ad..738d691 100644
--- a/hb_client/src/views/dashboard/index.vue
+++ b/hb_client/src/views/dashboard/index.vue
@@ -218,7 +218,7 @@
               :height="cardTabelHeight"
               style="border-top: 1px solid #f5f5f5;"
             >
-              <el-table-column label="id" prop="id" width="50">
+              <el-table-column type="index" width="50">
               </el-table-column>
               <el-table-column label="人员名称" prop="name" show-overflow-tooltip>
               </el-table-column>
@@ -233,7 +233,7 @@
                 </template>
               </el-table-column>
               <el-table-column label="部门" prop="dept_">
-                <template slot-scope="scope">{{scope.row.dept_.name}}</template>
+                <template slot-scope="scope" v-if="scope.row.dept_">{{scope.row.dept_.name}}</template>
               </el-table-column>
             </el-table>
           </div>
@@ -585,7 +585,7 @@
         let that = this;
         that.listLoadingUser = true;
         that.userPage = 1;
-        getEmployee({page: that.userPage, page_size: that.userPageSize}).then((response) => {
+        getEmployee({page: that.userPage, page_size: that.userPageSize,show_atwork:true}).then((response) => {
           if (response.data) {
             that.userList = response.data.results;
             that.userTotal = response.data.count;
@@ -602,6 +602,7 @@
         that.userPage = val;
         getEmployee({
           page: val,
+          show_atwork:true,
           page_size: that.userPageSize,
           fields: 'id,name,dept_name,is_atwork'
         }).then((response) => {
diff --git a/hb_client/src/views/inm/fifodetail.vue b/hb_client/src/views/inm/fifodetail.vue
index faecc1d..54a96d5 100644
--- a/hb_client/src/views/inm/fifodetail.vue
+++ b/hb_client/src/views/inm/fifodetail.vue
@@ -6,8 +6,9 @@
         type="primary"
         icon="el-icon-plus"
         @click="handlecgxCreate"
-        >新增采购项入库</el-button
       >
+        新增采购项入库
+      </el-button>
       <el-table
         v-loading="listLoading"
         :data="fifodetailList.results"
@@ -18,7 +19,7 @@
         height="100"
         v-el-height-adaptive-table="{ bottomOffset: 42 }"
       >
-        <el-table-column type="index" width="50" />
+        <el-table-column type="index" width="50"/>
         <el-table-column label="物料名称">
           <template slot-scope="scope">{{ scope.row.material_.name }}</template>
         </el-table-column>
@@ -27,19 +28,14 @@
           <template slot-scope="scope">{{ scope.row.batch }}</template>
         </el-table-column>
         <el-table-column label="物料编号">
-          <template slot-scope="scope">{{
-            scope.row.material_.number
-          }}</template>
+          <template slot-scope="scope">{{scope.row.material_.number}}</template>
         </el-table-column>
         <el-table-column label="物料单位">
           <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
         </el-table-column>
         <el-table-column label="物料型号">
-          <template slot-scope="scope">{{
-            scope.row.material_.specification
-          }}</template>
+          <template slot-scope="scope">{{scope.row.material_.specification}}</template>
         </el-table-column>
-
         <el-table-column label="出入库数量">
           <template slot-scope="scope">{{ scope.row.count }}</template>
         </el-table-column>
@@ -70,24 +66,25 @@
             <div v-for="item in scope.row.files_" v-bind:key="item.id">
               <el-link :href="item.path" target="_blank" type="primary">{{
                 item.name
-              }}</el-link>
+                }}
+              </el-link>
             </div>
           </template>
         </el-table-column>
         <el-table-column
+          v-if="this.$route.params.pu_order != null"
           align="center"
           label="操作"
           width="220px"
-          v-if="this.$route.params.pu_order != null"
         >
           <template slot-scope="scope">
             <el-link
+              v-if="scope.row.need_test"
               type="primary"
               @click="handleMaterial(scope)"
-              v-if="scope.row.need_test"
-              >复验</el-link
             >
-
+              复验
+            </el-link>
             <el-link type="primary" @click="handleEdit(scope)">上传</el-link>
           </template>
         </el-table-column>
@@ -113,8 +110,8 @@
         :rules="rule1"
       >
         <el-row :gutter="24">
-          <el-col :span="12"
-            ><div class="grid-content bg-purple">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
               <el-form-item label="采购订单项目" :prop="pu_order_item">
                 <el-select v-model="inpur.pu_order_item" @change="showmessage">
                   <el-option
@@ -125,39 +122,42 @@
                   >
                   </el-option>
                 </el-select>
-              </el-form-item></div
-          ></el-col>
-          <el-col :span="12"
-            ><div class="grid-content bg-purple">
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
               <el-form-item label="采购数量">
                 <el-input v-model="puorderItemdetial.count" :disabled="true">
                 </el-input>
-              </el-form-item></div
-          ></el-col>
+              </el-form-item>
+            </div>
+          </el-col>
         </el-row>
         <el-row :gutter="24">
-          <el-col :span="12"
-            ><div class="grid-content bg-purple">
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
               <el-form-item label="到货时间">
                 <el-input
                   v-model="puorderItemdetial.delivery_date"
                   :disabled="true"
                 >
                 </el-input>
-              </el-form-item></div
-          ></el-col>
-          <el-col :span="12"
-            ><div class="grid-content bg-purple">
+              </el-form-item>
+            </div>
+          </el-col>
+          <el-col :span="12">
+            <div class="grid-content bg-purple">
               <el-form-item label="到货数量">
                 <el-input
                   v-model="puorderItemdetial.delivered_count"
                   :disabled="true"
                 >
                 </el-input>
-              </el-form-item></div
-          ></el-col>
+              </el-form-item>
+            </div>
+          </el-col>
         </el-row>
-
         <el-form-item label="仓库" :prop="warehouse">
           <el-select v-model="inpur.warehouse">
             <el-option
@@ -188,14 +188,13 @@
       </el-form>
       <div style="text-align: right">
         <el-button type="danger" @click="dialogVisibles = false"
-          >取消</el-button
-        >
+        >取消
+        </el-button>
         <el-button type="primary" @click="confirminpur('Form1')"
-          >确认</el-button
-        >
+        >确认
+        </el-button>
       </div>
     </el-dialog>
-
     <el-dialog
       :close-on-click-modal="false"
       :visible.sync="dialogVisible"
@@ -210,7 +209,6 @@
         <el-form-item label="是否需要复验" prop="need_test">
           <el-switch v-model="FIFOItem.need_test"></el-switch>
         </el-form-item>
-
         <el-form-item label="文件列表">
           <el-upload
             ref="upload"
@@ -239,7 +237,8 @@
           ></i>
           <el-link :href="item.path" target="_blank" type="primary">{{
             item.name
-          }}</el-link>
+            }}
+          </el-link>
         </div>
       </el-form>
       <div style="text-align: right">
@@ -275,16 +274,16 @@
               v-if="item.field_type === 'string'"
               :label="item.field_name"
             >
-              <el-input placeholder="请输入" v-model="item.sort" />
+              <el-input placeholder="请输入" v-model="item.sort"/>
             </el-form-item>
             <el-form-item
               v-else-if="item.field_type === 'int'"
               :label="item.field_name"
             >
               <el-input
+                v-model="item.sort"
                 type="number"
                 placeholder="请输入"
-                v-model="item.sort"
               />
             </el-form-item>
             <el-form-item
@@ -292,9 +291,9 @@
               :label="item.field_name"
             >
               <el-input
+                v-model="item.sort"
                 type="number"
                 placeholder="请输入"
-                v-model="item.sort"
               />
             </el-form-item>
             <el-form-item
@@ -371,270 +370,272 @@
 
         <div slot="footer" class="dialog-footer">
           <el-button @click="innerVisible = false">取 消</el-button>
-          <el-button type="primary" @click="submitfield"
-            >提交检查项目</el-button
-          >
+          <el-button type="primary" @click="submitfield">
+            提交检查项目
+          </el-button>
         </div>
       </el-dialog>
       <div slot="footer" class="dialog-footer">
         <el-button @click="outerVisible = false">取 消</el-button>
-        <el-button type="primary" @click="submitrecordform"
-          >填写检查项目</el-button
-        >
+        <el-button type="primary" @click="submitrecordform">
+          填写检查项目
+        </el-button>
       </div>
     </el-dialog>
   </div>
 </template>
 <script>
-import {
-  getfifodetailList,
-  itemfiles,
-  createfifoitem,
-  getWarehouseList,
-} from "@/api/inm";
-import checkPermission from "@/utils/permission";
-import { getPuorderItemList, getpuorder } from "@/api/pum";
-import { getMaterialList, getrecordformList, getrffieldList } from "@/api/mtm";
-import { createTestrecord } from "@/api/inm";
+  import {
+    getfifodetailList,
+    itemfiles,
+    createfifoitem,
+    getWarehouseList,
+  } from "@/api/inm";
+  import checkPermission from "@/utils/permission";
+  import {getPuorderItemList, getpuorder} from "@/api/pum";
+  import {getMaterialList, getrecordformList, getrffieldList} from "@/api/mtm";
+  import {createTestrecord} from "@/api/inm";
 
-import { upUrl, upHeaders } from "@/api/file";
-import { genTree } from "@/utils";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
-const defaultfile = {
-  files: [],
-  need_test: false,
-};
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      InventoryList: {
-        count: 0,
-      },
-      fifodetailList: {
-        count: 0,
-      },
-      inpur: {},
-      dialogVisibles: false,
-      upHeaders: upHeaders(),
-      upUrl: upUrl(),
-      fileList: [],
-      FIFOItem: defaultfile,
-      listQuery: {
-        page: 1,
-        page_size: 20,
-      },
-      fieldList: {
-        count: 0,
-      },
-      warehouseData: [],
-      is_testok: "true",
-      field: [],
-      recordformList: [],
-      recordform: "",
-      fifo_detail: "",
-      listQueryrecordform: {
-        page: 0,
-      },
-      fileData: {},
-      outerVisible: false,
-      innerVisible: false,
-      dialogVisible: false,
-      dialogVisibles: false,
-      dialogType: "new",
-      testrecord: {},
-      puorderItemdetial: [],
-      puorderTtemoptions: [],
-      rule1: {
-        name: [{ required: true, message: "请输入", trigger: "blur" }],
-      },
-      fileList: [],
-      item: "",
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getList();
-  },
-  mounted() {},
-  methods: {
-    checkPermission,
+  import {upUrl, upHeaders} from "@/api/file";
+  import {genTree} from "@/utils";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  const defaultfile = {
+    files: [],
+    need_test: false,
+  };
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        InventoryList: {
+          count: 0,
+        },
+        fifodetailList: {
+          count: 0,
+        },
+        inpur: {},
+        dialogVisibles: false,
+        upHeaders: upHeaders(),
+        upUrl: upUrl(),
+        fileList: [],
+        FIFOItem: defaultfile,
+        listQuery: {
+          page: 1,
+          page_size: 20,
+        },
+        fieldList: {
+          count: 0,
+        },
+        warehouseData: [],
+        is_testok: "true",
+        field: [],
+        recordformList: [],
+        recordform: "",
+        fifo_detail: "",
+        listQueryrecordform: {
+          page: 0,
+        },
+        fileData: {},
+        outerVisible: false,
+        innerVisible: false,
+        dialogVisible: false,
+        dialogVisibles: false,
+        dialogType: "new",
+        testrecord: {},
+        puorderItemdetial: [],
+        puorderTtemoptions: [],
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+        },
+        fileList: [],
+        item: "",
+      };
+    },
+    computed: {},
+    watch: {},
+    created() {
+      this.getList();
+    },
+    mounted() {
+    },
+    methods: {
+      checkPermission,
 
-    getList() {
-      this.listLoading = true;
+      getList() {
+        this.listLoading = true;
 
-      this.listQuery.fifo = this.$route.params.id;
-      getfifodetailList(this.listQuery).then((response) => {
-        if (response.data) {
-          this.fifodetailList = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    showmessage(value) {
-      getpuorder(value).then((response) => {
-        if (response.data) {
-          this.puorderItemdetial = response.data;
-        }
-      });
-    },
-    //采购订单项入库
-
-    confirminpur() {
-      console.log(this.inpur);
-      this.inpur.material = this.puorderItemdetial.material_.id; //物料类型
-      this.inpur.fifo = this.$route.params.id; //出入库记录
-      createfifoitem(this.inpur).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisibles = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-    handlecgxCreate() {
-      this.$nextTick(() => {
-        this.$refs["Form1"].clearValidate();
-      });
-      if (this.$route.params.pu_order != null) {
-        this.dialogVisibles = true;
-        this.getpuorderitemList();
-        this.getlists();
-      }
-    },
-    //仓库
-    getlists() {
-      getWarehouseList({ page: 0 }).then((response) => {
-        if (response.data) {
-          this.warehouseData = genTree(response.data);
-        }
-        this.listLoading = false;
-      });
-    },
-    //采购顶单项列表
-    getpuorderitemList() {
-      getPuorderItemList({
-        pu_order: this.$route.params.pu_order,
-        page: 0,
-      }).then((response) => {
-        if (response.data) {
-          this.puorderTtemoptions = response.data;
-        }
-      });
-    },
-    handleUpSuccess(res, file, filelist) {
-      this.fileList.push({
-        id: res.data.id,
-        name: res.data.name,
-        path: res.data.path,
-      });
-      this.handleRemove(file);
-    },
-    handleRemove(file) {
-      // 实现删除文件
-      let fileList = this.$refs.upload.uploadFiles;
-      let index = fileList.findIndex((fileItem) => {
-        return fileItem.uid === file.uid;
-      });
-      fileList.splice(index, 1);
-    },
-    beforeUpload(file) {
-      const isLt2M = file.size / 1024 / 1024 < 50;
-      if (!isLt2M) {
-        this.$message.error("单文件不能超过50MB!");
-      }
-      return isLt2M;
-    },
-    deleteFile(index) {
-      this.$confirm("确定删除该文件, 是否继续?", { type: "error" })
-        .then(() => {
-          this.fileList.splice(index, 1);
-        })
-        .catch((e) => {});
-    },
-    yeschange(val) {
-      if (!val) {
-        this.fileList = [];
-      }
-    },
-    handleEdit(scope) {
-      this.FIFOItem = Object.assign({}, scope.row); // copy obj
-      (this.fileList = []), (this.dialogVisible = true);
-      for (var i = 0; i < this.FIFOItem.files_.length; i++) {
-        this.fileList.push({
-          id: this.FIFOItem.files_[i].id,
-          name: this.FIFOItem.files_[i].name,
-          path: this.FIFOItem.files_[i].path,
-        });
-      }
-    },
-    confirm() {
-      var files = [];
-      for (var i = 0; i < this.fileList.length; i++) {
-        files.push(this.fileList[i].id);
-      }
-
-      this.fileData.files = files;
-      this.fileData.need_test = this.FIFOItem.need_test;
-      console.log(this.fileData);
-      itemfiles(this.FIFOItem.id, this.fileData).then((res) => {
-        if (res.code >= 200) {
-          this.getList();
-          this.dialogVisible = false;
-          this.$message.success("成功");
-        }
-      });
-    },
-
-    handleMaterial(scope) {
-      //调该物料对应的检查表
-      this.outerVisible = true;
-      this.fifo_detail = scope.row.id;
-      this.listQueryrecordform.material = scope.row.material;
-      this.listQueryrecordform.type = 2;
-      getrecordformList(this.listQueryrecordform).then((response) => {
-        if (response.data) {
-          this.recordformList = response.data;
-        }
-      });
-    },
-    //根据选择的表，渲染检查项目
-    submitrecordform() {
-      if (this.recordform != "") {
-        getrffieldList({ form: this.recordform, page: 0 }).then((response) => {
+        this.listQuery.fifo = this.$route.params.id;
+        getfifodetailList(this.listQuery).then((response) => {
           if (response.data) {
-            this.fieldList = response.data;
-            this.innerVisible = true;
+            this.fifodetailList = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
+      showmessage(value) {
+        getpuorder(value).then((response) => {
+          if (response.data) {
+            this.puorderItemdetial = response.data;
           }
         });
-      } else this.$message.error("请选择检查表！");
-    },
-    //提交检查项目
-    submitfield() {
-      let _this = this;
-      _this.field = []; //检查项目
-      this.fieldList.forEach((item) => {
-        _this.field.push({
-          form_field: item.id,
-          field_value: item.sort,
+      },
+      //采购订单项入库
+
+      confirminpur() {
+        console.log(this.inpur);
+        this.inpur.material = this.puorderItemdetial.material_.id; //物料类型
+        this.inpur.fifo = this.$route.params.id; //出入库记录
+        createfifoitem(this.inpur).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisibles = false;
+            this.$message.success("成功");
+          }
         });
-      });
-
-      console.log(this.recordform);
-      this.testrecord.form = this.recordform;
-      this.testrecord.record_data = _this.field;
-      this.testrecord.fifo_item = this.fifo_detail;
-
-      this.testrecord.is_testok = this.is_testok;
-      createTestrecord(this.testrecord).then((res) => {
-        if (res.code >= 200) {
-          this.innerVisible = false;
-          this.outerVisible = false;
-          this.getList();
+      },
+      handlecgxCreate() {
+        this.$nextTick(() => {
+          this.$refs["Form1"].clearValidate();
+        });
+        if (this.$route.params.pu_order != null) {
+          this.dialogVisibles = true;
+          this.getpuorderitemList();
+          this.getlists();
         }
-      });
+      },
+      //仓库
+      getlists() {
+        getWarehouseList({page: 0}).then((response) => {
+          if (response.data) {
+            this.warehouseData = genTree(response.data);
+          }
+          this.listLoading = false;
+        });
+      },
+      //采购顶单项列表
+      getpuorderitemList() {
+        getPuorderItemList({
+          pu_order: this.$route.params.pu_order,
+          page: 0,
+        }).then((response) => {
+          if (response.data) {
+            this.puorderTtemoptions = response.data;
+          }
+        });
+      },
+      handleUpSuccess(res, file, filelist) {
+        this.fileList.push({
+          id: res.data.id,
+          name: res.data.name,
+          path: res.data.path,
+        });
+        this.handleRemove(file);
+      },
+      handleRemove(file) {
+        // 实现删除文件
+        let fileList = this.$refs.upload.uploadFiles;
+        let index = fileList.findIndex((fileItem) => {
+          return fileItem.uid === file.uid;
+        });
+        fileList.splice(index, 1);
+      },
+      beforeUpload(file) {
+        const isLt2M = file.size / 1024 / 1024 < 50;
+        if (!isLt2M) {
+          this.$message.error("单文件不能超过50MB!");
+        }
+        return isLt2M;
+      },
+      deleteFile(index) {
+        this.$confirm("确定删除该文件, 是否继续?", {type: "error"})
+          .then(() => {
+            this.fileList.splice(index, 1);
+          })
+          .catch((e) => {
+          });
+      },
+      yeschange(val) {
+        if (!val) {
+          this.fileList = [];
+        }
+      },
+      handleEdit(scope) {
+        this.FIFOItem = Object.assign({}, scope.row); // copy obj
+        (this.fileList = []), (this.dialogVisible = true);
+        for (var i = 0; i < this.FIFOItem.files_.length; i++) {
+          this.fileList.push({
+            id: this.FIFOItem.files_[i].id,
+            name: this.FIFOItem.files_[i].name,
+            path: this.FIFOItem.files_[i].path,
+          });
+        }
+      },
+      confirm() {
+        var files = [];
+        for (var i = 0; i < this.fileList.length; i++) {
+          files.push(this.fileList[i].id);
+        }
+
+        this.fileData.files = files;
+        this.fileData.need_test = this.FIFOItem.need_test;
+        console.log(this.fileData);
+        itemfiles(this.FIFOItem.id, this.fileData).then((res) => {
+          if (res.code >= 200) {
+            this.getList();
+            this.dialogVisible = false;
+            this.$message.success("成功");
+          }
+        });
+      },
+
+      handleMaterial(scope) {
+        //调该物料对应的检查表
+        this.outerVisible = true;
+        this.fifo_detail = scope.row.id;
+        this.listQueryrecordform.material = scope.row.material;
+        this.listQueryrecordform.type = 30;
+        getrecordformList(this.listQueryrecordform).then((response) => {
+          if (response.data) {
+            this.recordformList = response.data;
+          }
+        });
+      },
+      //根据选择的表，渲染检查项目
+      submitrecordform() {
+        if (this.recordform != "") {
+          getrffieldList({form: this.recordform, page: 0}).then((response) => {
+            if (response.data) {
+              this.fieldList = response.data;
+              this.innerVisible = true;
+            }
+          });
+        } else this.$message.error("请选择检查表！");
+      },
+      //提交检查项目
+      submitfield() {
+        let _this = this;
+        _this.field = []; //检查项目
+        this.fieldList.forEach((item) => {
+          _this.field.push({
+            form_field: item.id,
+            field_value: item.sort,
+          });
+        });
+
+        console.log(this.recordform);
+        this.testrecord.form = this.recordform;
+        this.testrecord.record_data = _this.field;
+        this.testrecord.fifo_item = this.fifo_detail;
+
+        this.testrecord.is_testok = this.is_testok;
+        createTestrecord(this.testrecord).then((res) => {
+          if (res.code >= 200) {
+            this.innerVisible = false;
+            this.outerVisible = false;
+            this.getList();
+          }
+        });
+      },
     },
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/mtm/material.vue b/hb_client/src/views/mtm/material.vue
index 8e33258..5bb2a00 100644
--- a/hb_client/src/views/mtm/material.vue
+++ b/hb_client/src/views/mtm/material.vue
@@ -30,8 +30,8 @@
     </el-card>
     <el-card style="margin-top: 2px">
       <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-        <el-tab-pane label="成品" name="1"></el-tab-pane>
-        <el-tab-pane label="半成品" name="2"></el-tab-pane>
+        <!--<el-tab-pane label="成品" name="1"></el-tab-pane>
+        <el-tab-pane label="半成品" name="2"></el-tab-pane>-->
         <el-tab-pane label="主要原料" name="3"></el-tab-pane>
         <el-tab-pane label="辅助材料" name="4"></el-tab-pane>
         <el-tab-pane label="加工工具" name="5"></el-tab-pane>
@@ -210,22 +210,23 @@
         },
         processOptions: [],
         options_: {
-
-          "1": '成品',
-          "2": '半成品',
+          // "1": '成品',
+          // "2": '半成品',
           "3": '主要原料',
           "4": '辅助材料',
           "5": '加工工具',
           "6": '辅助工装',
 
         },
-        options: [{
+        options: [
+          /*{
           value: 1,
           label: '成品'
         }, {
           value: 2,
           label: '半成品'
-        }, {
+        }, */
+          {
           value: 3,
           label: '主要原料'
         }, {
@@ -258,10 +259,11 @@
           },
         ],
         listQuery: {
+          type:3,
           page: 1,
           page_size: 20,
         },
-        activeName: "",
+        activeName: "3",
         listLoading: true,
         dialogVisible: false,
         dialogType: "new",
diff --git a/hb_client/src/views/mtm/productList.vue b/hb_client/src/views/mtm/productList.vue
new file mode 100644
index 0000000..9b2e82b
--- /dev/null
+++ b/hb_client/src/views/mtm/productList.vue
@@ -0,0 +1,351 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>
+        <el-button
+          v-if="checkPermission(['material_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
+        >
+          新增成品
+        </el-button>
+        <el-input
+          v-model="listQuery.search"
+          placeholder="成品名称/成品编号"
+          style="width: 300px"
+          class="filter-item"
+          clearable
+          @keyup.enter.native="handleFilter"
+        />
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+        >
+          搜索
+        </el-button>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+        >
+          重置
+        </el-button>
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        v-loading="listLoading"
+        :data="materialList.results"
+        border
+        fit
+        stripe
+        highlight-current-row
+        height="100"
+        v-el-height-adaptive-table="{bottomOffset: 42}"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="成品编号">
+          <template slot-scope="scope">
+            {{ scope.row.number }}
+          </template>
+        </el-table-column>
+        <el-table-column label="物料类别">
+          <template> 成品</template>
+        </el-table-column>
+        <el-table-column label="成品名称">
+          <template slot-scope="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column label="规格型号">
+          <template slot-scope="scope">{{ scope.row.specification }}</template>
+        </el-table-column>
+        <el-table-column label="单片玻璃数量">
+          <template slot-scope="scope">{{ scope.row.piece_count }}</template>
+        </el-table-column>
+        <el-table-column label="计量单位">
+          <template slot-scope="scope">{{ scope.row.unit }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['material_update'])&&scope.row.type!=5&&scope.row.type!=6"
+              type="primary"
+              @click="handlebind(scope)"
+            >
+              检查表
+            </el-link>
+            <el-link
+              subproduction_delete
+              type="primary"
+              @click="handleEdit(scope)"
+            >
+              编辑
+            </el-link>
+            <el-link
+              v-if="checkPermission(['material_update'])"
+              type="primary"
+              @click="handledetail(scope)"
+            >
+              详情
+            </el-link>
+            <el-link
+              v-if="checkPermission(['material_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+            >
+              删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="materialList.count > 0"
+        :total="materialList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      :title="dialogType === 'edit' ? '编辑成品' : '新增成品'"
+    >
+      <el-form
+        ref="Form"
+        :model="material"
+        label-width="100px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="成品名称" prop="name">
+          <el-input v-model="material.name" placeholder="成品名称"/>
+        </el-form-item>
+        <el-form-item label="成品编号" prop="number">
+          <el-input v-model="material.number" placeholder="成品编号"/>
+        </el-form-item>
+        <el-form-item label="规格型号">
+          <el-input v-model="material.specification" placeholder="规格型号"/>
+        </el-form-item>
+
+        <el-form-item label="计量单位">
+          <el-select style="width: 100%" v-model="material.unit" placeholder="请选择">
+            <el-option
+              v-for="item in unitoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="单片玻璃数量" v-if="material.type==1">
+          <el-input v-model="material.piece_count" placeholder="单片玻璃数量"/>
+        </el-form-item>
+        <el-form-item label="安全库存数">
+          <el-input-number style="width: 100%;" v-model="material.count_safe" :step="1" :min="0" step-strictly
+                           placeholder="安全库存数"></el-input-number>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input-number style="width: 100%;" v-model="material.sort_str" :step="1" :min="0" step-strictly
+                           placeholder="排序"></el-input-number>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    getMaterialList,
+    createMaterial,
+    updateMaterial,
+    deleteMaterial
+  } from "@/api/mtm";
+  import checkPermission from "@/utils/permission";
+  import Pagination from "@/components/Pagination";
+
+  const defaultmaterial = {
+    name: null,
+    number: null,
+    specification: null,
+    unit: null,
+    type: 1,
+    piece_count: null,
+    sort_str: null,
+    count_safe: 0,
+    processes: [],
+  };
+  export default {
+    name: "productList",
+    components: {Pagination},
+    data() {
+      return {
+        material: defaultmaterial,
+        materialList: {
+          count: 0,
+        },
+        options_: {
+
+          "1": '成品',
+          "2": '半成品',
+          "3": '主要原料',
+          "4": '辅助材料',
+          "5": '加工工具',
+          "6": '辅助工装',
+
+        },
+        unitoptions: [
+          {
+            value: '块',
+            label: '块'
+          }, {
+            value: '套',
+            label: '套'
+          },
+          {
+            value: '个',
+            label: '个'
+          }, {
+            value: 'm2',
+            label: 'm2'
+          }, {
+            value: '瓶',
+            label: '瓶'
+          },
+        ],
+        listQuery: {
+          type: 1,
+          page: 1,
+          page_size: 20,
+        },
+        activeName: "",
+        listLoading: true,
+        dialogVisible: false,
+        dialogType: "new",
+        rule1: {
+          name: [{required: true, message: "请输入", trigger: "blur"}],
+          number: [{required: true, message: "请输入", trigger: "blur"}],
+
+        },
+      };
+    },
+    computed: {},
+    watch: {},
+    created() {
+      this.getList();
+      // this.getProcessList();
+    },
+    methods: {
+      checkPermission,
+      //成品详情
+      handledetail(scope) {
+        this.$router.push({name: "MaterialDetail", params: {id: scope.row.id, type: scope.row.type},})
+      },
+      getList() {
+        let that = this;
+        that.listLoading = true;
+        getMaterialList(this.listQuery).then((response) => {
+          if (response.data) {
+            that.materialList = response.data;
+          }
+          that.listLoading = false;
+        });
+      },
+      //检查表
+      handlebind(scope) {
+        this.$router.push({name: "MaterialDO", params: {id: scope.row.id},})
+      },
+      handleFilter() {
+        this.listQuery.page = 1;
+        this.getList();
+      },
+      resetFilter() {
+        this.activeName = "";
+        this.listQuery = {
+          type: 1,
+          page: 1,
+          page_size: 20,
+        };
+        this.getList();
+      },
+      handleCreate() {
+        this.material = Object.assign({}, defaultmaterial);
+        this.dialogType = "new";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      handleEdit(scope) {
+        this.material = Object.assign({}, scope.row); // copy obj
+        this.dialogType = "edit";
+        this.dialogVisible = true;
+        this.$nextTick(() => {
+          this.$refs["Form"].clearValidate();
+        });
+      },
+      handleDelete(scope) {
+        let that = this;
+        this.$confirm("确认删除?", "警告", {
+          confirmButtonText: "确认",
+          cancelButtonText: "取消",
+          type: "error",
+        })
+          .then(async () => {
+            await deleteMaterial(scope.row.id);
+            that.getList();
+            that.$message.success("成功");
+          })
+          .catch((err) => {
+            that.$message.error(err);
+          });
+      },
+      async confirm(form) {
+        let that = this;
+        that.$refs[form].validate((valid) => {
+          if (valid) {
+            const isEdit = this.dialogType === "edit";
+            if (isEdit) {
+              updateMaterial(this.material.id, this.material).then((res) => {
+                if (res.code >= 200) {
+                  that.getList();
+                  that.dialogVisible = false;
+                  that.$message.success("成功");
+                }
+              });
+            } else {
+              createMaterial(this.material).then((res) => {
+                if (res.code >= 200) {
+                  that.getList();
+                  that.dialogVisible = false;
+                  that.$message.success("成功");
+                }
+              });
+            }
+          } else {
+            return false;
+          }
+        });
+      },
+    },
+  }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/hb_client/src/views/mtm/wproductList.vue b/hb_client/src/views/mtm/wproductList.vue
new file mode 100644
index 0000000..3f174e9
--- /dev/null
+++ b/hb_client/src/views/mtm/wproductList.vue
@@ -0,0 +1,322 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <div>
+        <el-button
+          v-if="checkPermission(['material_create'])"
+          type="primary"
+          icon="el-icon-plus"
+          @click="handleCreate"
+        >
+          新增半成品
+        </el-button>
+        <el-input
+          v-model="listQuery.search"
+          placeholder="半成品名称/半成品编号"
+          style="width: 300px"
+          class="filter-item"
+          clearable
+          @keyup.enter.native="handleFilter"
+        />
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-search"
+          @click="handleFilter"
+        >搜索
+        </el-button>
+        <el-button
+          class="filter-item"
+          type="primary"
+          icon="el-icon-refresh-left"
+          @click="resetFilter"
+        >重置
+        </el-button>
+      </div>
+    </el-card>
+    <el-card style="margin-top: 2px">
+      <el-table
+        v-loading="listLoading"
+        :data="materialList.results"
+        border
+        fit
+        stripe
+        highlight-current-row
+        height="100"
+        v-el-height-adaptive-table="{bottomOffset: 42}"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="半成品编号">
+          <template slot-scope="scope">
+            {{ scope.row.number }}
+          </template>
+        </el-table-column>
+        <el-table-column label="物料类别">
+          <template> 半成品</template>
+        </el-table-column>
+        <el-table-column label="半成品名称">
+          <template slot-scope="scope">{{ scope.row.name }}</template>
+        </el-table-column>
+        <el-table-column label="规格型号">
+          <template slot-scope="scope">{{ scope.row.specification }}</template>
+        </el-table-column>
+        <el-table-column label="计量单位">
+          <template slot-scope="scope">{{ scope.row.unit }}</template>
+        </el-table-column>
+        <el-table-column label="创建时间">
+          <template slot-scope="scope">{{ scope.row.create_time }}</template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['material_update'])&&scope.row.type!=5&&scope.row.type!=6"
+              type="primary"
+              @click="handlebind(scope)"
+            >检查表
+            </el-link>
+            <el-link
+              subproduction_delete
+              type="primary"
+              @click="handleEdit(scope)"
+            >编辑
+            </el-link>
+            <el-link
+              v-if="checkPermission(['material_update'])"
+              type="primary"
+              @click="handledetail(scope)"
+            >详情
+            </el-link>
+            <el-link
+              v-if="checkPermission(['material_delete'])"
+              type="danger"
+              @click="handleDelete(scope)"
+            >删除
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="materialList.count > 0"
+        :total="materialList.count"
+        :page.sync="listQuery.page"
+        :limit.sync="listQuery.page_size"
+        @pagination="getList"
+      />
+    </el-card>
+    <el-dialog
+      :visible.sync="dialogVisible"
+      :close-on-click-modal="false"
+      :title="dialogType === 'edit' ? '编辑半成品' : '新增半成品'"
+    >
+      <el-form
+        ref="Form"
+        :model="material"
+        label-width="100px"
+        label-position="right"
+        :rules="rule1"
+      >
+        <el-form-item label="半成品名称" prop="name">
+          <el-input v-model="material.name" placeholder="半成品名称"/>
+        </el-form-item>
+        <el-form-item label="半成品编号" prop="number">
+          <el-input v-model="material.number" placeholder="半成品编号"/>
+        </el-form-item>
+        <el-form-item label="规格型号">
+          <el-input v-model="material.specification" placeholder="规格型号"/>
+        </el-form-item>
+        <el-form-item label="计量单位">
+          <el-select style="width: 100%" v-model="material.unit" placeholder="请选择">
+            <el-option
+              v-for="item in unitoptions"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="安全库存数">
+          <el-input-number style="width: 100%;" v-model="material.count_safe" :step="1" :min="0" step-strictly placeholder="安全库存数"></el-input-number>
+        </el-form-item>
+        <el-form-item label="排序">
+          <el-input-number style="width: 100%;" v-model="material.sort_str" :step="1" :min="0" step-strictly placeholder="排序"></el-input-number>
+        </el-form-item>
+      </el-form>
+      <div style="text-align: right">
+        <el-button type="danger" @click="dialogVisible = false">取消</el-button>
+        <el-button type="primary" @click="confirm('Form')">确认</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+  import {
+    getMaterialList,
+    createMaterial,
+    updateMaterial,
+    deleteMaterial
+  } from "@/api/mtm";
+  import checkPermission from "@/utils/permission";
+  import Pagination from "@/components/Pagination";
+  const defaultmaterial = {
+    name: null,
+    number: null,
+    specification: null,
+    unit: null,
+    type: 2,
+    piece_count: null,
+    sort_str: null,
+    count_safe: 0,
+    processes: [],
+  };
+    export default {
+        name: "wproductList",
+      components: {Pagination},
+      data() {
+        return {
+          material: defaultmaterial,
+          materialList: {
+            count: 0,
+          },
+          unitoptions: [
+            {
+              value: '块',
+              label: '块'
+            }, {
+              value: '套',
+              label: '套'
+            },
+            {
+              value: '个',
+              label: '个'
+            }, {
+              value: 'm2',
+              label: 'm2'
+            }, {
+              value: '瓶',
+              label: '瓶'
+            },
+          ],
+          listQuery: {
+            type:2,
+            page: 1,
+            page_size: 20,
+          },
+          activeName: "",
+          listLoading: true,
+          dialogVisible: false,
+          dialogType: "new",
+          rule1: {
+            name: [{required: true, message: "请输入", trigger: "blur"}],
+            number: [{required: true, message: "请输入", trigger: "blur"}],
+
+          },
+        };
+      },
+      computed: {},
+      watch: {},
+      created() {
+        this.getList();
+        // this.getProcessList();
+      },
+      methods: {
+        checkPermission,
+        //半成品详情
+        handledetail(scope){
+          this.$router.push({name: "MaterialDetail", params: { id: scope.row.id,type: scope.row.type }, })
+        },
+        getList() {
+          this.listLoading = true;
+          getMaterialList(this.listQuery).then((response) => {
+            if (response.data) {
+              this.materialList = response.data;
+            }
+            this.listLoading = false;
+          });
+        },
+        //检查表
+        handlebind(scope) {
+          this.$router.push({name: "MaterialDO", params: {id: scope.row.id},})
+        },
+        handleFilter() {
+          this.listQuery.page = 1;
+          this.getList();
+        },
+        resetFilter() {
+          this.activeName = "";
+          this.listQuery = {
+            type: 2,
+            page: 1,
+            page_size: 20,
+          };
+          this.getList();
+        },
+        handleCreate() {
+          this.material = Object.assign({}, defaultmaterial);
+          this.dialogType = "new";
+          this.dialogVisible = true;
+          this.$nextTick(() => {
+            this.$refs["Form"].clearValidate();
+          });
+        },
+        handleEdit(scope) {
+          this.material = Object.assign({}, scope.row); // copy obj
+          this.dialogType = "edit";
+          this.dialogVisible = true;
+          this.$nextTick(() => {
+            this.$refs["Form"].clearValidate();
+          });
+        },
+        handleDelete(scope) {
+          this.$confirm("确认删除?", "警告", {
+            confirmButtonText: "确认",
+            cancelButtonText: "取消",
+            type: "error",
+          })
+            .then(async () => {
+              await deleteMaterial(scope.row.id);
+              this.getList();
+              this.$message.success("成功");
+            })
+            .catch((err) => {
+              this.$message.error(err);
+            });
+        },
+        async confirm(form) {
+          this.$refs[form].validate((valid) => {
+            if (valid) {
+              const isEdit = this.dialogType === "edit";
+              if (isEdit) {
+                updateMaterial(this.material.id, this.material).then((res) => {
+                  if (res.code >= 200) {
+                    this.getList();
+                    this.dialogVisible = false;
+                    this.$message.success("成功");
+                  }
+                });
+              } else {
+                createMaterial(this.material).then((res) => {
+                  if (res.code >= 200) {
+                    this.getList();
+                    this.dialogVisible = false;
+                    this.$message.success("成功");
+                  }
+                });
+              }
+            } else {
+              return false;
+            }
+          });
+        },
+      },
+    }
+</script>
+
+<style scoped>
+
+</style>
diff --git a/hb_client/src/views/qm/admissiontest.vue b/hb_client/src/views/qm/admissiontest.vue
index 55e66a9..46c9ff7 100644
--- a/hb_client/src/views/qm/admissiontest.vue
+++ b/hb_client/src/views/qm/admissiontest.vue
@@ -1,323 +1,392 @@
 <template>
   <div class="app-container">
     <el-card style="margin-top: 2px">
-       <el-tabs v-model="activeName" type="card"  @tab-click="handleClick">
-    <el-tab-pane label="总览" name="1" >
- <el-table
-        v-loading="listLoading"
-        :data="fifodetailList1.results"
-        border
-        fit
-        stripe
-        highlight-current-row
-       height="620"
-         v-el-height-adaptive-table="{bottomOffset: 40}"
-      >
-        <el-table-column type="index" width="50" />
-         <el-table-column label="物料批次">
-          <template slot-scope="scope">{{ scope.row.batch }}</template>
-        </el-table-column>
-        <el-table-column label="物料名称">
-          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
-        </el-table-column>
-  <el-table-column label="规格型号">
-          <template slot-scope="scope">{{
-            scope.row.material_.specification
-          }}</template>
-        </el-table-column>
-         <el-table-column label="物料单位">
-          <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
-        </el-table-column>
-        <el-table-column label="总数量">
-          <template slot-scope="scope">{{ scope.row.count }}</template>
-        </el-table-column>
-        <el-table-column label="检查状态">
-          <template slot-scope="scope">
-            <el-tag v-if="scope.row.is_tested == false">未检查</el-tag>
-            <el-tag v-else>已检查</el-tag>
-          </template>
-        </el-table-column>
-        <el-table-column label="检查是否合格">
-          <template slot-scope="scope" v-if="scope.row.is_tested == true">
-            <el-tag v-if="scope.row.is_testok == false">不合格</el-tag>
-            <el-tag v-else>合格</el-tag>
-          </template>
-        </el-table-column>
-  <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
-        </el-table-column>
-      
-      </el-table>
-      <pagination
-        v-show="fifodetailList1.count > 0"
-        :total="fifodetailList1.count"
-        :page.sync="listQuery1.page"
-        :limit.sync="listQuery1.page_size"
-        @pagination="getList1"
-      />
-
-    </el-tab-pane>
-    <el-tab-pane label="待检物料" name="2">
-       <el-table
-        v-loading="listLoading"
-        :data="fifodetailList2.results"
-        border
-        fit
-        stripe
-        highlight-current-row
-       height="620"
-         v-el-height-adaptive-table="{bottomOffset: 40}"
-      >
-        <el-table-column type="index" width="50" />
-         <el-table-column label="物料批次">
-          <template slot-scope="scope">{{ scope.row.batch }}</template>
-        </el-table-column>
-        <el-table-column label="物料名称">
-          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
-        </el-table-column>
-  <el-table-column label="规格型号">
-          <template slot-scope="scope">{{
-            scope.row.material_.specification
-          }}</template>
-        </el-table-column>
-         <el-table-column label="物料单位">
-          <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
-        </el-table-column>
-        <el-table-column label="总数量">
-          <template slot-scope="scope">{{ scope.row.count }}</template>
-        </el-table-column>
-      
-  <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
-        </el-table-column>
-      
-      </el-table>
-      <pagination
-        v-show="fifodetailList2.count > 0"
-        :total="fifodetailList2.count"
-        :page.sync="listQuery2.page"
-        :limit.sync="listQuery2.page_size"
-        @pagination="getList2"
-      />
-    </el-tab-pane>
-    <el-tab-pane label="合格物料" name="3">
-       <el-table
-        v-loading="listLoading"
-        :data="fifodetailList3.results"
-        border
-        fit
-        stripe
-        highlight-current-row
-       height="620"
-         v-el-height-adaptive-table="{bottomOffset: 40}"
-      >
-        <el-table-column type="index" width="50" />
-         <el-table-column label="物料批次">
-          <template slot-scope="scope">{{ scope.row.batch }}</template>
-        </el-table-column>
-        <el-table-column label="物料名称">
-          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
-        </el-table-column>
-  <el-table-column label="规格型号">
-          <template slot-scope="scope">{{
-            scope.row.material_.specification
-          }}</template>
-        </el-table-column>
-         <el-table-column label="物料单位">
-          <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
-        </el-table-column>
-          <el-table-column label="仓库">
-          <template slot-scope="scope">{{ scope.row.warehouse_.name }}</template>
-        </el-table-column>
-        
-        <el-table-column label="入库数量">
-          <template slot-scope="scope">{{ scope.row.count }}</template>
-        </el-table-column>
-     
-  <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
-        </el-table-column>
-      
-      </el-table>
-      <pagination
-        v-show="fifodetailList3.count > 0"
-        :total="fifodetailList3.count"
-        :page.sync="listQuery3.page"
-        :limit.sync="listQuery3.page_size"
-        @pagination="getList3"
-      />
-    </el-tab-pane>
-    <el-tab-pane label="不合格物料" name="4">
-       <el-table
-        v-loading="listLoading"
-        :data="fifodetailList4.results"
-        border
-        fit
-        stripe
-        highlight-current-row
-       height="620"
-         v-el-height-adaptive-table="{bottomOffset: 40}"
-      >
-        <el-table-column type="index" width="50" />
-         <el-table-column label="物料批次">
-          <template slot-scope="scope">{{ scope.row.batch }}</template>
-        </el-table-column>
-        <el-table-column label="物料名称">
-          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
-        </el-table-column>
-  <el-table-column label="规格型号">
-          <template slot-scope="scope">{{
-            scope.row.material_.specification
-          }}</template>
-        </el-table-column>
-         <el-table-column label="物料单位">
-          <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
-        </el-table-column>
-    
-  <el-table-column label="创建时间">
-          <template slot-scope="scope">{{ scope.row.create_time }}</template>
-        </el-table-column>
-      
-      </el-table>
-      <pagination
-        v-show="fifodetailList4.count > 0"
-        :total="fifodetailList4.count"
-        :page.sync="listQuery4.page"
-        :limit.sync="listQuery4.page_size"
-        @pagination="getList4"
-      />
-    </el-tab-pane>
-  </el-tabs>
-     
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane label="总览" name="1">
+          <el-table
+            v-loading="listLoading"
+            :data="fifodetailList1.results"
+            border
+            fit
+            stripe
+            highlight-current-row
+            height="620"
+            v-el-height-adaptive-table="{bottomOffset: 40}"
+          >
+            <el-table-column type="index" width="50"/>
+            <el-table-column label="物料批次">
+              <template slot-scope="scope">{{ scope.row.batch }}</template>
+            </el-table-column>
+            <el-table-column label="物料名称">
+              <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+            </el-table-column>
+            <el-table-column label="规格型号">
+              <template slot-scope="scope">{{scope.row.material_.specification}}</template>
+            </el-table-column>
+            <el-table-column label="物料单位">
+              <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
+            </el-table-column>
+            <el-table-column label="总数量">
+              <template slot-scope="scope">{{ scope.row.count }}</template>
+            </el-table-column>
+            <!--<el-table-column label="检查状态">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.is_tested == false">未检查</el-tag>
+                <el-tag v-else>已检查</el-tag>
+              </template>
+            </el-table-column>-->
+            <el-table-column label="检查是否合格">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.is_testok == false">不合格</el-tag>
+                <el-tag v-else>合格</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否需要复验">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.need_test">是</el-tag>
+                <el-tag v-else>否</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="文件">
+              <template slot-scope="scope" v-if="scope.row.files">
+                <div v-for="item in scope.row.files_" v-bind:key="item.id">
+                  <el-link :href="item.path" target="_blank" type="primary">{{item.name}}</el-link>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建时间">
+              <template slot-scope="scope">{{scope.row.create_time}}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="操作"
+            >
+              <template slot-scope="scope">
+                <el-link
+                  type="primary"
+                  @click="handleRecord(scope)"
+                >
+                  复验记录
+                </el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="fifodetailList1.count > 0"
+            :total="fifodetailList1.count"
+            :page.sync="listQuery1.page"
+            :limit.sync="listQuery1.page_size"
+            @pagination="getList1"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="待检物料" name="2">
+          <el-table
+            v-loading="listLoading"
+            :data="fifodetailList2.results"
+            border
+            fit
+            stripe
+            highlight-current-row
+            height="620"
+            v-el-height-adaptive-table="{bottomOffset: 40}"
+          >
+            <el-table-column type="index" width="50"/>
+            <el-table-column label="物料批次">
+              <template slot-scope="scope">{{ scope.row.batch }}</template>
+            </el-table-column>
+            <el-table-column label="物料名称">
+              <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+            </el-table-column>
+            <el-table-column label="规格型号">
+              <template slot-scope="scope">{{scope.row.material_.specification}}</template>
+            </el-table-column>
+            <el-table-column label="物料单位">
+              <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
+            </el-table-column>
+            <el-table-column label="总数量">
+              <template slot-scope="scope">{{ scope.row.count }}</template>
+            </el-table-column>
+            <el-table-column label="创建时间">
+              <template slot-scope="scope">{{ scope.row.create_time }}</template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="fifodetailList2.count > 0"
+            :total="fifodetailList2.count"
+            :page.sync="listQuery2.page"
+            :limit.sync="listQuery2.page_size"
+            @pagination="getList2"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="合格物料" name="3">
+          <el-table
+            v-loading="listLoading"
+            :data="fifodetailList3.results"
+            border
+            fit
+            stripe
+            highlight-current-row
+            height="620"
+            v-el-height-adaptive-table="{bottomOffset: 40}"
+          >
+            <el-table-column type="index" width="50"/>
+            <el-table-column label="物料批次">
+              <template slot-scope="scope">{{ scope.row.batch }}</template>
+            </el-table-column>
+            <el-table-column label="物料名称">
+              <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+            </el-table-column>
+            <el-table-column label="规格型号">
+              <template slot-scope="scope">{{scope.row.material_.specification}}</template>
+            </el-table-column>
+            <el-table-column label="物料单位">
+              <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
+            </el-table-column>
+            <el-table-column label="仓库">
+              <template slot-scope="scope">{{ scope.row.warehouse_.name }}</template>
+            </el-table-column>
+            <el-table-column label="入库数量">
+              <template slot-scope="scope">{{ scope.row.count }}</template>
+            </el-table-column>
+            <el-table-column label="是否需要复验">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.need_test">是</el-tag>
+                <el-tag v-else>否</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="文件">
+              <template slot-scope="scope" v-if="scope.row.files">
+                <div v-for="item in scope.row.files_" v-bind:key="item.id">
+                  <el-link :href="item.path" target="_blank" type="primary">{{item.name}}</el-link>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建时间">
+              <template slot-scope="scope">{{ scope.row.create_time }}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="操作"
+            >
+              <template slot-scope="scope">
+                <el-link
+                  v-if="scope.row.need_test"
+                  type="primary"
+                  @click="handleRecord(scope)"
+                >
+                  复验记录
+                </el-link>
+                <el-link
+                  v-else
+                  type="info"
+                  :disabled="!scope.row.need_test"
+                  @click="handleRecord(scope)"
+                >
+                  复验记录
+                </el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="fifodetailList3.count > 0"
+            :total="fifodetailList3.count"
+            :page.sync="listQuery3.page"
+            :limit.sync="listQuery3.page_size"
+            @pagination="getList3"
+          />
+        </el-tab-pane>
+        <el-tab-pane label="不合格物料" name="4">
+          <el-table
+            v-loading="listLoading"
+            :data="fifodetailList4.results"
+            border
+            fit
+            stripe
+            highlight-current-row
+            height="620"
+            v-el-height-adaptive-table="{bottomOffset: 40}"
+          >
+            <el-table-column type="index" width="50"/>
+            <el-table-column label="物料批次">
+              <template slot-scope="scope">{{ scope.row.batch }}</template>
+            </el-table-column>
+            <el-table-column label="物料名称">
+              <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+            </el-table-column>
+            <el-table-column label="规格型号">
+              <template slot-scope="scope">{{scope.row.material_.specification}}</template>
+            </el-table-column>
+            <el-table-column label="物料单位">
+              <template slot-scope="scope">{{ scope.row.material_.unit }}</template>
+            </el-table-column>
+            <el-table-column label="文件">
+              <template slot-scope="scope" v-if="scope.row.files">
+                <div v-for="item in scope.row.files_" v-bind:key="item.id">
+                  <el-link :href="item.file" target="_blank" type="primary">{{item.name}}</el-link>
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否需要复验">
+              <template slot-scope="scope">
+                <el-tag v-if="scope.row.need_test">是</el-tag>
+                <el-tag v-else>否</el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column label="创建时间">
+              <template slot-scope="scope">{{ scope.row.create_time }}</template>
+            </el-table-column>
+            <el-table-column
+              align="center"
+              label="操作"
+            >
+              <template slot-scope="scope">
+                <el-link
+                  v-if="scope.row.need_test"
+                  type="primary"
+                  @click="handleRecord(scope)"
+                >
+                  复验记录
+                </el-link>
+                <el-link
+                  v-else
+                  type="info"
+                  :disabled="!scope.row.need_test"
+                  @click="handleRecord(scope)"
+                >
+                  复验记录
+                </el-link>
+              </template>
+            </el-table-column>
+          </el-table>
+          <pagination
+            v-show="fifodetailList4.count > 0"
+            :total="fifodetailList4.count"
+            :page.sync="listQuery4.page"
+            :limit.sync="listQuery4.page_size"
+            @pagination="getList4"
+          />
+        </el-tab-pane>
+      </el-tabs>
     </el-card>
-
-  
-
-    
   </div>
 </template>
 <script>
-import { getfifodetailList } from "@/api/inm";
-import checkPermission from "@/utils/permission";
-import { createTestrecord } from "@/api/inm";
-import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
+  import {getfifodetailList} from "@/api/inm";
+  import checkPermission from "@/utils/permission";
+  import {createTestrecord} from "@/api/inm";
+  import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
 
-export default {
-  components: { Pagination },
-  data() {
-    return {
-      InventoryList: {
-        count: 0,
-      },
-      fifodetailList1: {
-        count: 0,
-      },
-      listQuery1: {
-        page: 1,
-        page_size: 20,
-      },
-       listQuery2: {
-        page: 1,
-        page_size: 20,
-      },
-       listQuery3: {
-        page: 1,
-        page_size: 20,
-      },
-       listQuery4: {
-        page: 1,
-        page_size: 20,
-      },
-      is_testok: "true",
-       fifodetailList2:{
-        count: 0,
-      },
-       fifodetailList3:{
-        count: 0,
-      },
-       fifodetailList4:{
-        count: 0,
-      },
-    activeName:"1"
-    };
-  },
-  computed: {},
-  watch: {},
-  created() {
-    this.getList1();
-  },
-  methods: {
-    checkPermission,
-
-    getList1() {
-      this.listLoading = true;
-
-      this.listQuery1.fifo__type = 3;
-      getfifodetailList(this.listQuery1).then((response) => {
-        if (response.data) {
-          this.fifodetailList1 = response.data;
-        }
-        this.listLoading = false;
-      });
+  export default {
+    components: {Pagination},
+    data() {
+      return {
+        InventoryList: {
+          count: 0,
+        },
+        fifodetailList1: {
+          count: 0,
+        },
+        listQuery1: {
+          page: 1,
+          page_size: 20,
+        },
+        listQuery2: {
+          page: 1,
+          page_size: 20,
+        },
+        listQuery3: {
+          page: 1,
+          page_size: 20,
+        },
+        listQuery4: {
+          page: 1,
+          page_size: 20,
+        },
+        is_testok: "true",
+        fifodetailList2: {
+          count: 0,
+        },
+        fifodetailList3: {
+          count: 0,
+        },
+        fifodetailList4: {
+          count: 0,
+        },
+        activeName: "1"
+      };
     },
-    //待检
+    computed: {},
+    watch: {},
+    created() {
+      this.getList1();
+    },
+    methods: {
+      checkPermission,
+
+      getList1() {
+        this.listLoading = true;
+
+        this.listQuery1.fifo__type = 3;
+        getfifodetailList(this.listQuery1).then((response) => {
+          if (response.data) {
+            this.fifodetailList1 = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
+      //待检
       getList2() {
-      this.listLoading = true;
-       this.listQuery2.fifo__type = 3;
-      this.listQuery2.is_tested = false;
-      getfifodetailList(this.listQuery2).then((response) => {
-        if (response.data) {
-          this.fifodetailList2 = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-     //合格物料
+        this.listLoading = true;
+        this.listQuery2.fifo__type = 3;
+        this.listQuery2.is_tested = false;
+        getfifodetailList(this.listQuery2).then((response) => {
+          if (response.data) {
+            this.fifodetailList2 = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
+      //合格物料
       getList3() {
-      this.listLoading = true;
-       this.listQuery3.fifo__type = 3;
-      this.listQuery3.is_testok = true;
-      getfifodetailList(this.listQuery3).then((response) => {
-        if (response.data) {
-          this.fifodetailList3 = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-     //不合格物料
+        this.listLoading = true;
+        this.listQuery3.fifo__type = 3;
+        this.listQuery3.is_testok = true;
+        getfifodetailList(this.listQuery3).then((response) => {
+          if (response.data) {
+            this.fifodetailList3 = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
+      //不合格物料
       getList4() {
-      this.listLoading = true;
-       this.listQuery4.fifo__type = 3;
-      this.listQuery4.is_testok = false;
-      this.listQuery4.is_tested = true;
-      getfifodetailList(this.listQuery4).then((response) => {
-        if (response.data) {
-          this.fifodetailList4 = response.data;
-        }
-        this.listLoading = false;
-      });
-    },
-    //选项卡切换
-    handleClick(tab) {
- 
-     
-       if(tab.name==1)
-       {
+        this.listLoading = true;
+        this.listQuery4.fifo__type = 3;
+        this.listQuery4.is_testok = false;
+        this.listQuery4.is_tested = true;
+        getfifodetailList(this.listQuery4).then((response) => {
+          if (response.data) {
+            this.fifodetailList4 = response.data;
+          }
+          this.listLoading = false;
+        });
+      },
+      //选项卡切换
+      handleClick(tab) {
+        if (tab.name == 1) {
           this.getList1()
-       }
-       else if(tab.name==2)
-       {
+        } else if (tab.name == 2) {
           this.getList2()
-       }
-       else if(tab.name==3)
-        {
+        } else if (tab.name == 3) {
           this.getList3()
-       }
-        else 
-        {
+        } else {
           this.getList4()
-       }
+        }
+      },
+      //检验记录
+        handleRecord(){
+
+        },
     },
-  },
-};
+  };
 </script>
diff --git a/hb_client/src/views/qm/product.vue b/hb_client/src/views/qm/product.vue
index 9813303..3c943fa 100644
--- a/hb_client/src/views/qm/product.vue
+++ b/hb_client/src/views/qm/product.vue
@@ -1,81 +1,87 @@
 <template>
   <div class="app-container">
     <el-card>
-      
-          <el-table
-            :data="iproductData2.results"
-            border
-            fit
-            stripe
-            highlight-current-row
-            max-height="700"
-            height="100"
-            v-el-height-adaptive-table="{bottomOffset: 42}"
-          >
-            <el-table-column type="index" width="50"/>
-            <el-table-column label="成品编号" prop="number">
-            </el-table-column>
-            <el-table-column label="成品批次" prop="batch">
-            </el-table-column>
-            <el-table-column label="成品名称">
-              <template slot-scope="scope">{{ scope.row.material_.name }}</template>
-            </el-table-column>
-            <el-table-column label="所在仓库">
-              <template slot-scope="scope">{{ scope.row.warehouse_.name }}</template>
-            </el-table-column>
-            <el-table-column label="订单">
-              <template slot-scope="scope">
-                <span v-if="scope.row.to_order_">{{scope.row.to_order_.number}}</span>
-                <el-tag v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
-                  需要确定订单
-                </el-tag>
-                <span v-else></span>
-              </template>
-            </el-table-column>
-            <el-table-column label="合同">
-              <template slot-scope="scope">
-                <span v-if="scope.row.to_order_">{{scope.row.to_order_.contract_.name}}</span>
-                <span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"></span>
-                <span v-else></span>
-              </template>
-            </el-table-column>
-            <el-table-column label="客户">
-              <template slot-scope="scope">
-                <span v-if="scope.row.to_order_">{{scope.row.to_order_.customer_.name}}</span>
-                <span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"></span>
-                <span v-else></span>
-              </template>
-            </el-table-column>
-            <el-table-column label="军检">
-              <template slot-scope="scope">
-                <el-tag v-if="scope.row.is_mtestok == false">不合格</el-tag>
-                <el-tag v-else-if="scope.row.is_mtestok == true">合格</el-tag>
-                <span v-else></span>
-              </template>
-            </el-table-column>
-            <el-table-column
-              align="center"
-              label="操作"
-              width="220px"
+
+      <el-table
+        :data="iproductData2.results"
+        border
+        fit
+        stripe
+        highlight-current-row
+        max-height="700"
+        height="100"
+        v-el-height-adaptive-table="{bottomOffset: 42}"
+      >
+        <el-table-column type="index" width="50"/>
+        <el-table-column label="成品编号" prop="number">
+        </el-table-column>
+        <el-table-column label="成品批次" prop="batch">
+        </el-table-column>
+        <el-table-column label="成品名称">
+          <template slot-scope="scope">{{ scope.row.material_.name }}</template>
+        </el-table-column>
+        <el-table-column label="所在仓库">
+          <template slot-scope="scope">{{ scope.row.warehouse_.name }}</template>
+        </el-table-column>
+        <el-table-column label="订单">
+          <template slot-scope="scope">
+            <span v-if="scope.row.to_order_">{{scope.row.to_order_.number}}</span>
+            <el-tag v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true">
+              需要确定订单
+            </el-tag>
+            <span v-else></span>
+          </template>
+        </el-table-column>
+        <el-table-column label="合同">
+          <template slot-scope="scope">
+            <span v-if="scope.row.to_order_">{{scope.row.to_order_.contract_.name}}</span>
+            <!--<span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"></span>
+            <span v-else></span>-->
+          </template>
+        </el-table-column>
+        <el-table-column label="监管协议号">
+          <template slot-scope="scope">
+            <span v-if="scope.row.to_order_">{{scope.row.to_order_.contract_.watch_num}}</span>
+            <!--<span v-else>{{scope.row.order_.contract_.watch_num}}</span>-->
+          </template>
+        </el-table-column>
+        <el-table-column label="客户">
+          <template slot-scope="scope">
+            <span v-if="scope.row.to_order_">{{scope.row.to_order_.customer_.name}}</span>
+            <!--<span v-else-if="scope.row.to_order_ == null && scope.row.need_to_order == true"></span>-->
+            <!--<span v-else></span>-->
+          </template>
+        </el-table-column>
+        <el-table-column label="军检">
+          <template slot-scope="scope">
+            <el-tag v-if="scope.row.is_mtestok == false">不合格</el-tag>
+            <el-tag v-else-if="scope.row.is_mtestok == true">合格</el-tag>
+            <span v-else></span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          align="center"
+          label="操作"
+          width="220px"
+        >
+          <template slot-scope="scope">
+            <el-link
+              v-if="checkPermission(['wp_mtest'])&&scope.row.is_mtestok==null"
+              @click="handleMtest(scope)"
             >
-              <template slot-scope="scope">
-                <el-link
-                  v-if="checkPermission(['wp_mtest'])&&scope.row.is_mtestok==null"
-                  @click="handleMtest(scope)"
-                >
-                  军检
-                </el-link>
-              </template>
-            </el-table-column>
-          </el-table>
-          <pagination
-            v-show="iproductData2.count > 0"
-            :total="iproductData2.count"
-            :page.sync="listQuery2.page"
-            :limit.sync="listQuery2.page_size"
-            @pagination="getList2"
-          />
-    
+              军检
+            </el-link>
+          </template>
+        </el-table-column>
+      </el-table>
+      <pagination
+        v-show="iproductData2.count > 0"
+        :total="iproductData2.count"
+        :page.sync="listQuery2.page"
+        :limit.sync="listQuery2.page_size"
+        @pagination="getList2"
+      />
+
       <el-dialog
         :visible.sync="dialogVisible"
         :close-on-click-modal="false"
@@ -115,7 +121,7 @@
     components: {Pagination},
     data() {
       return {
-       
+
         iproductData2: {
           count: 0,
         },
@@ -137,10 +143,10 @@
 
     methods: {
       checkPermission,
-     
+
       getList2() {
         this.listQuery2.material__type = 1;
-         this.listQuery2.to_order_need_mtest = true;
+        this.listQuery2.to_order_need_mtest = true;
         getiproductList(this.listQuery2).then((response) => {
           if (response.data) {
             this.iproductData2 = response.data;