From a85f2c5d8f331b85080c03e47cb15894e18f2e2f Mon Sep 17 00:00:00 2001
From: "DESKTOP-H2PAFLR\\Administrator" <xuqianhao@88.com>
Date: Wed, 6 Sep 2023 16:06:39 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E4=BD=9C=E5=8D=95=E5=85=83=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/basisManagement/assemblyLine.vue    | 270 ++++++++++++++++++
 ZR.Vue/src/views/basisManagement/line.vue     |   0
 2 files changed, 270 insertions(+)
 create mode 100644 ZR.Vue/src/views/basisManagement/assemblyLine.vue
 delete mode 100644 ZR.Vue/src/views/basisManagement/line.vue

diff --git a/ZR.Vue/src/views/basisManagement/assemblyLine.vue b/ZR.Vue/src/views/basisManagement/assemblyLine.vue
new file mode 100644
index 00000000..5309db8f
--- /dev/null
+++ b/ZR.Vue/src/views/basisManagement/assemblyLine.vue
@@ -0,0 +1,270 @@
+<template>
+  <div class="app-container">
+    <!-- 搜索部分 -->
+    <div>
+      <el-form :model="search" inline v-show="search.showSearch">
+        <el-form-item label="设备编码 ">
+          <el-input v-model="search.deviceCode" placeholder="输入设备编号"></el-input>
+        </el-form-item>
+        <el-form-item label="设备名称 ">
+          <el-input v-model="search.deviceName" 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>
+      <vxe-table
+        border
+        ref="xTable1"
+        :data="table.workshopList"
+        :loading="table.loading"
+        @checkbox-change="selectChangeEvent"
+        :row-config="{ isHover: true }"
+      >
+        <vxe-column type="checkbox" width="60"></vxe-column>
+        <vxe-column field="deviceCode" title="设备编码" sortable></vxe-column>
+        <vxe-column field="deviceName" title="设备名称" sortable></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>
+    </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="deviceCode">
+          <el-input v-model="DMLdialog.form.deviceCode" placeholder="输入设备编码"></el-input>
+        </el-form-item>
+        <el-form-item label="设备名称 " prop="deviceName">
+          <el-input v-model="DMLdialog.form.deviceName" placeholder="输入设备名称"></el-input>
+        </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 { getDeviceList, insertDevice, updateDevice, delDevice } from '@/api/basisManagement/device.js'
+export default {
+  name: 'workshop',
+  data() {
+    return {
+      //搜索框配置
+      search: {
+        deviceCode: '',
+        deviceName: '',
+        showSearch: true,
+      },
+      //表格
+      table: {
+        loading: true,
+        workshopList: [],
+      },
+      //分页
+      pagination: {
+        total: 0,
+        pageNum: 1,
+        pageSize: 10,
+      },
+      //新增修改数据项配置
+      DMLdialog: {
+        title: '',
+        visiable: false,
+        form: {
+          deviceCode: '',
+          deviceName: '',
+        },
+        rules: {
+          deviceCode: [{ required: true, message: '设备编码不能为空', trigger: 'blur' }],
+          deviceName: [{ required: true, message: '设备名称不能为空', trigger: 'blur' }],
+        },
+      },
+      //修改按钮
+      updateDisable: true,
+      //删除按钮
+      delDisable: true,
+      flag: 'update', //区分修改和删除
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    //获取表格数据
+    getList() {
+      const query = { ...this.search, ...this.pagination }
+      delete query.showSearch
+      getDeviceList(query).then((res) => {
+        if (res.code == 200) {
+          this.table.loading = false
+          this.pagination.total = res.data.item1
+          this.table.workshopList = res.data.item2
+        }
+      })
+    },
+
+    //行更新
+    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') {
+        updateDevice(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) {
+            insertDevice(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 = {
+        deviceCode: '',
+        deviceName: '',
+      }
+      this.DMLdialog.form.reset()
+    },
+    //修改事件
+    updataItem(flag, row) {
+      this.DMLdialog.title = '修改'
+      this.DMLdialog.visiable = true
+      this.flag = 'update'
+      if (!flag) {
+        this.DMLdialog.form.deviceCode = row.deviceCode
+        this.DMLdialog.form.deviceName = row.deviceName
+        this.DMLdialog.form.id = row.id
+      } else {
+        const records = this.$refs.xTable1.getCheckboxRecords()
+        if (records.length == 1) {
+          this.DMLdialog.form.deviceCode = records[0].deviceCode
+          this.DMLdialog.form.deviceName = records[0].deviceName
+          this.DMLdialog.form.id = records[0].id
+        }
+      }
+    },
+    //删除事件
+    deleteItem(flag, row) {
+      if (!flag) {
+        this.$modal
+          .confirm('是否确认删除设备名称为"' + row.deviceName + '"的数据项？')
+          .then(function () {
+            const array = []
+            array.push(row.id)
+            return delDevice(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.deviceName) + '"的数据项？')
+            .then(function () {
+              return delDevice(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>
diff --git a/ZR.Vue/src/views/basisManagement/line.vue b/ZR.Vue/src/views/basisManagement/line.vue
deleted file mode 100644
index e69de29b..00000000