feat: 商品管理
This commit is contained in:
zc
parent
5cf6e48e74
commit
03f8a53cb0
154
src/auto-import.d.ts
vendored
154
src/auto-import.d.ts
vendored
@ -6,77 +6,95 @@
|
||||
// biome-ignore lint: disable
|
||||
export {}
|
||||
declare global {
|
||||
const EffectScope: typeof import('vue')['EffectScope']
|
||||
const api: typeof import('../../../../../../src/api/index')['api']
|
||||
const computed: typeof import('vue')['computed']
|
||||
const createApp: typeof import('vue')['createApp']
|
||||
const customRef: typeof import('vue')['customRef']
|
||||
const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
|
||||
const defineComponent: typeof import('vue')['defineComponent']
|
||||
const effectScope: typeof import('vue')['effectScope']
|
||||
const getCurrentInstance: typeof import('vue')['getCurrentInstance']
|
||||
const getCurrentScope: typeof import('vue')['getCurrentScope']
|
||||
const getCurrentWatcher: typeof import('vue')['getCurrentWatcher']
|
||||
const h: typeof import('vue')['h']
|
||||
const handleInit: typeof import('../../../../../../src/utils/page/index')['handleInit']
|
||||
const handleMessageBox: typeof import('../../../../../../src/utils/page/index')['handleMessageBox']
|
||||
const inject: typeof import('vue')['inject']
|
||||
const isProxy: typeof import('vue')['isProxy']
|
||||
const isReactive: typeof import('vue')['isReactive']
|
||||
const isReadonly: typeof import('vue')['isReadonly']
|
||||
const isRef: typeof import('vue')['isRef']
|
||||
const isShallow: typeof import('vue')['isShallow']
|
||||
const markRaw: typeof import('vue')['markRaw']
|
||||
const nextTick: typeof import('vue')['nextTick']
|
||||
const onActivated: typeof import('vue')['onActivated']
|
||||
const onBeforeMount: typeof import('vue')['onBeforeMount']
|
||||
const onBeforeRouteLeave: typeof import('vue-router')['onBeforeRouteLeave']
|
||||
const onBeforeRouteUpdate: typeof import('vue-router')['onBeforeRouteUpdate']
|
||||
const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
|
||||
const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
|
||||
const onDeactivated: typeof import('vue')['onDeactivated']
|
||||
const onErrorCaptured: typeof import('vue')['onErrorCaptured']
|
||||
const onMounted: typeof import('vue')['onMounted']
|
||||
const onRenderTracked: typeof import('vue')['onRenderTracked']
|
||||
const onRenderTriggered: typeof import('vue')['onRenderTriggered']
|
||||
const onScopeDispose: typeof import('vue')['onScopeDispose']
|
||||
const onServerPrefetch: typeof import('vue')['onServerPrefetch']
|
||||
const onUnmounted: typeof import('vue')['onUnmounted']
|
||||
const onUpdated: typeof import('vue')['onUpdated']
|
||||
const onWatcherCleanup: typeof import('vue')['onWatcherCleanup']
|
||||
const pageConfig: typeof import('../../../../../../src/utils/page/config')['pageConfig']
|
||||
const provide: typeof import('vue')['provide']
|
||||
const reactive: typeof import('vue')['reactive']
|
||||
const readonly: typeof import('vue')['readonly']
|
||||
const ref: typeof import('vue')['ref']
|
||||
const resolveComponent: typeof import('vue')['resolveComponent']
|
||||
const shallowReactive: typeof import('vue')['shallowReactive']
|
||||
const shallowReadonly: typeof import('vue')['shallowReadonly']
|
||||
const shallowRef: typeof import('vue')['shallowRef']
|
||||
const toRaw: typeof import('vue')['toRaw']
|
||||
const toRef: typeof import('vue')['toRef']
|
||||
const toRefs: typeof import('vue')['toRefs']
|
||||
const toValue: typeof import('vue')['toValue']
|
||||
const triggerRef: typeof import('vue')['triggerRef']
|
||||
const unref: typeof import('vue')['unref']
|
||||
const useAttrs: typeof import('vue')['useAttrs']
|
||||
const useCssModule: typeof import('vue')['useCssModule']
|
||||
const useCssVars: typeof import('vue')['useCssVars']
|
||||
const useId: typeof import('vue')['useId']
|
||||
const useLink: typeof import('vue-router')['useLink']
|
||||
const useModel: typeof import('vue')['useModel']
|
||||
const useRoute: typeof import('vue-router')['useRoute']
|
||||
const useRouter: typeof import('vue-router')['useRouter']
|
||||
const useSlots: typeof import('vue')['useSlots']
|
||||
const useTemplateRef: typeof import('vue')['useTemplateRef']
|
||||
const watch: typeof import('vue')['watch']
|
||||
const watchEffect: typeof import('vue')['watchEffect']
|
||||
const watchPostEffect: typeof import('vue')['watchPostEffect']
|
||||
const watchSyncEffect: typeof import('vue')['watchSyncEffect']
|
||||
const EffectScope: (typeof import('vue'))['EffectScope']
|
||||
const api: (typeof import('src/api/index'))['api']
|
||||
const computed: (typeof import('vue'))['computed']
|
||||
const createApp: (typeof import('vue'))['createApp']
|
||||
const customRef: (typeof import('vue'))['customRef']
|
||||
const defineAsyncComponent: (typeof import('vue'))['defineAsyncComponent']
|
||||
const defineComponent: (typeof import('vue'))['defineComponent']
|
||||
const effectScope: (typeof import('vue'))['effectScope']
|
||||
const getCurrentInstance: (typeof import('vue'))['getCurrentInstance']
|
||||
const getCurrentScope: (typeof import('vue'))['getCurrentScope']
|
||||
const getCurrentWatcher: (typeof import('vue'))['getCurrentWatcher']
|
||||
const h: (typeof import('vue'))['h']
|
||||
const handleInit: (typeof import('src/utils/page/index'))['handleInit']
|
||||
const handleMessageBox: (typeof import('src/utils/page/index'))['handleMessageBox']
|
||||
const inject: (typeof import('vue'))['inject']
|
||||
const isProxy: (typeof import('vue'))['isProxy']
|
||||
const isReactive: (typeof import('vue'))['isReactive']
|
||||
const isReadonly: (typeof import('vue'))['isReadonly']
|
||||
const isRef: (typeof import('vue'))['isRef']
|
||||
const isShallow: (typeof import('vue'))['isShallow']
|
||||
const markRaw: (typeof import('vue'))['markRaw']
|
||||
const nextTick: (typeof import('vue'))['nextTick']
|
||||
const onActivated: (typeof import('vue'))['onActivated']
|
||||
const onBeforeMount: (typeof import('vue'))['onBeforeMount']
|
||||
const onBeforeRouteLeave: (typeof import('vue-router'))['onBeforeRouteLeave']
|
||||
const onBeforeRouteUpdate: (typeof import('vue-router'))['onBeforeRouteUpdate']
|
||||
const onBeforeUnmount: (typeof import('vue'))['onBeforeUnmount']
|
||||
const onBeforeUpdate: (typeof import('vue'))['onBeforeUpdate']
|
||||
const onDeactivated: (typeof import('vue'))['onDeactivated']
|
||||
const onErrorCaptured: (typeof import('vue'))['onErrorCaptured']
|
||||
const onMounted: (typeof import('vue'))['onMounted']
|
||||
const onRenderTracked: (typeof import('vue'))['onRenderTracked']
|
||||
const onRenderTriggered: (typeof import('vue'))['onRenderTriggered']
|
||||
const onScopeDispose: (typeof import('vue'))['onScopeDispose']
|
||||
const onServerPrefetch: (typeof import('vue'))['onServerPrefetch']
|
||||
const onUnmounted: (typeof import('vue'))['onUnmounted']
|
||||
const onUpdated: (typeof import('vue'))['onUpdated']
|
||||
const onWatcherCleanup: (typeof import('vue'))['onWatcherCleanup']
|
||||
const pageConfig: (typeof import('src/utils/page/config'))['pageConfig']
|
||||
const provide: (typeof import('vue'))['provide']
|
||||
const reactive: (typeof import('vue'))['reactive']
|
||||
const readonly: (typeof import('vue'))['readonly']
|
||||
const ref: (typeof import('vue'))['ref']
|
||||
const resolveComponent: (typeof import('vue'))['resolveComponent']
|
||||
const shallowReactive: (typeof import('vue'))['shallowReactive']
|
||||
const shallowReadonly: (typeof import('vue'))['shallowReadonly']
|
||||
const shallowRef: (typeof import('vue'))['shallowRef']
|
||||
const toRaw: (typeof import('vue'))['toRaw']
|
||||
const toRef: (typeof import('vue'))['toRef']
|
||||
const toRefs: (typeof import('vue'))['toRefs']
|
||||
const toValue: (typeof import('vue'))['toValue']
|
||||
const triggerRef: (typeof import('vue'))['triggerRef']
|
||||
const unref: (typeof import('vue'))['unref']
|
||||
const useAttrs: (typeof import('vue'))['useAttrs']
|
||||
const useCssModule: (typeof import('vue'))['useCssModule']
|
||||
const useCssVars: (typeof import('vue'))['useCssVars']
|
||||
const useId: (typeof import('vue'))['useId']
|
||||
const useLink: (typeof import('vue-router'))['useLink']
|
||||
const useModel: (typeof import('vue'))['useModel']
|
||||
const useRoute: (typeof import('vue-router'))['useRoute']
|
||||
const useRouter: (typeof import('vue-router'))['useRouter']
|
||||
const useSlots: (typeof import('vue'))['useSlots']
|
||||
const useTemplateRef: (typeof import('vue'))['useTemplateRef']
|
||||
const watch: (typeof import('vue'))['watch']
|
||||
const watchEffect: (typeof import('vue'))['watchEffect']
|
||||
const watchPostEffect: (typeof import('vue'))['watchPostEffect']
|
||||
const watchSyncEffect: (typeof import('vue'))['watchSyncEffect']
|
||||
}
|
||||
// for type re-export
|
||||
declare global {
|
||||
// @ts-ignore
|
||||
export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
|
||||
export type {
|
||||
Component,
|
||||
Slot,
|
||||
Slots,
|
||||
ComponentPublicInstance,
|
||||
ComputedRef,
|
||||
DirectiveBinding,
|
||||
ExtractDefaultPropTypes,
|
||||
ExtractPropTypes,
|
||||
ExtractPublicPropTypes,
|
||||
InjectionKey,
|
||||
PropType,
|
||||
Ref,
|
||||
ShallowRef,
|
||||
MaybeRef,
|
||||
MaybeRefOrGetter,
|
||||
VNode,
|
||||
WritableComputedRef
|
||||
} from 'vue'
|
||||
import('vue')
|
||||
}
|
||||
|
||||
@ -35,6 +35,14 @@
|
||||
<span class="text-xs text-[#666]">售价：</span
|
||||
><el-input v-model="item.promotionPrice" size="small" class="w-20 mr-2"></el-input>
|
||||
</p>
|
||||
<p>
|
||||
<span class="text-xs text-[#666]">默认：</span>
|
||||
<el-switch
|
||||
v-model="item.isDefault"
|
||||
size="small"
|
||||
@change="handleIsDefaultChange(item, list)"
|
||||
/>
|
||||
</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
@ -71,6 +79,14 @@ const handleFileChange = async (file: any, fileList: any[], item: any) => {
|
||||
const handleExceed = () => {
|
||||
ElMessage.warning('只能选择一张图片')
|
||||
}
|
||||
|
||||
const handleIsDefaultChange = (item: any, list: any[]) => {
|
||||
const isDefault = item.isDefault
|
||||
list.forEach((child) => {
|
||||
child.isDefault = false
|
||||
})
|
||||
item.isDefault = isDefault
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
|
||||
@ -24,6 +24,7 @@ export const handleGetDialogData = (
|
||||
result.title = data.title
|
||||
result.feature1 = data.feature1
|
||||
result.feature2 = data.feature2
|
||||
result.htmlContent = data.vvProductDetailList.find((item: any) => item.type === 2)?.detail || ''
|
||||
const files = [
|
||||
{
|
||||
fileName: '主图',
|
||||
|
||||
@ -209,7 +209,7 @@
|
||||
</el-card>
|
||||
<el-card>
|
||||
<h4 class="font-bold mb-2">内容编辑:</h4>
|
||||
<wan-editor v-model="htmlContent"></wan-editor>
|
||||
<wan-editor v-model="$dialog.data.htmlContent"></wan-editor>
|
||||
</el-card>
|
||||
<el-button class="mt-2 !text-white" type="primary" @click="onSubmit()">提交</el-button>
|
||||
<FileExplorerDialog
|
||||
@ -270,7 +270,13 @@ const init = async () => {
|
||||
const data = initConfig().value!
|
||||
$dialog.value = data.$dialog
|
||||
$dialog.value.config = data.dialog1
|
||||
$dialog.value.data = { appCategoryId: '', adminCategoryId: '', isTest: 0, title: '' }
|
||||
$dialog.value.data = {
|
||||
htmlContent: '',
|
||||
appCategoryId: '',
|
||||
adminCategoryId: '',
|
||||
isTest: 0,
|
||||
title: ''
|
||||
}
|
||||
adminCategoryData.value = []
|
||||
skuList.value = []
|
||||
if (route.query.id) {
|
||||
@ -318,8 +324,6 @@ const handleAfterChangeCategory = (data: any) => {
|
||||
skuList.value = generateSkuList(adminCategoryData.value)
|
||||
}
|
||||
|
||||
const htmlContent = ref('自定义')
|
||||
|
||||
const onDeletePropertyValue = (index: number, id: number) =>
|
||||
onClosePropertyValue(index, id, skuList)
|
||||
|
||||
@ -337,17 +341,14 @@ const onSubmit = () => {
|
||||
$dialog.value.data,
|
||||
fileList.value,
|
||||
adminCategoryData.value,
|
||||
htmlContent.value,
|
||||
skuList.value
|
||||
)
|
||||
// if (msg) return ElMessage.error(msg)
|
||||
console.warn('----- my data is htmlContent: ', htmlContent.value)
|
||||
const params = handleGetSubmitParams(
|
||||
route.query.type === 'add',
|
||||
$dialog.value.data,
|
||||
fileList.value,
|
||||
adminCategoryData.value,
|
||||
htmlContent.value,
|
||||
skuList.value,
|
||||
defaultCheckedNodes
|
||||
)
|
||||
|
||||
@ -11,6 +11,9 @@ export const onEditPropertyTypeBtn = (index: number) => {
|
||||
export const handleEditPropertyTypeConfirm = async (item: any, skuList: any) => {
|
||||
const oldCategoryPropertyName = item.categoryPropertyName
|
||||
item.categoryPropertyName = editPropertyTypeValue.value
|
||||
item.vvPropertyValueList.forEach((item: any) => {
|
||||
item.categoryPropertyName = editPropertyTypeValue.value
|
||||
})
|
||||
handleEditSkuListPropertyName(oldCategoryPropertyName, item.categoryPropertyName, skuList)
|
||||
editPropertyTypeIndex.value = NaN
|
||||
}
|
||||
|
||||
@ -37,7 +37,6 @@ export const handleValidFormData = (
|
||||
$dialogData: any,
|
||||
fileList: PreviewItem[],
|
||||
adminCategoryData: CategoryDataMock,
|
||||
htmlContent: string,
|
||||
skuList: TSkuList[]
|
||||
) => {
|
||||
console.warn(
|
||||
@ -58,6 +57,9 @@ export const handleValidFormData = (
|
||||
if (fileList.length === 0) {
|
||||
return '请上传主图'
|
||||
}
|
||||
if (!$dialogData.htmlContent) {
|
||||
return '请填写商品详情'
|
||||
}
|
||||
if (fileList.some((item) => item.fileType === 'mainImageUrl' && !item.resourceUrl)) {
|
||||
return '请上传主图'
|
||||
}
|
||||
@ -93,9 +95,6 @@ export const handleValidFormData = (
|
||||
return msg
|
||||
})
|
||||
if (msg) return msg
|
||||
if (!htmlContent) {
|
||||
return '请填写商品详情'
|
||||
}
|
||||
return ''
|
||||
}
|
||||
|
||||
@ -104,7 +103,6 @@ export const handleGetSubmitParams = (
|
||||
$dialogData: any,
|
||||
fileList: PreviewItem[],
|
||||
adminCategoryData: CategoryDataMock,
|
||||
htmlContent: string,
|
||||
skuList: TSkuList[],
|
||||
defaultCheckedNodes: Ref<{ admin: number[]; app: number[] }>
|
||||
) => {
|
||||
@ -131,6 +129,13 @@ export const handleGetSubmitParams = (
|
||||
})
|
||||
}))
|
||||
}
|
||||
const vvProductDetailList = fileList
|
||||
.filter((item) => item.fileType === 'subImageUrl')
|
||||
.map((item) => ({
|
||||
detail: item.resourceUrl,
|
||||
type: 1
|
||||
}))
|
||||
vvProductDetailList.push({ detail: $dialogData.htmlContent, type: 2 })
|
||||
return {
|
||||
...$dialogData,
|
||||
mainImageUrl: fileList.find((item) => item.fileType === 'mainImageUrl')?.resourceUrl,
|
||||
@ -141,12 +146,7 @@ export const handleGetSubmitParams = (
|
||||
acc[`adminCategoryId${i + 1}`] = cur
|
||||
return acc
|
||||
}, {}),
|
||||
vvProductDetailList: fileList
|
||||
.filter((item) => item.fileType === 'subImageUrl')
|
||||
.map((item) => ({
|
||||
detail: item.resourceUrl,
|
||||
type: 1
|
||||
})),
|
||||
vvProductDetailList,
|
||||
vvProductPropertyList,
|
||||
vvSkuList: skuList.map((item) => {
|
||||
const result = {}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user