From e7d6535987ff742b8c623fff73975282185f9668 Mon Sep 17 00:00:00 2001
From: syruan <15555146157@163.com>
Date: Sun, 16 Nov 2025 23:55:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=80=E5=BD=B9=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/EquipmentRetireApply/index.js         |  54 +++
 src/router/index.js                           |  33 ++
 .../EquipmentRetireApply/audit-detail.vue     | 305 +++++++++++++++
 src/views/EquipmentRetireApply/audit.vue      | 231 +++++++++++
 .../components/AddItemDialog.vue              | 200 ++++++++++
 src/views/EquipmentRetireApply/detail.vue     | 367 ++++++++++++++++++
 src/views/EquipmentRetireApply/index.vue      | 261 +++++++++++++
 7 files changed, 1451 insertions(+)
 create mode 100644 src/api/EquipmentRetireApply/index.js
 create mode 100644 src/views/EquipmentRetireApply/audit-detail.vue
 create mode 100644 src/views/EquipmentRetireApply/audit.vue
 create mode 100644 src/views/EquipmentRetireApply/components/AddItemDialog.vue
 create mode 100644 src/views/EquipmentRetireApply/detail.vue
 create mode 100644 src/views/EquipmentRetireApply/index.vue

diff --git a/src/api/EquipmentRetireApply/index.js b/src/api/EquipmentRetireApply/index.js
new file mode 100644
index 00000000..cd4a60dd
--- /dev/null
+++ b/src/api/EquipmentRetireApply/index.js
@@ -0,0 +1,54 @@
+import request from '@/utils/request'
+
+// 获取退役申请列表
+export const getRetireApplyListAPI = (data) => {
+    return request({
+        url: '/material-mall/deviceRetireApply/list',
+        method: 'GET',
+        params: data,
+    })
+}
+
+// 获取任务明细（装备和工具列表）
+export const getRetireApplyDetailAPI = (id) => {
+    return request({
+        url: `/material-mall/deviceRetireApply/detail/${id}`,
+        method: 'GET',
+    })
+}
+
+// 获取在修装备和工具列表（统一接口）
+export const getScrapItemListAPI = (data) => {
+    return request({
+        url: '/material-mall/deviceRetireApply/scrapItemList',
+        method: 'GET',
+        params: data,
+    })
+}
+
+// 提交退役申请任务（包含创建任务和保存明细）
+export const submitRetireApplyTaskAPI = (data) => {
+    return request({
+        url: '/material-mall/deviceRetireApply/submitTask',
+        method: 'POST',
+        data: data,
+    })
+}
+
+// 删除退役申请任务
+export const deleteRetireApplyTaskAPI = (id) => {
+    return request({
+        url: `/material-mall/deviceRetireApply/deleteTask/${id}`,
+        method: 'DELETE',
+    })
+}
+
+// 批量审批（通过reviewStatus字段区分通过或驳回）
+export const auditRetireApplyBatchAPI = (data) => {
+    return request({
+        url: '/material-mall/deviceRetireApply/audit',
+        method: 'POST',
+        data: data,
+    })
+}
+
diff --git a/src/router/index.js b/src/router/index.js
index 07c73a77..f51fba38 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -267,6 +267,39 @@ export const dynamicRoutes = [
         meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
       }
     ]
+  },
+
+  {
+    path: '/equipment/retire-apply',
+    component: Layout,
+    hidden: true,
+    permissions: ['system:dict:list'],
+    children: [
+      {
+        path: 'index',
+        component: () => import('@/views/EquipmentRetireApply/index'),
+        name: 'RetireApply',
+        meta: { title: '退役申请', activeMenu: '/equipment/retire-apply' }
+      },
+      {
+        path: 'detail/:id',
+        component: () => import('@/views/EquipmentRetireApply/detail'),
+        name: 'RetireApplyDetail',
+        meta: { title: '退役申请明细', activeMenu: '/equipment/retire-apply' }
+      },
+      {
+        path: 'audit',
+        component: () => import('@/views/EquipmentRetireApply/audit'),
+        name: 'RetireApplyAudit',
+        meta: { title: '退役申请审核', activeMenu: '/equipment/retire-apply' }
+      },
+      {
+        path: 'audit-detail/:id',
+        component: () => import('@/views/EquipmentRetireApply/audit-detail'),
+        name: 'RetireApplyAuditDetail',
+        meta: { title: '退役申请审核明细', activeMenu: '/equipment/retire-apply' }
+      }
+    ]
   }
 ]
 
