From 08a2f6b046b13841ceca4549917a127b54cbe51c Mon Sep 17 00:00:00 2001
From: icewint <icewint@qq.com>
Date: Sat, 15 Jun 2024 13:55:26 +0800
Subject: [PATCH] =?UTF-8?q?<add>[important]=E6=B7=BB=E5=8A=A0=E6=9F=A5?=
 =?UTF-8?q?=E8=AF=A2=E7=94=B5=E5=AD=90=E6=A0=87=E7=AD=BE=E8=B4=A7=E4=BD=8D?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/axios/el.tag.js                           |   4 +
 src/router/index.js                           |   1 +
 .../component/ElTagLocationData/ElTagList.vue | 117 ++++++++++++++++++
 .../ElTagLocationData/SearchForm.vue          | 112 +++++++++++++++++
 .../tab/equipmentManage/ElTagLocationData.vue |  92 ++++++++++++++
 5 files changed, 326 insertions(+)
 create mode 100644 src/view/component/ElTagLocationData/ElTagList.vue
 create mode 100644 src/view/component/ElTagLocationData/SearchForm.vue
 create mode 100644 src/view/tab/equipmentManage/ElTagLocationData.vue

diff --git a/src/axios/el.tag.js b/src/axios/el.tag.js
index 06ddd74..f72af98 100644
--- a/src/axios/el.tag.js
+++ b/src/axios/el.tag.js
@@ -13,4 +13,8 @@ export default {
     insertElTagTask(request) {
         return axios.post('/api/wcs/elTag/addTask', request);
     },
+    // 分页查询电子标签货位
+    getElTagLocationWithPage(request) {
+        return axios.post('/api/wcs/elTag/queryLocationWithPage', request);
+    },
 }
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index afc1683..fc04527 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -22,6 +22,7 @@ const routes = [
         // 设备管理
       { path: 'location', name: 'location', component:() => import('@/view/tab/equipmentManage/LocationData.vue') }, // 点位/库位管理
       { path: 'stackerData', name: 'stackerData', component:() => import('@/view/tab/equipmentManage/StackerData.vue') }, // 堆垛机管理
+      {path: 'elTagLocationData', name: 'elTagLocationData', component:() => import('@/view/tab/equipmentManage/ElTagLocationData.vue')}, // 电子标签货位管理
         // 数据查询
       { path: 'apiAccept', name: 'apiAccept', component:() => import('../view/tab/dataQuery/ApiAccept.vue') }, // 接口接收记录
       { path: 'apiRequest', name: 'apiRequest', component:() => import('../view/tab/dataQuery/ApiRequest.vue') }, // 接口请求记录
diff --git a/src/view/component/ElTagLocationData/ElTagList.vue b/src/view/component/ElTagLocationData/ElTagList.vue
new file mode 100644
index 0000000..aac0b42
--- /dev/null
+++ b/src/view/component/ElTagLocationData/ElTagList.vue
@@ -0,0 +1,117 @@
+<!--  -->
+<template>
+  <div>
+    <el-row style="width: calc(100vw - 270px)">
+      <el-row style="width: 100%">
+        <h5>电子标签货位表</h5>
+      </el-row>
+      <el-table :data="modelValue" border stripe max-height="calc(100vh - 400px)">
+        <el-table-column fixed prop="location" label="库位" width="150px" align="center"/>
+        <el-table-column prop="tagName" label="标签名称" width="150px" align="center"/>
+        <el-table-column prop="tagId" label="标签编号" width="150px" show-overflow-tooltip align="center"/>
+        <el-table-column prop="controllerDisplayName" label="控制器名称" width="100px" align="center"/>
+        <el-table-column prop="tagType" label="标签类型" width="100px" align="center"/>
+        <el-table-column prop="area" label="区域" width="80px" align="center"/>
+        <el-table-column prop="ledStatus" label="LED状态" width="120px" align="center"/>
+        <el-table-column prop="lastLightTime" label="上次点亮时间" :formatter="formatterTime" width="160px" align="center"/>
+        <el-table-column prop="taskId" label="当前点亮任务号" width="200px" align="center"/>
+        <el-table-column prop="remark" label="备注信息" min-width="100px"/>
+        <el-table-column fixed="right" label="操作" align="center" width="80">
+          <template #default="scope">
+            <el-button-group class="ml-4">
+              <el-tooltip content="编辑" placement="top" effect="light">
+                <el-button type="primary" size="small" @click="edit(scope.row)">
+                  <el-icon><Edit/></el-icon>
+                </el-button>
+              </el-tooltip>
+            </el-button-group>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-row style="margin-top: 15px">
+        <el-pagination
+            small
+            v-if="searchParams.page.totalRow > 0"
+            background
+            v-model:page-size="searchParams.page.pageSize"
+            v-model:current-page="searchParams.page.pageIndex"
+            :page-sizes="[20, 50, 100, 200, 300, 500]"
+            layout="prev, pager, next, jumper, sizes, total"
+            :total="searchParams.page.totalRow"
+            @size-change="searchData"
+            @current-change="searchData"
+        />
+      </el-row>
+    </el-row>
+  </div>
+</template>
+
+<script>
+// import  《组件名称》  from '《组件路径》 ';
+
+
+import CheckDetail from "@/view/component/locationData/CheckDetail.vue";
+import {Edit} from "@element-plus/icons-vue";
+import formatterTime from "@/plugins/formatter/formatter.time";
+
+export default {
+  // import 引入的组件需要注入到对象中才能使用
+  components: {Edit, CheckDetail},
+  props: ['modelValue', 'searchParams'],
+  emits: ['update:modelValue', 'update:searchParams', 'pageChange'],
+  data() {
+    // 这里存放数据
+    return {
+      formatterTime: formatterTime.formatCellValueTime,
+    }
+  },
+  // 计算属性 类似于 data 概念
+  computed: {
+  },
+  // 监控 data 中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    searchData(){
+      this.$emit('pageChange', this.searchParams)
+    },
+    // 编辑
+    edit(row) {
+
+    }
+
+  },
+  // 组合式 API
+  setup() {
+  },
+  // 创建之前
+  beforeCreate() {
+  },
+  // 创建完成(可以访问 this 实例)
+  created() {
+  },
+  // 生命周期 - 挂载之前
+  beforeMount() {
+  },
+  // 生命周期 - 挂载完成（可以访问 DOM 元素）
+  mounted() {
+  },
+  // 更新之前
+  beforeUpdate() {
+  },
+  // 更新之后
+  updated() {
+  },
+  // 销毁之前
+  beforeUnmount() {
+  },
+  // 销毁完成
+  unmounted() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+
+</style>
\ No newline at end of file
diff --git a/src/view/component/ElTagLocationData/SearchForm.vue b/src/view/component/ElTagLocationData/SearchForm.vue
new file mode 100644
index 0000000..5f91283
--- /dev/null
+++ b/src/view/component/ElTagLocationData/SearchForm.vue
@@ -0,0 +1,112 @@
+<!--  -->
+<template>
+  <div style="border-radius: 5px; border: #2c3e5033 solid 1px; padding: 10px">
+    <el-row>
+      <el-form :model="searchParams" label-width="120" label-position="left">
+        <el-form-item label="查询关键字：">
+          <el-input placeholder="输入 标签号/点位号/控制器名称 查询..." v-model="searchParams.searchStr" clearable style="width: 500px"></el-input>
+        </el-form-item>
+      </el-form>
+    </el-row>
+    <el-row>
+      <el-button type="primary" @click="searchBtn">查询/刷新</el-button>
+    </el-row>
+  </div>
+</template>
+
+<script>
+// import  《组件名称》  from '《组件路径》 ';
+
+
+import elTagApi from "@/axios/el.tag";
+import {ElLoading, ElMessage} from "element-plus";
+
+export default {
+  // import 引入的组件需要注入到对象中才能使用
+  components: {},
+  props: ['modelValue', 'searchParams'],
+  emits: ['update:searchParams', 'update:modelValue'],
+  data() {
+    // 这里存放数据
+    return {}
+  },
+  // 计算属性 类似于 data 概念
+  computed: {},
+  // 监控 data 中的数据变化
+  watch: {},
+  // 方法集合
+  methods: {
+    // 查询按钮
+    searchBtn() {
+      this.searchParams.page.pageIndex = 1
+      this.searchParams.page.pageSize = 50
+      this.$emit('update:searchParams', this.searchParams)
+      this.searchData(this.searchParams)
+    },
+    searchData(searchParams) {
+      const loading = ElLoading.service({
+        lock: true,
+        text: '加载中...',
+      })
+      this.$emit('update:modelValue', [])
+      elTagApi.getElTagLocationWithPage(searchParams).then((response) => {
+        const responseData = response.data
+        if (responseData.code === 0) {
+          ElMessage({
+            message: '查询成功',
+            type: 'success',
+          })
+          // 正确请求，展示数据
+          this.searchParams.page.totalRow = parseInt(responseData["tag"])
+          this.$emit('update:searchParams', this.searchParams)
+          this.$emit('update:modelValue', Object.freeze(responseData["returnData"]))
+        } else {
+          ElMessage({
+            message: '服务器返回失败：' + responseData.msg,
+            type: 'warning',
+          })
+        }
+      }).catch((ex) => {
+        ElMessage({
+          message: '请求服务器失败：' + ex,
+          type: 'error',
+        })
+      }).finally(() => {
+        loading.close()
+      })
+    }
+  },
+  // 组合式 API
+  setup() {
+  },
+  // 创建之前
+  beforeCreate() {
+  },
+  // 创建完成(可以访问 this 实例)
+  created() {
+  },
+  // 生命周期 - 挂载之前
+  beforeMount() {
+  },
+  // 生命周期 - 挂载完成（可以访问 DOM 元素）
+  mounted() {
+  },
+  // 更新之前
+  beforeUpdate() {
+  },
+  // 更新之后
+  updated() {
+  },
+  // 销毁之前
+  beforeUnmount() {
+  },
+  // 销毁完成
+  unmounted() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+
+</style>
\ No newline at end of file
diff --git a/src/view/tab/equipmentManage/ElTagLocationData.vue b/src/view/tab/equipmentManage/ElTagLocationData.vue
new file mode 100644
index 0000000..573a41b
--- /dev/null
+++ b/src/view/tab/equipmentManage/ElTagLocationData.vue
@@ -0,0 +1,92 @@
+<!--电子标签货位-->
+<template>
+  <div>
+    <el-row>
+      <searchForm v-model="elTagList" v-model:search-params="searchParams" style="width: 100%" ref="searchForm"></searchForm>
+    </el-row>
+    <el-row>
+      <ElTagList v-model="elTagList" v-model:search-params="searchParams" @page-change="pageChange"></ElTagList>
+    </el-row>
+
+  </div>
+</template>
+
+<script>
+// import  《组件名称》  from '《组件路径》 ';
+
+
+import SearchForm from "@/view/component/ElTagLocationData/SearchForm.vue";
+import ElTagList from "@/view/component/ElTagLocationData/ElTagList.vue";
+
+export default {
+  // import 引入的组件需要注入到对象中才能使用
+  components: {ElTagList, SearchForm},
+  props: [],
+  emits: [],
+  data() {
+    // 这里存放数据
+    return {
+      // 查找参数，用于传递使用，具体定义在SearchForm组件内
+      searchParams: {
+        // 查询关键字
+        searchStr: '',
+        // 分页控件信息
+        page: {
+          // 每页显示的行数
+          pageSize: 50,
+          // 当前页码
+          pageIndex: 1,
+          // 总行数
+          totalRow: 0
+        },
+      },
+      // 标签库位信息
+      elTagList: []
+    }
+  },
+  // 计算属性 类似于 data 概念
+  computed: {
+  },
+  // 监控 data 中的数据变化
+  watch: {
+  },
+  // 方法集合
+  methods: {
+    pageChange(searchParams) {
+      this.$refs.searchForm.searchData(searchParams)
+    },
+  },
+  // 组合式 API
+  setup() {
+  },
+  // 创建之前
+  beforeCreate() {
+  },
+  // 创建完成(可以访问 this 实例)
+  created() {
+  },
+  // 生命周期 - 挂载之前
+  beforeMount() {
+  },
+  // 生命周期 - 挂载完成（可以访问 DOM 元素）
+  mounted() {
+  },
+  // 更新之前
+  beforeUpdate() {
+  },
+  // 更新之后
+  updated() {
+  },
+  // 销毁之前
+  beforeUnmount() {
+  },
+  // 销毁完成
+  unmounted() {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+
+</style>
\ No newline at end of file