385 lines
11 KiB
Vue
385 lines
11 KiB
Vue
<template>
|
||
<view class="page-detail">
|
||
<!-- 信息表单 -->
|
||
<view class="info-group">
|
||
<!-- 车次 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>车次</text>
|
||
<text class="info-label" v-else>车次</text>
|
||
<u-input v-if="isEdit" v-model="form.TrainNumber" placeholder="请输入车次" />
|
||
<text class="info-value" v-else>{{ form.TrainNumber || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 单位名称 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>单位名称</text>
|
||
<text class="info-label" v-else>单位名称</text>
|
||
<u-input v-if="isEdit" v-model="form.UnitName" :clearable="false" type="select" placeholder="请选择单位" @click="handleShowUnit" />
|
||
<text class="info-value" v-else>{{ form.UnitName || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 驾驶员姓名 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>驾驶员姓名</text>
|
||
<text class="info-label" v-else>驾驶员姓名</text>
|
||
<u-input v-if="isEdit" v-model="form.DriverName" placeholder="请输入驾驶员姓名" />
|
||
<text class="info-value" v-else>{{ form.DriverName || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 驾驶员电话 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>驾驶员电话</text>
|
||
<text class="info-label" v-else>驾驶员电话</text>
|
||
<u-input v-if="isEdit" v-model="form.DriverPhone" placeholder="请输入驾驶员电话" type="number" />
|
||
<text class="info-value" v-else>{{ form.DriverPhone || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 车牌号 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>车牌号</text>
|
||
<text class="info-label" v-else>车牌号</text>
|
||
<u-input v-if="isEdit" v-model="form.LicensePlateNumber" placeholder="请输入车牌号" />
|
||
<text class="info-value" v-else>{{ form.LicensePlateNumber || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 联系人姓名 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>联系人姓名</text>
|
||
<text class="info-label" v-else>联系人姓名</text>
|
||
<u-input v-if="isEdit" v-model="form.ContactName" placeholder="请输入联系人姓名" />
|
||
<text class="info-value" v-else>{{ form.ContactName || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 联系人电话 -->
|
||
<view class="info-item">
|
||
<text class="info-label" v-if="isEdit"><text class="required">*</text>联系人电话</text>
|
||
<text class="info-label" v-else>联系人电话</text>
|
||
<u-input v-if="isEdit" v-model="form.ContactPhone" placeholder="请输入联系人电话" type="number" />
|
||
<text class="info-value" v-else>{{ form.ContactPhone || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 备注 -->
|
||
<view class="info-item">
|
||
<text class="info-label">备注</text>
|
||
<u-input v-if="isEdit" v-model="form.Remark" placeholder="请输入备注" type="textarea" />
|
||
<text class="info-value" v-else>{{ form.Remark || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 状态 -->
|
||
<view class="info-item">
|
||
<text class="info-label">状态</text>
|
||
<text class="info-value">{{ form.StateName || '--' }}</text>
|
||
</view>
|
||
|
||
<!-- 扫码添加（编辑状态有Id且未发货） -->
|
||
<view class="scan-row" v-if="form.TrainNumberId && isEdit">
|
||
<text class="scan-text">扫码添加</text>
|
||
<view class="scan-btn" @click="handleScan">
|
||
<u-icon name="scan" :size="40" color="#2979ff"></u-icon>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 包装列表 -->
|
||
<view class="package-section" v-if="form.TrainNumberId">
|
||
<text class="section-title">包装列表</text>
|
||
<view class="package-table">
|
||
<view class="table-hd">
|
||
<text class="table-td">包装编号</text>
|
||
<text class="table-td">预制工作包</text>
|
||
<text class="table-td td-operate" v-if="isEdit">操作</text>
|
||
</view>
|
||
<view v-for="(item, index) in BZList" :key="index" class="table-tr">
|
||
<text class="table-td">{{ item.PackagingCode }}</text>
|
||
<text class="table-td">{{ item.StackingPosition || '--' }}</text>
|
||
<text class="table-td td-operate" v-if="isEdit" @click="handleDeletePackage(item)">
|
||
<u-icon name="trash" :size="20" color="#fa3534"></u-icon>
|
||
</text>
|
||
</view>
|
||
<view v-if="BZList.length === 0" class="table-empty">
|
||
<u-empty text="暂无数据" mode="list"></u-empty>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 底部按钮 -->
|
||
<view class="bottom-btns" v-if="isEdit">
|
||
<u-button size="medium" type="primary" :disabled="disabledBtn" @click="handleSave(0)">保存</u-button>
|
||
<u-button size="medium" type="success" :disabled="disabledBtn" @click="handleSave(1)">发货</u-button>
|
||
</view>
|
||
<view class="bottom-btns" v-if="form.State === 1">
|
||
<u-button size="medium" type="warning" :disabled="disabledBtn" @click="handleSign">签收</u-button>
|
||
</view>
|
||
|
||
<!-- 单位选择弹窗 -->
|
||
<nbd-select v-model="showUnitSelect" v-model:model="selectedUnit" :show-search="true" title="选择单位"
|
||
:list="unitList" label-key="UnitName" value-key="UnitId" @confirm="handleUnitConfirm" />
|
||
</view>
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref, computed } from 'vue'
|
||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||
import { useUserStore } from '@/store'
|
||
import { storeToRefs } from 'pinia'
|
||
import { reqUnitByProjectIdUnitType } from '@/api/base'
|
||
import { reqTrainNumberById, reqSaveTrainNumber, reqSignTrainNumber, reqDeletePackagingFromTrain, reqPackagingListByTrain } from '@/api/hj'
|
||
|
||
// 是否编辑状态
|
||
const isEdit = computed(() => !form.value.State || form.value.State === 0)
|
||
|
||
const userStore = useUserStore()
|
||
const { currentProject } = storeToRefs(userStore)
|
||
|
||
// ===== 页面状态 =====
|
||
const trainNumberId = ref('')
|
||
const disabledBtn = ref(false)
|
||
|
||
// ===== 表单数据 =====
|
||
const form = ref({
|
||
TrainNumberId: '',
|
||
TrainNumber: '',
|
||
UnitId: '',
|
||
UnitName: '',
|
||
DriverName: '',
|
||
DriverPhone: '',
|
||
LicensePlateNumber: '',
|
||
ContactName: '',
|
||
ContactPhone: '',
|
||
Remark: '',
|
||
State: 0,
|
||
StateName: ''
|
||
})
|
||
|
||
// ===== 单位选择 =====
|
||
const showUnitSelect = ref(false)
|
||
const unitList = ref([{ UnitId: '', UnitName: '全部单位' }])
|
||
const selectedUnit = ref({ UnitId: '', UnitName: '全部单位' })
|
||
|
||
// ===== 包装列表 =====
|
||
const BZList = ref([])
|
||
|
||
// ===== 获取单位列表 =====
|
||
const getUnitList = async () => {
|
||
try {
|
||
const res = await reqUnitByProjectIdUnitType(currentProject.value?.ProjectId || '')
|
||
unitList.value = [{ UnitId: '', UnitName: '全部单位' }, ...(res.data || [])]
|
||
} catch (error) {
|
||
console.error('获取单位列表失败:', error)
|
||
}
|
||
}
|
||
|
||
// ===== 显示单位选择 =====
|
||
const handleShowUnit = () => {
|
||
if (form.value.UnitId) {
|
||
selectedUnit.value = {
|
||
UnitId: form.value.UnitId,
|
||
UnitName: form.value.UnitName
|
||
}
|
||
}
|
||
showUnitSelect.value = true
|
||
}
|
||
|
||
// ===== 单位选择确认 =====
|
||
const handleUnitConfirm = (item) => {
|
||
form.value.UnitId = item.UnitId
|
||
form.value.UnitName = item.UnitName
|
||
selectedUnit.value = item
|
||
showUnitSelect.value = false
|
||
}
|
||
|
||
// ===== 获取车次详情 =====
|
||
const getTrainNumberDetail = async () => {
|
||
if (!trainNumberId.value) return
|
||
|
||
try {
|
||
const res = await reqTrainNumberById(trainNumberId.value)
|
||
if (res.data) {
|
||
form.value = { ...form.value, ...res.data }
|
||
selectedUnit.value = {
|
||
UnitId: res.data.UnitId,
|
||
UnitName: res.data.UnitName
|
||
}
|
||
}
|
||
// 获取包装列表
|
||
getPackagingList()
|
||
} catch (error) {
|
||
console.error('获取车次详情失败:', error)
|
||
}
|
||
}
|
||
|
||
// ===== 获取包装列表 =====
|
||
const getPackagingList = async () => {
|
||
if (!trainNumberId.value) return
|
||
|
||
try {
|
||
const res = await reqPackagingListByTrain(trainNumberId.value)
|
||
BZList.value = res.data || []
|
||
} catch (error) {
|
||
console.error('获取包装列表失败:', error)
|
||
}
|
||
}
|
||
|
||
// ===== 删除包装 =====
|
||
const handleDeletePackage = async (item) => {
|
||
try {
|
||
await reqDeletePackagingFromTrain({
|
||
trainNumberId: trainNumberId.value,
|
||
packagingManageId: item.PackagingManageId || item.PackagingId
|
||
})
|
||
uni.showToast({
|
||
title: '删除成功',
|
||
icon: 'success'
|
||
})
|
||
getPackagingList()
|
||
} catch (error) {
|
||
console.error('删除包装失败:', error)
|
||
uni.showToast({
|
||
title: '删除失败',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
}
|
||
|
||
// ===== 扫码 =====
|
||
const handleScan = () => {
|
||
// #ifdef MP-WEIXIN
|
||
wx.scanCode({
|
||
success: (res) => {
|
||
console.log('扫码结果:', res)
|
||
uni.showToast({
|
||
title: '扫码成功',
|
||
icon: 'success'
|
||
})
|
||
// TODO: 根据扫码结果处理
|
||
},
|
||
fail: (err) => {
|
||
console.error('扫码失败:', err)
|
||
uni.showToast({
|
||
title: '扫码失败',
|
||
icon: 'none'
|
||
})
|
||
}
|
||
})
|
||
// #endif
|
||
}
|
||
|
||
// ===== 保存/发货 =====
|
||
const handleSave = async (state) => {
|
||
// 验证必填项
|
||
if (!form.value.TrainNumber) {
|
||
uni.showToast({ title: '请输入车次', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.UnitId) {
|
||
uni.showToast({ title: '请选择单位', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.DriverName) {
|
||
uni.showToast({ title: '请输入驾驶员姓名', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.DriverPhone) {
|
||
uni.showToast({ title: '请输入驾驶员电话', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.LicensePlateNumber) {
|
||
uni.showToast({ title: '请输入车牌号', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.ContactName) {
|
||
uni.showToast({ title: '请输入联系人姓名', icon: 'none' })
|
||
return
|
||
}
|
||
if (!form.value.ContactPhone) {
|
||
uni.showToast({ title: '请输入联系人电话', icon: 'none' })
|
||
return
|
||
}
|
||
|
||
disabledBtn.value = true
|
||
|
||
try {
|
||
const res = await reqSaveTrainNumber({
|
||
trainNumberId: trainNumberId.value || '',
|
||
projectId: currentProject.value?.ProjectId || '',
|
||
unitId: form.value.UnitId,
|
||
trainNumber: form.value.TrainNumber,
|
||
driverName: form.value.DriverName,
|
||
driverPhone: form.value.DriverPhone,
|
||
licensePlateNumber: form.value.LicensePlateNumber,
|
||
contactName: form.value.ContactName,
|
||
contactPhone: form.value.ContactPhone,
|
||
remark: form.value.Remark,
|
||
state: state
|
||
})
|
||
|
||
if (res.code === 1 || res.data) {
|
||
uni.showToast({
|
||
title: state === 1 ? '发货成功' : '保存成功',
|
||
icon: 'success'
|
||
})
|
||
|
||
setTimeout(() => {
|
||
const newId = res.data?.trainNumberId || trainNumberId.value
|
||
uni.redirectTo({
|
||
url: `/pipe/deliver/add?id=${newId}&from=1`
|
||
})
|
||
}, 1500)
|
||
}
|
||
} catch (error) {
|
||
console.error('保存失败:', error)
|
||
uni.showToast({
|
||
title: '保存失败，请重试',
|
||
icon: 'none'
|
||
})
|
||
} finally {
|
||
disabledBtn.value = false
|
||
}
|
||
}
|
||
|
||
// ===== 签收 =====
|
||
const handleSign = async () => {
|
||
disabledBtn.value = true
|
||
|
||
try {
|
||
const res = await reqSignTrainNumber({
|
||
trainNumberId: trainNumberId.value,
|
||
personId: currentProject.value?.PersonId || ''
|
||
})
|
||
|
||
if (res.code === 1) {
|
||
uni.showToast({
|
||
title: '签收成功',
|
||
icon: 'success'
|
||
})
|
||
|
||
setTimeout(() => {
|
||
uni.navigateBack()
|
||
}, 1500)
|
||
}
|
||
} catch (error) {
|
||
console.error('签收失败:', error)
|
||
uni.showToast({
|
||
title: '签收失败，请重试',
|
||
icon: 'none'
|
||
})
|
||
} finally {
|
||
disabledBtn.value = false
|
||
}
|
||
}
|
||
|
||
// ===== 生命周期 =====
|
||
onLoad((options) => {
|
||
if (options.id) {
|
||
trainNumberId.value = options.id
|
||
}
|
||
})
|
||
|
||
onShow(() => {
|
||
getUnitList()
|
||
if (trainNumberId.value) {
|
||
getTrainNumberDetail()
|
||
}
|
||
})
|
||
</script>
|