From 0804523588f2592e365740591f3380c5a150180d Mon Sep 17 00:00:00 2001
From: BianLzhaoMin <11485688+bianliangzhaomin123@user.noreply.gitee.com>
Date: Wed, 20 Nov 2024 10:41:15 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=90=88=E5=90=8C=E6=9C=AA?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/equipment-manage/index.vue    | 146 +++++++++++++++++++
 src/views/equipment-manage/tableData.js |  62 ++++++++
 src/views/external/index.vue            | 114 +++++++++++++++
 src/views/external/tableData.js         |  62 ++++++++
 src/views/innovate/index.vue            | 185 ++++++++++++++++++++++++
 src/views/innovate/tableData.js         |  62 ++++++++
 src/views/staff-manage/index.vue        | 152 +++++++++++++++++++
 src/views/staff-manage/tableData.js     |  62 ++++++++
 8 files changed, 845 insertions(+)
 create mode 100644 src/views/equipment-manage/index.vue
 create mode 100644 src/views/equipment-manage/tableData.js
 create mode 100644 src/views/external/index.vue
 create mode 100644 src/views/external/tableData.js
 create mode 100644 src/views/innovate/index.vue
 create mode 100644 src/views/innovate/tableData.js
 create mode 100644 src/views/staff-manage/index.vue
 create mode 100644 src/views/staff-manage/tableData.js

