From a4bbeef334e1f20de4b070c4a16cafc7555ea08a Mon Sep 17 00:00:00 2001
From: hayu <1604366271@qq.com>
Date: Thu, 29 May 2025 19:35:38 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=99=A8=E5=85=B7=E9=80=80=E6=96=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                              |  51 +-
 src/pages/toolsBack/toolsAddBack.vue        | 428 ++++++++++++++++
 src/pages/toolsBack/toolsBack.vue           | 269 ++++++++++
 src/pages/toolsBack/toolsBackCode.vue       | 521 ++++++++++++++++++++
 src/pages/toolsBack/toolsBackCodeDetail.vue | 426 ++++++++++++++++
 src/pages/toolsBack/toolsBackDetail.vue     | 384 +++++++++++++++
 src/pages/toolsBack/toolsBackNum.vue        | 495 +++++++++++++++++++
 src/pages/toolsBack/toolsBackNumDetail.vue  | 242 +++++++++
 src/pages/toolsBack/toolsDetail.vue         | 415 ++++++++++++++++
 src/services/back.js                        |  36 ++
 src/utils/http.js                           |   5 +
 11 files changed, 3271 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/toolsBack/toolsAddBack.vue
 create mode 100644 src/pages/toolsBack/toolsBack.vue
 create mode 100644 src/pages/toolsBack/toolsBackCode.vue
 create mode 100644 src/pages/toolsBack/toolsBackCodeDetail.vue
 create mode 100644 src/pages/toolsBack/toolsBackDetail.vue
 create mode 100644 src/pages/toolsBack/toolsBackNum.vue
 create mode 100644 src/pages/toolsBack/toolsBackNumDetail.vue
 create mode 100644 src/pages/toolsBack/toolsDetail.vue

diff --git a/src/pages.json b/src/pages.json
index 27cb009..74fbef1 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -51,8 +51,57 @@
             }
         },
         // 工器具领料-出库