diff --git a/src/views/EquipmentRetireApply/audit-detail.vue b/src/views/EquipmentRetireApply/audit-detail.vue
new file mode 100644
index 00000000..dccf44a8
--- /dev/null
+++ b/src/views/EquipmentRetireApply/audit-detail.vue
@@ -0,0 +1,305 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>退役申请审核</span>
+      </div>
+
+      <!-- 基本信息 -->
+      <el-form ref="baseForm" :model="baseInfo" label-width="120px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请单号">
+              <span>{{ baseInfo.code }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务状态">
+              <el-tag :type="getStatusType()">
+                {{ getStatusLabel() }}
+              </el-tag>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请人">
+              <span>{{ baseInfo.createUser }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请时间">
+              <span>{{ baseInfo.createTime }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <!-- 装备和工具列表 -->
+      <div class="detail-section">
+        <div class="section-header">
+          <span>申请明细</span>
+        </div>
+
+        <el-table ref="detailTable" :data="detailList" style="width: 100%" border stripe size="small" fit @selection-change="onSelectionChange">
+          <el-table-column type="selection" width="50" :selectable="row => !row.reviewStatus || (row.reviewStatus !== '1' && row.reviewStatus !== '2')" />
+          <el-table-column align="center" type="index" label="序号" width="80" />
+          <el-table-column align="center" prop="type" label="分类" width="100" />
+          <el-table-column align="center" prop="typeName" label="类目" min-width="100" />
+          <el-table-column align="center" prop="typeModelName" label="规格型号" width="150" />
+          <el-table-column align="center" prop="manageMode" label="管理模式" width="120" />
+          <el-table-column align="center" prop="devCode" label="设备编码" min-width="120" />
+          <el-table-column align="center" prop="scrapQuantity" label="申请报废数量" width="120" />
+          <el-table-column align="center" prop="retireReason" label="退役原因" min-width="120" show-overflow-tooltip />
+          <el-table-column align="center" label="报废附件" width="120">
+            <template slot-scope="scope">
+              <el-button type="primary" size="mini" @click="onHandleViewAttachment(scope.row)">
+                查看附件
+              </el-button>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" prop="reviewStatus" label="审批状态" width="100">
+            <template slot-scope="scope">
+              <el-tag :type="getReviewStatusType(scope.row.reviewStatus)">
+                {{ getReviewStatusLabel(scope.row.reviewStatus) }}
+              </el-tag>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 操作按钮 -->
+      <div class="action-buttons">
+        <el-button type="success" @click="onHandleApproveBatch">批量通过</el-button>
+        <el-button type="danger" @click="onHandleRejectBatch">批量驳回</el-button>
+        <el-button @click="onHandleCancel">返回</el-button>
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import { getRetireApplyDetailAPI, auditRetireApplyBatchAPI } from '@/api/EquipmentRetireApply/index.js'
+
+export default {
+  data() {
+    return {
+      baseInfo: {
+        id: '',
+        code: '',
+        reviewStatus: '1',
+        createUser: '',
+        createTime: ''
+      },
+      detailList: [],
+      selectedRows: []
+    }
+  },
+  methods: {
+    async getAuditDetail() {
+      const id = this.$route.params.id
+
+      // 从query参数中获取任务基本信息
+      const taskInfoStr = this.$route.query.taskInfo
+      if (taskInfoStr) {
+        const taskInfo = JSON.parse(taskInfoStr)
+        this.baseInfo = {
+          id: taskInfo.id,
+          code: taskInfo.code,
+          reviewStatus: taskInfo.reviewStatus,
+          createUser: taskInfo.createUser,
+          createTime: taskInfo.createTime
+        }
+      }
+
+      // 调用API获取明细列表
+      const res = await getRetireApplyDetailAPI(id)
+      const data = res.data || []
+
+      // 所有数据都是明细项
+      this.detailList = data.map(item => ({
+        id: item.id,
+        keyId: item.keyId,
+        type: item.type,
+        typeId: item.typeId,
+        devType: item.devType,
+        groupName: item.groupName,
+        typeName: item.typeName,
+        typeModelName: item.typeModelName,
+        manageMode: item.manageMode,
+        devCode: item.devCode,
+        code: item.code,
+        inStockNum: item.inStockNum,
+        scrapQuantity: item.scrapNum,
+        retireReason: item.reasonVal,
+        attachments: item.bmFileInfos || [],
+        reviewStatus: item.reviewStatus  // 审批状态
+      }))
+    },
+
+    onSelectionChange(selection) {
+      // 过滤掉已审批的项目（reviewStatus为'1'或'2'表示已审批）
+      this.selectedRows = selection.filter(row => !row.reviewStatus || (row.reviewStatus !== '1' && row.reviewStatus !== '2'))
+    },
+
+    onHandleViewAttachment(row) {
+      this.$message.info(`查看 ${row.name} 的附件`)
+      // 可以在这里打开附件查看对话框
+    },
+
+    async onHandleApproveBatch() {
+      if (this.selectedRows.length === 0) {
+        this.$message.warning('请先选择要审核的明细')
+        return
+      }
+      this.$confirm('确定批量通过选中的明细吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        try {
+          // 构建审批数据
+          const submitData = {
+            // 基本信息
+            id: this.baseInfo.id,
+            code: this.baseInfo.code,
+            // 明细列表
+            toBeScrapList: this.selectedRows.map(row => ({
+              id: row.id,
+              type: row.type,
+              typeId: row.typeId,
+              devCode: row.devCode,
+              scrapNum: row.scrapQuantity,
+              reviewStatus: '1'  // 1表示通过
+            }))
+          }
+          await auditRetireApplyBatchAPI(submitData)
+          this.$message.success('批量通过成功')
+          this.getAuditDetail()
+        } catch (error) {
+          this.$message.error('批量通过失败')
+        }
+      }).catch(() => {})
+    },
+
+    async onHandleRejectBatch() {
+      if (this.selectedRows.length === 0) {
+        this.$message.warning('请先选择要审核的明细')
+        return
+      }
+      this.$confirm('确定批量驳回选中的明细吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        try {
+          // 构建审批数据
+          const submitData = {
+            // 基本信息
+            id: this.baseInfo.id,
+            code: this.baseInfo.code,
+            // 明细列表
+            toBeScrapList: this.selectedRows.map(row => ({
+              id: row.id,
+              type: row.type,
+              typeId: row.typeId,
+              devCode: row.devCode,
+              scrapNum: row.scrapQuantity,
+              reviewStatus: '2'  // 2表示驳回
+            }))
+          }
+          await auditRetireApplyBatchAPI(submitData)
+          this.$message.success('批量驳回成功')
+          this.getAuditDetail()
+        } catch (error) {
+          this.$message.error('批量驳回失败')
+        }
+      }).catch(() => {})
+    },
+
+    onHandleCancel() {
+      this.$router.back()
+    },
+
+    getStatusLabel() {
+      // 根据明细列表的审批状态计算任务状态
+      if (this.detailList.length === 0) {
+        return '待审批'
+      }
+
+      // 统计各状态的数量
+      const processedCount = this.detailList.filter(item => item.reviewStatus === '1' || item.reviewStatus === '2').length
+      const totalCount = this.detailList.length
+
+      if (processedCount === 0) {
+        // 一条都没处理
+        return '待审批'
+      } else if (processedCount === totalCount) {
+        // 全部处理完成
+        return '已审批'
+      } else {
+        // 处理了部分
+        return '审批中'
+      }
+    },
+
+    getStatusType() {
+      // 根据任务状态返回标签类型
+      const label = this.getStatusLabel()
+      const typeMap = {
+        '待审批': 'warning',
+        '审批中': 'info',
+        '已审批': 'success'
+      }
+      return typeMap[label] || 'info'
+    },
+
+    getReviewStatusLabel(status) {
+      const statusMap = {
+        '0': '待审批',
+        '1': '已通过',
+        '2': '已驳回'
+      }
+      return statusMap[status] || '待审批'
+    },
+
+    getReviewStatusType(status) {
+      const typeMap = {
+        '0': 'warning',
+        '1': 'success',
+        '2': 'danger'
+      }
+      return typeMap[status] || 'warning'
+    }
+  },
+
+  created() {
+    this.getAuditDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.box-card {
+  margin: 20px;
+}
+
+.detail-section {
+  margin: 30px 0;
+
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+    font-weight: 600;
+    font-size: 14px;
+  }
+}
+
+.action-buttons {
+  text-align: center;
+  margin-top: 30px;
+}
+</style>
+
diff --git a/src/views/EquipmentRetireApply/audit.vue b/src/views/EquipmentRetireApply/audit.vue
new file mode 100644
index 00000000..11af7e58
--- /dev/null
+++ b/src/views/EquipmentRetireApply/audit.vue
@@ -0,0 +1,231 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form ref="queryForm" size="small" label-width="auto" :model="queryParams">
+        <el-card class="search-box">
+          <el-row :gutter="20" style="display: flex; justify-content: space-between">
+            <el-col :span="5">
+              <el-form-item label="任务状态" prop="reviewStatus">
+                <el-select
+                  v-model="queryParams.reviewStatus"
+                  placeholder="请选择状态"
+                  clearable
+                  style="width: 100%"
+                >
+                  <el-option label="待审批" value="0" />
+                  <el-option label="审批中" value="1" />
+                  <el-option label="审批完成" value="2" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="申请日期范围" prop="dateRange">
+                <el-date-picker
+                  v-model="queryParams.dateRange"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  style="width: 100%"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="14" style="text-align: right;">
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="onHandleQuery">
+                查询
+              </el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="onHandleReset">重置</el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-form>
+
+      <el-card class="content-box">
+        <div class="table-container">
+          <el-table :data="tableData" style="width: 100%" border stripe height="100%" fit>
+            <el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50" />
+            <el-table-column align="center" show-overflow-tooltip prop="code" label="退役单号" />
+            <el-table-column align="center" show-overflow-tooltip prop="equipmentNum" label="退役装备数" />
+            <el-table-column align="center" show-overflow-tooltip prop="toolNum" label="退役工具数" />
+            <el-table-column align="center" show-overflow-tooltip prop="reviewStatus" label="任务状态">
+              <template slot-scope="scope">
+                <el-tag :type="getStatusType(scope.row.reviewStatus)">
+                  {{ getStatusLabel(scope.row.reviewStatus) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" show-overflow-tooltip prop="createUser" label="申请人" />
+            <el-table-column align="center" show-overflow-tooltip prop="createTime" label="申请时间" />
+            <el-table-column align="center" show-overflow-tooltip label="操作" width="100">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="onHandleAudit(scope.row)">审核</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pagination-wrapper">
+          <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getRetireApplyAuditList"
+          />
+        </div>
+      </el-card>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getRetireApplyListAPI } from '@/api/EquipmentRetireApply/index.js'
+import pagination from '@/components/Pagination'
+
+export default {
+  components: {
+    pagination
+  },
+  data() {
+    return {
+      queryParams: {
+        reviewStatus: undefined,
+        dateRange: undefined,
+        pageNum: 1,
+        pageSize: 10
+      },
+      tableData: [],
+      total: 0
+    }
+  },
+  methods: {
+    // 获取审核列表
+    async getRetireApplyAuditList() {
+      const params = {
+        ...this.queryParams,
+        startDate: this.queryParams.dateRange ? this.queryParams.dateRange[0] : undefined,
+        endDate: this.queryParams.dateRange ? this.queryParams.dateRange[1] : undefined,
+        dateRange: undefined
+      }
+      const res = await getRetireApplyListAPI(params)
+      this.tableData = res.rows || []
+      this.total = res.total || 0
+    },
+
+    // 查询
+    onHandleQuery() {
+      this.queryParams.pageNum = 1
+      this.getRetireApplyAuditList()
+    },
+
+    // 重置
+    onHandleReset() {
+      this.queryParams = {
+        reviewStatus: undefined,
+        dateRange: undefined,
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.getRetireApplyAuditList()
+    },
+
+    // 审核
+    onHandleAudit(row) {
+      this.$router.push({
+        name: 'RetireApplyAuditDetail',
+        params: { id: row.id },
+        query: { taskInfo: JSON.stringify(row) }
+      })
+    },
+
+    // 获取状态标签
+    getStatusLabel(status) {
+      const statusMap = {
+        '0': '待审批',
+        '1': '审批中',
+        '2': '审批完成'
+      }
+      return statusMap[status] || '未知'
+    },
+
+    // 获取状态类型
+    getStatusType(status) {
+      const typeMap = {
+        '0': 'warning',
+        '1': 'info',
+        '2': 'success'
+      }
+      return typeMap[status] || 'info'
+    }
+  },
+
+  created() {
+    this.getRetireApplyAuditList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-box {
+  margin-bottom: 20px;
+  border-radius: 8px;
+  padding: 0;
+}
+
+.content-box {
+  border-radius: 8px;
+  height: calc(100vh - 260px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  ::v-deep .el-card__body {
+    display: flex !important;
+    flex-direction: column !important;
+    height: 100% !important;
+    padding: 20px;
+  }
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+    margin-bottom: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pagination-wrapper {
+    flex-shrink: 0;
+    padding-top: 6px;
+    margin-top: auto;
+
+    ::v-deep .pagination-container {
+      padding: 0px 20px !important;
+      margin-bottom: 30px;
+    }
+  }
+
+  ::v-deep .el-table {
+    &.el-table--striped .el-table__body {
+      tr.el-table__row--striped td {
+        background-color: #F6FBFA !important;
+      }
+    }
+
+    .el-table__header {
+      background: #E9F0EE;
+
+      th {
+        background: #E9F0EE !important;
+        color: #606266;
+        font-weight: 600;
+        height: 50px;
+      }
+    }
+
+    &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
+      background-color: #CCF1E9 !important;
+    }
+  }
+}
+</style>
+
diff --git a/src/views/EquipmentRetireApply/components/AddItemDialog.vue b/src/views/EquipmentRetireApply/components/AddItemDialog.vue
new file mode 100644
index 00000000..5e0ef602
--- /dev/null
+++ b/src/views/EquipmentRetireApply/components/AddItemDialog.vue
@@ -0,0 +1,200 @@
+<template>
+  <el-dialog
+    title="添加装备/工具"
+    :visible.sync="visible"
+    width="80%"
+    @close="onClose"
+  >
+    <!-- 搜索条件 -->
+    <el-form ref="queryForm" size="small" label-width="auto" :model="queryParams">
+      <el-row :gutter="20">
+        <el-col :span="6">
+          <el-form-item label="名称" prop="name">
+            <el-input v-model="queryParams.name" placeholder="请输入名称" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="分类" prop="type">
+            <el-select v-model="queryParams.type" placeholder="请选择分类" clearable>
+              <el-option label="装备" value="装备" />
+              <el-option label="工具" value="工具" />
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12" style="text-align: right;">
+          <el-button type="primary" size="small" @click="onHandleQuery">查询</el-button>
+          <el-button size="small" @click="onHandleReset">重置</el-button>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <!-- 在修装备/工具列表 -->
+    <el-table
+      ref="itemTable"
+      :data="itemList"
+      style="width: 100%"
+      border
+      stripe
+      size="small"
+      fit
+      @selection-change="onSelectionChange"
+    >
+      <el-table-column type="selection" width="50" />
+      <el-table-column align="center" type="index" label="序号" width="100" />
+      <el-table-column align="center" prop="type" label="分类" min-width="70" />
+      <el-table-column align="center" prop="typeName" label="类目" min-width="80" />
+      <el-table-column align="center" prop="typeModelName" label="规格型号" min-width="100" />
+      <el-table-column align="center" prop="manageMode" label="管理模式" min-width="80" />
+      <el-table-column align="center" prop="devCode" label="设备编码" min-width="100" />
+      <el-table-column align="center" prop="inStockNum" label="在库数量" width="100" />
+      <el-table-column align="center" prop="scrapQuantity" label="申请报废数量" width="150">
+        <template slot-scope="scope">
+          <el-input-number
+            v-model="scope.row.scrapQuantity"
+            :min="1"
+            :max="scope.row.inStockNum"
+            size="small"
+            style="width: 100%"
+          />
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <!-- 分页 -->
+    <div style="text-align: center; margin-top: 15px;">
+      <el-pagination
+        :current-page.sync="queryParams.pageNum"
+        :page-size.sync="queryParams.pageSize"
+        :page-sizes="[10, 20, 50]"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+      />
+    </div>
+
+    <!-- 操作按钮 -->
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="onHandleConfirm">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+import { getScrapItemListAPI } from '@/api/EquipmentRetireApply/index.js'
+
+export default {
+  props: {
+    existingItems: {
+      type: Array,
+      default: () => []
+    }
+  },
+  data() {
+    return {
+      visible: false,
+      queryParams: {
+        name: '',
+        type: '',
+        pageNum: 1,
+        pageSize: 10
+      },
+      itemList: [],
+      total: 0,
+      selectedItems: [],
+      allSelectedItems: [] // 保存所有页面的选中项
+    }
+  },
+  watch: {
+    'queryParams.pageNum'() {
+      this.getItemList()
+    },
+    'queryParams.pageSize'() {
+      this.queryParams.pageNum = 1
+      this.getItemList()
+    }
+  },
+  methods: {
+    open() {
+      this.visible = true
+      this.getItemList()
+    },
+
+    async getItemList() {
+      try {
+        const res = await getScrapItemListAPI(this.queryParams)
+        this.itemList = (res.rows || []).map(item => ({
+          ...item,
+          scrapQuantity: item.scrapQuantity || 1
+        }))
+        this.total = res.total || 0
+      } catch (error) {
+        this.$message.error('获取列表失败')
+      }
+    },
+
+    onHandleQuery() {
+      this.queryParams.pageNum = 1
+      this.getItemList()
+    },
+
+    onHandleReset() {
+      this.queryParams = {
+        name: '',
+        type: '',
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.getItemList()
+    },
+
+    onSelectionChange(selection) {
+      this.selectedItems = selection
+      // 更新所有选中项：移除当前页未选中的，添加当前页新选中的
+      const currentPageKeyIds = this.itemList.map(item => item.keyId)
+      // 保留其他页面的选中项
+      this.allSelectedItems = this.allSelectedItems.filter(item => !currentPageKeyIds.includes(item.keyId))
+      // 添加当前页的选中项
+      this.allSelectedItems.push(...selection)
+    },
+
+    onHandleConfirm() {
+      if (this.allSelectedItems.length === 0) {
+        this.$message.warning('请选择至少一项')
+        return
+      }
+
+      // 检查申请报废数量是否有效
+      const invalidItems = this.allSelectedItems.filter(item => !item.scrapQuantity || item.scrapQuantity < 1)
+      if (invalidItems.length > 0) {
+        const invalidNames = invalidItems.map(item => item.typeModelName).join('、')
+        this.$message.warning(`以下项目的申请报废数量必须大于0：${invalidNames}`)
+        return
+      }
+
+      // 检查是否有重复的keyId
+      const existingKeyIds = this.existingItems.map(item => item.keyId)
+      const duplicates = this.allSelectedItems.filter(item => existingKeyIds.includes(item.keyId))
+
+      if (duplicates.length > 0) {
+        const duplicateNames = duplicates.map(item => item.typeModelName).join('、')
+        this.$message.warning(`以下项目已存在，不能重复添加：${duplicateNames}`)
+        return
+      }
+
+      this.$emit('confirm', this.allSelectedItems)
+      this.visible = false
+      this.selectedItems = []
+      this.allSelectedItems = []
+    },
+
+    onClose() {
+      this.selectedItems = []
+      this.allSelectedItems = []
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>
+
diff --git a/src/views/EquipmentRetireApply/detail.vue b/src/views/EquipmentRetireApply/detail.vue
new file mode 100644
index 00000000..df50b938
--- /dev/null
+++ b/src/views/EquipmentRetireApply/detail.vue
@@ -0,0 +1,367 @@
+<template>
+  <div class="app-container">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>{{ isNew ? '新增退役申请' : '退役申请明细' }}</span>
+      </div>
+
+      <!-- 基本信息 -->
+      <el-form ref="baseForm" :model="baseInfo" label-width="120px" size="small">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请单号">
+              <span v-if="!isNew">{{ baseInfo.code }}</span>
+              <span v-else>新增</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务状态">
+              <el-tag :type="getStatusType()">
+                {{ getStatusLabel() }}
+              </el-tag>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请人">
+              <span>{{ baseInfo.createUser }}</span>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请时间">
+              <span>{{ baseInfo.createTime }}</span>
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+
+      <!-- 装备和工具列表 -->
+      <div class="detail-section">
+        <div class="section-header">
+          <span>申请明细</span>
+          <el-button type="primary" size="small" icon="el-icon-plus" :disabled="!canEdit" @click="onHandleAddItem">
+            添加装备/工具
+          </el-button>
+        </div>
+
+        <el-table :data="detailList" style="width: 100%" border stripe size="small" fit>
+          <el-table-column align="center" type="index" label="序号" width="70" />
+          <el-table-column align="center" prop="type" label="分类" width="90" />
+          <el-table-column align="center" prop="typeName" label="类目" width="180" />
+          <el-table-column align="center" prop="typeModelName" label="规格型号" width="180" />
+          <el-table-column align="center" prop="manageMode" label="管理模式" width="120" />
+          <el-table-column align="center" prop="devCode" label="设备编码" min-width="120" />
+          <el-table-column v-if="isNew" align="center" prop="inStockNum" label="在库数量" width="80" />
+          <el-table-column align="center" prop="scrapQuantity" label="申请报废数量" width="120" />
+          <el-table-column align="center" prop="retireReason" label="退役原因" width="180">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.retireReason"
+                placeholder="请输入退役原因"
+                size="small"
+                maxlength="20"
+                show-word-limit
+                :disabled="!canEdit"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="报废附件" width="140">
+            <template slot-scope="scope">
+              <div style="display: flex;align-items: center;justify-content: center;">
+                <el-upload
+                  ref="upload"
+                  :limit="1"
+                  :headers="upload.headers"
+                  :action="upload.url"
+                  :show-file-list="false"
+                  accept=".png, .jpg, .jpeg, .pdf, .doc, .docx"
+                  :on-success="(res) => handleFileSuccess(res, scope.row)"
+                  :auto-upload="true"
+                  :disabled="!canEdit"
+                >
+                  <el-button type="primary" size="mini" :disabled="!canEdit">上传附件</el-button>
+                </el-upload>
+                <el-button v-if="scope.row.bmFileInfos && scope.row.bmFileInfos.length > 0" type="text" size="mini" @click="picturePreview(scope.row)">
+                  查看
+                </el-button>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column align="center" label="操作" width="100">
+            <template slot-scope="scope">
+              <el-button type="danger" size="mini" :disabled="!canEdit" @click="onHandleDeleteItem(scope.row)">
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <!-- 操作按钮 -->
+      <div class="action-buttons">
+        <el-button type="primary" :disabled="!canEdit" @click="onHandleSubmit">确认申请</el-button>
+        <el-button @click="onHandleCancel">返回</el-button>
+      </div>
+    </el-card>
+
+    <!-- 添加装备/工具弹窗 -->
+    <add-item-dialog
+      ref="addItemDialog"
+      :existing-items="detailList"
+      @confirm="onAddItemConfirm"
+    />
+  </div>
+</template>
+
+<script>
+import { getRetireApplyDetailAPI, submitRetireApplyTaskAPI } from '@/api/EquipmentRetireApply/index.js'
+import AddItemDialog from './components/AddItemDialog'
+import { getToken } from '@/utils/auth'
+
+export default {
+  components: {
+    AddItemDialog
+  },
+  data() {
+    return {
+      isNew: false,
+      baseInfo: {
+        id: '',
+        code: '',
+        reviewStatus: '1',
+        createUser: '',
+        createTime: ''
+      },
+      detailList: [],
+      fileData: {},
+      upload: {
+        headers: { Authorization: 'Bearer ' + getToken() },
+        url: process.env.VUE_APP_BASE_API + '/file/upload'
+      }
+    }
+  },
+  computed: {
+    // 判断是否可以编辑（新增状态或待审批状态下可以编辑）
+    canEdit() {
+      if (this.isNew) {
+        return true
+      }
+      const status = this.getStatusLabel()
+      return status === '待审批'
+    }
+  },
+  methods: {
+    async getDetail() {
+      const id = this.$route.params.id
+      if (id === 'new') {
+        this.isNew = true
+        this.baseInfo.createUser = this.$store.state.user?.nickName || '当前用户'
+        this.baseInfo.createTime = new Date().toLocaleString()
+      } else {
+        // 从query参数中获取任务基本信息
+        const taskInfoStr = this.$route.query.taskInfo
+        if (taskInfoStr) {
+          const taskInfo = JSON.parse(taskInfoStr)
+          this.baseInfo = {
+            id: taskInfo.id,
+            code: taskInfo.code,
+            reviewStatus: taskInfo.reviewStatus,
+            createUser: taskInfo.createUser,
+            createTime: taskInfo.createTime
+          }
+        }
+
+        // 调用API获取明细列表
+        const res = await getRetireApplyDetailAPI(id)
+        const data = res.data || []
+
+        // 所有数据都是明细项
+        this.detailList = data.map(item => ({
+          id: item.id,
+          keyId: item.keyId,
+          type: item.type,
+          typeId: item.typeId,
+          devType: item.devType,
+          groupName: item.groupName,
+          typeName: item.typeName,
+          typeModelName: item.typeModelName,
+          manageMode: item.manageMode,
+          devCode: item.devCode,
+          code: item.code,
+          inStockNum: item.inStockNum,
+          scrapQuantity: item.scrapNum,
+          retireReason: item.reasonVal,
+          bmFileInfos: item.bmFileInfos || [],
+          reviewStatus: item.reviewStatus  // 审批状态
+        }))
+      }
+    },
+
+    onHandleAddItem() {
+      this.$refs.addItemDialog.open()
+    },
+
+    async onAddItemConfirm(items) {
+      // 确保新添加的项有bmFileInfos字段
+      const itemsWithFileInfo = items.map(item => ({
+        ...item,
+        bmFileInfos: item.bmFileInfos || []
+      }))
+      this.detailList.push(...itemsWithFileInfo)
+    },
+
+    onHandleDeleteItem(row) {
+      this.$confirm('确定删除该项吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        const index = this.detailList.indexOf(row)
+        if (index > -1) {
+          this.detailList.splice(index, 1)
+        }
+        this.$message.success('删除成功')
+      }).catch(() => {})
+    },
+
+    async onHandleSubmit() {
+      if (this.detailList.length === 0) {
+        this.$message.warning('请至少添加一项装备或工具')
+        return
+      }
+      try {
+        // 构建提交数据
+        const submitData = {
+          ...this.baseInfo,
+          operationType: this.isNew ? 'add' : 'edit',  // ✅ 区分新增或编辑
+          toBeScrapList: this.detailList.map(item => ({
+            keyId: item.keyId,
+            devCode: item.devCode,
+            type: item.type,
+            typeId: item.typeId,
+            devType: item.devType,
+            scrapNum: item.scrapQuantity,
+            reasonVal: item.retireReason,
+            bmFileInfos: item.bmFileInfos || []
+          }))
+        }
+        await submitRetireApplyTaskAPI(submitData)
+        this.$message.success('申请提交成功')
+        this.$router.push('/equipment/retire-apply/index')
+      } catch (error) {
+        this.$message.error('提交失败')
+      }
+    },
+
+    onHandleCancel() {
+      this.$router.back()
+    },
+
+    getStatusLabel() {
+      // 新增状态下显示待审批
+      if (this.isNew) {
+        return '待审批'
+      }
+
+      // 根据明细列表的审批状态计算任务状态
+      if (this.detailList.length === 0) {
+        return '待审批'
+      }
+
+      // 统计各状态的数量
+      const processedCount = this.detailList.filter(item => item.reviewStatus === '1' || item.reviewStatus === '2').length
+      const totalCount = this.detailList.length
+
+      if (processedCount === 0) {
+        // 一条都没处理
+        return '待审批'
+      } else if (processedCount === totalCount) {
+        // 全部处理完成
+        return '审批完成'
+      } else {
+        // 处理了部分
+        return '审批中'
+      }
+    },
+
+    getStatusType() {
+      // 根据任务状态返回标签类型
+      const label = this.getStatusLabel()
+      const typeMap = {
+        '待审批': 'warning',
+        '审批中': 'info',
+        '审批完成': 'success'
+      }
+      return typeMap[label] || 'info'
+    },
+
+    // 上传前保存行数据
+    beforeFileUpload(row) {
+      this.fileData = row
+    },
+
+    // 文件上传成功处理
+    handleFileSuccess(response, row) {
+      if (response.code === 200) {
+        // 初始化bmFileInfos数组
+        if (!row.bmFileInfos) {
+          row.bmFileInfos = []
+        }
+        // 添加上传的文件信息
+        const fileObj = {
+          name: response.data.name,
+          url: response.data.url
+        }
+        row.bmFileInfos = [fileObj]
+        this.$message.success('文件上传成功')
+      } else {
+        this.$message.error('文件上传失败')
+      }
+    },
+
+    // 图片查看
+    picturePreview(row) {
+      if (row.bmFileInfos && row.bmFileInfos.length > 0) {
+        const file = row.bmFileInfos[0]
+        const parts = file.name.split('.')
+        const extension = parts.pop()
+        if (extension === 'doc' || extension === 'docx' || extension === 'pdf') {
+          window.open(file.url, file.name)
+        } else {
+          this.$message.info('预览图片: ' + file.name)
+        }
+      }
+    }
+  },
+
+  created() {
+    this.getDetail()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.box-card {
+  margin: 20px;
+}
+
+.detail-section {
+  margin: 30px 0;
+
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+    font-weight: 600;
+    font-size: 14px;
+  }
+}
+
+.action-buttons {
+  text-align: center;
+  margin-top: 30px;
+}
+</style>
+
diff --git a/src/views/EquipmentRetireApply/index.vue b/src/views/EquipmentRetireApply/index.vue
new file mode 100644
index 00000000..8a346ab6
--- /dev/null
+++ b/src/views/EquipmentRetireApply/index.vue
@@ -0,0 +1,261 @@
+<template>
+  <div class="app-container">
+    <el-row>
+      <el-form ref="queryForm" size="small" label-width="auto" :model="queryParams">
+        <el-card class="search-box">
+          <el-row :gutter="20" style="display: flex; justify-content: space-between">
+            <el-col :span="5">
+              <el-form-item label="任务状态" prop="reviewStatus">
+                <el-select
+                  v-model="queryParams.reviewStatus"
+                  placeholder="请选择状态"
+                  clearable
+                  style="width: 100%"
+                >
+                  <el-option label="待审批" value="0" />
+                  <el-option label="审批中" value="1" />
+                  <el-option label="审批完成" value="2" />
+                </el-select>
+              </el-form-item>
+            </el-col>
+            <el-col :span="5">
+              <el-form-item label="申请日期范围" prop="dateRange">
+                <el-date-picker
+                  v-model="queryParams.dateRange"
+                  type="daterange"
+                  range-separator="至"
+                  start-placeholder="开始日期"
+                  end-placeholder="结束日期"
+                  style="width: 100%"
+                />
+              </el-form-item>
+            </el-col>
+            <el-col :span="14" style="text-align: right;">
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="onHandleQuery">
+                查询
+              </el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="onHandleReset">重置</el-button>
+              <el-button type="primary" icon="el-icon-plus" size="mini" @click="onHandleAdd">新增</el-button>
+            </el-col>
+          </el-row>
+        </el-card>
+      </el-form>
+
+      <el-card class="content-box">
+        <div class="table-container">
+          <el-table :data="tableData" style="width: 100%" border stripe height="100%" fit>
+            <el-table-column align="center" show-overflow-tooltip type="index" label="序号" width="50" />
+            <el-table-column align="center" show-overflow-tooltip prop="code" label="退役单号" />
+            <el-table-column align="center" show-overflow-tooltip prop="equipmentNum" label="退役装备数" />
+            <el-table-column align="center" show-overflow-tooltip prop="toolNum" label="退役工具数" />
+            <el-table-column align="center" show-overflow-tooltip prop="reviewStatus" label="任务状态">
+              <template slot-scope="scope">
+                <el-tag :type="getStatusType(scope.row.reviewStatus)">
+                  {{ getStatusLabel(scope.row.reviewStatus) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column align="center" show-overflow-tooltip prop="createUser" label="申请人" />
+            <el-table-column align="center" show-overflow-tooltip prop="createTime" label="申请时间" />
+            <el-table-column align="center" show-overflow-tooltip label="操作" width="250">
+              <template slot-scope="scope">
+                <el-button type="primary" size="mini" @click="onHandleView(scope.row)">查看</el-button>
+                <el-button v-if="scope.row.reviewStatus === '0'" type="primary" size="mini" @click="onHandleEdit(scope.row)">编辑</el-button>
+                <el-button v-if="scope.row.reviewStatus === '0'" type="danger" size="mini" @click="onHandleDelete(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+        <div class="pagination-wrapper">
+          <pagination
+            :total="total"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getRetireApplyList"
+          />
+        </div>
+      </el-card>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { getRetireApplyListAPI, deleteRetireApplyTaskAPI } from '@/api/EquipmentRetireApply/index.js'
+import pagination from '@/components/Pagination'
+
+export default {
+  components: {
+    pagination
+  },
+  data() {
+    return {
+      queryParams: {
+        reviewStatus: undefined,
+        dateRange: undefined,
+        pageNum: 1,
+        pageSize: 10
+      },
+      tableData: [],
+      total: 0
+    }
+  },
+  methods: {
+    // 获取退役申请列表
+    async getRetireApplyList() {
+      const params = {
+        ...this.queryParams,
+        startDate: this.queryParams.dateRange ? this.queryParams.dateRange[0] : undefined,
+        endDate: this.queryParams.dateRange ? this.queryParams.dateRange[1] : undefined,
+        dateRange: undefined
+      }
+      const res = await getRetireApplyListAPI(params)
+      this.tableData = res.rows || []
+      this.total = res.total || 0
+    },
+
+    // 查询
+    onHandleQuery() {
+      this.queryParams.pageNum = 1
+      this.getRetireApplyList()
+    },
+
+    // 重置
+    onHandleReset() {
+      this.queryParams = {
+        reviewStatus: undefined,
+        dateRange: undefined,
+        pageNum: 1,
+        pageSize: 10
+      }
+      this.getRetireApplyList()
+    },
+
+    // 新增
+    onHandleAdd() {
+      this.$router.push('/equipment/retire-apply/detail/new')
+    },
+
+    // 查看/编辑
+    onHandleView(row) {
+      this.$router.push({
+        name: 'RetireApplyDetail',
+        params: { id: row.id },
+        query: { taskInfo: JSON.stringify(row) }
+      })
+    },
+
+    // 编辑
+    onHandleEdit(row) {
+      this.$router.push({
+        name: 'RetireApplyDetail',
+        params: { id: row.id },
+        query: { taskInfo: JSON.stringify(row) }
+      })
+    },
+
+    // 删除
+    async onHandleDelete(row) {
+      this.$confirm('确定删除该退役申请吗?', '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(async () => {
+        await deleteRetireApplyTaskAPI(row.id)
+        this.$message.success('删除成功')
+        this.getRetireApplyList()
+      }).catch(() => {})
+    },
+
+    // 获取状态标签
+    getStatusLabel(status) {
+      const statusMap = {
+        '0': '待审批',
+        '1': '审批中',
+        '2': '审批完成'
+      }
+      return statusMap[status] || '未知'
+    },
+
+    // 获取状态类型
+    getStatusType(status) {
+      const typeMap = {
+        '0': 'warning',
+        '1': 'info',
+        '2': 'success'
+      }
+      return typeMap[status] || 'info'
+    }
+  },
+
+  created() {
+    this.getRetireApplyList()
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.search-box {
+  margin-bottom: 20px;
+  border-radius: 8px;
+  padding: 0;
+}
+
+.content-box {
+  border-radius: 8px;
+  height: calc(100vh - 260px);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  ::v-deep .el-card__body {
+    display: flex !important;
+    flex-direction: column !important;
+    height: 100% !important;
+    padding: 20px;
+  }
+
+  .table-container {
+    flex: 1;
+    overflow: hidden;
+    margin-bottom: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .pagination-wrapper {
+    flex-shrink: 0;
+    padding-top: 6px;
+    margin-top: auto;
+
+    ::v-deep .pagination-container {
+      padding: 0px 20px !important;
+      margin-bottom: 30px;
+    }
+  }
+
+  ::v-deep .el-table {
+    &.el-table--striped .el-table__body {
+      tr.el-table__row--striped td {
+        background-color: #F6FBFA !important;
+      }
+    }
+
+    .el-table__header {
+      background: #E9F0EE;
+
+      th {
+        background: #E9F0EE !important;
+        color: #606266;
+        font-weight: 600;
+        height: 50px;
+      }
+    }
+
+    &.el-table--striped .el-table__body tr.el-table__row:hover>td.el-table__cell {
+      background-color: #CCF1E9 !important;
+    }
+  }
+}
+</style>
+