|
@@ -13,29 +13,29 @@
|
|
|
<a-row :gutter="16">
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="姓名">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.name" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="性别">
|
|
|
- <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
|
|
|
+ <a-select v-model:value="formData.gender" :disabled="true"
|
|
|
:options="sexOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="国籍">
|
|
|
- <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
|
|
|
+ <a-select v-model:value="formData.nationality" :disabled="true"
|
|
|
:options="cityOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="年龄">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.age" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="身份证号">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.idNo" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
@@ -48,28 +48,26 @@
|
|
|
<a-table
|
|
|
style="margin-top: 10px"
|
|
|
bordered
|
|
|
- :dataSource="[
|
|
|
- formData,
|
|
|
- ]"
|
|
|
+ :dataSource="formData.goods"
|
|
|
:columns="[
|
|
|
- {title: '物品类别',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '物品细类',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '物品名称',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '物品产地',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '重量(千克)',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '品牌',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '规格型号',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '单价',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '币种',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '数量',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '数量单位',dataIndex: 'wlbh',key: 'wlbh'},
|
|
|
- {title: '发票/许可证',dataIndex: 'action',key: 'action'},
|
|
|
+ {title: '物品类别',dataIndex: 'goodCategory',key: 'goodCategory'},
|
|
|
+ {title: '物品细类',dataIndex: 'goodSubclass',key: 'goodSubclass'},
|
|
|
+ {title: '物品名称',dataIndex: 'goodName',key: 'goodName'},
|
|
|
+ {title: '物品产地',dataIndex: 'goodPlace',key: 'goodPlace'},
|
|
|
+ {title: '重量(千克)',dataIndex: 'weight',key: 'weight'},
|
|
|
+ {title: '品牌',dataIndex: 'brand',key: 'brand'},
|
|
|
+ {title: '规格型号',dataIndex: 'specModel',key: 'specModel'},
|
|
|
+ {title: '单价',dataIndex: 'price',key: 'price'},
|
|
|
+ {title: '币种',dataIndex: 'currency',key: 'currency'},
|
|
|
+ {title: '数量',dataIndex: 'quantity',key: 'quantity'},
|
|
|
+ {title: '数量单位',dataIndex: 'unit',key: 'unit'},
|
|
|
+ {title: '发票/许可证',dataIndex: 'license',key: 'license'},
|
|
|
]"
|
|
|
:pagination="false"
|
|
|
>
|
|
|
<template #bodyCell="{ column, record }">
|
|
|
- <template v-if="column.dataIndex === 'action'">
|
|
|
- <a-button type="link" primary size="small">查看</a-button>
|
|
|
+ <template v-if="column.dataIndex === 'license'">
|
|
|
+ <a-button type="link" primary size="small" @click="onViewImg(record.license)">查看</a-button>
|
|
|
</template>
|
|
|
</template>
|
|
|
</a-table>
|
|
@@ -78,61 +76,77 @@
|
|
|
<a-row :gutter="16">
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="乘坐交通工具类型">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.vehicleType" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="出发时间">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.departTime" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="出发港口">
|
|
|
- <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
|
|
|
+ <a-select v-model:value="formData.fromPort" :disabled="true"
|
|
|
:options="departurePortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="到达港口">
|
|
|
- <a-select v-model:value="formData.reWarehouseNumber" :disabled="true"
|
|
|
+ <a-select v-model:value="formData.toPort" :disabled="true"
|
|
|
:options="arrivingPortOptions" show-search allow-clear optionFilterProp="label"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="车次/航班号">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.travelNo" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="8">
|
|
|
<a-form-item label="座位号">
|
|
|
- <a-input v-model:value="formData.reWarehouseNumber" :disabled="true"/>
|
|
|
+ <a-input v-model:value="formData.seatNo" :disabled="true"/>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
|
</a-form>
|
|
|
</div>
|
|
|
<template #footer></template>
|
|
|
+<!-- <a-image-preview-group-->
|
|
|
+<!-- :style="{ display: 'none' }"-->
|
|
|
+<!-- :preview="{-->
|
|
|
+<!-- visible: imgOptions.visible,-->
|
|
|
+<!-- onVisibleChange: imgOptions.setVisible,-->
|
|
|
+<!-- }">-->
|
|
|
+<!-- <a-image :width="200" src="https://aliyuncdn.antdv.com/vue.png" />-->
|
|
|
+<!-- <a-image :width="200" src="https://aliyuncdn.antdv.com/logo.png" />-->
|
|
|
+<!-- </a-image-preview-group>-->
|
|
|
</a-modal>
|
|
|
</template>
|
|
|
|
|
|
<script setup name="enterpriseDetail">
|
|
|
import tool from '@/utils/tool'
|
|
|
import {cloneDeep} from 'lodash-es'
|
|
|
-import qyOutWarehouseApi from "@/api/yqyc/qyOutWarehouseApi";
|
|
|
+import basicApi from "@/api/gsc/basic";
|
|
|
// 抽屉状态
|
|
|
const open = ref(false)
|
|
|
const emit = defineEmits({successful: null})
|
|
|
// 表单数据
|
|
|
const formData = ref({})
|
|
|
+const imgOptions = ref({
|
|
|
+ visible: false,
|
|
|
+ setVisible: (value) => {
|
|
|
+ imgOptions.value.visible = value;
|
|
|
+ },
|
|
|
+ url: []
|
|
|
+})
|
|
|
|
|
|
// 打开抽屉
|
|
|
const onOpen = (record, view = false) => {
|
|
|
open.value = true
|
|
|
- // if (record) {
|
|
|
- // qyOutWarehouseApi.qyOutWarehousePage({warehouseNumber: record.warehouseNumber}).then(res => {
|
|
|
- // formData.value = Object.assign({}, res)
|
|
|
- // })
|
|
|
- // }
|
|
|
+ if (record) {
|
|
|
+ basicApi.passengerinfoDetail({id: record.id}).then(res => {
|
|
|
+ formData.value = Object.assign({}, res)
|
|
|
+ })
|
|
|
+ }
|
|
|
}
|
|
|
// 关闭抽屉
|
|
|
const onClose = () => {
|
|
@@ -140,9 +154,11 @@ const onClose = () => {
|
|
|
formData.value = {}
|
|
|
open.value = false
|
|
|
}
|
|
|
+const onViewImg = (urls) => {
|
|
|
+
|
|
|
+}
|
|
|
const sexOptions = tool.dictList('lvke_sex')
|
|
|
-// const cityOptions = tool.dictList('lvke_city')
|
|
|
-const cityOptions = []
|
|
|
+const cityOptions = tool.dictList('lvke_city')
|
|
|
const departurePortOptions = tool.dictList('lvke_departurePort')
|
|
|
const arrivingPortOptions = tool.dictList('lvke_arrivingPort')
|
|
|
// 抛出函数
|