站内直转
This commit is contained in:
parent
fa3614f185
commit
a0809e8809
|
|
@ -758,6 +758,22 @@
|
|||
"navigationBarBackImage": ""
|
||||
}
|
||||
},
|
||||
// 站内直转
|
||||
{
|
||||
"path": "pages/businessAudit/siteDirectAudit/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "站内直转审核"
|
||||
}
|
||||
},
|
||||
|
||||
{
|
||||
"path": "pages/businessAudit/siteDirectAudit/details",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle": "custom", // 使用自定义导航栏
|
||||
"navigationBarBackImage": ""
|
||||
}
|
||||
},
|
||||
|
||||
//现场维修
|
||||
{
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
@ -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>
|
||||
|
|
@ -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 中的数据
|
||||
|
|
|
|||
|
|
@ -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,
|
||||
})
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue