|
|
@@ -1,15 +1,23 @@
|
|
|
+<!-- 商品发布 - 物流设置 -->
|
|
|
<template>
|
|
|
- <el-form
|
|
|
- ref="productSpuBasicInfoRef"
|
|
|
- :model="formData"
|
|
|
- :rules="rules"
|
|
|
- label-width="120px"
|
|
|
- :disabled="isDetail"
|
|
|
- >
|
|
|
- <!-- TODO 芋艿：宽度！！ -->
|
|
|
- <!-- TODO 芋艿：这里要挪出去 -->
|
|
|
- <el-form-item label="运费模板" prop="deliveryTemplateId">
|
|
|
- <el-select v-model="formData.deliveryTemplateId" placeholder="请选择">
|
|
|
+ <el-form ref="formRef" :model="formData" :rules="rules" label-width="120px" :disabled="isDetail">
|
|
|
+ <el-form-item label="配送方式" prop="deliveryTypes">
|
|
|
+ <el-checkbox-group v-model="formData.deliveryTypes" class="w-80">
|
|
|
+ <el-checkbox
|
|
|
+ v-for="dict in getIntDictOptions(DICT_TYPE.TRADE_DELIVERY_TYPE)"
|
|
|
+ :key="dict.value"
|
|
|
+ :label="dict.value"
|
|
|
+ >
|
|
|
+ {{ dict.label }}
|
|
|
+ </el-checkbox>
|
|
|
+ </el-checkbox-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item
|
|
|
+ label="运费模板"
|
|
|
+ prop="deliveryTemplateId"
|
|
|
+ v-if="formData.deliveryTypes?.includes(DeliveryTypeEnum.EXPRESS.type)"
|
|
|
+ >
|
|
|
+ <el-select placeholder="请选择运费模板" v-model="formData.deliveryTemplateId" class="w-80">
|
|
|
<el-option
|
|
|
v-for="item in deliveryTemplateList"
|
|
|
:key="item.id"
|
|
|
@@ -26,8 +34,10 @@ import { copyValueToTarget } from '@/utils'
|
|
|
import { propTypes } from '@/utils/propTypes'
|
|
|
import type { Spu } from '@/api/mall/product/spu'
|
|
|
import * as ExpressTemplateApi from '@/api/mall/trade/delivery/expressTemplate'
|
|
|
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict'
|
|
|
+import { DeliveryTypeEnum } from '@/utils/constants'
|
|
|
|
|
|
-defineOptions({ name: 'ProductSpuBasicInfoForm' })
|
|
|
+defineOptions({ name: 'ProductDeliveryForm' })
|
|
|
|
|
|
const message = useMessage() // 消息弹窗
|
|
|
|
|
|
@@ -36,20 +46,19 @@ const props = defineProps({
|
|
|
type: Object as PropType<Spu>,
|
|
|
default: () => {}
|
|
|
},
|
|
|
- activeName: propTypes.string.def(''),
|
|
|
isDetail: propTypes.bool.def(false) // 是否作为详情组件
|
|
|
})
|
|
|
-const productSpuBasicInfoRef = ref() // 表单 Ref
|
|
|
+const formRef = ref() // 表单 Ref
|
|
|
const formData = reactive<Spu>({
|
|
|
+ deliveryTypes: [], // 配送方式
|
|
|
deliveryTemplateId: undefined // 运费模版
|
|
|
})
|
|
|
const rules = reactive({
|
|
|
+ deliveryTypes: [required],
|
|
|
deliveryTemplateId: [required]
|
|
|
})
|
|
|
|
|
|
-/**
|
|
|
- * 将传进来的值赋值给 formData
|
|
|
- */
|
|
|
+/** 将传进来的值赋值给 formData */
|
|
|
watch(
|
|
|
() => props.propFormData,
|
|
|
(data) => {
|
|
|
@@ -63,27 +72,24 @@ watch(
|
|
|
}
|
|
|
)
|
|
|
|
|
|
-/**
|
|
|
- * 表单校验
|
|
|
- */
|
|
|
+/** 表单校验 */
|
|
|
const emit = defineEmits(['update:activeName'])
|
|
|
const validate = async () => {
|
|
|
// 校验表单
|
|
|
- if (!productSpuBasicInfoRef) return
|
|
|
- return await unref(productSpuBasicInfoRef).validate((valid) => {
|
|
|
- if (!valid) {
|
|
|
- message.warning('商品信息未完善！！')
|
|
|
- emit('update:activeName', 'delivery')
|
|
|
- // 目的截断之后的校验
|
|
|
- throw new Error('商品信息未完善！！')
|
|
|
- } else {
|
|
|
- // 校验通过更新数据
|
|
|
- Object.assign(props.propFormData, formData)
|
|
|
- }
|
|
|
- })
|
|
|
+ if (!formRef) return
|
|
|
+ try {
|
|
|
+ await unref(formRef)?.validate()
|
|
|
+ // 校验通过更新数据
|
|
|
+ Object.assign(props.propFormData, formData)
|
|
|
+ } catch (e) {
|
|
|
+ message.error('【物流设置】不完善，请填写相关信息')
|
|
|
+ emit('update:activeName', 'delivery')
|
|
|
+ throw e // 目的截断之后的校验
|
|
|
+ }
|
|
|
}
|
|
|
defineExpose({ validate })
|
|
|
|
|
|
+/** 初始化 */
|
|
|
const deliveryTemplateList = ref([]) // 运费模版
|
|
|
onMounted(async () => {
|
|
|
deliveryTemplateList.value = await ExpressTemplateApi.getSimpleTemplateList()
|
YunaiV