From 6e74104ac55a278540fd615c654bcc37d54f0158 Mon Sep 17 00:00:00 2001
From: "qianhao.xu" <qianhao.xu@doan-tech.com>
Date: Fri, 26 Apr 2024 15:34:16 +0800
Subject: [PATCH] =?UTF-8?q?=E7=89=A9=E6=96=99=E7=AE=A1=E7=90=86=EF=BC=9Aag?=
 =?UTF-8?q?v?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/materialManagement/mmAgvLocation.js   |  80 +++++
 .../materialManagement/MmAgvLocation.vue      | 313 ++++++++++++++++++
 2 files changed, 393 insertions(+)
 create mode 100644 src/api/materialManagement/mmAgvLocation.js
 create mode 100644 src/views/materialManagement/MmAgvLocation.vue

diff --git a/src/api/materialManagement/mmAgvLocation.js b/src/api/materialManagement/mmAgvLocation.js
new file mode 100644
index 0000000..abb22e4
--- /dev/null
+++ b/src/api/materialManagement/mmAgvLocation.js
@@ -0,0 +1,80 @@
+import request from '@/utils/request'
+
+/**
+* agv位置表分页查询
+* @param {查询条件} data
+*/
+export function listMmAgvLocation(query) {
+  return request({
+    url: 'mes/mm/MmAgvLocation/list',
+    method: 'get',
+    params: query,
+  })
+}
+
+/**
+* 新增agv位置表
+* @param data
+*/
+export function addMmAgvLocation(data) {
+  return request({
+    url: 'mes/mm/MmAgvLocation',
+    method: 'post',
+    data: data,
+  })
+}
+/**
+* 修改agv位置表
+* @param data
+*/
+export function updateMmAgvLocation(data) {
+  return request({
+    url: 'mes/mm/MmAgvLocation',
+    method: 'PUT',
+    data: data,
+  })
+}
+/**
+* 获取agv位置表详情
+* @param {Id}
+*/
+export function getMmAgvLocation(id) {
+  return request({
+    url: 'mes/mm/MmAgvLocation/' + id,
+    method: 'get'
+  })
+}
+
+/**
+* 删除agv位置表
+* @param {主键} pid
+*/
+export function delMmAgvLocation(pid) {
+  return request({
+    url: 'mes/mm/MmAgvLocation/' + pid,
+    method: 'delete'
+  })
+}
+
+
+/**
+ *  获取区域列表
+ * @param 
+ * @returns 
+ */
+export function listAreaOptions() {
+  return request({
+    url: 'mes/mm/MmAgvLocation/listAreaOptions' ,
+    method: 'get'
+  })
+}
+
+
+
+export function Update_status(query) {
+  return request({
+    url: 'mes/mm/MmAgvLocation/update_status' ,
+    method: 'get',
+    params:query
+  })
+}
\ No newline at end of file
diff --git a/src/views/materialManagement/MmAgvLocation.vue b/src/views/materialManagement/MmAgvLocation.vue
new file mode 100644
index 0000000..4f5f89b
--- /dev/null
+++ b/src/views/materialManagement/MmAgvLocation.vue
@@ -0,0 +1,313 @@
+<template>
+  <div class="app-container">
+    <!-- :model属性用于表单验证使用 比如下面的el-form-item 的 prop属性用于对表单值进行验证操作 -->
+    <el-form
+      :model="queryParams"
+      size="small"
+      label-position="right"
+      inline
+      ref="queryForm"
+      :label-width="labelWidth"
+      v-show="showSearch"
+      @submit.native.prevent
+    >
+      <el-form-item>
+        <el-select v-model="queryParams.areaCode" placeholder="请选择">
+          <el-option :key="0" label="全部" :value="0"> </el-option>
+          <el-option v-for="item in area_options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+        </el-select>
+      </el-form-item>
+
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <!-- 数据区域 -->
+    <el-table
+      :data="dataList"
+      v-loading="loading"
+      ref="table"
+      border
+      highlight-current-row
+      @sort-change="sortChange"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column prop="area" label="区域" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column prop="coordinate" label="坐标" align="center" :show-overflow-tooltip="true" />
+
+      <el-table-column prop="status" label="托盘" align="center">
+        <template slot-scope="scope">
+          <i class="el-icon-cpu" v-if="scope.row.status == 1" style="color: #409eff; font-size: 2rem"></i>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作" align="center" width="140">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="success"
+            icon="el-icon-edit"
+            title="修改"
+            @click="handleUpdate_status(scope.row.id, scope.row.status)"
+          ></el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <pagination class="mt10" background :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />
+  </div>
+</template>
+<script>
+import {
+  listMmAgvLocation,
+  listAreaOptions,
+  addMmAgvLocation,
+  delMmAgvLocation,
+  updateMmAgvLocation,
+  getMmAgvLocation,
+  Update_status,
+} from '@/api/materialManagement/mmAgvLocation.js'
+
+export default {
+  name: 'mmagvlocation',
+  data() {
+    return {
+      labelWidth: '100px',
+      formLabelWidth: '100px',
+      // 选中id数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      // 查询参数
+      queryParams: {
+        areaCode: 0,
+        pageNum: 1,
+        pageSize: 10,
+        sort: undefined,
+        sortType: undefined,
+      },
+      // 弹出层标题
+      title: '',
+      // 操作类型 1、add 2、edit
+      opertype: 0,
+      // 是否显示弹出层
+      open: false,
+      // 表单参数
+      form: {},
+      columns: [
+        { index: 0, key: 'id', label: `Id`, checked: true },
+        { index: 1, key: 'areaCode', label: `AreaCode`, checked: true },
+        { index: 2, key: 'area', label: `区域`, checked: true },
+        { index: 3, key: 'type', label: `类型（0: 起点，1：终点）`, checked: true },
+        { index: 4, key: 'coordinate', label: `坐标`, checked: true },
+        { index: 5, key: 'status', label: `状态（0，无托盘，1有托盘，2未知）`, checked: true },
+        { index: 6, key: 'createdBy', label: `创建人`, checked: true },
+        { index: 7, key: 'createdTime', label: `创建时间`, checked: true },
+        { index: 8, key: 'updatedBy', label: `更新人`, checked: true },
+        { index: 9, key: 'updatedTime', label: `更新时间`, checked: false },
+      ],
+      // 类型（0: 起点，1：终点）选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      typeOptions: [],
+      // 状态（0，无托盘，1有托盘，2未知）选项列表 格式 eg:{ dictLabel: '标签', dictValue: '0'}
+      statusOptions: [],
+      // 数据列表
+      dataList: [],
+      // 总记录数
+      total: 0,
+      // 提交按钮是否显示
+      btnSubmitVisible: true,
+      // 表单校验
+      rules: {
+        status: [{ required: true, message: '状态（0，无托盘，1有托盘，2未知）不能为空', trigger: 'blur' }],
+      },
+      area_options: [],
+    }
+  },
+  created() {
+    // 列表数据查询
+    this.getList()
+
+    var dictParams = []
+  },
+  mounted() {
+    this.getAreaOptions()
+  },
+  methods: {
+    //todo 获取区域数据
+    getAreaOptions() {
+      listAreaOptions().then((res) => {
+        if (res.code == 200) {
+          let arrays = res.data
+          arrays.forEach((element) => {
+            let temp = {
+              value: element.item1,
+              label: element.item2,
+            }
+            this.area_options.push(temp)
+          })
+        }
+      })
+    },
+    // 查询数据
+    getList() {
+      this.loading = true
+      listMmAgvLocation(this.queryParams).then((res) => {
+        if (res.code == 200) {
+          this.dataList = res.data.result
+          this.total = res.data.totalNum
+          this.loading = false
+        }
+      })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+    // 重置数据表单
+    reset() {
+      this.form = {
+        id: undefined,
+        areaCode: undefined,
+        area: undefined,
+        type: undefined,
+        coordinate: undefined,
+        status: undefined,
+        createdBy: undefined,
+        createdTime: undefined,
+        updatedBy: undefined,
+        updatedTime: undefined,
+      }
+      this.resetForm('form')
+    },
+    // 重置查询操作
+    resetQuery() {
+      this.timeRange = []
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id)
+      this.single = selection.length != 1
+      this.multiple = !selection.length
+    },
+    // 自定义排序
+    sortChange(column) {
+      if (column.prop == null || column.order == null) {
+        this.queryParams.sort = undefined
+        this.queryParams.sortType = undefined
+      } else {
+        this.queryParams.sort = column.prop
+        this.queryParams.sortType = column.order
+      }
+
+      this.handleQuery()
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset()
+      this.open = true
+      this.title = '添加'
+      this.opertype = 1
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const Ids = row.id || this.ids
+
+      this.$confirm('是否确认删除参数编号为"' + Ids + '"的数据项？')
+        .then(function () {
+          return delMmAgvLocation(Ids)
+        })
+        .then(() => {
+          this.handleQuery()
+          this.msgSuccess('删除成功')
+        })
+        .catch(() => {})
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset()
+      const id = row.id || this.ids
+      getMmAgvLocation(id).then((res) => {
+        const { code, data } = res
+        if (code == 200) {
+          this.open = true
+          this.title = '修改数据'
+          this.opertype = 2
+
+          this.form = {
+            ...data,
+          }
+        }
+      })
+    },
+    // 类型（0: 起点，1：终点）字典翻译
+    typeFormat(row, column) {
+      return this.selectDictLabel(this.typeOptions, row.type)
+    },
+    // 状态（0，无托盘，1有托盘，2未知）字典翻译
+    statusFormat(row, column) {
+      return this.selectDictLabel(this.statusOptions, row.status)
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs['form'].validate((valid) => {
+        if (valid) {
+          console.log(JSON.stringify(this.form))
+
+          if (this.form.id != undefined && this.opertype === 2) {
+            updateMmAgvLocation(this.form)
+              .then((res) => {
+                this.msgSuccess('修改成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          } else {
+            addMmAgvLocation(this.form)
+              .then((res) => {
+                this.msgSuccess('新增成功')
+                this.open = false
+                this.getList()
+              })
+              .catch((err) => {
+                //TODO 错误逻辑
+              })
+          }
+        }
+      })
+    },
+
+    /**
+     * 修改更改的状态
+     */
+    handleUpdate_status(index, status) {
+      const query = {
+        index,
+        status,
+      }
+      console.log(query)
+      Update_status(query).then((res) => {
+        if (res.code == 200) {
+          this.getList()
+        }
+      })
+    },
+  },
+}
+</script>