|
|
@@ -2,6 +2,10 @@
|
|
|
<template>
|
|
|
<app-drawer title="详情" :width="960" v-model:show="show">
|
|
|
<app-table-details title="预售信息" :label-width="140" :data="selectedRow" :cell-props="details1" :column="2">
|
|
|
+ <!-- 钻石类型 -->
|
|
|
+ <template #yszscategory="{ value }">
|
|
|
+ {{ getYSZSCategoryName(value) }}
|
|
|
+ </template>
|
|
|
<!-- 采购保证金比例 -->
|
|
|
<template #buymarginvalue="{ value }">
|
|
|
{{ parsePercent(value) }}
|
|
|
@@ -37,7 +41,7 @@
|
|
|
<script lang="ts" setup>
|
|
|
import { shallowRef, reactive, PropType, onMounted } from 'vue'
|
|
|
import { getFileUrl, parsePercent, handleNumberValue } from '@/filters'
|
|
|
-import { getInOutApplyStatusName, getYSProductionModeName } from '@/constants/presale'
|
|
|
+import { getYSZSCategoryName, getInOutApplyStatusName, getYSProductionModeName, YSZSCategory } from '@/constants/presale'
|
|
|
import { performanceStore } from '@/stores'
|
|
|
import { useRequest } from '@/hooks/request'
|
|
|
import { queryPresaleorderapplyprice } from '@/services/api/presale'
|
|
|
@@ -66,8 +70,8 @@ const { dataList: priceList } = useRequest(queryPresaleorderapplyprice, {
|
|
|
const details1 = [
|
|
|
{ prop: 'wrstandardname', label: '商品名称:' },
|
|
|
{ prop: 'applytime', label: '申请日期:' },
|
|
|
- { prop: 'presaleqty', label: '预售总量:' },
|
|
|
- { prop: 'unitprice', label: '预售价格:' },
|
|
|
+ { prop: 'presaleqty', label: '集采总量:' },
|
|
|
+ { prop: 'yszscategory', label: '钻石类型:' },
|
|
|
{ prop: 'minbuyqty', label: '最小采购单位:' },
|
|
|
{ prop: 'minsuccessqty', label: '最低成团量:' },
|
|
|
{ prop: 'maxbuyqty', label: '最大采购单位:' },
|
|
|
@@ -80,17 +84,40 @@ const details1 = [
|
|
|
{ prop: 'price', label: '集采价格:', entireRow: true },
|
|
|
]
|
|
|
|
|
|
-const details2 = [
|
|
|
- { prop: 'zscolortypestr', label: '颜色:' },
|
|
|
- { prop: 'sizestr', label: '尺寸:' },
|
|
|
- { prop: 'zsclaritytypestr', label: '净度:' },
|
|
|
- { prop: 'yieldrate', label: '成品率:' },
|
|
|
- { prop: 'qtydesc', label: '数量描述:' },
|
|
|
- { prop: 'weightdesc', label: '重量描述:' },
|
|
|
- { prop: 'ysproductionmode', label: '生产方式:' },
|
|
|
- { prop: 'pictureurls', label: '图片:', entireRow: true },
|
|
|
- { prop: 'remark', label: '备注:', entireRow: true },
|
|
|
-]
|
|
|
+const details2 = (() => {
|
|
|
+ switch (props.selectedRow.yszscategory) {
|
|
|
+ case YSZSCategory.Diamonds: {
|
|
|
+ return [
|
|
|
+ { prop: 'zsshapetypestr', label: '形状:' },
|
|
|
+ { prop: 'zscolortypestr', label: '颜色:' },
|
|
|
+ { prop: 'sizestr', label: '尺寸:' },
|
|
|
+ { prop: 'zspolishtypestr', label: '抛光:' },
|
|
|
+ { prop: 'zsclaritytypestr', label: '净度:' },
|
|
|
+ { prop: 'zssymmetrytypestr', label: '对称:' },
|
|
|
+ { prop: 'zscuttypestr', label: '切工:' },
|
|
|
+ { prop: 'zsfluorescencetypestr', label: '荧光:' },
|
|
|
+ { prop: 'pictureurls', label: '图片:', entireRow: true },
|
|
|
+ { prop: 'remark', label: '备注:', entireRow: true },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ case YSZSCategory.Rough: {
|
|
|
+ return [
|
|
|
+ { prop: 'zscolortypestr', label: '颜色:' },
|
|
|
+ { prop: 'sizestr', label: '尺寸:' },
|
|
|
+ { prop: 'zsclaritytypestr', label: '净度:' },
|
|
|
+ { prop: 'yieldrate', label: '成品率:' },
|
|
|
+ { prop: 'qtydesc', label: '数量描述:' },
|
|
|
+ { prop: 'weightdesc', label: '重量描述:' },
|
|
|
+ { prop: 'ysproductionmode', label: '生产方式:' },
|
|
|
+ { prop: 'pictureurls', label: '图片:', entireRow: true },
|
|
|
+ { prop: 'remark', label: '备注:', entireRow: true },
|
|
|
+ ]
|
|
|
+ }
|
|
|
+ default: {
|
|
|
+ return []
|
|
|
+ }
|
|
|
+ }
|
|
|
+})()
|
|
|
|
|
|
const priceColumns: Ermcp.TableColumn[] = [
|
|
|
{ prop: 'stepindex', label: '序号' },
|