|
|
@@ -0,0 +1,105 @@
|
|
|
+<!-- 交易服务-出境检测-详情 -->
|
|
|
+<template>
|
|
|
+ <app-drawer class="customs-exit-details" title="详情" :width="960" v-model:show="show">
|
|
|
+ <el-steps class="customs-exit-details__steps" :active="selectedRow.gzcjstatus" finish-status="success"
|
|
|
+ align-center>
|
|
|
+ <el-step v-for="item in gzcjStatusList" :title="item.label" :key="item.value" />
|
|
|
+ </el-steps>
|
|
|
+ <div class="customs-exit-details__info">
|
|
|
+ <p>*若货物由广州钻石交易中心经快递发送,快递员揽件时即视为委托方已收货,广州钻石交易中心不承担后续货物安全责任。</p>
|
|
|
+ <p>本表将作为委托方委托广州钻石交易中心办理出境检测业务申请使用,敬请务必如实填写公司信息、货物资料,并盖章确认。广州钻石交易中心根据此表确认信息,作为接受委托办理该批货物出境检测业务的凭证,仅对数量负责。</p>
|
|
|
+ </div>
|
|
|
+ <el-descriptions title="委托方信息" :column="2" border>
|
|
|
+ <el-descriptions-item width="100" label="单据编号">{{ selectedRow.orderid }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="送检账户" v-if="selectedRow.gzcjaccounttype === 1">{{ selectedRow.gzcjaccount
|
|
|
+ }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="公司名称(中文)">{{ selectedRow.companynamecn }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="公司名称(英文)">{{ selectedRow.companynameen }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="地址(中文)">{{ selectedRow.addresscn }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="地址(英文)">{{ selectedRow.addressen }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="联系人姓名">{{ selectedRow.contactname }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="联系人职位">{{ selectedRow.contactposition }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="联系人电话">{{ selectedRow.contactphoneno }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="邮箱">{{ selectedRow.email }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="货物品类">{{ selectedRow.gzcjcategorytypedisplay }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="成品钻石加工国">{{ selectedRow.processingcountry }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="天然钻石毛坯原产地">{{ selectedRow.origincountry }}</el-descriptions-item>
|
|
|
+ <el-descriptions-item label="完成检测后收货方式">{{ selectedRow.gzcjdeliverytypedisplay }}</el-descriptions-item>
|
|
|
+ </el-descriptions>
|
|
|
+ <h3>批次信息</h3>
|
|
|
+ <app-table :data="detailList" :columns="columns" :show-header="false" border>
|
|
|
+ <!-- 刻印服务(证书号/ 其他/ 无) -->
|
|
|
+ <template #gzcjmarktype="{ value }">
|
|
|
+ {{ getGZCJMarkTypeName(value) }}
|
|
|
+ </template>
|
|
|
+ </app-table>
|
|
|
+ </app-drawer>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup>
|
|
|
+import { shallowRef, PropType, computed } from 'vue'
|
|
|
+import { useLoginStore } from '@/stores'
|
|
|
+import { queryGZCJJCOrderDetail } from '@/services/api/customs'
|
|
|
+import { getGZCJMarkTypeName, getGZCJStatusList } from '@/constants/customs'
|
|
|
+import AppDrawer from '@pc/components/base/drawer/index.vue'
|
|
|
+import AppTable from '@pc/components/base/table/index.vue'
|
|
|
+
|
|
|
+const props = defineProps({
|
|
|
+ selectedRow: {
|
|
|
+ type: Object as PropType<Ermcp.GZCJJCOrderRsp>,
|
|
|
+ required: true
|
|
|
+ },
|
|
|
+})
|
|
|
+
|
|
|
+const { getUserId } = useLoginStore()
|
|
|
+const show = shallowRef(true)
|
|
|
+const detailList = shallowRef<Ermcp.GZCJJCOrderDetailRsp[]>([])
|
|
|
+
|
|
|
+const gzcjStatusList = getGZCJStatusList().filter((e) => {
|
|
|
+ return ![21, 22, 23].includes(e.value)
|
|
|
+})
|
|
|
+
|
|
|
+const columns = computed<Ermcp.TableColumn[]>(() => {
|
|
|
+ switch (props.selectedRow.gzcjaccounttype) {
|
|
|
+ case 1: {
|
|
|
+ return [
|
|
|
+ { prop: 'gzno', label: '货物编号', show: true },
|
|
|
+ { prop: 'gzcjshapetypestring', label: '形状', width: 200, show: true },
|
|
|
+ { prop: 'weight', label: '重量ct', show: true },
|
|
|
+ { prop: 'amount', label: '参考货值USD', show: true },
|
|
|
+ { prop: 'colorinfo', label: '彩钻信息', show: true },
|
|
|
+ { prop: 'remark', label: '其他', show: true },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ case 2: {
|
|
|
+ return [
|
|
|
+ { prop: 'gzno', label: '货物编号', show: true },
|
|
|
+ { prop: 'gzcjshapetypestring', label: '形状', width: 200, show: true },
|
|
|
+ { prop: 'weight', label: '重量ct', show: true },
|
|
|
+ { prop: 'amount', label: '参考货值USD', show: true },
|
|
|
+ { prop: 'gzcjmarktype', label: '刻印服务(证书号/ 其他/ 无)', width: 220, show: true },
|
|
|
+ { prop: 'gzcjpublishtypestring', label: '是否披露处理', show: true },
|
|
|
+ { prop: 'gzcjservicetypestring', label: '服务类别', show: true },
|
|
|
+ { prop: 'OriginCertNo', label: '原证书号', show: true },
|
|
|
+ { prop: 'colorinfo', label: '彩钻信息', show: true },
|
|
|
+ { prop: 'remark', label: '其他', show: true },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return []
|
|
|
+})
|
|
|
+
|
|
|
+queryGZCJJCOrderDetail({
|
|
|
+ data: {
|
|
|
+ userid: getUserId(),
|
|
|
+ orderid: props.selectedRow.orderid
|
|
|
+ },
|
|
|
+ success: (res) => {
|
|
|
+ detailList.value = res.data
|
|
|
+ }
|
|
|
+})
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less">
|
|
|
+@import './index.less';
|
|
|
+</style>
|