diff --git a/src/views/equipment-manage/index.vue b/src/views/equipment-manage/index.vue
new file mode 100644
index 0000000..263c74e
--- /dev/null
+++ b/src/views/equipment-manage/index.vue
@@ -0,0 +1,146 @@
+<template>
+    <!-- 装备管理 -->
+    <div class="app-container">
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="80px"
+        >
+            <el-form-item prop="unitId">
+                <el-input
+                    v-model="queryParams.keyWords"
+                    placeholder="请输入领料单号"
+                    clearable
+                />
+            </el-form-item>
+
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择工单位名称"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择工程名称"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择出库状态"
+                    clearable
+                    filterable
+                >
+                </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 border :data="tableList">
+            <el-table-column label="序号" type="index" align="center" />
+            <el-table-column prop="name" label="设备名称" align="center" />
+            <el-table-column prop="device" label="设备类型" align="center" />
+            <el-table-column
+                prop="upload_user"
+                label="规格型号"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="所在仓库"
+                align="center"
+            />
+            <el-table-column prop="upload_time" label="合格证" align="center" />
+
+            <el-table-column label="操作" align="center">
+                <template slot-scope="{ row }">
+                    <el-button type="text" @click="onViewDetails">
+                        使用详情
+                    </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+        />
+        <el-dialog
+            title="创新类设备租赁详情"
+            :visible.sync="logsDetailsDialogVisibleNew"
+            width="50%"
+        >
+            <el-table border :data="tableList">
+                <el-table-column label="序号" type="index" align="center" />
+                <el-table-column align="center" label="使用人">
+                    张三
+                </el-table-column>
+                <el-table-column align="center" label="使用单位">
+                    xxx公司
+                </el-table-column>
+                <el-table-column align="center" label="使用项目">
+                    xxx工程
+                </el-table-column>
+                <el-table-column align="center" label="使用开始时间">
+                    2024-1-23
+                </el-table-column>
+                <el-table-column align="center" label="使用结束时间">
+                    2024-10-30
+                </el-table-column>
+            </el-table>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { tableList } from './tableData'
+export default {
+    data() {
+        return {
+            queryParams: {
+                keyWords: '',
+                deviceType: '',
+                time: '',
+                pageNum: 1,
+                pageSize: 10,
+            },
+            tableList,
+            total: 10,
+            logsDetailsDialogVisibleNew: false,
+        }
+    },
+    methods: {
+        onViewDetails() {
+            this.logsDetailsDialogVisibleNew = true
+        },
+    },
+}
+</script>
+
+<style></style>
diff --git a/src/views/equipment-manage/tableData.js b/src/views/equipment-manage/tableData.js
new file mode 100644
index 0000000..01b7650
--- /dev/null
+++ b/src/views/equipment-manage/tableData.js
@@ -0,0 +1,62 @@
+export const tableList = [
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+]
diff --git a/src/views/external/index.vue b/src/views/external/index.vue
new file mode 100644
index 0000000..3ce5f3a
--- /dev/null
+++ b/src/views/external/index.vue
@@ -0,0 +1,114 @@
+<template>
+    <!-- 外部装备参与管理 -->
+    <div class="app-container">
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="80px"
+        >
+            <el-form-item prop="unitId">
+                <el-input
+                    v-model="queryParams.keyWords"
+                    placeholder="请输入关键字"
+                    clearable
+                />
+            </el-form-item>
+
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择设备类型"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择规格型号"
+                    clearable
+                    filterable
+                >
+                </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 border :data="tableList">
+            <el-table-column label="序号" type="index" align="center" />
+            <el-table-column prop="name" label="设备名称" align="center" />
+            <el-table-column prop="device" label="设备类型" align="center" />
+            <el-table-column
+                prop="upload_user"
+                label="规格型号"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="所属公司"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="租赁开始时间"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="租赁结束时间"
+                align="center"
+            />
+            <el-table-column prop="upload_time" label="租赁人" align="center" />
+            <el-table-column
+                prop="upload_time"
+                label="所属部门"
+                align="center"
+            />
+        </el-table>
+
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+        />
+    </div>
+</template>
+
+<script>
+import { tableList } from './tableData'
+export default {
+    data() {
+        return {
+            queryParams: {
+                keyWords: '',
+                deviceType: '',
+                time: '',
+                pageNum: 1,
+                pageSize: 10,
+            },
+            tableList,
+            total: 10,
+        }
+    },
+}
+</script>
+
+<style></style>
diff --git a/src/views/external/tableData.js b/src/views/external/tableData.js
new file mode 100644
index 0000000..01b7650
--- /dev/null
+++ b/src/views/external/tableData.js
@@ -0,0 +1,62 @@
+export const tableList = [
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+]
diff --git a/src/views/innovate/index.vue b/src/views/innovate/index.vue
new file mode 100644
index 0000000..cc5437e
--- /dev/null
+++ b/src/views/innovate/index.vue
@@ -0,0 +1,185 @@
+<template>
+    <!-- 创新设备管理 -->
+    <div class="app-container">
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="80px"
+        >
+            <el-form-item prop="unitId">
+                <el-input
+                    v-model="queryParams.keyWords"
+                    placeholder="请输入关键字"
+                    clearable
+                />
+            </el-form-item>
+
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择物品种类"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择设备类型"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择规格型号"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+
+            <el-form-item>
+                <el-button type="primary" icon="el-icon-search" size="mini"
+                    >查询</el-button
+                >
+                <el-button icon="el-icon-refresh" size="mini">重置</el-button>
+            </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button
+                    type="primary"
+                    plain
+                    icon="el-icon-plus"
+                    size="mini"
+                    @click="onAddInnovateDevice"
+                    >新增创新类装备</el-button
+                >
+            </el-col>
+        </el-row>
+
+        <el-table border :data="tableList">
+            <el-table-column label="序号" type="index" align="center" />
+            <el-table-column prop="name" label="物品种类" align="center" />
+            <el-table-column prop="device" label="设备类型" align="center" />
+            <el-table-column
+                prop="upload_user"
+                label="规格型号"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="所在仓库"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="使用次数"
+                align="center"
+            />
+
+            <el-table-column label="操作" align="center">
+                <template slot-scope="{ row }">
+                    <el-button type="text" @click="onViewDetails">
+                        租赁详情
+                    </el-button>
+                    <el-button type="text"> 编辑 </el-button>
+                    <el-button type="text"> 删除 </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+        />
+
+        <el-dialog
+            title="新增创新类设备"
+            :visible.sync="logsDetailsDialogVisible"
+            width="50%"
+        >
+            <el-form label-width="100px" size="small">
+                <el-form-item label="物品种类" required>
+                    <el-select placeholder="请选择物品种类" style="width: 100%">
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="设备类型" required>
+                    <el-select placeholder="请选择设备类型" style="width: 100%">
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="规格型号" required>
+                    <el-input placeholder="请输入规格型号" />
+                </el-form-item>
+                <el-form-item label="所在仓库" required>
+                    <el-input placeholder="请输入所在仓库" />
+                </el-form-item>
+
+                <el-form-item>
+                    <el-button> 确定 </el-button>
+                    <el-button> 取消 </el-button>
+                </el-form-item>
+            </el-form>
+        </el-dialog>
+        <el-dialog
+            title="创新类设备租赁详情"
+            :visible.sync="logsDetailsDialogVisibleNew"
+            width="50%"
+        >
+            <el-table border :data="tableList">
+                <el-table-column label="序号" type="index" align="center" />
+                <el-table-column align="center" label="租赁人">
+                    张三
+                </el-table-column>
+                <el-table-column align="center" label="租赁单位">
+                    xxx公司
+                </el-table-column>
+                <el-table-column align="center" label="租赁开始时间">
+                    2024-1-23
+                </el-table-column>
+                <el-table-column align="center" label="租赁结束时间">
+                    2024-10-30
+                </el-table-column>
+            </el-table>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import { tableList } from './tableData'
+export default {
+    data() {
+        return {
+            queryParams: {
+                keyWords: '',
+                deviceType: '',
+                time: '',
+                pageNum: 1,
+                pageSize: 10,
+            },
+            tableList,
+            total: 10,
+            logsDetailsDialogVisible: false,
+            logsDetailsDialogVisibleNew: false,
+        }
+    },
+    methods: {
+        onViewDetails() {
+            this.logsDetailsDialogVisibleNew = true
+        },
+        onAddInnovateDevice() {
+            this.logsDetailsDialogVisible = true
+        },
+    },
+}
+</script>
+
+<style></style>
diff --git a/src/views/innovate/tableData.js b/src/views/innovate/tableData.js
new file mode 100644
index 0000000..01b7650
--- /dev/null
+++ b/src/views/innovate/tableData.js
@@ -0,0 +1,62 @@
+export const tableList = [
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+]
diff --git a/src/views/staff-manage/index.vue b/src/views/staff-manage/index.vue
new file mode 100644
index 0000000..551cdc5
--- /dev/null
+++ b/src/views/staff-manage/index.vue
@@ -0,0 +1,152 @@
+<template>
+    <!-- 员工管理 -->
+    <div class="app-container">
+        <el-form
+            :model="queryParams"
+            ref="queryForm"
+            size="small"
+            :inline="true"
+            label-width="80px"
+        >
+            <el-form-item prop="unitId">
+                <el-input
+                    v-model="queryParams.keyWords"
+                    placeholder="请输入领料单号"
+                    clearable
+                />
+            </el-form-item>
+
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择工单位名称"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择工程名称"
+                    clearable
+                    filterable
+                >
+                </el-select>
+            </el-form-item>
+            <el-form-item prop="deviceType">
+                <el-select
+                    v-model="queryParams.deviceType"
+                    placeholder="请选择出库状态"
+                    clearable
+                    filterable
+                >
+                </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-button
+                    type="primary"
+                    icon="el-icon-search"
+                    size="mini"
+                    @click="handleQuery"
+                    >下载模板</el-button
+                >
+            </el-form-item>
+        </el-form>
+
+        <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+                <el-button
+                    type="warning"
+                    plain
+                    icon="el-icon-download"
+                    size="mini"
+                    >导出数据</el-button
+                >
+            </el-col>
+        </el-row>
+
+        <el-table border :data="tableList">
+            <el-table-column label="序号" type="index" align="center" />
+            <el-table-column prop="name" label="领料单号" align="center" />
+            <el-table-column
+                prop="device"
+                label="领料申请单位"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_user"
+                label="领料申请工程"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="申请数量"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="申请时间"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="已出库数量"
+                align="center"
+            />
+            <el-table-column
+                prop="upload_time"
+                label="出库状态"
+                align="center"
+            />
+            <el-table-column label="操作" align="center">
+                <template slot-scope="{ row }">
+                    <el-button type="text"> 查看 </el-button>
+                    <el-button type="text"> 出库 </el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+
+        <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+        />
+    </div>
+</template>
+
+<script>
+import { tableList } from './tableData'
+export default {
+    data() {
+        return {
+            queryParams: {
+                keyWords: '',
+                deviceType: '',
+                time: '',
+                pageNum: 1,
+                pageSize: 10,
+            },
+            tableList,
+            total: 10,
+        }
+    },
+}
+</script>
+
+<style></style>
diff --git a/src/views/staff-manage/tableData.js b/src/views/staff-manage/tableData.js
new file mode 100644
index 0000000..01b7650
--- /dev/null
+++ b/src/views/staff-manage/tableData.js
@@ -0,0 +1,62 @@
+export const tableList = [
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+    {
+        name: 'BF20231207-001',
+        device: '挖掘机培训',
+        upload_user: '张伟',
+        upload_time: '2024-10-9',
+    },
+]