+        // {
+        //     "path": "pages/toolsLease/toolsLeaseOut",
+        //     "style": {
+        //         "navigationStyle": "custom"
+        //     }
+        // },
+        // 工器具退料
         {
-            "path": "pages/toolsLease/toolsLeaseOut",
+            "path": "pages/toolsBack/toolsBack",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料--新增
+        {
+            "path": "pages/toolsBack/toolsAddBack",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料--详情
+        {
+            "path": "pages/toolsBack/toolsDetail",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料--编码详情
+        {
+            "path": "pages/toolsBack/toolsBackCodeDetail",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料--数量详情
+        {
+            "path": "pages/toolsBack/toolsBackNumDetail",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料
+        {
+            "path": "pages/toolsBack/toolsBackCode",
+            "style": {
+                "navigationStyle": "custom"
+            }
+        },
+        //工器具退料
+        {
+            "path": "pages/toolsBack/toolsBackNum",
             "style": {
                 "navigationStyle": "custom"
             }
diff --git a/src/pages/toolsBack/toolsAddBack.vue b/src/pages/toolsBack/toolsAddBack.vue
new file mode 100644
index 0000000..b3b318a
--- /dev/null
+++ b/src/pages/toolsBack/toolsAddBack.vue
@@ -0,0 +1,428 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+        right-icon="scan"
+        @clickRight="rightClick"
+    />
+    <div class="content">
+        <uni-section title="任务信息" type="line"></uni-section>
+        <uni-forms ref="form" :rules="rules" :model="formData" label-width="80px">
+            <uni-forms-item label="退料班组" required name="teamId">
+                <uni-data-select
+                    v-model="formData.teamId"
+                    :localdata="teamRange"
+                    filterable
+                    :disabled="opts.isEdit"
+                    @change="changeTeamd"
+                ></uni-data-select>
+            </uni-forms-item>
+            <uni-forms-item label="工程名称" required name="projectId">
+                <eselect
+                    style="width: 100%; height: 90rpx"
+                    v-model="formData.projectId"
+                    ref="treeSelect"
+                    :options="prodRange"
+                    :disabled="opts.isEdit"
+                    @change="changeProd"
+                    @clear="
+            () => {
+              formData.projectId = ''
+            }
+          "
+                ></eselect>
+            </uni-forms-item>
+            <uni-forms-item label="退料人员" required name="backPerson">
+                <uni-easyinput v-model="formData.backPerson" placeholder="请输入内容"></uni-easyinput>
+            </uni-forms-item>
+            <uni-forms-item label="联系电话" required name="phone">
+                <uni-easyinput
+                    v-model="formData.phone"
+                    placeholder="请输入内容"
+                    maxlength="11"
+                    @blur="checkPhone"
+                ></uni-easyinput>
+            </uni-forms-item>
+            <uni-section title="工器具退料" type="line"></uni-section>
+            <eselect
+                v-model="equipmentId"
+                style="width: 100%; height: 90rpx; margin: 10px 0"
+                ref="treeSelect"
+                :options="equipmentList"
+                @change="changeEquipment"
+            ></eselect>
+        </uni-forms>
+
+        <uni-table ref="table" border stripe emptyText="暂无更多数据">
+            <uni-tr>
+                <uni-th width="60" align="center">序号</uni-th>
+                <uni-th width="140" align="center">类型名称</uni-th>
+                <uni-th width="140" align="center">规格型号</uni-th>
+                <uni-th width="80" align="center">在用数</uni-th>
+                <uni-th width="120" align="center">退料数</uni-th>
+                <uni-th width="120" align="center">损坏价值判定</uni-th>
+                <uni-th width="90" align="center">操作</uni-th>
+            </uni-tr>
+            <uni-tr v-for="(item, index) in tableData" :key="index">
+                <uni-td align="center">{{ index + 1 }}</uni-td>
+                <uni-td align="center">{{ item.maTypeName }}</uni-td>
+                <uni-td align="center">
+                    <view class="name">{{ item.typeName }}</view>
+                </uni-td>
+                <uni-td align="center">{{ item.num }}</uni-td>
+                <uni-td align="center"
+                ><uni-easyinput
+                    v-model="item.preNum"
+                    placeholder="请输入内容"
+                    type="number"
+                    @blur="checkPerNum(item)"
+                ></uni-easyinput
+                ></uni-td>
+                <uni-td align="center"
+                ><uni-easyinput
+                    v-model="item.apDetection"
+                    placeholder="请输入内容"
+                ></uni-easyinput
+                ></uni-td>
+                <uni-td align="center">
+                    <view>
+                        <button
+                            class="uni-button"
+                            size="mini"
+                            type="warn"
+                            @click="
+                () => {
+                  tableData.splice(index, 1)
+                }
+              "
+                        >
+                            删除
+                        </button>
+                    </view>
+                </uni-td>
+            </uni-tr>
+        </uni-table>
+
+        <button style="width: 100%; margin: 50px 0" size="mini" type="primary" @click="submit">
+            确定
+        </button>
+    </div>
+</template>
+
+<script setup>
+import { onLoad } from '@dcloudio/uni-app'
+import { ref, reactive } from 'vue'
+import eselect from '@/components/tree-select/eselect.vue'
+import {
+    getBmTeamList,
+    getProjectList,
+    getTypeTreeList,
+    backTask,
+    editLeaseTask,
+    getAgreementInfoById,
+    detailsLeaseTask
+} from '@/services/back.js'
+import { getUseTypeTree } from '../../services/back'
+
+const title = ref('工器具退料申请')
+const opts = ref({})
+const form = ref()
+const formData = reactive({
+    teamId: undefined,
+    projectId: '',
+    backPerson: '',
+    phone: '',
+    agreementId: undefined,
+    remark: undefined
+})
+const agreementId = ref('')
+const equipmentId = ref()
+const teamRange = ref([]) // 班组
+const prodRange = ref([]) // 工程
+const equipmentList = ref([]) // 工器具
+const rules = {
+    teamId: {
+        rules: [{ required: true, errorMessage: '请选择班组' }],
+    },
+    projectId: {
+        rules: [{ required: true, errorMessage: '请选择工程' }],
+    },
+    backPerson: {
+        rules: [{ required: true, errorMessage: '请填写退料人' }],
+    },
+    phone: {
+        rules: [{ required: true, errorMessage: '请填写联系电话' }],
+    },
+}
+const tableData = ref([])
+
+// 编辑获取详情
+const getDetailsById = async () => {
+    try {
+        const res = await detailsLeaseTask(opts.value.id)
+        console.log('🚀 ~ getDetailsById ~ res:', res)
+        tableData.value = res.data.leaseApplyDetailsList
+        Object.assign(formData, res.data.leaseApplyInfo)
+    } catch (error) {
+        console.log('🚀 ~ getDetailsById ~ error:', error)
+
+    }
+}
+// 获取班组
+const getTeamList = async () => {
+    try {
+        const res = await getBmTeamList({ isAll: 0 })
+        // teamRange.value = res.data
+        if (res.data.length > 0) {
+            teamRange.value = res.data.map((item) => {
+                return {
+                    ...item,
+                    value: item.id,
+                    text: item.teamName,
+                }
+            })
+        }
+    } catch (error) {
+        console.log('🚀 ~ getTeamList ~ error:', error)
+    }
+}
+// 获取工程
+const getProjectListApi = async () => {
+    try {
+        const res = await getProjectList()
+        prodRange.value = res.data
+    } catch (error) {
+        console.log('🚀 ~ getProjectListApi ~ error:', error)
+    }
+}
+//协议
+const getAgreement = () => {
+    console.log(formData.teamId,formData.projectId)
+    let obj = {
+        teamId: formData.teamId,
+        projectId: formData.projectId,
+    }
+    getAgreementInfoById(obj)
+        .then((res) => {
+            console.log(res)
+            if (res.code == 200) {
+                agreementId.value = res.data.agreementId
+                formData.agreementId = res.data.agreementId
+                getEquipmentList()
+            } else {
+                agreementId.value = ''
+                formData.agreementId=''
+            }
+        })
+        .catch((error) => {
+            formData.agreementId=''
+            console.log(error)
+        })
+}
+// 获取工具器
+const getEquipmentList = async () => {
+    try {
+        let obj = {
+            agreementId: agreementId.value,
+        }
+        const res = await getUseTypeTree(obj)
+        // machineList.value = res.data
+        if (res.data.length > 0) {
+            equipmentList.value = formatEquipmentTree(res.data)
+            console.log('🚀 ~ getEquipmentList ~ machineList.value:', equipmentList.value)
+        }
+    } catch (error) {
+        console.log('🚀 ~ getMachineListApi ~ error:', error)
+    }
+}
+function formatEquipmentTree(list) {
+    return list.map((item) => {
+        const newItem = {
+            ...item,
+            id: item.typeId,
+            name: item.typeName,
+        }
+        if (item.children && item.children.length > 0) {
+            newItem.children = formatEquipmentTree(item.children)
+        }
+        return newItem
+    })
+}
+// 校验电话
+const checkPhone = (rule, value, callback) => {
+    if (!formData.phone) {
+        uni.showToast({
+            icon: 'none',
+            title: '请输入电话号码',
+        })
+        return false
+    }
+    if (!/^1[3-9][0-9]{9}$/.test(formData.phone)) {
+        uni.showToast({
+            icon: 'none',
+            title: '请输入正确的电话号码',
+        })
+        // 清空
+        formData.phone = ''
+        return false
+    }
+    return true
+}
+
+// 检查数量
+const checkPerNum = (item) => {
+    // 大于1的正整数 正则校验
+    if (!/^[1-9]\d*$/.test(item.preNum)) {
+        uni.showToast({
+            icon: 'none',
+            title: '请输入正确的数量',
+        })
+        // 重置为1
+        item.preNum = 1
+        return false
+    }
+}
+// 选择班组
+const changeTeamd = (e) => {
+    console.log('🚀 ~ changeTeamd ~ e:', e)
+    formData.teamId = e
+    if (formData.teamId && formData.teamId.length > 0) {
+        getAgreement()
+    }
+}
+// 选择工程
+const changeProd = (e) => {
+    console.log('🚀 ~ changeProd ~ e:', e)
+    formData.projectId = e.id
+    if (formData.projectId && formData.projectId.length > 0) {
+        getAgreement()
+    }
+}
+// 选择工器具
+const changeEquipment = (e) => {
+    console.log('🚀 ~ changeEquipment ~ e:', e)
+    // 从 equipmentList.value 中获取点击id的上一级的 typeName
+    const equipment = findEquipmentById(equipmentList.value, e.parentId)
+    tableData.value.push({
+        ...JSON.parse(JSON.stringify(e)),
+        maTypeName: equipment.typeName,
+        preNum: 1,
+    })
+    setTimeout(() => {
+        equipmentId.value = ''
+    }, 300)
+}
+// 递归查找指定 id 的节点
+function findEquipmentById(list, id) {
+    for (const item of list) {
+        if (item.id === id) {
+            return item
+        }
+        if (item.children && item.children.length > 0) {
+            const found = findEquipmentById(item.children, id)
+            if (found) return found
+        }
+    }
+    return null
+}
+
+const submit = () => {
+    console.log('🚀 ~ submit ~ submit:', formData)
+    // 校验表单
+    form.value
+        .validate()
+        .then(async (valid) => {
+            console.log('🚀 ~ form.value.validate.then ~ valid:', valid)
+            if (tableData.value.length === 0) {
+                await uni.showToast({
+                    title: '请添加退料数据',
+                    icon: 'none',
+                    duration: 1000,
+                })
+                return
+            }
+            // tableData.value 循环 preNum 不能小于 0, 小于0的提示到具体行
+            for (let i = 0; i < tableData.value.length; i++) {
+                console.log('🚀 ~ .then ~ tableData.value[i].preNum:', tableData.value[i].preNum)
+                if (tableData.value[i].preNum < 1) {
+                    await uni.showToast({
+                        title: `第${i + 1}行退料数量不能为0`,
+                        icon: 'none',
+                        duration: 1000,
+                    })
+                    return
+                } else if (tableData.value[i].preNum > tableData.value[i].num) {
+                    await uni.showToast({
+                        title: `第${i + 1}行退料数量不能大于在用数量`,
+                        icon: 'none',
+                        duration: 1000,
+                    })
+                    return
+                }
+            }
+
+            const params = {
+                backApplyDetailsList: tableData.value,
+                backApplyInfo: formData,
+            }
+            console.log('🚀 ~ .then ~ params:', params)
+            try {
+                if (!opts.value.isEdit) {
+                    const res = await backTask(params)
+                    console.log('🚀 ~ .then ~ res:', res)
+                    back()
+                } else {
+                    const res = await editLeaseTask(params)
+                    back()
+                }
+            } catch (error) {
+                console.log('🚀 ~ .then ~ error:', error)
+
+            }
+        })
+        .catch((err) => {
+            console.log('🚀 ~ form.value.validate.catch ~ err:', err)
+        })
+}
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+
+const rightClick = () => {
+    console.log(2)
+    uni.navigateTo({ url: `/pages/back/backCodeAdd` })
+}
+
+onLoad((opt) => {
+    console.log('onLoad', opt)
+    opts.value = opt.params ? JSON.parse(opt.params) : {}
+    title.value = opts.value.isEdit ? '编辑工器具退料' : '新增工器具退料'
+    getTeamList()
+    getProjectListApi()
+    // getEquipmentList()
+    if (opts.value.isEdit) {
+        getDetailsById()
+    }
+})
+</script>
+
+<style lang="scss" scoped>
+.content {
+    padding: 10px;
+    background-color: #fafafa;
+}
+.col {
+    display: flex;
+    align-items: center;
+    margin-bottom: 15px;
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBack.vue b/src/pages/toolsBack/toolsBack.vue
new file mode 100644
index 0000000..31e44cf
--- /dev/null
+++ b/src/pages/toolsBack/toolsBack.vue
@@ -0,0 +1,269 @@
+<template>
+  <uni-nav-bar
+    dark
+    :fixed="true"
+    shadow
+    background-color="#4AA4EA"
+    status-bar
+    left-icon="left"
+    left-text="返回"
+    title="退料任务"
+    right-text="新增"
+    @clickLeft="back"
+    @clickRight="add"
+  />
+  <div class="content">
+    <div class="query">
+      <uni-datetime-picker
+        v-model="queryParams.range"
+        type="daterange"
+        start-placeholder="开始"
+        end-placeholder="结束"
+      />
+      <uni-easyinput
+        errorMessage
+        v-model="queryParams.keyWord"
+        focus
+        placeholder="请输入内容"
+        style="margin: 0 5px"
+      />
+      <button size="mini" style="background-color: #f0a037; color: #fff" @click="handleQuery">
+        查询
+      </button>
+    </div>
+
+    <div style="width: 60%; margin: 10px auto">
+      <uni-segmented-control
+        :values="items"
+        :current="current"
+        @clickItem="onClickItem"
+        styleType="button"
+        activeColor="#007aff"
+      />
+    </div>
+
+    <!-- 滚动列表 -->
+    <scroll-view scroll-y @scrolltolower="onScrollTolower" class="scroll-container">
+      <uni-swipe-action class="swipe-action">
+        <uni-swipe-action-item
+          :right-options="current == 0 ? options : []"
+          v-for="(item, index) in tableList"
+          :key="index"
+          @click="(e) => onClickSwipe(e, item)"
+        >
+            <div class="list" @click="handleItem(item)">
+            <div style="margin-right: 8px">{{ index + 1 }}.</div>
+            <div class="item">
+              <div>申请时间: {{ item.createTime }}</div>
+              <div>退料单号: {{ item.code }}</div>
+              <div>退料物资: {{ item.typeName }}</div>
+              <div>退料班组: {{ item.teamName }}</div>
+                <div>工程名称: {{ item.proName }}</div>
+                <div>退料人: {{ item.backPerson }}</div>
+                <div>联系电话: {{ item.phone }}</div>
+                <div>已退数量: {{ item.alNum || 0 }}</div>
+                <div>备注: {{ item.remark }}</div>
+              <div>
+                状态:
+                  <uni-tag v-if="item.taskStatus == 0" text="未完成" type="warning" custom-style="warningStyle"/>
+                  <uni-tag v-if="item.taskStatus == 1" text="已驳回" type="warning" custom-style="warningStyle"/>
+                  <uni-tag v-if="item.taskStatus == 2" text="已完成" type="success" custom-style="successStyle"/>
+              </div>
+            </div>
+          </div>
+        </uni-swipe-action-item>
+      </uni-swipe-action>
+      <div style="display: flex; justify-content: center; align-items: center; height: 50px">
+        {{ finish ? '没有更多数据了~' : '正在加载...' }}
+      </div>
+    </scroll-view>
+  </div>
+</template>
+
+<script setup>
+import { onLoad } from '@dcloudio/uni-app'
+import { ref, reactive, computed } from 'vue'
+import { getBackListAPI, deleteLeaseApplyApi } from '@/services/picking/outbound.js'
+import { backSubmit, deleteBackApi } from '../../services/back'
+
+const queryParams = reactive({
+  pageNum: 1,
+  pageSize: 10,
+  range: [],
+  keyWord: '',
+    appTaskStatus: 0,
+})
+const items = ref(['未完成', '已完成'])
+const current = ref(0)
+const tableList = ref([])
+const total = ref(0)
+const options = ref([
+  {
+    text: '提交',
+    style: {
+      backgroundColor: '#2f8cf0',
+    },
+  },
+  {
+    text: '删除',
+    style: {
+      backgroundColor: '#ff4949',
+    },
+  },
+])
+const finish = computed(() => {
+  if (total.value === tableList.value.length) return true
+})
+const back = () => {
+  uni.navigateBack({
+    delta: 1,
+  })
+}
+const add = () => {
+    uni.navigateTo({ url: `/pages/toolsBack/toolsAddBack` })
+}
+
+const handleQuery = () => {
+  console.log('🚀 ~ handleQuery ~ handleQuery:', queryParams)
+  getList()
+}
+
+const getList = async () => {
+  const params = {
+    pageNum: queryParams.pageNum,
+    pageSize: queryParams.pageSize,
+    startTime: queryParams.range && queryParams.range[0],
+    endTime: queryParams.range && queryParams.range[1],
+    keyWord: queryParams.keyWord,
+      appTaskStatus: queryParams.appTaskStatus,
+  }
+  console.log('🚀 ~ getList ~ params:', params)
+  try {
+    const res = await getBackListAPI(params)
+    console.log('🚀 ~ getList ~ res:', res)
+    if (res.code == 200) {
+      tableList.value = res.data.rows
+      console.log('🚀 ~ getList ~ tableList.value:', tableList.value)
+      total.value = res.data.total
+    }
+  } catch (error) {
+    console.log('🚀 ~ getList ~ error:', error)
+    tableList.value = []
+    total.value = 0
+  }
+}
+
+// 点击列表项
+const onClickItem = (item) => {
+  current.value = item.currentIndex
+  queryParams.appTaskStatus = item.currentIndex === 0 ? 0 : 1
+  getList()
+}
+
+//点击详情
+const handleItem = (item) => {
+    console.log('🚀 ~ handleItem ~ item:', item)
+    uni.navigateTo({ url: `/pages/toolsBack/toolsDetail?id=${item.id}&taskId=${item.taskId}` })
+}
+
+// 滚动事件
+const onScrollTolower = () => {
+  console.log('🚀 ~ onScrollTolower ~ onScrollTolower:')
+  if (total.value > tableList.value.length) {
+    queryParams.pageSize += 10
+    getList()
+  }
+}
+
+// 滑动
+const onClickSwipe = async (e, item) => {
+    console.log('🚀 ~ onClickSwipe ~ e:', e, item)
+    try {
+    if (e.index == 0) {
+        // 提交
+        const params = JSON.stringify({
+            id: item.id,
+            taskId: item.taskId
+        })
+        const res = await backSubmit(params)
+        console.log('🚀 ~ 提交结果 ~ res:', res)
+
+        if (res.code === 200) {
+            uni.showToast({
+                title: res.msg || '操作成功',
+                icon: 'success'
+            })
+            // 确保刷新列表
+            await getList()
+        } else {
+            uni.showToast({
+                title: res.msg || '操作失败',
+                icon: 'error'
+            })
+        }
+    } else {
+        // 删除
+        await deleteItem(item)
+    }
+} catch (error) {
+    console.error('操作失败:', error)
+    uni.showToast({
+        title: error.message || '操作失败',
+        icon: 'error'
+    })
+}
+}
+
+// 删除
+const deleteItem = (item) => {
+  console.log('🚀 ~ deleteItem ~ item:', item)
+  uni.showModal({
+    title: '提示',
+    content: '确定删除吗？',
+    success: (res) => {
+      if (res.confirm) {
+          const params = JSON.stringify({
+              id: item.id
+          })
+          deleteBackApi(params)
+          .then((res) => {
+            console.log('🚀 ~ .then ~ res:', res)
+            if (res.code == 200) {
+              getList()
+            }
+          })
+          .catch((err) => {
+            console.log('🚀 ~ deleteItem ~ err:', err)
+          })
+      }
+    },
+  })
+}
+
+onLoad((options) => {
+  console.log('🚀 ~ onLoad ~ options:', options)
+  getList()
+})
+</script>
+
+<style lang="scss" scoped>
+.content {
+  padding: 10px;
+  height: calc(100vh - 147px);
+  .query {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: #f0a037;
+  }
+
+  .list {
+    min-height: 120px;
+    margin-bottom: 10px;
+    background: #fafafa;
+    border-radius: 6px;
+    padding: 8px;
+    display: flex;
+  }
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBackCode.vue b/src/pages/toolsBack/toolsBackCode.vue
new file mode 100644
index 0000000..031e2e7
--- /dev/null
+++ b/src/pages/toolsBack/toolsBackCode.vue
@@ -0,0 +1,521 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+    />
+    <view class="accept page-common">
+        <div class="card">
+            <div>任务信息</div>
+            <uni-forms :model="taskInfo" label-width="170rpx" :border="true">
+                <uni-forms-item label="退料班组：" name="teamName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.teamName }}</span>
+                </uni-forms-item>
+               <uni-forms-item label="退料工程：" name="proName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.proName }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="退料单号：" name="code">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.code }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="退料人员：" name="backPerson">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.backPerson }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="联系电话：" name="phone">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.phone }}</span>
+                </uni-forms-item>
+            </uni-forms>
+        </div>
+        <div class="card" style="margin-top: 10px;">
+            <uni-row :gutter="24">
+                <uni-col :span="6">接收方式：</uni-col>
+                <uni-col :span="6">
+                    <view class="coding-btn" @click="onCodeIdentify">编码识别</view>
+                </uni-col>
+                <uni-col :span="6">
+                    <view class="coding-btn" @click="scanStart">二维码识别</view>
+                </uni-col>
+            </uni-row>
+        </div> 
+
+        <div class="card" style="margin-top: 10px;"> 
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">设备编码：</uni-col>
+                <uni-col :span="12">
+                    <uni-easyinput placeholder="请输入内容" maxlength="30" v-model="maCode"/>
+                </uni-col>
+                <uni-col :span="6">
+                    <view class="coding-btn search-btn"
+                        @click="getMaInfo"
+                        >编码检索</view>
+                </uni-col>
+            </uni-row>
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">物资类型：</uni-col>
+                <uni-col :span="16">
+                    {{ typeName }}
+                </uni-col>
+            </uni-row>
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">规格型号：</uni-col>
+                <uni-col :span="16">
+                    {{ materialName }}
+                </uni-col>
+            </uni-row>
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">设备状态：</uni-col>
+                <uni-col :span="16">
+                    {{ maStatusName }}
+                </uni-col>
+            </uni-row>
+            
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">外观判定：</uni-col>
+                <uni-col :span="16">
+                    <!-- <uni-easyinput placeholder="请输入内容" v-model="apDetection"/> -->
+                    <radio-group  @change="changeRadio">
+                        <radio value="完好" checked style="margin-right: 5px;">完好</radio>
+                        <radio value="损坏">损坏</radio>
+                    </radio-group>
+                </uni-col>
+            </uni-row> 
+            <uni-row :gutter="24" style="display: flex; align-items: center;margin-bottom: 10px;">
+                <uni-col :span="6">附件：</uni-col>
+                <uni-col :span="16">
+                    <div class="upload" @click="uploadImg" v-if="imgBeseUrl==''">+</div>
+                    <div class="upload" @click="uploadImg" v-else>
+						<image :src="imgBeseUrl" style="width: 160rpx;height: 160rpx;" mode=""></image>
+					</div>
+                </uni-col>
+            </uni-row>
+        </div>
+
+        <div class="btn">
+            <!-- <button class="btn-cont" @click="reject">取消</button> -->
+            <button class="btn-cont" @click="submitCode">确认</button>
+        </div>
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'  
+import { getMachine,insertApp } from '../../services/back.js';
+import { baseURL } from '@/utils/http'
+const title = ref('退料接收')
+const taskInfo = ref({})    
+const maId = ref("")  //编码
+const maCode = ref("")  //编码
+const typeName = ref("")//物资类型
+const materialName = ref("")  //规格型号
+const typeId = ref("")  //类型id
+const maStatusName = ref("")  //状态
+const apDetection = ref("完好")  //外观判定
+const imgBeseUrl = ref("")  //图片展示
+const bmFileInfos = ref([])//图片数组
+
+const changeRadio = (e) => {
+    console.log(e.detail.value)
+    apDetection.value = e.detail.value
+}
+
+//根据编码获取设备类型
+const getMaInfo = () => {
+    console.log(maCode.value)
+    let param={
+        "maCode":maCode.value,
+        "unitId":taskInfo.value.unitId,
+        "proId":taskInfo.value.proId
+    }
+    getMachine(param).then(res => {
+		console.log(res)
+        if(res.code==200){
+            if(res.data&&res.data.length>0){
+                typeName.value = res.data[0].typeName;
+                materialName.value = res.data[0].materialName;
+                maStatusName.value = res.data[0].maStatusName;
+                maId.value = res.data[0].maId;
+                typeId.value = res.data[0].typeId;
+            }else{
+                uni.showToast({ title: '该编码非该班组工程领用，不可退料！', icon: 'none' })
+            }
+        }
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+const qrCode = ref("")  //图片展示 
+// 二维码扫码
+const scanStart = async () => {
+    qrCode.value="" 
+	var mpaasScanModule = uni.requireNativePlugin("Mpaas-Scan-Module")
+	mpaasScanModule.mpaasScan({
+		// 扫码识别类型，参数可多选，qrCode、barCode，不设置，默认识别所有
+		'scanType':  ['qrCode','barCode'],
+		// 是否隐藏相册，默认false不隐藏
+		'hideAlbum': false,
+		//ios需要设置这个参数，只支持中英文 zh-Hans、en，默认中文                       
+		'language' : 'en',
+		//相册选择照片识别错误提示(ios)
+		'failedMsg': '未识别到二维码，请重试',
+		//Android支持全屏需要设置此参数
+		'screenType': 'full'              
+	},(ret) => {
+		console.log(ret)
+		if(ret.resp_code==10){
+			uni.showToast({ title: '用户取消', icon: 'none' })
+		}
+		if(ret.resp_code==11){
+			uni.showToast({ title: '扫码失败', icon: 'none' })
+		}
+		if(ret.resp_code==1000){
+			qrCode.value = ret.resp_result;
+			console.log(qrCode.value)
+			let param={
+			    "qrCode":qrCode.value,
+			    "unitId":taskInfo.value.unitId,
+			    "proId":taskInfo.value.proId
+			}
+			getMachine(param).then(res => {
+				console.log(res)
+				console.log(res.data[0])
+				maCode.value = res.data[0].maCode
+				typeName.value = res.data[0].typeName;
+				materialName.value = res.data[0].typeModelName;
+				maStatusName.value = res.data[0].maStatusName;
+				maId.value = res.data[0].maId;
+				typeId.value = res.data[0].typeId;
+			}).catch(error => {
+				console.log(error) 
+			})  
+		}
+	})
+}
+// // 扫码识别按钮
+// const scanStart = () => {
+//     console.log('编码识别--')
+//     // 只允许通过相机扫码
+//     uni.scanCode({
+//     	onlyFromCamera: true,
+//     	scanType: ['qrCode', 'pdf417'],
+//     	success: (res) => {
+//     		console.log('扫码结果：' + res.result); 
+// 			maCode.value = res.result;
+//     	},
+//     	fail: (err) => { 
+//     		// uni.showToast({
+//     		// 	title: '取消',
+//     		// 	icon: 'none'
+//     		// });
+//     	}
+//     });
+// }
+// 编码识别按钮
+const onCodeIdentify = () => {
+    console.log('编码识别--')
+	uni.navigateTo({
+        url: `/pages/back/backCodeScan?queryParams=${JSON.stringify(taskInfo.value)}`,
+    })
+}
+//提交
+const submitCode = () => {
+    console.log(taskInfo.value)
+	if(maId.value==""){
+		uni.showToast({ title: '请先添加退料设备编码！', icon: 'none' })
+	}else{
+		// console.log(typeList.value)
+		let obj = {
+		   "maId":maId.value,
+		   "maCode":maCode.value,
+		   "typeId":typeId.value,
+		   "apDetection":apDetection.value,
+           goodNum: apDetection.value == '完好' ? 1 : 0,
+           badNum: apDetection.value == '损坏' ? 1 : 0,
+		   "bmFileInfos":bmFileInfos.value
+		}
+		let param = {
+		    "backApplyInfo":taskInfo.value,
+		    "backApplyDetails":obj
+		}
+		insertApp(param).then(res => { 
+		    console.log(res)
+		    if(res.code==200){
+				uni.showToast({ title: '添加成功！', icon: 'none' })
+				typeName.value="";
+				materialName.value="";
+				maStatusName.value="";
+				typeId.value="";
+				maId.value=""
+				maCode.value=""
+				typeId.value=""
+				apDetection.value="完好"
+				bmFileInfos.value=[]
+                imgBeseUrl.value = ""
+				// uni.navigateBack({
+				// 	delta: 1 // 返回到已存在的页面
+				// });
+			}else{
+				uni.showToast({ title: res.msg, icon: 'none' })
+			}
+		}).catch(error => {
+			console.log(error) 
+		})
+	}
+} 
+
+//上传
+const uploadImg = () => {
+    uni.chooseImage({
+    count: 1, //图片可选择数量
+    sizeType: ['original', 'compressed'], //original 原图，compressed 压缩图，默认二者都有
+    sourceType: ['album', 'camera',], //album 从相册选图，camera 使用相机，默认二者都有。
+    success: res => {
+        console.log(res)
+        let imgFiles = res.tempFilePaths //图片的本地文件路径列表
+		imgBeseUrl.value = imgFiles[0]
+        // console.log('本地地址', imgFiles)
+        // console.log('请求地址', baseURL+"/file/upload") 
+		uni.uploadFile({
+			// url: baseURL+"/file/upload",//app
+			url: "/file/upload",//h5
+			filePath: imgFiles[0],
+			name: 'file', 
+			success: (res) => {
+				res = JSON.parse(res.data)
+				console.log('上传成功', res.code);
+				console.log('上传成功', res.data);
+				if(res.code&&res.code==200){
+					let obj = {
+						"name":res.data.name,
+						"url":res.data.url,
+						"taskType":"10"
+					}
+					// console.log(obj)
+					bmFileInfos.value = [obj]
+					uni.showToast({ title: '上传成功', icon: 'none' })
+				}else{
+					bmFileInfos.value = []
+					uni.showToast({ title: '上传失败', icon: 'none' })
+				}
+			},
+			fail: (err) => {
+			  console.error('上传失败', err);
+			}
+		});
+        // this.$refs.vForm.clearValidate()
+    }
+	})
+}
+
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+
+onLoad((options)=>{
+	console.log(options)
+	taskInfo.value = JSON.parse(options.taskInfo)
+    console.log(taskInfo.value)
+})
+</script>
+
+<style lang="scss" scoped>
+::v-deep .uni-radio-input {
+    width: 16px;
+    height: 16px;
+}
+.accept {
+    padding: 24rpx;
+    height: 95vh;
+    word-break: break-all;
+    background-color: #f7f8fa;
+    display: flex;
+    flex-direction: column;
+
+    // 卡片样式
+    .card {
+        padding: 32rpx;
+        background-color: #fff;
+        border-radius: 20rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+        margin-bottom: 24rpx;
+
+        // 卡片标题
+        > div:first-child {
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #262626;
+            margin-bottom: 24rpx;
+            position: relative;
+            padding-left: 24rpx;
+
+            &::before {
+                content: '';
+                position: absolute;
+                left: 0;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 6rpx;
+                height: 28rpx;
+                background: #3784fb;
+                border-radius: 6rpx;
+            }
+        }
+
+        // 表单样式
+        :deep(.uni-forms) {
+            .uni-forms-item {
+                padding: 24rpx 0;
+                margin-bottom: 0;
+                border-bottom: 2rpx solid #f5f5f5;
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .uni-forms-item__label {
+                    color: #8c8c8c;
+                }
+
+                span {
+                    color: #262626;
+                    font-size: 28rpx;
+                }
+            }
+        }
+
+        // 扫码按钮样式
+        .coding-btn {
+            height: 88rpx;
+            line-height: 88rpx;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            border-radius: 12rpx;
+            text-align: center;
+            color: #fff;
+            font-size: 28rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+
+            // 检索按钮样式
+            &.search-btn {
+                background: #fff7eb;
+                color: #fa8c16;
+                border: 2rpx solid #fa8c16;
+                box-shadow: none;
+
+                &:active {
+                    background: #fff3e0;
+                }
+            }
+        }
+
+        // 信息展示行
+        :deep(.uni-row) {
+            margin-bottom: 24rpx;
+
+            &:last-child {
+                margin-bottom: 0;
+            }
+
+            .uni-col-6 {
+                color: #8c8c8c;
+                font-size: 28rpx;
+            }
+
+            .uni-col-16 {
+                color: #262626;
+                font-size: 28rpx;
+            }
+
+            // 输入框样式
+            .uni-easyinput__content {
+                background-color: #f7f8fa;
+                border: 2rpx solid #e8e8e8;
+                border-radius: 12rpx;
+                height: 88rpx;
+                padding: 0 24rpx;
+                transition: all 0.3s ease;
+
+                &:focus-within {
+                    border-color: #3784fb;
+                    box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+                }
+
+                .uni-easyinput__content-input {
+                    font-size: 28rpx;
+                    height: 88rpx;
+                    line-height: 88rpx;
+                }
+            }
+        }
+
+        // 上传区域样式
+        .upload {
+            width: 160rpx;
+            height: 160rpx;
+            background-color: #f7f8fa;
+            border: 2rpx dashed #d9d9d9;
+            border-radius: 12rpx;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            font-size: 48rpx;
+            color: #bfbfbf;
+            transition: all 0.3s ease;
+
+            &:active {
+                background-color: #f0f0f0;
+                border-color: #3784fb;
+            }
+
+            image {
+                width: 100%;
+                height: 100%;
+                border-radius: 12rpx;
+                object-fit: cover;
+            }
+        }
+    }
+
+    // 底部按钮
+    .btn {
+        margin-top: auto;
+        padding: 32rpx;
+        background: #fff;
+        box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        .btn-cont {
+            width: 100%;
+            height: 88rpx;
+            line-height: 88rpx;
+            text-align: center;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            color: #fff;
+            border-radius: 44rpx;
+            font-size: 32rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBackCodeDetail.vue b/src/pages/toolsBack/toolsBackCodeDetail.vue
new file mode 100644
index 0000000..85497c1
--- /dev/null
+++ b/src/pages/toolsBack/toolsBackCodeDetail.vue
@@ -0,0 +1,426 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+    />
+    <view class="accept page-common">
+        <uni-row :gutter="24" class="search-form">
+          <uni-col :span="12">
+                <view><uni-easyinput placeholder="请输入内容" v-model="searchValue"/></view>
+            </uni-col>
+            <uni-col :span="4">
+                <view class="search" @click="getCodeList()">查询</view>
+            </uni-col>
+            <uni-col :span="8">
+                <view class="addBtn" @click="goCode">编码新增</view>
+            </uni-col> 
+        </uni-row> 
+        <div class="card" style="margin-top: 10px;">
+            <div>退料物资</div>
+            <uni-forms :model="rowData" label-width="170rpx" :border="true">
+                <uni-forms-item label="物资名称：" name="unitName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ rowData.typeName }}</span>
+                </uni-forms-item>
+               <uni-forms-item label="物资类型：" name="proName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ rowData.typeModel }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="已退数量：" name="code">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ codeList.length }}</span>
+                </uni-forms-item>
+            </uni-forms>
+
+            <div style="width: 92%;height: auto;margin: 10px;">
+                <uni-table stripe emptyText="暂无更多数据" >
+                    <!-- 表头行 -->
+                    <uni-tr>
+                        <uni-th width="160px" style="font-size: 24rpx;" align="center">设备编码</uni-th>
+                        <uni-th width="130px" style="font-size: 24rpx;" align="center">外观</uni-th>
+<!--                        <uni-th width="70px" style="font-size: 24rpx;" align="center">创建人</uni-th>-->
+<!--                        <uni-th width="100px" style="font-size: 24rpx;" align="center">创建时间</uni-th>-->
+                        <uni-th width="80px" style="font-size: 24rpx;" align="center">操作</uni-th>
+                    </uni-tr>
+                    <!-- 表格数据行 -->
+                    <uni-tr v-for="(item,index) in codeList" :key="item.id">
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.maCode}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">
+                            <!-- <span>{{item.apDetection}}</span>  -->
+                            <!-- <uni-easyinput placeholder="外观" v-model="item.apDetection"/> -->
+                             <span>{{ item.goodNum == 1 ? '完好' : '损坏' }}</span>
+                        </uni-td>
+<!--						<uni-td style="font-size: 24rpx;text-align: center;">{{item.createBy}}</uni-td>-->
+<!--						<uni-td style="font-size: 24rpx;text-align: center;">{{item.createTime}}</uni-td>-->
+                        <uni-td style="font-size: 24rpx;text-align: center;">
+                            <view class="uni-group">
+                                <uni-icons type="camera" size="20" style="color: #3784fb;"  @click="uploadImg(item)"></uni-icons>
+                                <uni-icons type="trash-filled" size="20" style="color: red;margin-left:10px;"  @click="delRow(item)"></uni-icons>
+                            </view>
+                        </uni-td>
+                    </uni-tr>
+                </uni-table>
+            </div>
+        </div> 
+  
+
+       <!-- <div class="btn">
+            <button class="btn-cont">取消</button>
+            <button class="btn-cont" @click="saveCodeList">确认</button>
+        </div> -->
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onLoad,onShow } from '@dcloudio/uni-app'  
+import { getMaCodeList,deleteMaCode,saveCode } from '../../services/back.js';
+import { baseURL } from '@/utils/http'
+const title = ref('退料任务')
+const searchValue = ref('')
+const taskInfo = ref({})    
+const rowData = ref({})     
+const codeList = ref([])    
+const imgBeseUrl = ref("")    
+const bmFileInfos = ref([])//请求图片参数
+const goCode = () => {
+    uni.navigateTo({ url: `/pages/back/backCode?taskInfo=${JSON.stringify(taskInfo.value)}` })
+}
+const getCodeList = () => {
+    console.log(rowData.value)
+    let param = {
+        "typeId":rowData.value.typeId,
+        "parentId":rowData.value.parentId
+    }
+	// console.log(param)
+    getMaCodeList(param).then(res => { 
+        console.log(res)
+        if(res.code=200){
+            codeList.value = res.data;
+        }
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+
+const saveCodeList = () => {
+    // console.log(codeList.value)
+    // console.log(rowData.value)
+    codeList.value.forEach(item=>{
+        item.id=rowData.value.id;
+        item.parentId=rowData.value.parentId;
+    })
+    let param = {
+        "maCodeDtoList":codeList.value
+    }
+    console.log(param)
+    saveCode(param).then(res => {  
+        console.log(res)
+        if(res.code==200){
+            uni.showToast({ title: '保存成功', icon: 'none' })
+            uni.navigateBack({
+				delta: 1 // 返回到已存在的页面
+			});
+        }else{
+            uni.showToast({ title: '保存失败', icon: 'none' })
+        }
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+//上传
+const uploadImg = (item) => {
+    uni.chooseImage({
+    count: 1, //图片可选择数量
+    sizeType: ['original', 'compressed'], //original 原图，compressed 压缩图，默认二者都有
+    sourceType: ['album', 'camera',], //album 从相册选图，camera 使用相机，默认二者都有。
+    success: res => {
+        console.log(res)
+        let imgFiles = res.tempFilePaths //图片的本地文件路径列表
+		// imgBeseUrl.value = imgFiles[0]
+        // console.log('本地地址', imgFiles)
+        // console.log('请求地址', baseURL+"/file/upload") 
+		uni.uploadFile({
+			// url: baseURL+"/file/upload",//app
+			url: "/file/upload",//h5
+			filePath: imgFiles[0],
+			name: 'file', 
+			success: (res) => {
+				res = JSON.parse(res.data)
+				console.log('上传成功', res.code);
+				console.log('上传成功', res.data);
+				if(res.code&&res.code==200){
+					let obj = {
+						"name":res.data.name,
+						"url":res.data.url
+					}
+					item.bmFileInfos.value = [obj]
+					uni.showToast({ title: '上传成功', icon: 'none' })
+				}else{
+					item.bmFileInfos.value = []
+					uni.showToast({ title: '上传失败', icon: 'none' })
+				}
+			},
+			fail: (err) => {
+			  console.error('上传失败', err);
+			}
+		});
+        // this.$refs.vForm.clearValidate()
+    }
+	})
+}
+//删除
+const delRow = (item) => {
+    console.log(item) 
+    let param = {
+        "typeId":item.typeId,
+        "parentId":rowData.value.parentId,
+        "maId":item.maId,
+    }
+    console.log(param)
+    deleteMaCode(param).then(res => {  
+        console.log(res)
+        if(res.code==200){
+            uni.showToast({ title: '删除成功', icon: 'none' })
+            getCodeList()
+        }else{
+            uni.showToast({ title: '删除失败', icon: 'none' })
+        }
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+ 
+onLoad((options)=>{
+    console.log(options)
+	taskInfo.value = JSON.parse(options.taskInfo)
+    console.log(taskInfo.value) 
+    rowData.value = JSON.parse(options.rowData)
+    console.log(rowData.value)
+    // getCodeList()
+})
+onShow(()=>{
+    getCodeList()
+})
+</script>
+
+<style lang="scss">
+.accept {
+    padding: 24rpx;
+    height: 95vh;
+    word-break: break-all;
+    background-color: #f7f8fa;
+    display: flex;
+    flex-direction: column;
+
+    // 搜索表单
+    .search-form {
+        display: flex;
+        align-items: center;
+        background: #fff;
+        padding: 24rpx;
+        border-radius: 20rpx;
+        margin-bottom: 24rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        :deep(.uni-easyinput__content) {
+            background-color: #f7f8fa;
+            border: 2rpx solid #e8e8e8;
+            border-radius: 12rpx;
+            height: 88rpx;
+            padding: 0 24rpx;
+            transition: all 0.3s ease;
+
+            &:focus-within {
+                border-color: #3784fb;
+                box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+            }
+
+            .uni-easyinput__content-input {
+                font-size: 28rpx;
+                color: #262626;
+            }
+        }
+
+        .search, .addBtn {
+            height: 88rpx;
+            line-height: 88rpx;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            border-radius: 12rpx;
+            text-align: center;
+            color: #fff;
+            font-size: 28rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+    }
+
+    // 卡片样式
+    .card {
+        padding: 32rpx;
+        background-color: #fff;
+        border-radius: 20rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+        margin-bottom: 24rpx;
+
+        // 卡片标题
+        > div:first-child {
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #262626;
+            margin-bottom: 24rpx;
+            position: relative;
+            padding-left: 24rpx;
+
+            &::before {
+                content: '';
+                position: absolute;
+                left: 0;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 6rpx;
+                height: 28rpx;
+                background: #3784fb;
+                border-radius: 6rpx;
+            }
+        }
+
+        // 表单样式
+        :deep(.uni-forms) {
+            .uni-forms-item {
+                padding: 24rpx 0;
+                margin-bottom: 0;
+                border-bottom: 2rpx solid #f5f5f5;
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .uni-forms-item__label {
+                    color: #8c8c8c;
+                }
+
+                span {
+                    color: #262626;
+                    font-size: 28rpx;
+                }
+            }
+        }
+
+        // 表格区域
+        :deep(.uni-table) {
+            margin: 24rpx -32rpx 0;
+            
+            .uni-table-tr {
+                .uni-table-th {
+                    padding: 20rpx 16rpx;
+                    font-size: 26rpx;
+                    color: #8c8c8c;
+                    background-color: #f7f8fa;
+                    border-right: 2rpx solid #f0f0f0;
+                    border-bottom: 2rpx solid #f0f0f0;
+
+                    &:last-child {
+                        border-right: none;
+                    }
+                }
+
+                .uni-table-td {
+                    padding: 20rpx 16rpx;
+                    font-size: 26rpx;
+                    color: #262626;
+                    border-right: 2rpx solid #f0f0f0;
+                    border-bottom: 2rpx solid #f0f0f0;
+
+                    &:last-child {
+                        border-right: none;
+                    }
+
+                    // 输入框样式
+                    .uni-easyinput__content {
+                        height: 64rpx;
+                        background-color: #f7f8fa;
+                        border: 2rpx solid #e8e8e8;
+                        border-radius: 8rpx;
+                        padding: 0 16rpx;
+
+                        &:focus-within {
+                            border-color: #3784fb;
+                            box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+                        }
+
+                        .uni-easyinput__content-input {
+                            font-size: 26rpx;
+                            height: 64rpx;
+                            line-height: 64rpx;
+                        }
+                    }
+
+                    // 操作按钮样式
+                    .uni-group {
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+
+                        .uni-icons {
+                            padding: 8rpx;
+                            border-radius: 8rpx;
+                            transition: all 0.3s ease;
+
+                            &:active {
+                                transform: scale(0.9);
+                                opacity: 0.8;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    // 底部按钮
+    .btn {
+        margin-top: auto;
+        padding: 32rpx;
+        background: #fff;
+        box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        .btn-cont {
+            width: 100%;
+            height: 88rpx;
+            line-height: 88rpx;
+            text-align: center;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            color: #fff;
+            border-radius: 44rpx;
+            font-size: 32rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBackDetail.vue b/src/pages/toolsBack/toolsBackDetail.vue
new file mode 100644
index 0000000..a16ebe9
--- /dev/null
+++ b/src/pages/toolsBack/toolsBackDetail.vue
@@ -0,0 +1,384 @@
+<template>
+    <!-- 新购验收详情 -->
+    <view class="accept page-common">
+        <uni-row :gutter="24" class="search-form">
+            <uni-col :span="10">
+                <view><uni-easyinput placeholder="请输入内容" v-model="keyWord" maxlength="10"/></view>
+            </uni-col>
+            <uni-col :span="4">
+                <view class="search" @click="getTableList()">查询</view>
+            </uni-col>
+            <uni-col :span="5">
+                <view class="addBtn" @click="goCode">编码退料</view>
+            </uni-col>
+            <uni-col :span="5" style="padding-right: 0;">
+                <view class="addBtn" @click="goNum">数量退料</view>
+            </uni-col>
+        </uni-row> 
+        <div class="table-list-item" v-for="(item, index) in tableList" :key="index">
+            <uni-swipe-action class="swipe-action">
+                <uni-swipe-action-item @click="onClick($event, item)" :right-options="item.manageType==1 ? options:options2">
+                    <div class="title">
+                        <span style="font-size: 15px; font-weight: 800">退料任务</span>
+                        <!-- <span v-if="item.status == 2" style="color: #ff4d4f">未验收</span> -->
+                        <!-- <span v-else-if="item.status != 2" style="color: #3784fb">已验收</span> -->
+                        <!-- <span v-else-if="item.status == 12" style="color: #ff4d4f">不合格</span> -->
+                    </div>
+                    <div class="line"></div>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">物资名称：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.typeName }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">规格型号：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.typeModel }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">已退数量：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.preNum }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">单位：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.unitName }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24" v-if="item.status != 2">
+                        <uni-col :span="8">管理模式：</uni-col>
+                        <uni-col :span="16">
+                            <div class="cont" v-if="item.manageType==0">编码</div>
+                            <div class="cont" v-if="item.manageType==1">数量</div>
+                        </uni-col>
+                    </uni-row>
+                </uni-swipe-action-item>
+            </uni-swipe-action>
+
+        </div>
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { getBackInfo,deleteNumType } from '../../services/back.js';
+import { onLoad,onShow } from '@dcloudio/uni-app'
+const keyWord = ref('')
+const id = ref('') 
+const taskId = ref('')
+const statusList = ref(["2","12"])
+const tableList = ref([])
+const taskInfo = ref({})
+
+// 右滑按钮组
+const options = ref([
+    {
+        text: '查看',
+        style: {
+            backgroundColor: '#65a1ff',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+    {
+        text: '删除',
+        style: {
+            backgroundColor: '#ed6042',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+]) 
+
+// 右滑按钮组
+const options2 = ref([
+    {
+        text: '查看',
+        style: {
+            backgroundColor: '#65a1ff',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+    
+])  
+//详情数据
+const getTableList = () => { 
+	// let obj = {
+	// 	"id":id.value,
+	// 	// "taskId":taskId.value,
+	// 	// "statusList":statusList.value,
+	// }
+	// console.log(obj)
+	getBackInfo(id.value,keyWord.value).then(res => { 
+		console.log(res) 
+        taskInfo.value = res.data.backApplyInfo;
+		tableList.value = res.data.backApplyDetailsList;
+		console.log(taskInfo.value)
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+const search = () => {
+    console.log('🚀 ~ search ~ keyWord:', keyWord.value)
+	getTableList()
+} 
+//编码新增
+const goCode = () => {
+    uni.navigateTo({ url: `/pages/back/backCode?taskInfo=${JSON.stringify(taskInfo.value)}` })
+}
+//数量新增
+const goNum = () => {
+    uni.navigateTo({ url: `/pages/back/backNum?taskInfo=${JSON.stringify(taskInfo.value)}` })
+}
+const onClick = (e, item) => {
+    const { index } = e
+    // 1. 查看
+    if (index === 0) {
+        if (item.manageType == 0) {//编码管理
+            uni.navigateTo({ url: `/pages/toolsBack/toolsBackCodeDetail?taskInfo=${JSON.stringify(taskInfo.value)}&rowData=${JSON.stringify(item)}` })
+        } else if(item.manageType == 1) {//数量管理
+            uni.navigateTo({ url: `/pages/toolsBack/toolsBackNumDetail?taskInfo=${JSON.stringify(taskInfo.value)}&rowData=${JSON.stringify(item)}` })
+        }
+    }
+    // 2. 删除
+    if (index === 1) {
+        let param = {
+            id:item.id,
+            parentId:item.parentId
+        }
+        deleteNumType(param).then(res => { 
+            console.log(res)
+            if(res.code==200){
+                uni.showToast({ title: '删除成功', icon: 'none' })
+                getTableList()
+            }else{
+                uni.showToast({ title: '删除失败', icon: 'none' })
+            }
+        }).catch(error => {
+            console.log(error) 
+        })  
+    }
+}
+onLoad((options)=>{
+	console.log(options)
+	id.value = options.id
+	taskId.value = options.taskId
+	getTableList()
+})
+onShow(()=>{
+	getTableList()
+})
+</script>
+
+<style lang="scss" scoped>
+.accept {
+    height: 95vh;
+    word-break: break-all;
+    overflow-y: auto;
+    background-color: #f7f8fa;
+    padding: 24rpx;
+
+    // 搜索表单
+    .search-form {
+        display: flex;
+        align-items: center;
+        background: #fff;
+        padding: 24rpx;
+        border-radius: 20rpx;
+        margin-bottom: 24rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        :deep(.uni-col) {
+            padding-right: 16rpx;  // 统一列间距
+        }
+
+        :deep(.uni-easyinput__content) {
+            background-color: #f7f8fa;
+            border: 2rpx solid #e8e8e8;
+            border-radius: 12rpx;
+            height: 88rpx;  // 统一高度
+            padding: 0 24rpx;
+            transition: all 0.3s ease;
+
+            &:focus-within {
+                border-color: #3784fb;
+                box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+            }
+
+            .uni-easyinput__content-input {
+                font-size: 28rpx;
+                color: #262626;
+                height: 88rpx;
+                line-height: 88rpx;
+            }
+        }
+
+        // 查询按钮
+        .search {
+            height: 80rpx;  // 增加按钮高度
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            text-align: center;
+            line-height: 80rpx;
+            color: #fff;
+            border-radius: 12rpx;
+            font-size: 24rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+            white-space: nowrap;  // 防止文字换行
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+
+        // 新增按钮
+        .addBtn {
+            height: 80rpx;  // 增加按钮高度
+            background: linear-gradient(135deg, #19be6b 0%, #16a75c 100%);
+            text-align: center;
+            line-height: 80rpx;
+            color: #fff;
+            border-radius: 12rpx;
+            font-size: 20rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(25, 190, 107, 0.2);
+            transition: all 0.3s ease;
+            white-space: nowrap;  // 防止文字换行
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(25, 190, 107, 0.2);
+            }
+        }
+    }
+ 
+	// 列表项样式
+	.table-list-item {
+		margin: 24rpx 0;
+		padding: 32rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+		transition: all 0.3s ease;
+		overflow: hidden;  // 移除溢出隐藏
+		position: relative; // 移除相对定位
+
+		// 滑动操作区域样式优化
+		.swipe-action {
+			:deep(.uni-swipe) {
+				width: calc(100% + 64rpx) !important;  // 增加宽度以容纳按钮
+				margin: -32rpx;  // 抵消父元素的内边距
+				padding: -10rpx;  // 添加内边距
+				background-color: #fff;  // 设置背景色
+			}
+
+			:deep(.uni-swipe_content) {
+				background: #fff;  // 设置内容区背景色
+				border-radius: 20rpx;  // 保持圆角
+				overflow: hidden;  // 内容区域溢出隐藏
+			}
+
+			:deep(.uni-swipe_right) {
+				height: 100%;
+				display: flex;
+				align-items: center;
+				transform: translateX(100%);  // 初始状态隐藏
+				transition: transform 0.3s;
+			}
+		}
+
+		.title {
+			display: flex;
+			justify-content: space-between;
+			align-items: center; 
+			padding-left: 20rpx;
+			padding-top: 10rpx;
+
+			span {
+				font-size: 32rpx;
+				font-weight: 600;
+				color: #3784fb;
+				background: linear-gradient(90deg, #3784fb, #4b8eff);
+				-webkit-background-clip: text;
+				-webkit-text-fill-color: transparent;
+			}
+		}
+
+		.line {
+			margin: 24rpx 0;
+			height: 2rpx;
+			background: linear-gradient(90deg, 
+				rgba(232, 232, 232, 0) 0%,
+				rgba(232, 232, 232, 1) 50%,
+				rgba(232, 232, 232, 0) 100%
+			);
+		}
+
+		:deep(.uni-row) {
+			margin-bottom: 20rpx;
+			padding-left: 20rpx;
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			.uni-col-8 {
+				color: #8c8c8c;
+				font-size: 28rpx;
+				font-weight: 500;
+			}
+
+			.cont {
+				color: #262626;
+				font-size: 28rpx;
+				font-weight: 500;
+				line-height: 1.8;
+				text-align: right;
+				padding-right: 20rpx;
+			}
+		}
+
+		// 滑动按钮样式
+		:deep(.uni-swipe_button-group) {
+			height: 100%;
+			display: flex;
+			align-items: stretch;
+
+			.uni-swipe_button {
+				padding: 0 50rpx;
+				font-size: 28rpx;
+				font-weight: 600;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: auto;
+				margin: 0;
+				min-width: 120rpx;  // 设置最小宽度
+
+				&:nth-child(1) {
+					background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+					box-shadow: 0 4rpx 16rpx rgba(55, 132, 251, 0.2);
+					border-radius: 0;
+				}
+
+				&:nth-child(2) {
+					background: linear-gradient(135deg, #ff4d4f 0%, #ed6042 100%);
+					box-shadow: 0 4rpx 16rpx rgba(237, 96, 66, 0.2);
+					border-radius: 0;
+				}
+
+				&:active {
+					opacity: 0.9;
+					transform: scale(0.98);
+				}
+			}
+		}
+
+		&:active {
+			transform: scale(0.985);
+			background-color: #fafbfc;
+		}
+	}
+
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBackNum.vue b/src/pages/toolsBack/toolsBackNum.vue
new file mode 100644
index 0000000..e5cecc1
--- /dev/null
+++ b/src/pages/toolsBack/toolsBackNum.vue
@@ -0,0 +1,495 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+    />
+    <view class="accept page-common">
+        <div class="card">
+            <div class="card-header">
+                <span class="title">任务信息</span>
+            </div>
+            <uni-forms :model="taskInfo" label-width="170rpx" :border="true">
+                <uni-forms-item label="班组：" name="teamName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.teamName }}</span>
+                </uni-forms-item>
+               <uni-forms-item label="工程：" name="proName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.proName }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="单号：" name="code">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.code }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="人员：" name="backPerson">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.backPerson }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="电话：" name="phone">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.phone }}</span>
+                </uni-forms-item>
+            </uni-forms>
+        </div>
+        <div class="card">
+            <div class="card-header">
+                <span class="title">退料物资</span>
+                <div class="header-right">
+                    <span class="tip">已选 {{ typeList.length }} 项</span>
+                </div>
+            </div>
+            <div class="select-area">
+                <uni-row :gutter="24" style="display: flex; align-items: center">
+                    <uni-col :span="10">
+                        <view>
+                            <uni-data-select v-model="typeId" 
+                                placeholder="请选择物资类型"
+                                :localdata="maTypeSelectList" @change="getMaCode" filterable >
+                            </uni-data-select>
+                        </view>
+                    </uni-col>
+                    <uni-col :span="10">
+                        <view>
+                            <uni-data-select v-model="typeCode" 
+                                placeholder="请选择规格型号"
+                                :localdata="maCodeSelectList" @change="selectMaCode">
+                            </uni-data-select>
+                        </view>
+                    </uni-col>
+                </uni-row>
+            </div>
+            <div class="table-area">
+                <uni-table border stripe emptyText="暂无更多数据">
+                    <!-- 表头行 -->
+                    <uni-tr>
+                        <uni-th width="100px" style="font-size: 24rpx;" align="center">类型名称</uni-th>
+                        <uni-th width="100px" style="font-size: 24rpx;" align="center">规格型号</uni-th>
+                        <uni-th width="60px" style="font-size: 24rpx;" align="center">在用数</uni-th>
+                        <uni-th width="90px" style="font-size: 24rpx;" align="center">退料数</uni-th>
+                        <!-- <uni-th width="90px" style="font-size: 24rpx;" align="center">外观</uni-th> -->
+                        <uni-th width="90px" style="font-size: 24rpx;" align="center">完好数量</uni-th>
+                        <uni-th width="90px" style="font-size: 24rpx;" align="center">损坏数量</uni-th>
+                        <uni-th width="70px" style="font-size: 24rpx;" align="center">操作</uni-th>
+                    </uni-tr>
+                    <!-- 表格数据行 -->
+                    <uni-tr v-for="(item,index) in typeList" :key="item.id">
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.materialName}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.typeName}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.num}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;"> 
+                            <uni-easyinput 
+                                placeholder="退料数" 
+                                v-model="item.preNum" 
+                                type="number" 
+                                :clearable="false" 
+                                @input="onChangeNumber(item)"
+                                :styles="{width: '100rpx'}"
+                            />
+                        </uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;"> 
+                            <uni-easyinput 
+                                placeholder="完好数量" 
+                                v-model="item.goodNum" 
+                                type="number" 
+                                :clearable="false" 
+                                @change="changeNum(item)"
+                                :styles="{width: '100rpx'}"
+                                :disabled="!item.preNum"
+                            />
+                        </uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;"> 
+                            <uni-easyinput 
+                                placeholder="损坏数量" 
+                                v-model="item.badNum" 
+                                type="number" 
+                                :clearable="false" 
+                                @change="changeNum(item)"
+                                :styles="{width: '100rpx'}"
+                                :disabled="!item.preNum"
+                            />
+                        </uni-td>
+                        <!-- <uni-td style="font-size: 24rpx;text-align: center;"> 
+                            <uni-easyinput 
+                                placeholder="外观" 
+                                v-model="item.apDetection"
+                                :styles="{width: '100rpx'}"
+                            />
+                        </uni-td> -->
+                        <uni-td style="font-size: 24rpx;text-align: center;">
+                            <view class="uni-group">
+                                <view class="action-btn" @click="uploadImg(item)">
+                                    <uni-icons type="camera" size="20" style="color: #3784fb;"/>
+                                </view>
+                                <view class="action-btn delete" @click="delRow(index)">
+                                    <uni-icons type="trash-filled" size="20" style="color: red;margin-left:10px;"/>
+                                </view>
+                            </view>
+                        </uni-td>
+                    </uni-tr>
+                </uni-table>
+            </div>
+        </div>
+
+        <div class="footer-btn">
+            <button class="btn-cont" @click="submitNum">确认</button>
+        </div>
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'  
+import { getUseType,insertApp } from '../../services/back.js';
+const title = ref('退料接收')
+const taskInfo = ref({})    
+
+const maTypeSelectList = ref([])
+const typeId = ref("")//类型
+const maCodeSelectList = ref([])
+const typeCode = ref("")//规格型号
+const typeList = ref([])    
+//类下拉选
+const getMaType = () => { 
+    let obj = {
+        "agreementId":taskInfo.value.agreementId,
+	} 
+	getUseType(obj).then(res => { 
+        console.log(res)
+		maTypeSelectList.value = res.data.map(option => {
+            return {
+                value:option.typeId,
+                text:option.typeName,
+            }
+        }); 
+	}).catch(error => {
+		console.log(error) 
+	})  
+} 
+//规格
+const getMaCode = () => { 
+    let obj = {
+        "agreementId":taskInfo.value.agreementId,
+        "typeId":typeId.value
+	} 
+	getUseType(obj).then(res => { 
+        console.log(res)
+		maCodeSelectList.value = res.data.map(option => {
+            let obj = {
+                ...option,
+                bmFileInfos:[],
+                value:option.typeId,
+                text:option.typeName, 
+            }
+            return obj
+        }); 
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+//选择规格型号
+const selectMaCode = (e) => { 
+    console.log(e)
+    maCodeSelectList.value.forEach(item=>{
+        console.log(item)
+        if(item.typeId==e){
+            typeList.value.push(item)
+        }
+    })
+    console.log(typeList.value)
+} 
+//提交
+const submitNum = () => {
+    console.log(taskInfo.value)
+    console.log(typeList.value)
+    // 校验 preNum 必须大于 0
+    if (typeList.value.length === 0) {
+        console.log('🚀 ~ submitNum ~ typeList.value:', typeList.value)
+        uni.showToast({
+            title: '请添加退料物资',
+            icon: 'none',
+        })
+        return
+    }
+    for (let i = 0; i < typeList.value.length; i++) {
+        if (typeList.value[i].preNum <= 0 || !typeList.value[i].preNum) {
+            uni.showToast({
+                title: '退料数不能为空或等于0',
+                icon: 'none',
+            })
+            return
+        }
+    }
+    let obj = {
+        "backApplyInfo":taskInfo.value,
+        "backApplyDetailsList":typeList.value
+    }
+    insertApp(obj).then(res => { 
+        console.log(res)
+        if(res.code==200){
+			uni.showToast({ title: '编辑成功', icon: 'none' })
+			uni.navigateBack({
+				delta: 1 // 返回到已存在的页面
+			});
+		}else{
+			uni.showToast({ title: res.msg, icon: 'none' })
+		}
+	}).catch(error => {
+		console.log(error) 
+	})  
+} 
+//上传
+const uploadImg = (item) => {
+    uni.chooseImage({
+    count: 1, //图片可选择数量
+    sizeType: ['original', 'compressed'], //original 原图，compressed 压缩图，默认二者都有
+    sourceType: ['album', 'camera',], //album 从相册选图，camera 使用相机，默认二者都有。
+    success: res => {
+        console.log(res)
+        let imgFiles = res.tempFilePaths //图片的本地文件路径列表
+		// imgBeseUrl.value = imgFiles[0]
+        // console.log('本地地址', imgFiles)
+        // console.log('请求地址', baseURL+"/file/upload") 
+		uni.uploadFile({
+			// url: baseURL+"/file/upload",//app
+			url: "/file/upload",//h5
+			filePath: imgFiles[0],
+			name: 'file', 
+			success: (res) => {
+				res = JSON.parse(res.data)
+				console.log('上传成功', res.code);
+				console.log('上传成功', res.data);
+				if(res.code&&res.code==200){
+					let obj = {
+						"name":res.data.name,
+						"url":res.data.url
+					}
+					item.bmFileInfos.value = [obj]
+					uni.showToast({ title: '上传成功', icon: 'none' })
+				}else{
+					item.bmFileInfos.value = []
+					uni.showToast({ title: '上传失败', icon: 'none' })
+				}
+			},
+			fail: (err) => {
+			  console.error('上传失败', err);
+			}
+		});
+        // this.$refs.vForm.clearValidate()
+    }
+	})
+}
+//删除
+const delRow = (index) => {
+    console.log(index)
+    console.log(typeList.value)
+    typeList.value.splice(index,1)
+}
+// 数量框change事件
+const onChangeNumber = (item) => {
+    console.log(item)
+    console.log(item.preNum)
+    console.log(item.preNum)
+    let maxNum = Number(item.num)
+    // outboundNum.value
+    setTimeout(()=>{ 
+        if(item.unitValue==1){ 
+            item.preNum = Number(String(item.preNum).replace(/[^\d.]/g,'')) 
+        }else{ 
+            item.preNum = Number(String(item.preNum).replace(/[^\d]/g,''))  
+        } 
+        if (Number(item.preNum)<= 0) { 
+            item.preNum = 0; 
+        }
+        if (Number(item.preNum) > maxNum) {
+            uni.showToast({
+                title: '已达到当前资最大在用数量！',
+                icon: 'none',
+            }) 
+            item.preNum = maxNum; 
+        }
+    },500) 
+}
+const changeNum = (row) => {
+    console.log('🚀 ~ changeNum ~ row:', row)
+    // 将badNum 和 goodNum 向上取整
+    // 只能输入正整数 过滤掉除正整数外的东西
+    if (row.badNum) {
+        row.badNum = Math.ceil(String(row.badNum).replace(/[^\d]/g, ''))
+        console.log('🚀 ~ changeNum ~ row.badNum:', row.badNum)
+    }
+    if (row.goodNum) {
+        console.log('🚀 ~ changeNum ~ row.goodNum:', row.goodNum)
+        row.goodNum = Math.ceil(String(row.goodNum).replace(/[^\d]/g, ''))
+    }
+    // 不能大于preNum
+    if (Number(row.badNum) + Number(row.goodNum) > row.preNum) {
+        console.log('🚀 ~ changeNum ~ row.badNum + row.goodNum > row.preNum:', row.badNum , row.goodNum)
+        // this.$message.error('完好数量和损坏数量之和不能大于退料数量')
+        uni.showToast({
+            title: '完好数量和损坏数量之和不能大于退料数量',
+            icon: 'none',
+        }) 
+        row.badNum = 0
+        row.goodNum = 0
+    }
+}
+
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+
+onLoad((options)=>{
+	console.log(options)
+	taskInfo.value = JSON.parse(options.taskInfo)
+    console.log(taskInfo.value)
+    getMaType()
+})
+</script>
+
+<style lang="scss">
+.accept {
+    padding: 24rpx;
+    height: 95vh;
+    word-break: break-all;
+    background-color: #f7f8fa;
+    display: flex;
+    flex-direction: column;
+
+    // 卡片样式
+    .card {
+        padding: 32rpx;
+        background-color: #fff;
+        border-radius: 20rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+        margin-bottom: 24rpx;
+
+        // 卡片头部
+        .card-header {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 24rpx;
+
+            .title {
+                font-size: 32rpx;
+                font-weight: 600;
+                color: #262626;
+                position: relative;
+                padding-left: 24rpx;
+
+                &::before {
+                    content: '';
+                    position: absolute;
+                    left: 0;
+                    top: 50%;
+                    transform: translateY(-50%);
+                    width: 6rpx;
+                    height: 28rpx;
+                    background: #3784fb;
+                    border-radius: 6rpx;
+                }
+            }
+
+            .header-right {
+                .tip {
+                    font-size: 26rpx;
+                    color: #8c8c8c;
+                }
+            }
+        }
+		// 操作按钮样式
+		.uni-group {
+		    display: flex;
+		    justify-content: center;
+		    align-items: center;
+		
+		    .uni-icons {
+		        padding: 8rpx;
+		        border-radius: 8rpx;
+		        transition: all 0.3s ease;
+		
+		        &:active {
+		            transform: scale(0.9);
+		            opacity: 0.8;
+		        }
+		    }
+		}
+
+        // 选择区域
+        .select-area {
+            padding: 24rpx 0;
+            border-bottom: 2rpx solid #f5f5f5;
+        }
+
+        // // 表格区域
+        // .table-area {
+        //     margin-top: 24rpx;
+        //     margin: 24rpx -32rpx 0;
+        //     overflow-x: auto;
+
+        //     :deep(.uni-table) {
+        //         width: 1080rpx;
+        //         padding: 0 10rpx;
+        //         .uni-table-tr {
+        //             .uni-table-th {
+        //                 min-width: 140rpx;
+        //                 &:last-child {
+        //                     min-width: 120rpx;
+        //                 }
+        //             }
+
+        //             .uni-table-td {
+        //                 .action-btn {
+        //                     display: inline-flex;
+        //                     padding: 12rpx;
+        //                     border-radius: 8rpx;
+        //                     transition: all 0.3s ease;
+        //                     margin: 0 8rpx;
+
+        //                     &:active {
+        //                         background-color: rgba(0, 0, 0, 0.05);
+        //                     }
+
+        //                     &.delete:active {
+        //                         background-color: rgba(255, 77, 79, 0.05);
+        //                     }
+        //                 }
+        //             }
+        //         }
+        //     }
+        // }
+    }
+
+    // 底部按钮
+    .footer-btn {
+        margin-top: auto;
+        padding: 32rpx;
+        background: #fff;
+        box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        .btn-cont {
+            width: 100%;
+            height: 88rpx;
+            line-height: 88rpx;
+            text-align: center;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            color: #fff;
+            border-radius: 44rpx;
+            font-size: 32rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/toolsBack/toolsBackNumDetail.vue b/src/pages/toolsBack/toolsBackNumDetail.vue
new file mode 100644
index 0000000..dccc03f
--- /dev/null
+++ b/src/pages/toolsBack/toolsBackNumDetail.vue
@@ -0,0 +1,242 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+    />
+    <view class="accept page-common">
+        <div class="card">
+            <div class="card-header">
+                <span class="title">任务信息</span>
+            </div>
+            <uni-forms :model="taskInfo" label-width="160rpx" :border="true">
+                <uni-forms-item label="退料班组：" name="unitName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.unitName }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="工程名称：" name="proName">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.proName }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="退料人员：" name="backPerson">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.backPerson }}</span>
+                </uni-forms-item>
+                <uni-forms-item label="退料电话：" name="phone">
+                    <span style="height: 100%;display: flex;align-items: center;">{{ taskInfo.phone }}</span>
+                </uni-forms-item>
+            </uni-forms>
+        </div>
+        <div class="card" style="margin-top: 20px;">
+            <div>退料物资</div>
+            <div style="width: 92%;height: auto;margin: 10px;">
+                <uni-table border stripe emptyText="暂无更多数据" >
+                    <!-- 表头行 -->
+                    <uni-tr>
+                        <uni-th width="100px" style="font-size: 24rpx;" align="center">类型名称</uni-th>
+                        <uni-th width="100px" style="font-size: 24rpx;" align="center">规格型号</uni-th>
+                        <uni-th width="80px" style="font-size: 24rpx;" align="center">在用数</uni-th>
+                        <uni-th width="80px" style="font-size: 24rpx;" align="center">退料数</uni-th>
+                         <uni-th width="100px" style="font-size: 24rpx;" align="center">损坏价值判定</uni-th>
+<!--                        <uni-th width="100px" style="font-size: 24rpx;" align="center">完好数量</uni-th> -->
+<!--                        <uni-th width="100px" style="font-size: 24rpx;" align="center">损坏数量</uni-th> -->
+                    </uni-tr>
+                    <!-- 表格数据行 -->
+                    <uni-tr v-for="(item,index) in typeList" :key="item.id">
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.typeName}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.typeModel}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">{{item.num}}</uni-td>
+                        <uni-td style="font-size: 24rpx;text-align: center;">
+                            <span>{{item.preNum}}</span> 
+                        </uni-td>
+<!--                        &lt;!&ndash; <uni-td style="font-size: 24rpx;text-align: center;">-->
+<!--                            <span>{{item.apDetection}}</span> -->
+<!--                        </uni-td> &ndash;&gt;-->
+<!--                        <uni-td style="font-size: 24rpx;text-align: center;">-->
+<!--                            <span>{{item.goodNum}}</span> -->
+<!--                        </uni-td>-->
+<!--                        <uni-td style="font-size: 24rpx;text-align: center;">-->
+<!--                            <span>{{item.badNum}}</span> -->
+<!--                        </uni-td>-->
+                    </uni-tr>
+                </uni-table>
+            </div>
+        </div>
+
+        <!-- <div class="btn"> -->
+            <!-- <button class="btn-cont" @click="reject">取消</button> -->
+            <!-- <button class="btn-cont">确认</button> -->
+        <!-- </div> -->
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'  
+import { getDetailsByIdApi } from '../../services/back.js';
+const title = ref('退料任务')
+const taskInfo = ref({})    
+const rowData = ref({})     
+const typeList = ref([])
+const detailInfo = ref({})    
+//获取明细
+const getDetails = async () => {
+	let param={
+		parentId:rowData.value.parentId,
+		typeId:rowData.value.typeId
+	}
+    const res = await getDetailsByIdApi(param)
+	detailInfo.value=res.data[0]  
+}
+
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+
+onLoad((options)=>{
+	console.log(options)
+	taskInfo.value = JSON.parse(options.taskInfo)
+    console.log(taskInfo.value)
+    rowData.value = JSON.parse(options.rowData)
+    console.log(rowData.value)
+    typeList.value = [rowData.value]
+    console.log(typeList.value)
+	getDetails()
+                      
+})
+</script>
+
+<style lang="scss">
+.accept {
+    padding: 24rpx;
+    height: 100vh;
+    word-break: break-all;
+    background-color: #f7f8fa;
+    display: flex;
+    flex-direction: column;
+
+    // 卡片样式
+    .card {
+        padding: 32rpx;
+        background-color: #fff;
+        border-radius: 20rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+        margin-bottom: 24rpx;
+
+        // 卡片标题
+        > div:first-child {
+            font-size: 32rpx;
+            font-weight: 600;
+            color: #262626;
+            margin-bottom: 24rpx;
+            position: relative;
+            padding-left: 24rpx;
+
+            &::before {
+                content: '';
+                position: absolute;
+                left: 0;
+                top: 50%;
+                transform: translateY(-50%);
+                width: 6rpx;
+                height: 28rpx;
+                background: #3784fb;
+                border-radius: 6rpx;
+            }
+        }
+
+        // 表单样式
+        :deep(.uni-forms) {
+            .uni-forms-item {
+                padding: 24rpx 0;
+                margin-bottom: 0;
+                border-bottom: 2rpx solid #f5f5f5;
+
+                &:last-child {
+                    border-bottom: none;
+                }
+
+                .uni-forms-item__label {
+                    color: #8c8c8c;
+                }
+
+                span {
+                    color: #262626;
+                    font-size: 28rpx;
+                }
+            }
+        }
+
+        // // 表格区域
+        // :deep(.uni-table) {
+        //     margin: 24rpx -32rpx 0;
+        //     width: calc(100% + 64rpx);
+            
+        //     .uni-table-tr {
+        //         .uni-table-th {
+        //             padding: 20rpx 16rpx;
+        //             font-size: 26rpx;
+        //             color: #8c8c8c;
+        //             background-color: #f7f8fa;
+        //             border-right: 2rpx solid #f0f0f0;
+        //             border-bottom: 2rpx solid #f0f0f0;
+
+        //             &:last-child {
+        //                 border-right: none;
+        //             }
+        //         }
+
+        //         .uni-table-td {
+        //             padding: 20rpx 16rpx;
+        //             font-size: 26rpx;
+        //             color: #262626;
+        //             border-right: 2rpx solid #f0f0f0;
+        //             border-bottom: 2rpx solid #f0f0f0;
+
+        //             &:last-child {
+        //                 border-right: none;
+        //             }
+
+        //             span {
+        //                 display: block;
+        //                 text-align: center;
+        //             }
+        //         }
+        //     }
+        // }
+    }
+
+    // 底部按钮
+    .btn {
+        margin-top: auto;
+        padding: 32rpx;
+        background: #fff;
+        box-shadow: 0 -4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        .btn-cont {
+            width: 100%;
+            height: 88rpx;
+            line-height: 88rpx;
+            text-align: center;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            color: #fff;
+            border-radius: 44rpx;
+            font-size: 32rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/toolsBack/toolsDetail.vue b/src/pages/toolsBack/toolsDetail.vue
new file mode 100644
index 0000000..a421d37
--- /dev/null
+++ b/src/pages/toolsBack/toolsDetail.vue
@@ -0,0 +1,415 @@
+<template>
+    <uni-nav-bar
+        dark
+        :fixed="true"
+        shadow
+        background-color="#4AA4EA"
+        status-bar
+        left-icon="left"
+        left-text="返回"
+        :title="title"
+        @clickLeft="back"
+    />
+    <!-- 新购验收详情 -->
+    <view class="accept page-common">
+        <uni-row :gutter="24" class="search-form">
+            <uni-col :span="10">
+                <view><uni-easyinput placeholder="请输入内容" v-model="keyWord" maxlength="10"/></view>
+            </uni-col>
+            <uni-col :span="4">
+                <view class="search" @click="getTableList()">查询</view>
+            </uni-col>
+            <uni-col :span="5">
+                <view class="addBtn" @click="goCode">编码退料</view>
+            </uni-col>
+            <uni-col :span="5" style="padding-right: 0;">
+                <view class="addBtn" @click="goNum">数量退料</view>
+            </uni-col>
+        </uni-row> 
+        <div class="table-list-item" v-for="(item, index) in tableList" :key="index" @click="handleItem(item)">
+            <uni-swipe-action class="swipe-action">
+                <uni-swipe-action-item @click="onClick($event, item)" :right-options="item.manageType==1 ? options:options2">
+                    <div class="title">
+                        <span style="font-size: 15px; font-weight: 800">退料任务</span>
+                        <!-- <span v-if="item.status == 2" style="color: #ff4d4f">未验收</span> -->
+                        <!-- <span v-else-if="item.status != 2" style="color: #3784fb">已验收</span> -->
+                        <!-- <span v-else-if="item.status == 12" style="color: #ff4d4f">不合格</span> -->
+                    </div>
+                    <div class="line"></div>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">物资名称：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.typeName }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">规格型号：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.typeModel }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">已退数量：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.preNum }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24">
+                        <uni-col :span="8">单位：</uni-col>
+                        <uni-col :span="16"><div class="cont">{{ item.unitName }}</div></uni-col>
+                    </uni-row>
+                    <uni-row :gutter="24" v-if="item.status != 2">
+                        <uni-col :span="8">管理模式：</uni-col>
+                        <uni-col :span="16">
+                            <div class="cont" v-if="item.manageType==0">编码</div>
+                            <div class="cont" v-if="item.manageType==1">数量</div>
+                        </uni-col>
+                    </uni-row>
+                </uni-swipe-action-item>
+            </uni-swipe-action>
+
+        </div>
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import { getBackInfo,deleteNumType } from '../../services/back.js';
+import { onLoad,onShow } from '@dcloudio/uni-app'
+const title = ref('退料任务')
+const keyWord = ref('')
+const id = ref('') 
+const taskId = ref('')
+const statusList = ref(["2","12"])
+const tableList = ref([])
+const taskInfo = ref({})
+
+// 右滑按钮组
+const options = ref([
+    {
+        text: '查看',
+        style: {
+            backgroundColor: '#65a1ff',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+    {
+        text: '删除',
+        style: {
+            backgroundColor: '#ed6042',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+]) 
+
+// 右滑按钮组
+const options2 = ref([
+    {
+        text: '查看',
+        style: {
+            backgroundColor: '#65a1ff',
+            color: '#fff',
+            fontSize: '30rpx',
+        },
+    },
+    
+])  
+//详情数据
+const getTableList = () => { 
+	// let obj = {
+	// 	"id":id.value,
+	// 	// "taskId":taskId.value,
+	// 	// "statusList":statusList.value,
+	// }
+	// console.log(obj)
+	getBackInfo(id.value,keyWord.value).then(res => { 
+		console.log(res) 
+        taskInfo.value = res.data.backApplyInfo;
+		tableList.value = res.data.backApplyDetailsList;
+		console.log(taskInfo.value)
+	}).catch(error => {
+		console.log(error) 
+	})  
+}
+const search = () => {
+    console.log('🚀 ~ search ~ keyWord:', keyWord.value)
+	getTableList()
+} 
+//编码新增
+const goCode = () => {
+    uni.navigateTo({ url: `/pages/toolsBack/toolsBackCode?taskInfo=${JSON.stringify(taskInfo.value)}` })
+}
+//数量新增
+const goNum = () => {
+    uni.navigateTo({ url: `/pages/toolsBack/toolsBackNum?taskInfo=${JSON.stringify(taskInfo.value)}` })
+}
+const onClick = (e, item) => {
+    const { index } = e
+    // 1. 查看
+    if (index === 0) {
+        if (item.manageType == 0) {//编码管理
+            uni.navigateTo({ url: `/pages/toolsBack/toolsBackCodeDetail?taskInfo=${JSON.stringify(taskInfo.value)}&rowData=${JSON.stringify(item)}` })
+        } else if(item.manageType == 1) {//数量管理
+            uni.navigateTo({ url: `/pages/toolsBack/toolsBackNumDetail?taskInfo=${JSON.stringify(taskInfo.value)}&rowData=${JSON.stringify(item)}` })
+        }
+    }
+    // 2. 删除
+    if (index === 1) {
+        let param = {
+            id:item.id,
+            parentId:item.parentId
+        }
+        deleteNumType(param).then(res => { 
+            console.log(res)
+            if(res.code==200){
+                uni.showToast({ title: '删除成功', icon: 'none' })
+                getTableList()
+            }else{
+                uni.showToast({ title: '删除失败', icon: 'none' })
+            }
+        }).catch(error => {
+            console.log(error) 
+        })  
+    }
+}
+
+//点击详情
+const handleItem = (item) => {
+    console.log('🚀 ~ handleItem ~ item:', item)
+    if (item.manageType == 0) {
+        //编码接收
+        uni.navigateTo({ url: `/pages/toolsBack/toolsBackCode?taskInfo=${JSON.stringify(taskInfo.value)}` })
+    } else if (item.manageType == 1) {
+        //数量接收
+        uni.navigateTo({ url: `/pages/toolsBack/toolsBackNum?taskInfo=${JSON.stringify(taskInfo.value)}` })
+    }
+}
+
+const back = () => {
+    uni.navigateBack({
+        delta: 1,
+    })
+}
+
+onLoad((options)=>{
+	console.log(options)
+	id.value = options.id
+	taskId.value = options.taskId
+	getTableList()
+})
+onShow(()=>{
+	getTableList()
+})
+</script>
+
+<style lang="scss" scoped>
+.accept {
+    height: 95vh;
+    word-break: break-all;
+    overflow-y: auto;
+    background-color: #f7f8fa;
+    padding: 24rpx;
+
+    // 搜索表单
+    .search-form {
+        display: flex;
+        align-items: center;
+        background: #fff;
+        padding: 24rpx;
+        border-radius: 20rpx;
+        margin-bottom: 24rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        :deep(.uni-col) {
+            padding-right: 16rpx;  // 统一列间距
+        }
+
+        :deep(.uni-easyinput__content) {
+            background-color: #f7f8fa;
+            border: 2rpx solid #e8e8e8;
+            border-radius: 12rpx;
+            height: 88rpx;  // 统一高度
+            padding: 0 24rpx;
+            transition: all 0.3s ease;
+
+            &:focus-within {
+                border-color: #3784fb;
+                box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+            }
+
+            .uni-easyinput__content-input {
+                font-size: 28rpx;
+                color: #262626;
+                height: 88rpx;
+                line-height: 88rpx;
+            }
+        }
+
+        // 查询按钮
+        .search {
+            height: 80rpx;  // 增加按钮高度
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            text-align: center;
+            line-height: 80rpx;
+            color: #fff;
+            border-radius: 12rpx;
+            font-size: 24rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+            white-space: nowrap;  // 防止文字换行
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(55, 132, 251, 0.2);
+            }
+        }
+
+        // 新增按钮
+        .addBtn {
+            height: 80rpx;  // 增加按钮高度
+            background: linear-gradient(135deg, #19be6b 0%, #16a75c 100%);
+            text-align: center;
+            line-height: 80rpx;
+            color: #fff;
+            border-radius: 12rpx;
+            font-size: 20rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(25, 190, 107, 0.2);
+            transition: all 0.3s ease;
+            white-space: nowrap;  // 防止文字换行
+
+            &:active {
+                transform: scale(0.98);
+                opacity: 0.9;
+                box-shadow: 0 2rpx 8rpx rgba(25, 190, 107, 0.2);
+            }
+        }
+    }
+ 
+	// 列表项样式
+	.table-list-item {
+		margin: 24rpx 0;
+		padding: 32rpx;
+		background-color: #fff;
+		border-radius: 20rpx;
+		box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+		transition: all 0.3s ease;
+		overflow: hidden;  // 移除溢出隐藏
+		position: relative; // 移除相对定位
+
+		// 滑动操作区域样式优化
+		.swipe-action {
+			:deep(.uni-swipe) {
+				width: calc(100% + 64rpx) !important;  // 增加宽度以容纳按钮
+				margin: -32rpx;  // 抵消父元素的内边距
+				padding: -10rpx;  // 添加内边距
+				background-color: #fff;  // 设置背景色
+			}
+
+			:deep(.uni-swipe_content) {
+				background: #fff;  // 设置内容区背景色
+				border-radius: 20rpx;  // 保持圆角
+				overflow: hidden;  // 内容区域溢出隐藏
+			}
+
+			:deep(.uni-swipe_right) {
+				height: 100%;
+				display: flex;
+				align-items: center;
+				transform: translateX(100%);  // 初始状态隐藏
+				transition: transform 0.3s;
+			}
+		}
+
+		.title {
+			display: flex;
+			justify-content: space-between;
+			align-items: center; 
+			padding-left: 20rpx;
+			padding-top: 10rpx;
+
+			span {
+				font-size: 32rpx;
+				font-weight: 600;
+				color: #3784fb;
+				background: linear-gradient(90deg, #3784fb, #4b8eff);
+				-webkit-background-clip: text;
+				-webkit-text-fill-color: transparent;
+			}
+		}
+
+		.line {
+			margin: 24rpx 0;
+			height: 2rpx;
+			background: linear-gradient(90deg, 
+				rgba(232, 232, 232, 0) 0%,
+				rgba(232, 232, 232, 1) 50%,
+				rgba(232, 232, 232, 0) 100%
+			);
+		}
+
+		:deep(.uni-row) {
+			margin-bottom: 20rpx;
+			padding-left: 20rpx;
+			&:last-child {
+				margin-bottom: 0;
+			}
+
+			.uni-col-8 {
+				color: #8c8c8c;
+				font-size: 28rpx;
+				font-weight: 500;
+			}
+
+			.cont {
+				color: #262626;
+				font-size: 28rpx;
+				font-weight: 500;
+				line-height: 1.8;
+				text-align: right;
+				padding-right: 20rpx;
+			}
+		}
+
+		// 滑动按钮样式
+		:deep(.uni-swipe_button-group) {
+			height: 100%;
+			display: flex;
+			align-items: stretch;
+
+			.uni-swipe_button {
+				padding: 0 50rpx;
+				font-size: 28rpx;
+				font-weight: 600;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: auto;
+				margin: 0;
+				min-width: 120rpx;  // 设置最小宽度
+
+				&:nth-child(1) {
+					background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+					box-shadow: 0 4rpx 16rpx rgba(55, 132, 251, 0.2);
+					border-radius: 0;
+				}
+
+				&:nth-child(2) {
+					background: linear-gradient(135deg, #ff4d4f 0%, #ed6042 100%);
+					box-shadow: 0 4rpx 16rpx rgba(237, 96, 66, 0.2);
+					border-radius: 0;
+				}
+
+				&:active {
+					opacity: 0.9;
+					transform: scale(0.98);
+				}
+			}
+		}
+
+		&:active {
+			transform: scale(0.985);
+			background-color: #fafbfc;
+		}
+	}
+
+}
+</style>
diff --git a/src/services/back.js b/src/services/back.js
index 90b5c5a..51773d8 100644
--- a/src/services/back.js
+++ b/src/services/back.js
@@ -298,6 +298,42 @@ export const getTypeTreeList = (data) => {
     })
 }
 
+// 类型规格-树
+export const getUseTypeTree = (data) => {
+    return http({
+        method: 'POST',
+        url: '/material/select/getUseTypeTree',
+        data:data,
+    })
+}
+
+// 退料申请
+export const backTask = (data) => {
+    return http({
+        method: 'POST',
+        url: '/material/back_apply_info',
+        data:data,
+    })
+}
+
+// 退料提交
+export const backSubmit = (data) => {
+    return http({
+        method: 'POST',
+        url: '/material/back_apply_info/submitBackApply',
+        data:data,
+    })
+}
+
+// 删除
+export const deleteBackApi = (data) => {
+    return http({
+        method: 'POST',
+        url: `/material/back_apply_info/deleteById`,
+        data:data,
+    })
+}
+
 // 工机具出库详情-列表
 export const getOutNum = (data) => {
     return http({
diff --git a/src/utils/http.js b/src/utils/http.js
index 4f68124..97bd782 100644
--- a/src/utils/http.js
+++ b/src/utils/http.js
@@ -77,6 +77,11 @@ export const http = (options) => {
                             url: '/pages/login/index',
                         })
                         reject(res)
+                    } else if (res.data.code === 400) {
+                        uni.showToast({
+                            icon: 'none',
+                            title: `${res.data.msg}`,
+                        })
                     } else if (res.data.code === 500) {
                         uni.showToast({
                             icon: 'none',