From a0809e8809b1eea0d5d1088c8cf4277c189fde40 Mon Sep 17 00:00:00 2001
From: bb_pan <max_163email@163.com>
Date: Sat, 27 Sep 2025 19:13:49 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=99=E5=86=85=E7=9B=B4=E8=BD=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages.json                                |  16 +
 .../businessAudit/siteDirectAudit/details.vue | 830 ++++++++++++++++++
 .../businessAudit/siteDirectAudit/index.vue   | 626 +++++++++++++
 src/pages/index/index.vue                     |   6 +-
 src/services/materialsStation.js              |  27 +
 5 files changed, 1504 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/businessAudit/siteDirectAudit/details.vue
 create mode 100644 src/pages/businessAudit/siteDirectAudit/index.vue

diff --git a/src/pages.json b/src/pages.json
index d5ccfab..40701e2 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -758,6 +758,22 @@
                 "navigationBarBackImage": ""
             }
         },
+        // 站内直转
+        {
+            "path": "pages/businessAudit/siteDirectAudit/index",
+            "style": {
+                "navigationBarTitleText": "站内直转审核"
+            }
+        },
+
+        {
+            "path": "pages/businessAudit/siteDirectAudit/details",
+            "style": {
+                "navigationBarTitleText": "",
+                "navigationStyle": "custom", // 使用自定义导航栏
+                "navigationBarBackImage": ""
+            }
+        },
 
         //现场维修
         {
diff --git a/src/pages/businessAudit/siteDirectAudit/details.vue b/src/pages/businessAudit/siteDirectAudit/details.vue
new file mode 100644
index 0000000..8c26224
--- /dev/null
+++ b/src/pages/businessAudit/siteDirectAudit/details.vue
@@ -0,0 +1,830 @@
+<template>
+  <!-- 编码出库-->
+  <view class="page-container">
+    <text class="steps-title">直转申请详情</text>
+    <!-- 自定义横向步骤条 -->
+    <view class="custom-steps vertical">
+      <view v-for="(item, index) in auditingList" :key="index" class="step-item">
+        <!-- 步骤图标 -->
+        <view
+          class="step-icon"
+          :class="{
+            pending: item.isAccept === 0,
+            approved: item.isAccept === 1,
+            rejected: item.isAccept !== 0 && item.isAccept !== 1,
+          }"
+        >
+          {{ index + 1 }}
+        </view>
+        <!-- 步骤连接线 -->
+        <view
+          v-if="index < auditingList.length - 1"
+          class="step-line"
+          :class="{
+            approved: item.isAccept == 1,
+            rejected: item.isAccept != 0 && item.isAccept != 1,
+            pending: item.isAccept == 0,
+          }"
+        ></view>
+        <!-- 步骤标题和描述 -->
+        <view class="step-content">
+          <text
+            class="step-title"
+            :class="{
+              pending: item.isAccept === 0,
+              approved: item.isAccept === 1,
+              rejected: item.isAccept !== 0 && item.isAccept !== 1,
+            }"
+          >
+            {{ item.nodeName }}
+          </text>
+          <div style="margin-left: 40px; margin-top: 10px">
+            <text class="step-desc">
+              审批结果：<text
+                class="step-desc"
+                :class="{
+                  pending: item.isAccept === 0,
+                  approved: item.isAccept === 1,
+                  rejected: item.isAccept !== 0 && item.isAccept !== 1,
+                }"
+                >{{
+                  item.isAccept == 0 ? '待审批' : item.isAccept == 1 ? '已通过' : '已驳回'
+                }}</text
+              ><br />
+              审批人：<text class="black-text">{{ item.auditBy ? item.auditBy : '' }}</text
+              ><br />
+              审批时间：<text class="black-text">{{ item.createTime ? item.createTime : '' }}</text
+              ><br />
+              审批意见：<text class="black-text">{{ item.remark ? item.remark : '' }}</text>
+            </text>
+          </div>
+        </view>
+      </view>
+    </view>
+
+    <!-- 按钮区域 -->
+    <view class="table-list-item" v-if="type == 1 && auditStatus == 0">
+      <uni-row :gutter="24" style="display: flex; align-items: center" justify="center">
+        <uni-col :span="8">
+          <view class="coding-btn search-btn" @tap="handleReview(1)">通过</view>
+        </uni-col>
+        <uni-col :span="8">
+          <view class="coding-btn search-btnTwo" @tap="handleReview(2)">驳回</view>
+        </uni-col>
+      </uni-row>
+    </view>
+    <!-- 表单信息区域 -->
+    <scroll-view scroll-y style="height: 85vh; margin-top: 5px">
+      <view class="form-section">
+        <view class="section-header" @tap="toggleForm">
+          <text class="title">基本信息</text>
+          <text class="toggle-icon" :class="{ 'is-expanded': isExpanded }">›</text>
+        </view>
+        <view class="form-content" :class="{ 'is-expanded': isExpanded }">
+          <uni-forms :model="formData" label-width="100" :border="true">
+            <uni-forms-item label="转出工程：" name="backProName">
+              <span class="form-view">{{ formData.backProName }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="转出班组：" name="backTeamName">
+              <span class="form-view">{{ formData.backTeamName }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="转出人：" name="backMan">
+              <span class="form-view">{{ formData.backMan }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="联系电话：" name="backPhone">
+              <span class="form-view">{{ formData.backPhone }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="转入工程：" name="leaseProName">
+              <span class="form-view">{{ formData.leaseProName }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="转入班组：" name="leaseTeamName">
+              <span class="form-view">{{ formData.leaseTeamName }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="转入人：" name="leaseMan">
+              <span class="form-view">{{ formData.leaseMan }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="联系电话：" name="leasePhone">
+              <span class="form-view">{{ formData.leasePhone }}</span>
+            </uni-forms-item>
+            <uni-forms-item label="附件：">
+              <div class="upload-container">
+                <div class="image-preview" v-for="(img, index) in imgList" :key="index">
+                  <image :src="img.url" mode="aspectFill"></image>
+                  <PreviewImg :imgUrl="img.url" />
+                </div>
+              </div>
+            </uni-forms-item>
+          </uni-forms>
+        </view>
+      </view>
+
+      <scroll-view scroll-y style="padding-bottom: 90rpx">
+        <div style="width: 92%; height: auto; margin: 5px">
+          <uni-table stripe emptyText="暂无更多数据">
+            <!-- 表头行 -->
+            <uni-tr>
+              <uni-th width="55px" 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-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="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 codeDeviceList" :key="item.id">
+              <uni-td style="font-size: 24rpx; text-align: center">{{ index + 1 }}</uni-td>
+              <uni-td style="font-size: 24rpx; text-align: center">{{ item.directNum }}</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.typeModelName }}</uni-td>
+              <uni-td style="font-size: 24rpx; text-align: center">{{ item.maCode }}</uni-td>
+              <uni-td style="font-size: 24rpx; text-align: center">{{ item.unitName }}</uni-td>
+              <uni-td style="font-size: 24rpx; text-align: center">{{ item.leasePerson }}</uni-td>
+              <uni-td style="font-size: 24rpx; text-align: center">{{ item.startTime }}</uni-td>
+            </uni-tr>
+          </uni-table>
+        </div>
+        <!-- 
+            <view class="loading-text">
+                {{ finish ? '没有更多数据了~' : '正在加载...' }}
+            </view> -->
+      </scroll-view>
+    </scroll-view>
+  </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getNodeAuditStatusAPI } from '@/services/picking/review.js'
+import { getAuditInfoAPI } from '@/services/directApply/review.js'
+import { getUserInfoAPI, iwsLoginAPI, getConfigApi } from '@/services/index.js'
+import { getInfoApi, directUpdateApi } from '@/services/materialsStation.js'
+import { useMemberStore } from '@/stores'
+import PreviewImg from '@/components/PreviewImg/index.vue'
+
+const memberStore = useMemberStore()
+const queryParams = ref({
+  id: '', //任务id
+  nodeId: '', //节点id
+})
+const queryParamsInfo = ref({})
+const formData = ref({})
+const codeDeviceList = ref([])
+const imgList = ref([]) // 图片列表，用于回显
+const total = ref(0)
+const auditStatus = ref('')
+// 编码设备列表查询参数
+const queryCodeParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+  typeId: '',
+  maStatus: 1,
+  maCode: '',
+})
+
+const auditingParams = ref({
+  nodeId: '', // 当前审核记录的id
+  remark: '', // 审核意见
+  typeId: '', // 当前审核记录中的 typeId
+  taskId: '', // 外层列表的taskId
+  isAccept: '', // 审批结果 1. 通过 2. 驳回
+  recordId: '',
+  nextNodeId: '', // 下个流程节点ID
+  leaseId: '', // 外键id
+  taskCode: '', // 任务编码
+  unitName: '', // 单位名称
+  projectName: '', // 项目名称
+  taskType: 25, // 任务类型id
+})
+
+const auditingList = ref([]) //流程记录
+// 控制表单展开收起
+const isExpanded = ref(true)
+
+// 切换表单展开状态
+const toggleForm = () => {
+  isExpanded.value = !isExpanded.value
+}
+
+const type = ref(1)
+
+const userId = ref(uni.getStorageSync('id') || '')
+const origin = window.location.href
+
+onLoad(async (options) => {
+  getConfig()
+  if (origin.indexOf('params') != -1) {
+    queryParams.value = JSON.parse(options.params)
+    auditingParams.value = queryParams.value
+    console.log('🚀 ~ auditingParams.value:', auditingParams.value)
+    type.value = queryParams.value.type
+    // 直接执行后续操作
+    initPageData()
+  } else {
+    //工单跳转
+    const urlParams = new URLSearchParams(origin)
+    queryParams.value.taskId = urlParams.get('taskId')
+    queryParams.value.id = urlParams.get('id')
+    auditingParams.value.id = urlParams.get('id')
+    auditingParams.value.taskId = urlParams.get('taskId')
+    const ticketMatch = origin.match(/ticket=([^&]*)/)
+    const ticket = ticketMatch ? ticketMatch[1] : ''
+
+    try {
+      const { data: result } = await iwsLoginAPI({
+        ticket: ticket,
+        sysType: 1,
+      })
+      // 1. 获取token并存储
+      await memberStore.setToken(result.access_token)
+      // 2. 获取用户信息并存储
+      const res = await getUserInfoAPI()
+      memberStore.setUserInfo(res.user)
+
+      uni.setStorageSync('id', res.user.userId)
+      userId.value = res.user.userId
+      uni.setStorageSync('deptName', res.user?.dept?.deptName)
+      uni.setStorageSync('urlPermissions', res.urlPermissions ? res.urlPermissions : [])
+
+      // 登录完成后执行后续操作
+      initPageData()
+    } catch (error) {
+      console.error('登录失败:', error)
+      uni.showToast({ title: '登录失败，请重试', icon: 'none' })
+    }
+  }
+})
+const initPageData = async () => {
+  console.log(queryParams.value)
+  await getReviewInfo(queryParams.value.taskId)
+  await fetchAuditInfo()
+  //获取当前人节点状态
+  await getNodeAuditStatus()
+}
+
+const getConfig = async () => {
+  try {
+    const res = await getConfigApi()
+    uni.setStorageSync('systemConfig', res.data)
+  } catch (error) {
+    console.log('🚀 ~ getConfig ~ error:', error)
+  }
+}
+// 获取详情列表
+const getReviewInfo = async (id) => {
+  console.log('yyyyyyyyyy', id)
+  const res = await getInfoApi({ id: id })
+  console.log('zzzzzzzzz', res)
+  formData.value = res.data.directApplyInfo
+  imgList.value = res.data.directApplyInfo.dirUrls
+  codeDeviceList.value = res.data.directApplyInfoDetails
+}
+
+const fetchAuditInfo = async () => {
+  try {
+    console.log('xxxxxxxxxxxxxx', queryParams.value)
+    // 调用导入的 API 函数
+    const res = await getAuditInfoAPI({ taskId: queryParams.value.taskId, taskType: 25 })
+    console.log('🚀 ~ fetchAuditInfo ~ res:', res)
+    auditingList.value = res.rows
+
+    console.log('🚀 ~ fetchAuditInfo ~ auditingList:', auditingList.value)
+  } catch (error) {
+    // 打印错误信息
+    console.log('🚀 ~ fetchAuditInfo ~ error:', error)
+  }
+}
+
+const getNodeAuditStatus = async () => {
+  try {
+    // 调用导入的 API 函数
+    const res = await getNodeAuditStatusAPI({ taskId: queryParams.value.taskId, taskTypeId: 25 })
+    console.log('🚀 ~ getNodeAuditStatus ~ res:', res)
+    if (res.data) {
+      auditStatus.value = res.data.auditStatus
+    } else {
+      auditStatus.value = ''
+    }
+  } catch (error) {
+    // 打印错误信息
+    console.log('🚀 ~ getNodeAuditStatus ~ error:', error)
+  }
+}
+
+// 处理审核操作
+const handleReview = (action) => {
+  uni.showModal({
+    title: action == 1 ? '通过' : '驳回',
+    placeholderText: '请输入审核意见',
+    editable: true,
+    confirmText: '确认',
+    cancelText: '取消',
+    success: async (res) => {
+      if (res.confirm) {
+        auditingParams.value.isAccept = action
+        auditingParams.value.remark = res.content
+        const submitRes = await directUpdateApi(auditingParams.value)
+        console.log('🚀 ~ handleReview ~ submitRes:', submitRes)
+
+        if (submitRes.code === 200) {
+          uni.showToast({
+            title: '审核成功',
+            icon: 'none',
+          })
+          initPageData()
+        }
+      } else if (res.cancel) {
+        console.log('用户取消操作')
+      }
+    },
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+/* 在style部分添加 */
+.upload-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.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;
+}
+
+.image-preview {
+  width: 160rpx;
+  height: 160rpx;
+  position: relative;
+  border-radius: 12rpx;
+  overflow: hidden;
+}
+
+.image-preview image {
+  width: 100%;
+  height: 100%;
+}
+
+.black-text {
+  color: #000;
+}
+.custom-steps {
+  margin-bottom: 5px;
+}
+
+.custom-steps.vertical {
+  display: flex;
+  flex-direction: column;
+  margin: 0 auto;
+  // padding-left: 100rpx; /* 增加左侧留白 */
+  padding-right: 20rpx;
+  padding-top: 15rpx;
+}
+
+.custom-steps.vertical .step-item {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 0rpx; /* 增加步骤项间距 */
+  position: relative;
+}
+
+.custom-steps.vertical .step-container {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  margin-right: 28rpx; /* 增加图标与文字间距 */
+  position: relative;
+}
+
+.custom-steps.vertical .step-line {
+  position: absolute;
+  width: 2px;
+  top: 24px;
+  bottom: -30px;
+  left: 13px;
+  // transform: translateX(-50%);
+}
+
+.custom-steps.vertical .step-content {
+  flex: 1;
+  text-align: left;
+  padding-top: 3rpx;
+
+  padding-right: 3rpx;
+}
+
+// .step-item {
+//     display: flex;
+//     flex-direction: column;
+//     align-items: center;
+//     flex: 1;
+//     position: relative;
+// }
+
+.step-icon {
+  width: 30px;
+  height: 30px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  color: white;
+  z-index: 1;
+}
+
+.step-icon.pending {
+  background-color: #19a4a0;
+}
+
+.step-icon.approved {
+  background-color: #19a4a0;
+}
+
+.step-icon.rejected {
+  background-color: #19a4a0;
+}
+
+// .step-line {
+//     position: absolute;
+//     top: 13px;
+//     left: 50%;
+//     width: 100%;
+//     height: 2px;
+//     background-color: #19a4a0;
+// }
+
+.step-line.approved {
+  background-color: #19a4a0;
+}
+
+.step-line.rejected {
+  background-color: #19a4a0;
+}
+
+.step-line.pending {
+  background-color: #19a4a0;
+}
+
+// .step-content {
+//     display: flex;
+//     flex-direction: column;
+//     align-items: center;
+//     margin-top: 6px;
+// }
+
+.step-title {
+  font-size: 14px;
+  font-weight: 400;
+  margin-bottom: 1px;
+  margin-left: 10px;
+  text-align: center;
+}
+
+.step-title.pending {
+  color: #19a4a0;
+}
+
+.step-title.approved {
+  color: #19a4a0;
+}
+
+.step-title.rejected {
+  color: #19a4a0;
+}
+
+.step-desc {
+  font-size: 13px;
+  text-align: center;
+  color: #666; // 默认颜色
+}
+
+.step-desc.pending {
+  font-size: 13px;
+  color: #409eff; // 待审批黄色
+}
+
+.step-desc.approved {
+  font-size: 13px;
+  color: #13ce66; // 已通过绿色
+}
+
+.step-desc.rejected {
+  font-size: 13px;
+  color: #ff4d4f; // 已驳回红色
+}
+.page-container {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  background-color: #f7f8fa;
+  padding: 24rpx;
+  padding-top: 44px;
+  :deep(.uni-steps-item-title.accepted-title) {
+    color: red !important;
+  }
+
+  :deep(.uni-steps-item-title.rejected-title) {
+    color: green !important;
+  }
+  // :deep(.uni-steps-item) {
+  // // 这里根据实际组件的高亮样式类名进行调整
+  // // 假设高亮类名为 .uni-steps-item-active
+  // &::after {
+  //     // 步骤连接线高亮
+  //     background-color: #52c41a !important;
+  // }
+  // .uni-steps-item-icon {
+  //     // 步骤图标高亮
+  //     background-color: #52c41a !important;
+  //     border-color: #52c41a !important;
+  // }
+  // .uni-steps-item-title {
+  //     // 步骤标题高亮
+  //     color: #52c41a !important;
+  // }
+  // .uni-steps-item-description {
+  //     // 步骤描述高亮
+  //     color: #52c41a !important;
+  //     }
+  // }
+  .steps-title {
+    display: block;
+    text-align: center; // 文本居中
+    color: #19a4a0; // 绿色文本
+    font-size: 32rpx; // 字体大小，可按需调整
+    margin-bottom: 20rpx; // 标题与步骤条的间距，可按需调整
+  }
+  .table-list-item {
+    background: #fff;
+    padding: 32rpx;
+    border-radius: 20rpx;
+    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+    margin-bottom: 24rpx;
+
+    // 表单样式
+    :deep(.uni-forms) {
+      .uni-forms-item {
+        margin-bottom: 24rpx;
+        padding: 0;
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+
+        .uni-forms-item__label {
+          color: #8c8c8c;
+          font-size: 28rpx;
+          font-weight: 500;
+          padding: 0;
+          line-height: 1.8;
+        }
+
+        .uni-forms-item__content {
+          display: flex;
+          align-items: center;
+          min-height: unset;
+        }
+      }
+    }
+
+    // 编码按钮组
+    .coding-btn {
+      padding: 16rpx 0;
+      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;
+      }
+
+      // 编码检索按钮特殊样式
+      &.search-btn {
+        padding: 12rpx 0;
+        background: #fff;
+        color: #fff;
+        border: 2rpx solid rgba(255, 152, 0, 0.5);
+        background: linear-gradient(to bottom, rgba(23, 237, 3, 0.957), rgba(23, 237, 3, 0.957));
+        box-shadow: none;
+        font-weight: 600;
+        letter-spacing: 1rpx;
+
+        &:active {
+          background: rgba(23, 237, 3, 0.957);
+          border-color: rgba(23, 237, 3, 0.957);
+          transform: translateY(1rpx);
+        }
+      }
+      &.search-btnTwo {
+        padding: 12rpx 0;
+        background: #fff;
+        color: #fff;
+        border: 2rpx solid rgba(255, 152, 0, 0.5);
+        background: linear-gradient(to bottom, rgba(255, 8, 0, 0.911), rgba(255, 8, 0, 0.911));
+        box-shadow: none;
+        font-weight: 600;
+        letter-spacing: 1rpx;
+
+        &:active {
+          background: rgba(255, 8, 0, 0.911);
+          border-color: rgba(255, 8, 0, 0.911);
+          transform: translateY(1rpx);
+        }
+      }
+    }
+
+    // 编码列表样式
+    :deep(.uni-row) {
+      // margin-bottom: 20rpx;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+
+      .uni-col-6 {
+        color: #8c8c8c;
+        font-size: 28rpx;
+        font-weight: 500;
+      }
+
+      .cont {
+        color: #262626;
+        font-size: 28rpx;
+        font-weight: 500;
+        line-height: 1.8;
+      }
+    }
+
+    // 输入框样式
+    :deep(.uni-easyinput__content) {
+      background-color: #f7f8fa;
+      border: 2rpx solid #e8e8e8;
+      border-radius: 12rpx;
+      height: 75rpx;
+      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;
+      }
+    }
+
+    // 复选框样式
+    :deep(checkbox) {
+      .wx-checkbox-input {
+        width: 36rpx;
+        height: 36rpx;
+        border-radius: 8rpx;
+        border: 2rpx solid #e8e8e8;
+        background: transparent;
+
+        &.wx-checkbox-input-checked {
+          background: #3784fb;
+          border-color: #3784fb;
+
+          &::before {
+            font-size: 28rpx;
+            color: #fff;
+          }
+        }
+
+        &.wx-checkbox-input-disabled {
+          background: #f5f5f5;
+          border-color: #e8e8e8;
+        }
+      }
+    }
+  }
+
+  // 底部出库按钮
+  .outbound-btn {
+    position: fixed;
+    bottom: 40rpx;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 90%;
+    height: 88rpx;
+    background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+    text-align: center;
+    line-height: 88rpx;
+    color: #fff;
+    border-radius: 12rpx;
+    font-size: 32rpx;
+    font-weight: 600;
+    box-shadow: 0 6rpx 20rpx rgba(55, 132, 251, 0.2);
+    transition: all 0.3s ease;
+
+    &:active {
+      transform: translateX(-50%) scale(0.98);
+      opacity: 0.9;
+    }
+  }
+}
+
+// 加载提示文字
+.loading-text {
+  text-align: center;
+  font-size: 26rpx;
+  color: #8c8c8c;
+  padding: 32rpx 0;
+  letter-spacing: 1rpx;
+}
+
+.form-section {
+  background: #fff;
+  border-radius: 20rpx;
+  margin-bottom: 24rpx;
+  overflow: hidden;
+  box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.06);
+
+  // 头部样式
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24rpx 32rpx;
+    background: #fff;
+    cursor: pointer;
+    transition: all 0.3s ease;
+
+    &:active {
+      background: #f7f8fa;
+    }
+
+    .title {
+      font-size: 32rpx;
+      font-weight: 600;
+      color: #262626;
+    }
+
+    .toggle-icon {
+      font-size: 40rpx;
+      color: #8c8c8c;
+      transform: rotate(90deg);
+      transition: transform 0.3s ease;
+      display: inline-block;
+
+      &.is-expanded {
+        transform: rotate(-90deg);
+      }
+    }
+  }
+
+  // 表单内容区域
+  .form-content {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.3s ease-out;
+
+    &.is-expanded {
+      max-height: 1100rpx; /* 高度可进一步减小 */
+    }
+
+    :deep(.uni-forms) {
+      padding: 0 20rpx 0rpx; /* 减少底部内边距 */
+    }
+
+    :deep(.uni-forms-item) {
+      margin-bottom: 0rpx !important; /* 关键：行间距缩小 */
+      padding: 0rpx 0 !important; /* 减少项内边距 */
+
+      .uni-forms-item__label {
+        color: #8c8c8c;
+        padding-bottom: 0rpx !important; /* 标签与内容间距 */
+        line-height: 2.8; // 保持原有的行高
+      }
+
+      .form-view {
+        color: #262626;
+        font-size: 28rpx;
+        line-height: 2.8 !important; /* 减小文本行高 */
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/businessAudit/siteDirectAudit/index.vue b/src/pages/businessAudit/siteDirectAudit/index.vue
new file mode 100644
index 0000000..06d7899
--- /dev/null
+++ b/src/pages/businessAudit/siteDirectAudit/index.vue
@@ -0,0 +1,626 @@
+<template>
+  <!-- 领料出库 -->
+  <view class="page-container">
+    <view class="complete-btn">
+      <view class="btn" @click="changeTab(1)">
+        <span>未完成</span>
+        <div v-if="active == 1" class="bt-line"></div>
+      </view>
+      <view class="btn" style="margin-left: 80rpx" @click="changeTab(2)">
+        <span>已完成</span>
+        <div v-if="active == 2" class="bt-line"></div>
+      </view>
+    </view>
+    <uni-row :gutter="24" class="search-form">
+      <uni-col :span="12">
+        <view>
+          <uni-datetime-picker v-model="queryParams.startTime" type="date" placeholder="开始日期" />
+        </view>
+      </uni-col>
+      -
+      <uni-col :span="12">
+        <view>
+          <uni-datetime-picker v-model="queryParams.endTime" type="date" placeholder="结束日期" />
+        </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"
+        v-for="(item, index) in tableList"
+        @click="onReview(item)"
+      >
+        <uni-swipe-action class="swipe-action">
+          <uni-swipe-action-item>
+            <div class="title">
+              <span class="code">{{ item.code }}</span>
+              <span class="cont">
+                <uni-tag
+                  :text="
+                    item.status == 2
+                      ? '已完成'
+                      : item.status == 3
+                      ? '已驳回'
+                      : item.status == 1
+                      ? '审核中'
+                      : '待审核'
+                  "
+                  :type="
+                    item.status == 2
+                      ? 'success'
+                      : item.status == 3
+                      ? 'error'
+                      : item.status == 1
+                      ? 'primary'
+                      : 'warning'
+                  "
+                  :custom-style="item.status == 4 ? successStyle : ''"
+                />
+              </span>
+            </div>
+            <div class="line"></div>
+            <uni-row :gutter="24">
+              <uni-col :span="7">申请时间：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.createTime }}</div>
+              </uni-col>
+            </uni-row>
+            <uni-row :gutter="24">
+              <uni-col :span="7">申请人：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.createBy }}</div>
+              </uni-col>
+            </uni-row>
+
+            <uni-row :gutter="24">
+              <uni-col :span="7">转出工程：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.backProName }}</div>
+              </uni-col>
+            </uni-row>
+            <uni-row :gutter="24">
+              <uni-col :span="7">转出单位：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.backTeamName }}</div>
+              </uni-col>
+            </uni-row>
+
+            <uni-row :gutter="24">
+              <uni-col :span="7">转入工程：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.leaseProName }}</div>
+              </uni-col>
+            </uni-row>
+
+            <uni-row :gutter="24">
+              <uni-col :span="7">转入单位：</uni-col>
+              <uni-col :span="17">
+                <div class="cont">{{ item.leaseTeamName }}</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, computed } from 'vue'
+import { getDirectListApi } from '@/services/materialsStation.js'
+import { onShow } from '@dcloudio/uni-app'
+import { debounce } from 'lodash-es'
+
+const total = ref(0) //                 数据总量
+const active = ref(1) //                tap索引
+const tableList = ref([]) //            列表数据源
+const dateArray = ref([
+  new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],
+  new Date().toISOString().split('T')[0],
+]) //            日期范围
+// 查询参数
+const queryParams = ref({
+  startTime: dateArray.value[0] || '', //                   开始时间
+  endTime: dateArray.value[1] || '', //                     结束时间
+  keyWord: '', //                     关键字
+  statusList: [0, 1], //                 状态
+  pageNum: 1,
+  pageSize: 3,
+})
+const userId = ref('') // 用户id
+
+// 审核/查看
+const onReview = (item) => {
+  let type = 2
+  if ((item.status == 1 || item.status == 0) && item.directUserIds.includes(userId.value)) {
+    // 是当前审核人时，进行审核
+    type = 1
+  } else {
+    //只进行查看
+    type = 2
+  }
+  uni.navigateTo({
+    url: `/pages/businessAudit/siteDirectAudit/details?params=${JSON.stringify({
+      ...item,
+      taskId: item.id,
+      type,
+    })}`,
+  })
+}
+
+// 获取列表数据
+const getTableList = async (isTap = false, isSearch = false) => {
+  try {
+    uni.showLoading({
+      title: '加载中...',
+      mask: true,
+    })
+    if (isSearch) {
+      // 当进行搜索时，重置页码和列表数据
+      queryParams.value.pageNum = 1
+      tableList.value = []
+    }
+    console.log('queryParams.value查询参数', queryParams.value)
+    const res = await getDirectListApi(queryParams.value)
+    console.log('res列表数据', res)
+    total.value = res.data.total
+    tableList.value = res.data.rows
+  } catch (error) {
+    console.log('🚀 ~ getTableList ~ error:', error)
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+onShow(() => {
+  queryParams.value.pageNum = 1
+  tableList.value = []
+  total.value = 0
+  userId.value = String(uni.getStorageSync('id'))
+  console.log('userId', userId.value)
+  getTableList()
+})
+
+// 滚动触底事件
+const onScrollTolower = debounce(() => {
+  console.log('触底事件')
+  if (total.value > tableList.value.length) {
+    queryParams.value.pageSize += 5
+    getTableList()
+  }
+}, 500)
+
+// tap 栏切换
+const changeTab = (index) => {
+  active.value = index
+  console.log('index', index)
+  if (index == 2) {
+    queryParams.value.statusList = [2, 3] // 查已完成的
+    queryParams.value.pageNum = 1
+    getTableList(true)
+  } else if (index == 1) {
+    queryParams.value.statusList = [0, 1] // 查未完成的
+    queryParams.value.pageNum = 1
+    getTableList(true)
+  }
+}
+
+// 判断数据是否加载完毕
+const finish = computed(() => {
+  if (total.value === tableList.value.length) return true
+})
+
+// 已完成状态的自定义样式
+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;
+    padding: 10rpx;
+    /* background: #fff;
+        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: 60rpx;
+      background: linear-gradient(135deg, #4b8eff 0%, #3784fb 100%);
+      text-align: center;
+      line-height: 60rpx;
+      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;
+  }
+}
+
+// 加载提示文字
+.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/index/index.vue b/src/pages/index/index.vue
index 5261ab7..bda1b34 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -226,7 +226,11 @@ const auditInfoList = ref([
         url: '/pages/businessAudit/directAudit/index',
         iconSrc: '../../static/workbench/panDian.png',
     },
-   
+    {
+        title: '站内直转审核',
+        url: '/pages/businessAudit/siteDirectAudit/index',
+        iconSrc: '../../static/workbench/panDian.png',
+    },
 ])
 
 // 使用计算属性筛选 newInfoList 中的数据
diff --git a/src/services/materialsStation.js b/src/services/materialsStation.js
index 8104e57..095535b 100644
--- a/src/services/materialsStation.js
+++ b/src/services/materialsStation.js
@@ -443,3 +443,30 @@ export const getPickDepartListApi = (data) => {
     data,
   })
 }
+
+// 站内直转审核-列表
+export const getDirectListApi = (data) => {
+  return http({
+    method: 'GET',
+    url: '/material/material_direct/list',
+    data,
+  })
+}
+
+// 站内直转审核-详情
+export const getInfoApi = (data) => {
+  return http({
+    method: 'GET',
+    url: '/material/material_direct/getInfo',
+    data,
+  })
+}
+
+// 站内直转审核-审核
+export const directUpdateApi = (data) => {
+  return http({
+    method: 'POST',
+    url: '/material/material_direct/directUpdate',
+    data,
+  })
+}