88 lines
2.6 KiB
Vue
88 lines
2.6 KiB
Vue
|
<template>
|
|||
|
|
<view>
|
|||
|
|
<view>
|
|||
|
|
<view class="detailInfo mb-2">
|
|||
|
|
<view class="line title">
|
|||
|
|
<p> {{ typeName + '单号' }}：{{ detailInfo?.billNo }}</p>
|
|||
|
|
<span :style="getColor(detailInfo?.billType)">
|
|||
|
|
{{ getBillType(detailInfo?.billType,detailInfo?.status) }}
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
<p class="line content">仓库：
|
|||
|
|
<span> {{ detailInfo?.warehouseName }}</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="line content">存储区：
|
|||
|
|
<span> {{ detailInfo?.areaName }}</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="line content">开单时间：
|
|||
|
|
<span>{{ formatDate(detailInfo?.createTime) }}</span>
|
|||
|
|
</p>
|
|||
|
|
<p class="line content" v-if="detailInfo?.inboundTime">{{ typeName + '时间' }} ：
|
|||
|
|
<span>{{ formatDate(detailInfo?.inboundTime) }}</span>
|
|||
|
|
</p>
|
|||
|
|
</view>
|
|||
|
|
<view class="detailInfo mb-6">
|
|||
|
|
<p class="line content">
|
|||
|
|
<span class="grey" style="font-weight: 600;">详细备注：</span>
|
|||
|
|
|
|||
|
|
<span>{{ detailInfo?.billRemark || '-' }}</span>
|
|||
|
|
</p>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<!-- 物料列表 -只读 -->
|
|||
|
|
<view>
|
|||
|
|
<material-list ref="materialRef" isEdit="3" :extendData="{ billType: detailInfo?.billType }"
|
|||
|
|
:pathParams="{ billNo: detailInfo?.billNo }" backStr="stockInDetail"
|
|||
|
|
:formData="{ material: detailInfo.itemList }" />
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</view>
|
|||
|
|
|
|||
|
|
</template>
|
|||
|
|
<script setup>
|
|||
|
|
import { getBillType, formatDate, getColor } from '../until'
|
|||
|
|
import { computed, toRefs } from 'vue';
|
|||
|
|
import MaterialList from './MaterialList.vue'
|
|||
|
|
|
|||
|
|
const props = defineProps({
|
|||
|
|
// 查询列表类型 stockIn:入库 stockOut：出库
|
|||
|
|
type: {
|
|||
|
|
type: String,
|
|||
|
|
default: '',
|
|||
|
|
required: true
|
|||
|
|
},
|
|||
|
|
detailInfo: {
|
|||
|
|
type: Object,
|
|||
|
|
default: {},
|
|||
|
|
required: true
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
const { type, detailInfo } = toRefs(props)
|
|||
|
|
const typeName = computed(() => type.value == 'stockIn' ? '入库单' : '出库单')
|
|||
|
|
|
|||
|
|
console.log(detailInfo, 'detailInfo');
|
|||
|
|
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style scoped lang="scss">
|
|||
|
|
.line {
|
|||
|
|
display: flex;
|
|||
|
|
background-color: #fff;
|
|||
|
|
align-items: center;
|
|||
|
|
padding: 6rpx 20rpx;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.title {
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
font-weight: 600;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.content {
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 13px;
|
|||
|
|
}
|
|||
|
|
</style>
|