添加营销系统模块

src/views/ManufacturingCenter/GroupMatching/index.vue

@@ -0,0 +1,468 @@
+<template>
+  <div class="app-container">
+    <el-card>
+      <span>项目名称:</span>
+      <el-select
+        v-model="entryNameValue"
+        :remote-method="remoteMethod"
+        placeholder="项目名称"
+        style="width:200px"
+        size="small"
+        clearable
+        filterable
+        remote
+        @change="empty">
+        <el-option
+          v-for="item in entryName"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"/>
+      </el-select>
+      <span>机床号:</span>
+      <el-input v-model="machineToolNumber" placeholder="机床号" size="small" clearable style="width:200px" @change="empty1" @dblclick.native="SearchMachine"/>
+      <span>组号:</span>
+      <el-input v-model="groupNumber" placeholder="组号" size="small" clearable style="width:200px" @dblclick.native="searchGroupList"/>
+      <span>年:</span>
+      <el-date-picker
+        v-model="year"
+        type="year"
+        size="small"
+        format="yyyy"
+        value-format="yyyy"
+        placeholder="选择年"/>
+      <span>月:</span>
+      <el-select v-model="month" placeholder="选择月" size="small" clearable style="width:180px">
+        <el-option
+          v-for="item in monthes"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"/>
+      </el-select>
+      <span>入库时间:</span>
+      <el-date-picker
+        v-model="time"
+        type="date"
+        size="small"
+        style="margin-top: 20px;width: 200px"
+        format="yyyy-MM-dd"
+        value-format="yyyy-MM-dd"
+        placeholder="选择日期"/>
+      <el-button type="success" icon="el-icon-search" size="small" style="margin-top: 15px;margin-left: 10px" @click="searchData">查询</el-button>
+    </el-card>
+    <el-card>
+      <el-table
+        v-loading="loading"
+        :data="tableData"
+        style="width: 100%;max-height: 600px"
+        height="600"
+        highlight-current-row
+        border>
+        <el-table-column align="center" label="序号" type="index" width="60"/>
+        <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="投产数量">
+          <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="计划完成时间">
+          <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>
+      <div class="block" style="margin-top: 10px;">
+        <el-pagination
+          :current-page="pageCurrent"
+          :page-sizes="[10, 20, 30, 40, 50]"
+          :page-size="pageSize"
+          :total="total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"/>
+      </div>
+    </el-card>
+
+    <el-dialog :visible.sync="dialogFormVisible2" title="选择机床" center style="min-height: 300px">
+      <el-table
+        :data="tableData6"
+        style="width:100%;max-height: 300px;display: inline-block"
+        height="300"
+        highlight-current-row
+        border
+        @row-click="selectMachine">
+        <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="机床开始时间">
+          <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="机床主管">
+          <template slot-scope="scope">
+            {{ scope.row.机床主管 }}
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block" style="margin-top: 10px;">
+        <el-pagination
+          :current-page="pageCurrent1"
+          :page-sizes="[10, 20, 30, 40, 50]"
+          :page-size="pageSize1"
+          :total="total1"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange1"
+          @current-change="handleCurrentChange1"/>
+      </div>
+      <el-button type="primary" style="margin-left: 350px;margin-top: 20px" @click="submitName">提交</el-button>
+    </el-dialog>
+
+    <el-dialog :visible.sync="dialogFormVisible3" title="选择组号" center style="min-height: 300px">
+      <el-table
+        :data="tableData7"
+        style="width:100%;max-height: 300px;display: inline-block"
+        height="300"
+        highlight-current-row
+        border
+        @row-click="selectGroup">
+        <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="组号">
+          <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>
+      <div class="block" style="margin-top: 10px;">
+        <el-pagination
+          :current-page="pageCurrent2"
+          :page-sizes="[10, 20, 30, 40, 50]"
+          :page-size="pageSize2"
+          :total="total2"
+          layout="total, sizes, prev, pager, next, jumper"
+          @size-change="handleSizeChange3"
+          @current-change="handleCurrentChange3"/>
+      </div>
+      <el-button type="primary" style="margin-left: 350px;margin-top: 20px" @click="submitGroup">提交</el-button>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { initProject, searchTable, searchmachine, searchgroup } from '@/api/ManufacturingCenter/GroupMatching'
+export default {
+  data() {
+    return {
+      entryNameValue: null, // 项目流水号
+      entryName: [], // 项目数组
+      machineToolNumber: '', // 机床图号
+      machineNumber: '',
+      machine: null, // 机床流水号
+      groupNumber: '', // 组号
+      groupNumber1: '',
+      groupNum: null, // 组件流水号
+      partNumber: '', // 零件号
+      num: null,
+      pageCurrent: 1,
+      pageSize: 10,
+      pageCurrent1: 1,
+      pageSize1: 10,
+      pageCurrent2: 1,
+      pageSize2: 10,
+      tableData7: [],
+      tableData6: [],
+      tableData: [],
+      state: null,
+      total: null,
+      total1: null,
+      total2: null,
+      title: '',
+      dialogFormVisible2: false,
+      dialogFormVisible3: false,
+      List: [],
+      check: null,
+      check1: null,
+      check2: null,
+      check3: null,
+      check4: null,
+      check5: null,
+      month: null,
+      year: null,
+      time: '',
+      loading: false,
+      monthes: [{
+        value: 1,
+        label: '1'
+      }, {
+        value: 2,
+        label: '2'
+      }, {
+        value: 3,
+        label: '3'
+      }, {
+        value: 4,
+        label: '4'
+      }, {
+        value: 5,
+        label: '5'
+      }, {
+        value: 6,
+        label: '6'
+      }, {
+        value: 7,
+        label: '7'
+      }, {
+        value: 8,
+        label: '8'
+      }, {
+        value: 9,
+        label: '9'
+      }, {
+        value: 10,
+        label: '10'
+      }, {
+        value: 11,
+        label: '11'
+      }, {
+        value: 12,
+        label: '12'
+      }]
+    }
+  },
+  created() {
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    searchData() {
+      this.loading = true
+      if (this.entryNameValue !== null && this.entryNameValue !== '') {
+        if (this.entryNameValue !== null && this.entryNameValue !== '') {
+          this.check = 1
+        } else {
+          this.check = 0
+        }
+        if (this.machineToolNumber !== '') {
+          this.check1 = 1
+        } else {
+          this.check1 = 0
+        }
+        if (this.groupNumber !== '') {
+          this.check2 = 1
+        } else {
+          this.check2 = 0
+        }
+        if (this.year !== null && this.year !== '') {
+          this.check3 = 1
+        } else {
+          this.check3 = 0
+        }
+        if (this.month !== null && this.month !== '') {
+          this.check4 = 1
+        } else {
+          this.check4 = 0
+        }
+        if (this.time !== '' && this.time !== null) {
+          this.check5 = 1
+        } else {
+          this.check5 = 0
+        }
+        searchTable(this.check, this.entryNameValue, this.check1, this.machine, this.check2, this.groupNum, this.check3, this.year, this.check4, this.month, this.check5, this.time, this.pageCurrent, this.pageSize).then(response => {
+          for (let i = 0; i < response.data.rows.length; i++) {
+            if (response.data.rows[i].入库时间 !== null) {
+              response.data.rows[i].入库时间 = response.data.rows[i].入库时间.split(' ', 2)[0]
+            }
+            if (response.data.rows[i].计划完成时间 !== null) {
+              response.data.rows[i].计划完成时间 = response.data.rows[i].计划完成时间.split(' ', 2)[0]
+            }
+          }
+          this.tableData = response.data.rows
+          this.total = parseInt(response.data.total)
+          this.loading = false
+        })
+      } else {
+        this.loading = false
+        this.$message.warning('请先选择项目')
+      }
+    },
+    getList() { // 初始化项目名称
+      this.list = []
+      initProject().then(response => {
+        for (let i = 0; i < response.data.length; i++) {
+          this.list.push({
+            label: response.data[i].项目名称,
+            value: response.data[i].项目流水号
+          })
+        }
+      })
+    },
+    remoteMethod(query) {
+      if (query !== '') {
+        setTimeout(() => {
+          this.entryName = this.list.filter(item => {
+            if (item.label !== null) {
+              return item.label.toLowerCase()
+                .indexOf(query.toLowerCase()) > -1
+            }
+          })
+        }, 1000)
+      } else {
+        this.entryName = []
+      }
+    },
+    empty() {
+      this.machineToolNumber = ''
+      this.groupNumber = ''
+    },
+    SearchMachine() { // 查询机床
+      if (this.entryNameValue !== null && this.entryNameValue !== '') {
+        this.dialogFormVisible2 = true
+        this.check6 = 1
+        searchmachine(this.entryNameValue, this.check6, this.pageCurrent1, this.pageSize1).then(response => {
+          for (let i = 0; i < response.data.result; i++) {
+            if (response.data.result[i].机床开始时间 !== '') {
+              response.data.result[i].机床开始时间 = response.data.result[i].机床开始时间.substr(0, 10)
+            }
+            if (response.data.result[i].机床结束时间 !== '') {
+              response.data.result[i].机床结束时间 = response.data.result[i].机床结束时间.substr(0, 10)
+            }
+          }
+          this.tableData6 = response.data.result
+          this.total1 = parseInt(response.data.output[0].ItemCount)
+        })
+      } else {
+        this.$message.warning('请先选择项目')
+      }
+    },
+    selectMachine(row) { // 选择机床号
+      this.machine = row.机床流水号
+      this.machineNumber = row.机床图号
+    },
+    submitName() { // 提交机床号
+      this.machineToolNumber = this.machineNumber
+      this.dialogFormVisible2 = false
+    },
+    empty1() {
+      this.groupNumber = ''
+    },
+    searchGroupList() { // 查询组号
+      if (this.machineToolNumber !== '') {
+        this.dialogFormVisible3 = true
+        searchgroup(this.machine, this.pageCurrent2, this.pageSize2).then(response => {
+          this.tableData7 = response.data.result
+          this.total2 = parseInt(response.data.output[0].ItemCount)
+        })
+      } else {
+        this.$message.warning('请先选择机床')
+      }
+    },
+    selectGroup(row) { // 选择组号
+      this.groupNumber1 = row.组号
+      this.groupNum = row.组件流水号
+    },
+    submitGroup() { // 提交组号
+      this.groupNumber = this.groupNumber1
+      this.dialogFormVisible3 = false
+    },
+    handleSizeChange(val) {
+      this.pageCurrent = 1
+      this.pageSize = val
+      this.searchData()
+    },
+    handleCurrentChange(val) {
+      this.pageCurrent = val
+      this.searchData()
+    },
+    handleSizeChange1(val) {
+      this.pageCurrent1 = 1
+      this.pageSize1 = val
+      this.SearchMachine()
+    },
+    handleCurrentChange1(val) {
+      this.pageCurrent1 = val
+      this.SearchMachine()
+    },
+    handleSizeChange3(val) {
+      this.pageCurrent2 = 1
+      this.pageSize2 = val
+      this.searchGroupList()
+    },
+    handleCurrentChange3(val) {
+      this.pageCurrent2 = val
+      this.searchGroupList()
+    }
+  }
+}
+</script>
+
+<style scoped>
+  .el-card{
+    margin-bottom: 15px;
+  }
+  .el-date-editor{
+    width:150px
+  }
+  span{
+    margin: 10px 0 10px 10px;
+  }
+</style>