From 30a7502701021ee0a2f8e74787a66ec62b4d23ae Mon Sep 17 00:00:00 2001
From: "DESKTOP-H2PAFLR\\Administrator" <xuqianhao@88.com>
Date: Mon, 9 Oct 2023 13:50:45 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=9F=E4=BA=A7=E8=AE=A1=E5=88=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../productManagement/production_order.vue    | 369 ++++++++++++++++++
 1 file changed, 369 insertions(+)

diff --git a/ZR.Vue/src/views/productManagement/production_order.vue b/ZR.Vue/src/views/productManagement/production_order.vue
index e69de29b..9b23230d 100644
--- a/ZR.Vue/src/views/productManagement/production_order.vue
+++ b/ZR.Vue/src/views/productManagement/production_order.vue
@@ -0,0 +1,369 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索部分 -->
+    <div>
+      <el-form :model="search" inline v-show="search.showSearch">
+        <el-form-item label="产品编号">
+          <el-input v-model="search.lineCode" placeholder="输入线体编号"></el-input>
+        </el-form-item>
+
+        <el-form-item label="产品名">
+          <el-input v-model="search.lineCode" placeholder="输入线体编号"></el-input>
+        </el-form-item>
+
+        <el-form-item label="本周计划装配数量">
+          <el-input v-model="search.lineCode" placeholder="输入线体编号"></el-input>
+        </el-form-item>
+        <el-form-item label="本周实际装配数量">
+          <el-input v-model="search.lineCode" placeholder="输入线体编号"></el-input>
+        </el-form-item>
+
+        <el-button icon="el-icon-search" circle @click="getList"></el-button>
+      </el-form>
+    </div>
+    <!-- 按钮排 -->
+    <div>
+      <el-row :gutter="2">
+        <el-col :span="1.5">
+          <el-button type="primary" size="small" @click="addItem">增加</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="warning" size="small" @click="updataItem(true)" :disabled="updateDisable">修改</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="danger" size="small" @click="deleteItem(true)" :disabled="delDisable">删除</el-button>
+        </el-col>
+        <right-toolbar :showSearch.sync="search.showSearch" @queryTable="getList"></right-toolbar>
+      </el-row>
+      <el-row>
+        <pagination
+          :v-show="true"
+          :total="pagination.total"
+          :page.sync="pagination.pageNum"
+          :limit.sync="pagination.pageSize"
+          @pagination="getList"
+        />
+      </el-row>
+    </div>
+    <div>
+      <h3>本周计划表</h3>
+      <vxe-table
+        border
+        align="center"
+        :print-config="{}"
+        ref="xTable1"
+        :data="table.worklineList"
+        :loading="table.loading"
+        @checkbox-change="selectChangeEvent"
+        :row-config="{ isHover: true }"
+      >
+        <vxe-column type="checkbox" width="60"></vxe-column>
+        <vxe-column field="lineCode" title="产品编号" sortable></vxe-column>
+        <vxe-column field="lineName" title="产品名称" sortable></vxe-column>
+        <vxe-column field="lineName" title="产品零件号"></vxe-column>
+        <vxe-column field="lineName" title="本周装配数量"></vxe-column>
+        <vxe-column field="lineName" title="产品实际数量"></vxe-column>
+        <vxe-column title="操作" show-overflow>
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="updataItem(false, scope.row)">修改</el-button>
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="deleteItem(false, scope.row)" class="delred">删除</el-button>
+          </template>
+        </vxe-column>
+      </vxe-table>
+      <vxe-pager
+        background
+        :current-page.sync="pagination.pageNum"
+        :page-size.sync="pagination.pageSize"
+        :total="pagination.total"
+        :layouts="['PrevJump', 'PrevPage', 'JumpNumber', 'NextPage', 'NextJump', 'Sizes', 'FullJump', 'Total']"
+        @page-change="getList"
+      >
+      </vxe-pager>
+      <h3>本周计划明细表</h3>
+      <vxe-table
+        border
+        align="center"
+        :print-config="{}"
+        ref="xTable2"
+        :data="table.worklineList"
+        :loading="table.loading"
+        @checkbox-change="selectChangeEvent"
+        :row-config="{ isHover: true }"
+      >
+        <vxe-colgroup title="周一">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周二">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周三">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周四">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周五">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周六">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+        <vxe-colgroup title="周日">
+          <vxe-column field="name" title="产品类型"></vxe-column>
+          <vxe-column field="name" title="计划数量"></vxe-column>
+          <vxe-column field="name" title="是否更变"></vxe-column>
+          <vxe-column field="name" title="实际数量"></vxe-column>
+        </vxe-colgroup>
+
+        <vxe-column title="操作" show-overflow>
+          <template slot-scope="scope">
+            <el-button size="mini" type="text" icon="el-icon-edit" @click="updataItem(false, scope.row)">修改</el-button>
+            <el-button size="mini" type="text" icon="el-icon-delete" @click="deleteItem(false, scope.row)" class="delred">删除</el-button>
+          </template>
+        </vxe-column>
+      </vxe-table>
+    </div>
+
+    <!-- 弹窗-- 修改和删除 -->
+    <el-dialog :title="DMLdialog.title" :visible.sync="DMLdialog.visiable" width="600px" append-to-body>
+      <el-form ref="DMLdialog" :model="DMLdialog.form" label-width="150px" label-position="left" :rules="DMLdialog.rules">
+        <el-form-item label="线体编码 " prop="lineCode">
+          <el-input v-model="DMLdialog.form.lineCode" placeholder="输入线体编码"></el-input>
+        </el-form-item>
+        <el-form-item label="线体名称 " prop="lineName">
+          <el-input v-model="DMLdialog.form.lineName" placeholder="输入线体名称"></el-input>
+        </el-form-item>
+        <el-form-item label="车间 " prop="pkWorkshopName">
+          <el-select v-model="DMLdialog.form.fkWorkShopId" placeholder="请选择车间">
+            <el-option
+              v-for="item in DMLdialog.workshopOption"
+              :key="item.id"
+              :label="item.id + '_' + item.workshopId + '_' + item.workshopName"
+              :value="item.id"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+        <el-button @click="cancel">取 消</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getWorklineList, insertworkline, updateWorkline, delWorkline, getWorkshopList } from '@/api/basisManagement/workLine.js'
+export default {
+  name: 'workLine',
+  data() {
+    return {
+      //搜索框配置
+      search: {
+        lineCode: '',
+        lineName: '',
+        pkWorkshopName: '',
+        showSearch: true,
+      },
+      //表格
+      table: {
+        loading: true,
+        worklineList: [],
+      },
+      //分页
+      pagination: {
+        total: 0,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      //新增修改数据项配置
+      DMLdialog: {
+        title: '',
+        visiable: false,
+        form: {
+          lineCode: '',
+          lineName: '',
+          fkWorkShopId: '',
+        },
+        workshopOption: [],
+        rules: {
+          lineCode: [{ required: true, message: '线体编码不能为空', trigger: 'blur' }],
+          lineName: [{ required: true, message: '线体名称不能为空', trigger: 'blur' }],
+        },
+      },
+      //修改按钮
+      updateDisable: true,
+      //删除按钮
+      delDisable: true,
+      flag: 'update', //区分修改和删除
+    }
+  },
+  created() {
+    this.getList()
+    this.getWorkshopOption()
+  },
+  methods: {
+    //获取表格数据
+    getList() {
+      const query = { ...this.search, ...this.pagination }
+      delete query.showSearch
+      getWorklineList(query).then((res) => {
+        if (res.code == 200) {
+          this.table.loading = false
+          this.pagination.total = res.data.item1
+          this.table.worklineList = res.data.item2
+        }
+      })
+    },
+    //获取车间
+    getWorkshopOption() {
+      getWorkshopList().then((res) => {
+        if (res.code == 200) this.DMLdialog.workshopOption = res.data
+      })
+    },
+
+    //行更新
+    handleUpdate(row) {},
+    //行删除
+    handleDelete(row) {},
+    selectChangeEvent({ checked }) {
+      const records = this.$refs.xTable1.getCheckboxRecords()
+      if (records.length == 1) {
+        this.updateDisable = false
+      } else {
+        this.updateDisable = true
+      }
+      if (records.length > 0) {
+        this.delDisable = false
+      } else {
+        this.delDisable = true
+      }
+    },
+    //新增按钮
+    addItem() {
+      this.DMLdialog.title = '新增'
+      this.DMLdialog.visiable = true
+      this.flag = 'add'
+    },
+    //新增确认
+    submitForm() {
+      if (this.flag == 'update') {
+        updateWorkline(this.DMLdialog.form).then((res) => {
+          if (res.code == 200 && res.data == 1) {
+            this.$notify.success('修改成功')
+            this.getList()
+            this.DMLdialog.visiable = false
+            this.reset()
+          }
+        })
+      } else if (this.flag == 'add') {
+        this.$refs['DMLdialog'].validate((valid) => {
+          if (valid) {
+            insertworkline(this.DMLdialog.form).then((res) => {
+              if (res.code == 200) {
+                this.getList()
+                this.DMLdialog.visiable = false
+                this.reset()
+              }
+            })
+          }
+        })
+      }
+    },
+    cancel() {
+      this.DMLdialog.visiable = false
+      this.reset()
+    },
+    reset() {
+      this.DMLdialog.form = {
+        lineCode: '',
+        lineName: '',
+      }
+      this.DMLdialog.form.reset()
+    },
+    //修改事件
+    updataItem(flag, row) {
+      this.DMLdialog.title = '修改'
+      this.DMLdialog.visiable = true
+      this.flag = 'update'
+      if (!flag) {
+        this.DMLdialog.form.lineCode = row.lineCode
+        this.DMLdialog.form.lineName = row.lineName
+        this.DMLdialog.form.id = row.id
+
+        this.DMLdialog.form.fkWorkShopId = row.fkWorkShopId
+      } else {
+        const records = this.$refs.xTable1.getCheckboxRecords()
+        if (records.length == 1) {
+          this.DMLdialog.form.lineCode = records[0].lineCode
+          this.DMLdialog.form.lineName = records[0].lineName
+          this.DMLdialog.form.id = records[0].id
+          this.DMLdialog.form.fkWorkShopId = records[0].fkWorkShopId
+        }
+      }
+    },
+    //删除事件
+    deleteItem(flag, row) {
+      if (!flag) {
+        this.$modal
+          .confirm('是否确认删除线体名称为"' + row.lineName + '"的数据项？')
+          .then(function () {
+            const array = []
+            array.push(row.id)
+            return delWorkline(array)
+          })
+          .then(() => {
+            this.getList()
+            this.$modal.msgSuccess('删除成功')
+          })
+          .catch(() => {})
+      } else {
+        const records = this.$refs.xTable1.getCheckboxRecords()
+        if (records.length > 0) {
+          this.$modal
+            .confirm('是否确认删除线体名称为"' + records.map((it) => it.lineName) + '"的数据项？')
+            .then(function () {
+              return delWorkline(records.map((it) => it.id))
+            })
+            .then(() => {
+              this.getList()
+              this.$modal.msgSuccess('删除成功')
+            })
+            .catch(() => {})
+        }
+      }
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.delred {
+  ::v-deep .el-icon-delete {
+    color: #f56c6c;
+  }
+
+  ::v-deep span {
+    color: #f56c6c;
+  }
+}
+</style>