From 7b903edad3682c1b6ee401aa8b30e61c4e545974 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Sat, 14 Jun 2025 17:30:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E8=B4=AD=E6=B5=81=E7=A8=8B=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |   6 +
 src/pages/login/index.vue                     |   2 +
 .../new-purchase/accept/acceptDetails.vue     |  72 +-
 src/pages/new-purchase/accept/index.vue       |  16 +-
 src/pages/picking/outbound/index.vue          |  15 +-
 src/pages/picking/outbound/sign.vue           | 624 ++++++++++++++++++
 src/pages/work/index.vue                      |   5 +
 src/services/purchase.js                      |   9 +
 src/utils/http.js                             |   2 +-
 9 files changed, 724 insertions(+), 27 deletions(-)
 create mode 100644 src/pages/picking/outbound/sign.vue

diff --git a/src/pages.json b/src/pages.json
index bbb0265..ca3e563 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -137,6 +137,12 @@
                 "navigationBarTitleText": "领料出库"
             }
         },
+        {
+            "path": "pages/picking/outbound/sign",
+            "style": {
+                "navigationBarTitleText": "电子签名"
+            }
+        },
         // 2. 详情
         {
             "path": "pages/picking/outbound/details",
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 968617d..45a56a1 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -61,6 +61,7 @@ onMounted(async () => {
             uni.setStorageSync('username', loginForm.username)
             uni.setStorageSync('password', loginForm.password)
             uni.setStorageSync('id', res.user.userId)
+            uni.setStorageSync('deptName', res.user?.dept?.deptName)
             setTimeout(() => {
                 uni.switchTab({
                     url: '/pages/index/index',
@@ -87,6 +88,7 @@ const onHandleLogin = async () => {
         uni.setStorageSync('username', loginForm.username)
         uni.setStorageSync('password', loginForm.password)
         uni.setStorageSync('id', result.user.userId)
+        uni.setStorageSync('deptName', result.user?.dept?.deptName)
         setTimeout(() => {
             uni.switchTab({
                 url: '/pages/index/index',
diff --git a/src/pages/new-purchase/accept/acceptDetails.vue b/src/pages/new-purchase/accept/acceptDetails.vue
index fdd3180..a984d6c 100644
--- a/src/pages/new-purchase/accept/acceptDetails.vue
+++ b/src/pages/new-purchase/accept/acceptDetails.vue
@@ -13,11 +13,11 @@
         </uni-row>
         <uni-row :gutter="24" class="sect-form">
             <uni-section title="审核记录" type="line" padding>
-                <uni-steps :options="sectList" :active="activeSect" />
+                <uni-steps :options="auditingList" :active="activeSect" />
             </uni-section>
         </uni-row>
-        <uni-row :gutter="24" class="check-form">
-            <div style="display: flex; justify-content: space-between; align-items: center">
+        <uni-row :gutter="24" class="check-form" v-if="!isFinished">
+            <!-- <div style="display: flex; justify-content: space-between; align-items: center">
                 <checkbox-group @change="onAllChecked">
                     <checkbox
                         color="#409eff"
@@ -27,9 +27,12 @@
                     />
                 </checkbox-group>
                 <div>全选 {{ checkedCount }}/{{ tableList.length }}</div>
+            </div> -->
+            <div>
+                <button type="primary" size="mini" @click="handleAllSubmit(true)">合格</button>
             </div>
             <div>
-                <button type="primary" size="mini" @click="handleAllSubmit" :disabled="checkedCount == 0">批量合格</button>
+                <button type="warn" size="mini" @click="handleAllSubmit(false)">不合格</button>
             </div>
         </uni-row>
         <scroll-view scroll-y class="scroll-container">
@@ -37,11 +40,10 @@
                 class="table-list-item"
                 v-for="(item, index) in tableList"
                 :key="index"
-                @click="handleItem(item)"
             >
                 <div class="title">
                     <span>
-                        <checkbox-group @change="onChangeChecked(item)">
+                        <!-- <checkbox-group @change="onChangeChecked(item)">
                             <checkbox
                                 color="#409eff"
                                 borderColor="#409eff"
@@ -49,7 +51,7 @@
                                 :checked="item.isChecked"
                                 :disabled="item.status != '2'"
                             />
-                        </checkbox-group>
+                        </checkbox-group> -->
                         新购验收
                     </span>
                     <span :class="item.status == 2 ? 'pending' : 'completed'">
@@ -97,16 +99,17 @@
 
 <script setup>
 import { ref, reactive, computed } from 'vue'
-import { getPurchaseInfo, innerVerify } from '../../../services/purchase.js'
+import { getPurchaseInfo, innerVerify, getSignListApi } from '../../../services/purchase.js'
 import { onLoad, onShow } from '@dcloudio/uni-app'
 const searchValue = ref('')
 const id = ref('')
 const taskId = ref('')
+const isFinished = ref(false)
 const statusList = ref(['2', '12'])
 const tableList = ref([])
 const allChecked = ref(false)
-const sectList = ref([
-    { title: '供应科审核', desc: '已审核\n张三\n' },
+const auditingList = ref([
+    { title: '供应科审核', desc: '' },
     { title: '技术科审核' },
     { title: '库管班审核' },
 ])
@@ -114,6 +117,33 @@ const activeSect = ref(0)
 const checkedCount = computed(
     () => tableList.value.filter((item) => item.status == 2 && item.isChecked).length,
 )
+
+const getSignList = async () => {
+    try {
+        const res = await getSignListApi({ taskId: taskId.value })
+        if (res.code === 200 && res.data && res.data.length > 0) {
+            auditingList.value = res.data.map((item, index) => {
+                return {
+                    ...item,
+                    title: item.deptName + '审核',
+                    desc: item.auditStatusName + '\n' + (index == 0 ? '姚士超' : item.userName || '') + '\n' + item.createTime + '\n' + (item.auditRemark || '')
+                }
+            })
+            activeSect.value = auditingList.value.length - 1
+            const auditSteps = [
+                { title: '技术科审核', desc: '待审核' },
+                { title: '库管班审核', desc: '待审核' }
+            ]
+            if (auditingList.value.length === 1) {
+                auditingList.value.push(...auditSteps)
+            } else if (auditingList.value.length === 2) {
+                auditingList.value.push(auditSteps[1])
+            }
+        }
+    } catch (error) {
+        console.log('🚀 ~ getSignList ~ error:', error)
+    }
+}
 const getTableList = () => {
     let obj = {
         id: id.value,
@@ -174,28 +204,30 @@ const onAllChecked = () => {
     console.log('🚀 ~ tableList.value.forEach ~ tableList.value:', tableList.value)
 }
 // 批量合格
-const handleAllSubmit = () => {
+const handleAllSubmit = (bool) => {
+    console.log('🚀 ~ handleAllSubmit ~ bool:', bool)
+    const connect = bool ? '确定合格吗？' : '确定不合格吗？'
     // 弹框确定
     uni.showModal({
         title: '提示',
-        content: '确定批量合格吗？',
+        content: connect,
         success: async (res) => {
             if (res.confirm) {
                 // 获取选中的行数据
-                const checkedRows = tableList.value.filter(item => item.isChecked)
-                console.log('🚀 ~ success: ~ checkedRows:', checkedRows)
-                const purchaseCheckDetailsList = checkedRows.map(item => { 
+                // const checkedRows = tableList.value.filter(item => item.isChecked)
+                // console.log('🚀 ~ success: ~ checkedRows:', checkedRows)
+                const purchaseCheckDetailsList = tableList.value.map(item => { 
                     return {
                         taskId: item.taskId,
                         typeId: item.typeId,
-                        status: '3',
-                        checkResult: '合格',
+                        status: bool ? '3' : '1',
+                        checkResult: bool ? '合格' : '不合格',
                         manageType: item.manageType
                     }
                 })
                 const param = {
                     purchaseCheckDetailsList,
-                    verifyPass: true
+                    verifyPass: bool
                 }
                 console.log('🚀 ~ success: ~ param:', param)
                 try {
@@ -207,6 +239,8 @@ const handleAllSubmit = () => {
                     })
                     allChecked.value = false
                     getTableList()
+                    // 返回
+                    uni.navigateBack()
                 } catch (error) {
                     console.log('🚀 ~ success: ~ error:', error)
                 }
@@ -218,7 +252,9 @@ onLoad((options) => {
     console.log(options)
     id.value = options.id
     taskId.value = options.taskId
+    isFinished.value = options.isFinished ? JSON.parse(options.isFinished) : false
     getTableList()
+    getSignList()
 })
 onShow(() => {
     getTableList()
diff --git a/src/pages/new-purchase/accept/index.vue b/src/pages/new-purchase/accept/index.vue
index b2576e4..8866c1a 100644
--- a/src/pages/new-purchase/accept/index.vue
+++ b/src/pages/new-purchase/accept/index.vue
@@ -166,7 +166,21 @@ const onChangeDate = (val) => {
 const maskClick = () => {}
 const handleItem = (item) => {
     console.log('🚀 ~ handleItem ~ item:', item)
-    uni.navigateTo({ url: `/pages/new-purchase/accept/acceptDetails?id=${item.id}&taskId=${item.taskId}` })
+    // 是否完成
+    const isFinished = item.taskStatusName == '已完成'
+    const singLevel = {
+        '2': '技术科',
+        '3': '库管班',
+    }
+    const deptName = uni.getStorageSync('deptName')
+    if (!deptName.includes(singLevel[item.signLevel]) && !isFinished) {
+        uni.showToast({
+            title: `请联系${singLevel[item.signLevel]}进行审核`,
+            icon: 'none',
+        })
+        return
+    }
+    uni.navigateTo({ url: `/pages/new-purchase/accept/acceptDetails?id=${item.id}&taskId=${item.taskId}&isFinished=${isFinished}` })
 }
 onShow((options) => {
     getTableList(true)
diff --git a/src/pages/picking/outbound/index.vue b/src/pages/picking/outbound/index.vue
index 4ce1bb6..a0961a0 100644
--- a/src/pages/picking/outbound/index.vue
+++ b/src/pages/picking/outbound/index.vue
@@ -135,16 +135,17 @@ const queryParams = ref({
     statusList: [3], //                 状态
     pageNum: 1,
     pageSize: 3,
+    hasSign: 1,
 })
 
 const options = reactive([
-    {
-        text: '电子签名',
-        style: {
-            backgroundColor: '#3784fb',
-            fontSize: '28rpx',
-        },
-    },
+    // {
+    //     text: '电子签名',
+    //     style: {
+    //         backgroundColor: '#3784fb',
+    //         fontSize: '28rpx',
+    //     },
+    // },
 ])
 
 // 电子签名
diff --git a/src/pages/picking/outbound/sign.vue b/src/pages/picking/outbound/sign.vue
new file mode 100644
index 0000000..d7787ee
--- /dev/null
+++ b/src/pages/picking/outbound/sign.vue
@@ -0,0 +1,624 @@
+<template>
+    <!-- 领料出库 -->
+    <view class="page-container">
+        <uni-row :gutter="24" class="search-form">
+            <uni-col :span="24">
+                <view>
+                    <uni-datetime-picker
+                        v-model="dateArray"
+                        type="daterange"
+                        @maskClick="maskClick"
+                        @change="onChangeDate"
+                        placeholder="选择日期范围"
+                        style="width: 100%"
+                    />
+                </view>
+            </uni-col>
+        </uni-row>
+        <uni-row :gutter="24" class="search-form">
+            <uni-col :span="18">
+                <view>
+                    <uni-easyinput placeholder="请输入内容" v-model="queryParams.keyWord" />
+                </view>
+            </uni-col>
+            <uni-col :span="6">
+                <view class="search" @click="getTableList(false, true)">搜索</view>
+            </uni-col>
+        </uni-row>
+
+        <scroll-view scroll-y @scrolltolower="onScrollTolower" class="scroll-container">
+            <view
+                class="table-list-item"
+                :key="index"
+                @click="handleItem(item)"
+                v-for="(item, index) in tableList"
+            >
+                <uni-swipe-action class="swipe-action">
+                    <uni-swipe-action-item
+                        :right-options="options"
+                        @click="onSignature($event, item)"
+                    >
+                        <div class="title">
+                            <span class="code">{{ item.code }}</span>
+                            <div class="cont">
+                                <uni-tag
+                                    :text="item.taskStatus === 3 ? '未完成' : '已完成'"
+                                    :type="item.taskStatus === 3 ? 'warning' : 'success'"
+                                    :custom-style="item.taskStatus === 4 ? successStyle : ''"
+                                />
+                            </div>
+                        </div>
+                        <div class="line"></div>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">申请时间：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.createTime }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">领料物资：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.maTypeNames }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">领料单位：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.leaseUnit }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">领料工程：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.leaseProject }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">领料人：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.leasePerson }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">预领数量：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.preCountNum }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">已领数量：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.alNum }}</div>
+                            </uni-col>
+                        </uni-row>
+                        <uni-row :gutter="24">
+                            <uni-col :span="6">待领数量：</uni-col>
+                            <uni-col :span="18">
+                                <div class="cont">{{ item.preCountNum - item.alNum }}</div>
+                            </uni-col>
+                        </uni-row>
+                    </uni-swipe-action-item>
+                </uni-swipe-action>
+            </view>
+            <view class="loading-text">
+                {{ finish ? '没有更多数据了~' : '正在加载...' }}
+            </view>
+        </scroll-view>
+    </view>
+</template>
+
+<script setup>
+import { ref, reactive, computed } from 'vue'
+import { getPickingOutboundListAPI } from '@/services/picking/outbound.js'
+import { onLoad, onShow } from '@dcloudio/uni-app'
+import { debounce } from 'lodash-es'
+import { onBackPress } from '@dcloudio/uni-app'
+const total = ref(0) //                 数据总量
+const active = ref(1) //                tap索引
+const tableList = ref([]) //            列表数据源
+const dateArray = ref([]) //            日期范围
+// 查询参数
+const queryParams = ref({
+    startTime: '', //                   开始时间
+    endTime: '', //                     结束时间
+    keyWord: '', //                     关键字
+    pageNum: 1,
+    pageSize: 10,
+    hasSign: 0,
+})
+
+const options = reactive([
+    {
+        text: '电子签名',
+        style: {
+            backgroundColor: '#3784fb',
+            fontSize: '28rpx',
+        },
+    },
+])
+
+// 电子签名
+const onSignature = (e, item) => {
+    console.log('电子签名-e', e)
+    console.log('电子签名-item', item)
+    const params = {
+        id: item.id,
+        leaseSignUrl: item.leaseSignUrl,
+        leaseSignType: item.leaseSignType,
+        isLease: true,
+    }
+    uni.navigateTo({
+        url: `/pages/my/signature?params=${JSON.stringify(params)}`,
+    })
+}
+
+// 日期 change 事件
+const onChangeDate = (val) => {
+    const [val_1, val_2] = val
+    queryParams.value.startTime = val_1
+    queryParams.value.endTime = val_2
+}
+
+// 获取列表数据
+const getTableList = async (isTap = false, isSearch = false) => {
+    if (isSearch) {
+        // 当进行搜索时，重置页码和列表数据
+        queryParams.value.pageNum = 1
+        tableList.value = []
+    }
+    console.log('queryParams.value查询参数', queryParams.value)
+    const res = await getPickingOutboundListAPI(queryParams.value)
+    console.log('res列表数据', res)
+    total.value = res.data.total
+    if (isTap) {
+        tableList.value = res.data.rows
+    } else {
+        if (res.data.rows.length == 0) {
+            tableList.value = []
+        } else {
+            //  tableList.value = res.data.rows
+            tableList.value = [...tableList.value, ...res.data.rows]
+        }
+    }
+}
+
+// // 页面加载完毕
+// onLoad(() => {
+//     getTableList()
+// })
+
+onShow(() => {
+    queryParams.value.pageNum = 1
+    tableList.value = []
+    total.value = 0
+    getTableList()
+})
+
+// 滚动触底事件
+const onScrollTolower = debounce(() => {
+    console.log('触底事件')
+    if (total.value > tableList.value.length) {
+        queryParams.value.pageNum++
+        getTableList()
+    }
+}, 500)
+
+// tap 栏切换
+const changeTab = (index) => {
+    active.value = index
+    console.log('index', index)
+    if (index == 2) {
+        queryParams.value.statusList = [4] // 查已完成的
+        queryParams.value.pageNum = 1
+        getTableList(true)
+    } else if (index == 1) {
+        queryParams.value.statusList = [3] // 查未完成的
+        queryParams.value.pageNum = 1
+        getTableList(true)
+    }
+}
+// 点击跳转详情
+const handleItem = (item) => {
+    uni.navigateTo({
+        url: `/pages/picking/outbound/details?id=${item.id}&publishTask=${item.publishTask}`,
+    })
+}
+
+// 判断数据是否加载完毕
+const finish = computed(() => {
+    console.log('xxxxxxxxxxxx', total.value, tableList.value.length)
+    if (total.value === tableList.value.length) return true
+})
+
+const maskClick = () => {}
+
+// 已完成状态的自定义样式
+const successStyle = {
+    color: '#52c41a',
+    backgroundColor: 'rgba(82, 196, 26, 0.1)',
+    border: '2rpx solid rgba(82, 196, 26, 0.2)',
+    fontWeight: '600',
+}
+</script>
+
+<style lang="scss" scoped>
+.page-container {
+    display: flex;
+    height: 100vh;
+    flex-direction: column;
+    background-color: #f7f8fa;
+    padding: 24rpx;
+
+    // Tab切换按钮
+    .complete-btn {
+        display: flex;
+        padding: 20rpx 24rpx;
+        justify-content: center;
+        background: #fff;
+        border-radius: 20rpx;
+        margin-bottom: 20rpx;
+        box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.05);
+
+        .btn {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            padding: 0 60rpx;
+            position: relative;
+            transition: all 0.3s ease;
+
+            span {
+                font-size: 32rpx;
+                color: #8c8c8c;
+                font-weight: 500;
+
+                &.active {
+                    color: #3784fb;
+                    font-weight: 600;
+
+                    .second-active & {
+                        color: #fa8c16;
+                    }
+                }
+            }
+
+            .bt-line {
+                width: 32rpx;
+                height: 6rpx;
+                background: #3784fb;
+                margin-top: 12rpx;
+                border-radius: 6rpx;
+                transition: all 0.3s ease;
+
+                .second-active & {
+                    background: #fa8c16;
+                }
+            }
+        }
+    }
+
+    // 搜索表单
+    .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-date) {
+            width: 100%;
+
+            .uni-date-x {
+                width: 100%;
+            }
+
+            .uni-date-editor--x {
+                width: 100%;
+            }
+
+            .uni-date-range--x {
+                width: 100%;
+
+                .uni-date-range--x-input {
+                    width: 100%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    padding: 0 24rpx;
+
+                    .uni-date-range--x-text {
+                        font-size: 28rpx;
+                        color: #262626;
+                    }
+                }
+            }
+
+            .uni-date-x--border {
+                width: 100%;
+                border: 2rpx solid #e8e8e8;
+                border-radius: 12rpx;
+                background-color: #f7f8fa;
+                height: 80rpx;
+                transition: all 0.3s ease;
+
+                &:focus-within {
+                    border-color: #3784fb;
+                    box-shadow: 0 0 0 2rpx rgba(55, 132, 251, 0.1);
+                }
+            }
+        }
+
+        .search {
+            width: 100%;
+            height: 80rpx;
+            background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+            text-align: center;
+            line-height: 80rpx;
+            color: #fff;
+            border-radius: 12rpx;
+            font-size: 28rpx;
+            font-weight: 600;
+            box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: translateY(2rpx);
+                opacity: 0.9;
+            }
+        }
+    }
+
+    // 列表项
+    .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;
+
+        &:active {
+            transform: scale(0.985);
+            background-color: #fafbfc;
+        }
+
+        .title {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-bottom: 24rpx;
+
+            .code {
+                font-size: 32rpx;
+                font-weight: 600;
+                color: #007aff;
+                letter-spacing: 1rpx;
+                background: linear-gradient(90deg, #007aff, #4b8eff);
+                -webkit-background-clip: text;
+                color: transparent;
+            }
+
+            .cont {
+                :deep(.uni-tag) {
+                    padding: 6rpx 20rpx;
+                    border-radius: 8rpx;
+                    font-size: 26rpx;
+                    font-weight: 600;
+                    border: none;
+                    transition: all 0.3s ease;
+
+                    &[type='warning'] {
+                        background-color: rgba(250, 140, 22, 0.1);
+                        color: #fa8c16;
+                        border: 2rpx solid rgba(250, 140, 22, 0.2);
+                    }
+
+                    &[type='success'] {
+                        // 样式将通过 custom-style 控制
+                    }
+
+                    &:active {
+                        opacity: 0.8;
+                        transform: scale(0.98);
+                    }
+                }
+            }
+        }
+
+        .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;
+
+            .uni-col-7 {
+                color: #8c8c8c;
+                font-size: 28rpx;
+                font-weight: 500;
+            }
+
+            .cont {
+                display: flex;
+                justify-content: flex-end;
+                line-height: 1.8;
+                color: #262626;
+                font-size: 28rpx;
+                font-weight: 500;
+            }
+        }
+
+        // 左滑操作按钮
+        :deep(.uni-swipe_action) {
+            border-radius: 20rpx;
+            overflow: hidden;
+
+            .uni-swipe_content {
+                margin: 0 !important;
+                padding: 0;
+                background-color: #fff;
+            }
+
+            .uni-swipe_button-group {
+                height: 100%;
+
+                .uni-swipe_button {
+                    height: 100%;
+                    padding: 0 40rpx;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    font-size: 28rpx;
+                    font-weight: 600;
+                    color: #fff;
+
+                    &:nth-child(1) {
+                        background: linear-gradient(to bottom, #3ad980, #34c759);
+                    }
+
+                    &:nth-child(2) {
+                        background: linear-gradient(to bottom, #3b95ff, #007aff);
+                    }
+                }
+            }
+        }
+    }
+
+    .scroll-container {
+        padding: 0 2rpx;
+
+        .table-list-item {
+            margin: 24rpx 0;
+            padding: 32rpx;
+            background-color: #fff;
+            min-height: 300rpx;
+            border-radius: 20rpx;
+            box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.06);
+            transition: all 0.3s ease;
+
+            &:active {
+                transform: scale(0.985);
+                background-color: #fafbfc;
+            }
+
+            .title {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                margin-bottom: 20rpx;
+
+                .title-left {
+                    .code {
+                        font-size: 32rpx;
+                        font-weight: 600;
+                        color: #3784fb;
+                        letter-spacing: 1rpx;
+                    }
+                }
+
+                span.status {
+                    padding: 8rpx 28rpx;
+                    border-radius: 8rpx;
+                    font-size: 26rpx;
+                    font-weight: 600;
+
+                    &.completed {
+                        background-color: rgba(82, 196, 26, 0.1);
+                        color: #52c41a;
+                    }
+
+                    &.pending {
+                        background-color: rgba(250, 140, 22, 0.1);
+                        color: #fa8c16;
+                    }
+                }
+            }
+
+            .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;
+
+                .uni-col-6 {
+                    color: #8c8c8c;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                }
+            }
+
+            .cont {
+                display: flex;
+                justify-content: flex-end;
+                line-height: 1.8;
+                color: #262626;
+                font-size: 28rpx;
+                font-weight: 500;
+            }
+        }
+    }
+
+    // 加载提示文字
+    .loading-text {
+        text-align: center;
+        font-size: 26rpx;
+        color: #8c8c8c;
+        padding: 32rpx 0;
+        letter-spacing: 1rpx;
+    }
+}
+
+// 优化滑动区域样式
+:deep(.uni-swipe_action) {
+    border-radius: 20rpx;
+    overflow: hidden;
+
+    .uni-swipe_content {
+        margin: 0 !important;
+        padding: 0;
+        background-color: #fff;
+    }
+
+    .uni-swipe_button-group {
+        height: 100%;
+
+        .uni-swipe_button {
+            writing-mode: vertical-rl;
+            padding: 0 24rpx;
+            font-size: 28rpx !important;
+            font-weight: 600;
+
+            // 查看按钮
+            &:nth-child(1) {
+                background: linear-gradient(to bottom, #3ad980, #34c759) !important;
+            }
+
+            // 出库按钮
+            &:nth-child(2) {
+                background: linear-gradient(to bottom, #3b95ff, #007aff) !important;
+            }
+
+            &:active {
+                opacity: 0.85;
+            }
+        }
+    }
+}
+</style>
diff --git a/src/pages/work/index.vue b/src/pages/work/index.vue
index fdd9aa1..cb4498d 100644
--- a/src/pages/work/index.vue
+++ b/src/pages/work/index.vue
@@ -174,6 +174,11 @@ const newPurchaseList = ref([
 
 // 仓储
 const pickingList = ref([
+    {
+        title: '电子签名',
+        url: '/pages/picking/outbound/sign',
+        iconSrc: '../../static/workbench/backCreate.png',
+    },
     {
         title: '领料出库',
         url: '/pages/picking/outbound/index',
diff --git a/src/services/purchase.js b/src/services/purchase.js
index cc324f2..fabd230 100644
--- a/src/services/purchase.js
+++ b/src/services/purchase.js
@@ -72,3 +72,12 @@ export const getMachineCode = (data)=> {
   data: data,
   })
 }
+
+// 流程图
+export function getSignListApi(data) {
+  return http({
+    url: '/material/purchase_check_info/getSignList',
+    method: 'get',
+    data
+  })
+}
diff --git a/src/utils/http.js b/src/utils/http.js
index 55aa3fd..5d22f13 100644
--- a/src/utils/http.js
+++ b/src/utils/http.js
@@ -10,7 +10,7 @@ const ENV = process.env.NODE_ENV
 // export const baseURL = ENV === 'development' ? 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/' : 'http://sgwpdm.ah.sgcc.com.cn/iws/jiju-api/'//生产
 export const baseURL = ENV === 'development' ? '/api' : '/iws/jiju-api'; // 宏源服务
  // export const baseURL = ENV === 'development' ? 'http://192.168.0.234:18080' : '***'
-// export const baseURL = ENV === 'development' ? 'http://192.168.2.27:18080' : 'http://192.168.2.27:18080'//马
+// export const baseURL = ENV === 'development' ? 'http://192.168.0.96:18080' : 'http://192.168.2.27:18080'//马
 // export const baseURL = ENV === 'development' ? '/api' : '***'
 
 // **********OCR识别为NVUE文件页面请求URL需要同步配置**********