From 90b95f2b7dcd4387bcd4397a9f4f55a2e9424d74 Mon Sep 17 00:00:00 2001
From: hayu <1604366271@qq.com>
Date: Thu, 28 Aug 2025 15:24:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/ma/device.js                   |  10 ++
 src/views/material/ma/gadget/index.vue | 165 +++++++++++++++++++++++++
 2 files changed, 175 insertions(+)
 create mode 100644 src/views/material/ma/gadget/index.vue

diff --git a/src/api/ma/device.js b/src/api/ma/device.js
index 6c5457c4..bf71f3b7 100644
--- a/src/api/ma/device.js
+++ b/src/api/ma/device.js
@@ -103,3 +103,13 @@ export function editAssetsCode(data) {
       data: data,
   })
 }
+
+
+//小工具编码信息列表
+export function getGadgetList(query) {
+  return request({
+    url: '/material/wsMaInfo/getGadgetList',
+    method: 'get',
+    params: query,
+  })
+}
diff --git a/src/views/material/ma/gadget/index.vue b/src/views/material/ma/gadget/index.vue
new file mode 100644
index 00000000..5d071e12
--- /dev/null
+++ b/src/views/material/ma/gadget/index.vue
@@ -0,0 +1,165 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+      <el-form-item prop="dateRange">
+        <el-date-picker
+          v-model="dateRange"
+          range-separator="至"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+          style="width: 240px"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item prop="keyWord">
+        <el-input
+          v-model="queryParams.keyWord"
+          placeholder="请输入关键词"
+          clearable
+          @keyup.enter.native="handleQuery"
+          maxlength="20"
+        />
+      </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 v-loading="loading" :data="deviceList" ref="multipleTable" row-key="maId">
+      <el-table-column label="序号" align="center" width="80" type="index">
+        <template slot-scope="scope">
+          <span>{{ (queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1 }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="设备类型" align="center" prop="maName"  show-overflow-tooltip />
+      <el-table-column label="规格型号" align="center" prop="maModel"  show-overflow-tooltip />
+      <el-table-column label="设备编号" align="center" prop="maCode" />
+      <el-table-column label="本次检验时间" align="center" prop="thisCheckTime" show-overflow-tooltip />
+      <el-table-column label="下次检验时间" align="center" prop="nextCheckTime" show-overflow-tooltip />
+      <el-table-column label="检修员" align="center" prop="repairMan" show-overflow-tooltip/>
+      <el-table-column label="检验员" align="center" prop="checkMan" show-overflow-tooltip/>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import {getGadgetList
+} from '@/api/ma/device'
+
+export default {
+  name: 'Device',
+  dicts: ['ma_machine_status'],
+  data() {
+    return {
+      // 遮罩层
+      loading: false,
+      // 显示搜索条件
+      showSearch: true,
+      showHouse: false,
+      // 总条数
+      total: 0,
+      totalTwo: 0,
+      // 表格数据
+      deviceList: [],
+      maxLength: 100,//已选列表上限，防止数据过多请求报错
+      dateRange:[],
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        keyWord: undefined,
+        startTime: '',
+        endTime: ''
+      },
+      // 查询参数
+      queryTeam: {
+        pageNum: 1,
+        pageSize: 10,
+        name: undefined,
+        sex: undefined,
+        teamId: undefined
+      },
+
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询列表 */
+    getList() {
+      this.loading = true
+      this.queryParams.startTime= this.dateRange ? this.dateRange[0] : ''
+      this.queryParams.endTime= this.dateRange ? this.dateRange[1] : ''
+      getGadgetList(this.queryParams).then(response => {
+        this.deviceList = response.rows
+        this.total = response.total
+        this.loading = false
+      })
+    },
+
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1
+      this.getList()
+    },
+    // 表单重置
+    reset() {
+      this.form = {}
+      this.resetForm('form')
+    },
+
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.queryParams.keyWord = null
+      this.dateRange=[]
+      this.handleQuery()
+    },
+  }
+}
+</script>
+<style lang="scss" scoped>
+::v-deep.el-table .fixed-width .el-button--mini {
+  width: 60px !important;
+  margin-bottom: 10px;
+}
+
+//隐藏图片上传框的css
+::v-deep.disabled {
+  .el-upload--picture-card {
+    display: none;
+  }
+}
+
+.uploadImg {
+  padding-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.boxCode {
+  margin-top: 10px;
+  padding-bottom: 20px;
+  font-size: 33px;
+  font-weight: bold;
+  color: #000;
+}
+
+.qrcode-container img {
+  width: 100px; /* 设置二维码的大小，调整为你需要的尺寸 */
+  height: 100px;
+}
+</style>