完成日期补录正在加工零件

src/views/ManufacturingCenter/MachiningParts/index.vue

@@ -0,0 +1,220 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <span style="margin-left: 30%;font-size: 20px;">正在加工零件列表</span>
+      <el-table :data="tableData" border size="mini" highlight-current-row style="width: 1160px" stripe height="475px">
+        <el-table-column label="机床图号" show-overflow-tooltip prop="机床图号" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.机床图号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="机床名称" show-overflow-tooltip prop="机床名称" align="center" width="200px">
+          <template slot-scope="scope">
+            {{ scope.row.机床名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="组号" prop="组号" align="center" width="50px">
+          <template slot-scope="scope">
+            {{ scope.row.组号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件图号" show-overflow-tooltip prop="零件图号" align="center" width="200px">
+          <template slot-scope="scope">
+            {{ scope.row.零件图号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件名称" show-overflow-tooltip prop="零件名称" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.零件名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件数量" align="center" width="80px">
+          <template slot-scope="scope">
+            {{ scope.row.批次数量 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工序名称" prop="工艺名称" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.工艺名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工位" prop="终端编号" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.终端编号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作工" prop="姓名" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.姓名 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" width="120px">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="primary"
+              plain
+              icon="el-icon-search"
+              @click="viewProcedures(scope.row)">查看工序</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <el-card>
+      <span style="margin-left: 30%;font-size: 20px">待加工零件列表</span>
+      <el-table :data="tableData3" border size="mini" highlight-current-row style="width: 1160px" stripe height="475px">
+        <el-table-column label="机床图号" prop="机床图号" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.机床图号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="机床名称" show-overflow-tooltip prop="机床名称" align="center" width="200px">
+          <template slot-scope="scope">
+            {{ scope.row.机床名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="组号" prop="组号" align="center" width="50px">
+          <template slot-scope="scope">
+            {{ scope.row.组号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件图号" show-overflow-tooltip prop="零件图号" align="center" width="200px">
+          <template slot-scope="scope">
+            {{ scope.row.零件图号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件名称" show-overflow-tooltip prop="零件名称" align="center" min-width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.零件名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="零件数量" align="center" width="80px">
+          <template slot-scope="scope">
+            {{ scope.row.批次数量 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工序名称" prop="工艺名称" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.工艺名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="工位" prop="mes终端编号" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.mes终端编号 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作工" prop="姓名" align="center" width="100px">
+          <template slot-scope="scope">
+            {{ scope.row.姓名 }}
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" align="center" width="120">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="primary"
+              plain
+              icon="el-icon-search"
+              @click="viewProcedures(scope.row)">查看工序</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <el-dialog v-el-drag-dialog :visible.sync="dialogFormVisible" title="工序完成情况" center style="min-height: 300px">
+      <el-row>
+        <span>零件图号:</span>
+        <el-input v-model="SparePartsNumber" style="width: 200px" size="small"/>
+        <span>零件名称:</span>
+        <el-input v-model="SparePartsName" style="width: 200px" size="small"/>
+      </el-row>
+      <el-table
+        :data="tableData2"
+        style="width: 100%;margin-top: 20px"
+        size="mini"
+        height="300"
+        stripe
+        highlight-current-row
+        border>
+        <el-table-column align="center" label="工序顺序" width="70">
+          <template slot-scope="scope">
+            {{ scope.row.工序顺序 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="工艺名称" width="120">
+          <template slot-scope="scope">
+            {{ scope.row.工艺名称 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="工艺要求">
+          <template slot-scope="scope">
+            {{ scope.row.工艺要求 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="操作工">
+          <template slot-scope="scope">
+            {{ scope.row.员工姓名 }}
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="工艺是否完成" width="120">
+          <template slot-scope="scope">
+            <el-tag v-if="parseInt(scope.row.工序状态)===4" type="success" size="small">已完成</el-tag>
+            <el-tag v-if="parseInt(scope.row.工序状态)===5" type="warning" size="small">报废</el-tag>
+            <el-tag v-if="parseInt(scope.row.工序状态)!==4 && parseInt(scope.row.工序状态)!==5" type="primary" size="small">未完成</el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column align="center" label="工艺是否质检" width="120">
+          <template slot-scope="scope">
+            <el-tag v-if="parseInt(scope.row.是否质检)===1" type="success" size="small">合格</el-tag>
+            <el-tag v-if="parseInt(scope.row.是否质检)===2" type="warning" size="small">不合格</el-tag>
+            <el-tag v-if="parseInt(scope.row.是否质检)!==1 && parseInt(scope.row.是否质检)!==2" type="primary" size="small">未检测</el-tag>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { searchData, processingStatus, searchData1 } from '@/api/ManufacturingCenter/MachiningParts'
+export default {
+  data() {
+    return {
+      tableData: [], // 正在加工零件列表
+      dialogFormVisible: false,
+      SparePartsNumber: '',
+      SparePartsName: '',
+      tableData2: [],
+      tableData3: []
+    }
+  },
+  mounted() {
+    this.fetchData()
+    this.fetchData1()
+  },
+  methods: {
+    fetchData() {
+      searchData().then(response => {
+        this.tableData = response.data
+      })
+    },
+    fetchData1() {
+      searchData1().then(response => {
+        this.tableData3 = response.data
+      })
+    },
+    viewProcedures(row) {
+      this.dialogFormVisible = true
+      this.SparePartsNumber = row.零件图号
+      this.SparePartsName = row.零件名称
+      processingStatus(row.工艺计划流水号).then(response => {
+        this.tableData2 = response.data
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>