11 Commits

Author SHA1 Message Date
X1627315083@163.com
5eaa77596e fix 2026-05-13 16:36:23 +08:00
李志鹏
848e7b4692 更改卖家审批提示词 2026-05-12 11:23:18 +08:00
李志鹏
fd140ebc56 还原绑定 2026-05-12 11:08:18 +08:00
李志鹏
34094c8c92 Merge branch 'dev_vite' of http://18.167.251.121:10003/aidlab/aida_front into dev_vite 2026-05-12 11:01:54 +08:00
李志鹏
e4dc2bf729 还原绑定 2026-05-12 11:01:53 +08:00
李志鹏
7f226179d9 绑定修改 2026-05-11 10:50:17 +08:00
李志鹏
3edff6b05c Merge branch 'dev_vite' of http://18.167.251.121:10003/aidlab/aida_front into dev_vite 2026-05-11 10:01:19 +08:00
李志鹏
6fd1212298 修改 2026-05-11 10:01:18 +08:00
e093cccb8d bugfix: 没有产品主图时自动选中问题 2026-05-07 17:06:06 +08:00
b2c6c61515 bugfix: 封面必填校验 2026-05-07 15:53:47 +08:00
0219b1a2f4 docs: 商品编辑页面的agents.md 2026-05-07 13:53:06 +08:00
9 changed files with 106 additions and 37 deletions

View File

@@ -0,0 +1,3 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.4872 5.28094L9.06266 0.853126C8.51506 0.306793 7.7733 0 7 0C6.2267 0 5.48494 0.306793 4.93734 0.853126L0.512757 5.28094C0.349671 5.44308 0.220373 5.636 0.132355 5.84851C0.0443375 6.06102 -0.000647733 6.2889 7.04636e-06 6.51894V12.249C7.04636e-06 12.7134 0.184381 13.1587 0.51257 13.4871C0.840758 13.8155 1.28588 14 1.75001 14H12.25C12.7141 14 13.1592 13.8155 13.4874 13.4871C13.8156 13.1587 14 12.7134 14 12.249V6.51894C14.0006 6.2889 13.9557 6.06102 13.8676 5.84851C13.7796 5.636 13.6503 5.44308 13.4872 5.28094ZM8.75 12.8326H5.25V10.5364C5.25 10.072 5.43438 9.62663 5.76256 9.29825C6.09075 8.96986 6.53587 8.78538 7 8.78538C7.46413 8.78538 7.90925 8.96986 8.23744 9.29825C8.56562 9.62663 8.75 10.072 8.75 10.5364V12.8326ZM12.8333 12.249C12.8333 12.4038 12.7719 12.5522 12.6625 12.6617C12.5531 12.7711 12.4047 12.8326 12.25 12.8326H9.91666V10.5364C9.91666 9.76241 9.60937 9.0201 9.06239 8.47279C8.51541 7.92549 7.77355 7.61801 7 7.61801C6.22645 7.61801 5.48459 7.92549 4.93761 8.47279C4.39063 9.0201 4.08334 9.76241 4.08334 10.5364V12.8326H1.75001C1.5953 12.8326 1.44692 12.7711 1.33753 12.6617C1.22813 12.5522 1.16667 12.4038 1.16667 12.249V6.51894C1.16721 6.36425 1.22862 6.216 1.33759 6.10627L5.76217 1.6802C6.09099 1.35272 6.53605 1.16887 7 1.16887C7.46394 1.16887 7.90901 1.35272 8.23783 1.6802L12.6624 6.10802C12.771 6.21732 12.8323 6.36486 12.8333 6.51894V12.249Z" fill="#585858"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@@ -24,6 +24,7 @@ export default {
SubscribeNow: '立即订阅',
TaskList: '任务列表',
ViewOrders: '查询订单',
PersonalCenter: '个人中心',
BecomeSeller: '成为卖家',
SellerDashboard: '卖家中心',
toolsToProduct: '转产品图',
@@ -1855,7 +1856,8 @@ export default {
SelectCollection: '选择商品',
SelectSketch: '选择线稿图',
EditListingDetails: '编辑商品详情',
VideoWarning: '首次选中的图片素材会作为产品主图,视频不可作为产品主图'
VideoWarning: '首次选中的图片素材会作为产品主图,视频不可作为产品主图',
selectSketchMaxNum: '最多选择9个线稿图',
},
ApplySeller: {
applySellerTitle: '申请成为卖家',
@@ -1877,7 +1879,7 @@ export default {
agreementAgreement: '我已经阅读并同意了卖家协议,清楚地了解了自己在 AiDA 平台上作为卖家所应承担的责任和义务。',
submitApplication: '提交申请',
applicationSubmitted: '申请已提交',
applicationSubmittedTip: '我们的团队将审核您的申请并在1-3个工作日回复您。您会在邮箱中收到相关通知。',
applicationSubmittedTip: '预计很快就会批准。收到批准后,请在发布任何商品前,确保在 <span>卖家控制面板 > 设置</span> 中关联您的收款账户。',
auditStatus1_title: "步骤 1提交申请",
auditStatus1_tip: "请填写店铺信息并同意服务条款。",
auditStatus2_title: "步骤 2审核验证",

View File

@@ -24,6 +24,7 @@ export default {
SubscribeNow: 'Subscribe now',
TaskList: 'Task List',
ViewOrders: 'View Orders',
PersonalCenter: 'Personal Center',
BecomeSeller: 'Become a Seller',
SellerDashboard: 'Seller Dashboard',
toolsToProduct: 'To product image',
@@ -1909,7 +1910,8 @@ export default {
SelectCollection: 'Select Collection',
SelectSketch: 'Select Sketch',
EditListingDetails: 'Edit Listing Details',
VideoWarning:'The first selected item is the main product image. Videos cannot be used.'
VideoWarning:'The first selected item is the main product image. Videos cannot be used.',
selectSketchMaxNum: 'Select up to 9 sketches',
},
ApplySeller: {
applySellerTitle: 'Apply to Become a Seller',
@@ -1931,7 +1933,7 @@ export default {
agreementAgreement: "I have read and agree to the Seller Agreement, understanding my responsibilities and obligations as a seller on the AiDA platform.",
submitApplication: "Submit Application",
applicationSubmitted: "Application Submitted",
applicationSubmittedTip: "Our team will review your application and get back to you within 13 business days. You'll receive a notification in your email once a decision has been made.",
applicationSubmittedTip: "Approval is expected shortly. Upon receipt, please ensure your payout account is linked under <span>Seller Dashboard > Settings</span> prior to listing any items.",
auditStatus1_title: "Step 1: Submit Application",
auditStatus1_tip: "Fill out the seller information form and agree to our terms",
auditStatus2_title: "Step 2: Review & Verification",

View File

@@ -235,6 +235,11 @@ const routes: Array<RouteRecordRaw> = [
meta: { enter: "all" },
component: () => import("@/views/SellerDashboard/index.vue"),
children: [
{
path: "",
meta: { enter: "all" },
redirect: "/home/seller/brandProfile"
},
{
path: "brandProfile",
name: "brandProfile",

View File

@@ -318,7 +318,7 @@
</div>
</div>
<div class="homeMain_user">
<div class="homeMain_user_icon" @click="openAccount">
<div class="homeMain_user_icon">
<img :src="userDetail.avatar" alt="" />
</div>
<div class="homeMain_user_detail">
@@ -373,6 +373,10 @@
<i class="fi fi-rs-notebook"></i>
<span class="select_item_des">{{ $t('Header.ViewOrders') }}</span>
</div>
<div class="select_item" @click="openAccount">
<span class="icon"><svg-icon name="home" /></span>
<span class="select_item_des">{{ $t('Header.PersonalCenter') }}</span>
</div>
<div class="select_item" @click="onBecomeSeller" v-if="!isSeller">
<span class="icon"><svg-icon name="seller-sellerIndex" /></span>
<span class="select_item_des">{{ $t('Header.BecomeSeller') }}</span>

View File

@@ -2,7 +2,10 @@
<div class="seller-review">
<img class="success" src="@/assets/images/seller/success-1.png" />
<div class="title">{{ $t("ApplySeller.applicationSubmitted") }}</div>
<div class="tip">{{ $t("ApplySeller.applicationSubmittedTip") }}</div>
<div
class="tip"
v-html="$t('ApplySeller.applicationSubmittedTip', { click: 'onPersonalCenter' })"
></div>
<div class="step-list">
<div v-for="v in list" :key="v.title" class="step-item">
<img v-show="!v.active" src="@/assets/images/seller/success-0.png" />
@@ -13,7 +16,9 @@
</div>
</div>
</div>
<button class="home-btn" @click="onBackToHome">{{ $t("ApplySeller.backToHomepage") }}</button>
<button class="home-btn" @click="onBackToHome">
{{ $t("ApplySeller.backToHomepage") }}
</button>
<div class="tip">ID: {{ userId }}</div>
</div>
</template>
@@ -51,6 +56,9 @@
const onBackToHome = () => {
router.push({ name: "home" })
}
window.onPersonalCenter = () => {
router.push("/home/account")
}
</script>
<style scoped lang="less">
.seller-review {
@@ -75,11 +83,15 @@
color: #000;
}
> .tip {
font-family: pingfang_medium;
font-family: pingfang_regular;
font-size: 1.8rem;
line-height: 170%;
text-align: center;
color: #585858;
&:deep(span) {
color: #585858;
font-family: pingfang_heavy;
}
}
> .step-list {
margin: 2.6rem 0;

View File

@@ -30,25 +30,67 @@ This directory owns the seller listing edit/create detail page.
Detail API images are mapped by `category`:
- `cover` -> `currentListing.cover`
- `cover_from` -> `currentListing.coverFrom`; `imageUrl` stores the source image URL, not the literal source key. Resolve it against `sketch` and `mainProductImage` when hydrating. Keep backward compatibility for old rows whose `imageUrl` is `sketch` or `mainProductImage`.
- `sketch` -> `currentListing.sketch`
- `mainProductImage` -> `currentListing.mainProductImage`
- `main_product` or `product` -> `currentListing.prodImageList`
- `mainProductImage` or `main_product` -> `currentListing.mainProductImage`
- `product` -> non-video entries in `currentListing.prodImageList`
- `firstFrame`, `gif`, and `video` -> one video entry in `currentListing.prodImageList` when the three rows share the same `sortOrder`
- `apparel` -> `currentListing.sketchList`
When saving, preserve the backend's expected image categories. Confirm backend naming before changing `main_product`, `product`, or `mainProductImage`.
When saving, preserve the backend's expected image categories. Confirm backend naming before changing `main_product`, `product`, `firstFrame`, `gif`, `video`, or `mainProductImage`.
中文补充:
- 详情接口返回的 `images` 要按 `category` 回填到页面状态,不要只按数组顺序猜类型。
- `cover_from` 不是封面图本身,而是记录封面裁剪来源。它的 `imageUrl` 传来源图片链接,回显时用这个 URL 和 `sketch``mainProductImage` 比较,恢复裁剪弹窗里的来源选择。
- `main_product` 表示页面右上方的主产品图 URL普通 `product` 只表示产品图列表里的非视频图片。
- 视频不要保存成 `product`。视频必须拆成 `firstFrame``gif``video` 三类,并在回显时按相同 `sortOrder` 合并成一个视频项。
## Product Image Rules
- The `main` badge represents the first selected product image, not the most recently selected one.
- `firstSelectedIndex` is stored on each `ListingItem` and passed to `ProductImageList.vue`.
- Hydrating detail data must only set `mainProductImage` from explicit `main_product` or `mainProductImage` rows. Never infer it from selected `product` rows.
- Selecting a product image should only set `mainProductImage` when no main image is currently tracked by that listing's `firstSelectedIndex`.
- Unselecting the current main product image clears `mainProductImage` and resets `firstSelectedIndex`.
- Videos can be selected and saved, but they cannot become `mainProductImage`, must not set `firstSelectedIndex`, and must not display the `main` badge.
中文补充:
- `main` 标识只给图片,不给视频。
- 数据回显时,只有接口明确返回 `main_product` / `mainProductImage` 才能设置主图。不要因为某个 `product` 是已选中状态,就自动把它当成 `mainProductImage` 或显示 `main`
- 第一次选择视频时可以弹 warning但视频本身仍然要保持选中只是不要把它写入 `mainProductImage`,也不要更新 `firstSelectedIndex`
- 如果先选中视频,再选中图片,图片仍然可以成为第一个主图。
- 如果取消的是当前主图图片,需要清空 `mainProductImage``firstSelectedIndex`;取消普通图片或视频不应影响主图。
## Save Image Ordering
- Every saved image row must include `sortOrder`.
- `sortOrder` is scoped per category; each category starts its own sequence.
- For `product` rows, save the image currently used as `mainProductImage` first, selected non-main images next, and unselected images last.
- Save video media as three rows with categories `firstFrame`, `gif`, and `video`. The three rows from the same video item must share the same `sortOrder`.
- When hydrating detail data, group `firstFrame`, `gif`, and `video` rows by matching `sortOrder` and restore the combined video item, including its selected state. Accept `isSelected`, old typo `isSeleted`, and `selected` from the API.
中文补充:
- `sortOrder` 是按 category 分开排的,不同 category 之间不要共用一个全局序号。
- `product` 的排序规则是:当前作为 `mainProductImage` 的图片第一,其他已选图片其次,未选图片最后。
- 同一个视频拆出的 `firstFrame``gif``video` 三条数据必须使用同一个 `sortOrder`。例如第一个视频三条都是 `sortOrder: 1`,第二个视频三条都是 `sortOrder: 2`
- 回显视频时,用相同 `sortOrder` 找回一组 `firstFrame/gif/video`。三条里任意一条带选中标记,都应恢复为这个视频已选中。
- 选中字段要兼容 `isSelected`、历史拼写 `isSeleted`、以及 `selected`
## Crop Flow
- `TopImageSection.vue` and `ApparelSketchList.vue` emit `crop`.
- `index.vue` handles `handleClickCrop`, opens `ImageClipDialog`, uploads with `uploadFile`, then writes the returned URL into the correct field/list item.
- Keep cover crop ratio at `[4, 5]`; other crop types use `[9, 16]`.
- Cover crop can be based on `sketch` or `mainProductImage`. Store the chosen source in `coverFrom`, save it via `cover_from.imageUrl` as the source image URL, and pass it back into `ImageClipDialog` so reopening cover crop restores the selected source.
中文补充:
- cover 裁剪弹窗会在 `sketch``mainProductImage` 之间切来源。用户保存 cover 时,父组件需要同时保存裁剪后的 cover URL 和本次使用的来源。
- 下次重新打开 cover 裁剪时,应该按 `coverFrom` 恢复来源选择,并用对应的原图作为裁剪图,不要直接拿已裁好的 cover 图再次裁。
- 如果只有一个来源图可用,就按可用来源打开;如果两个来源都可用,要显示来源切换。
## Form Flow

View File

@@ -205,7 +205,9 @@
const videoImageCategories = ["firstFrame", "gif", "video"] as const
type VideoImageCategory = (typeof videoImageCategories)[number]
const isVideoImageCategory = (category: ListingDetailImage["category"]): category is VideoImageCategory =>
const isVideoImageCategory = (
category: ListingDetailImage["category"]
): category is VideoImageCategory =>
videoImageCategories.includes(category as VideoImageCategory)
const normalizeDetailGender = (value: ListingDetailResponse["designFor"]) => {
@@ -311,10 +313,6 @@
if (videoItem) listing.prodImageList.push(videoItem)
})
if (!listing.mainProductImage) {
listing.mainProductImage =
listing.prodImageList.find((item) => item.selected && !item.isVideo)?.url || ""
}
if (coverFromImageUrl) {
listing.coverFrom = resolveCoverSourceFromImageUrl(coverFromImageUrl, listing)
}
@@ -322,11 +320,7 @@
const mainProductIndex = listing.prodImageList.findIndex(
(item) => !item.isVideo && item.url === listing.mainProductImage
)
const selectedIndex =
mainProductIndex === -1
? listing.prodImageList.findIndex((item) => item.selected && !item.isVideo)
: mainProductIndex
listing.firstSelectedIndex = selectedIndex === -1 ? null : selectedIndex
listing.firstSelectedIndex = mainProductIndex === -1 ? null : mainProductIndex
listing.productImage = listing.prodImageList.map((item) => item.url)
listing.apparelSketch = listing.sketchList
@@ -365,7 +359,7 @@
if (willSelect && listing.firstSelectedIndex === null) {
if (target.isVideo) {
message.warning("The first selected item is the main product image. Videos cannot be used.")
message.warning(t("Seller.VideoWarning"))
return
}
listing.mainProductImage = target.url
@@ -392,7 +386,11 @@
}
const cropType = ref<CropType | "">("")
const handleClickCrop = (data: string | null, type: CropType, paramThree: number | unknown[] = []) => {
const handleClickCrop = (
data: string | null,
type: CropType,
paramThree: number | unknown[] = []
) => {
// 处理来自TopImageSection的调用: (data, type, list)
// 处理来自ApparelSketchList的调用: (data, type, index)
const index = typeof paramThree === "number" ? paramThree : undefined
@@ -441,10 +439,9 @@
value !== null && value !== undefined && String(value).trim() !== ""
const getMissingRequiredField = (item: ListingItem) => {
const cover = item.cover || item.mainProductImage || item.sketch
const requiredFields = [
{ value: item.sketch, label: t("SellerListEdit.sketch") },
{ value: cover, label: t("SellerListEdit.cover") },
{ value: item.cover, label: t("SellerListEdit.cover") },
{ value: item.productName, label: t("SellerListEdit.productName") },
{ value: item.price, label: t("SellerListEdit.price") },
{ value: item.desc, label: t("SellerListEdit.productDescription") },
@@ -565,7 +562,12 @@
videoSortOrder += 1
const isSelected = Number(!!media.selected)
pushImage("firstFrame", media.firstFrameUrl || media.url, isSelected, videoSortOrder)
pushImage(
"firstFrame",
media.firstFrameUrl || media.url,
isSelected,
videoSortOrder
)
pushImage("gif", media.gifUrl || "", isSelected, videoSortOrder)
pushImage("video", media.videoUrl || "", isSelected, videoSortOrder)
})
@@ -589,16 +591,10 @@
await fetchUpdateListing(paramsList)
}
const handleClickMenu = async (status: StatusType) => {
if (status === "draft" && !selectList.value[currentIndex.value].cover) {
message.error("请先完成封面制作")
return
}
if (!validatePublishRequired()) return
await handleSaveForm(status)
if (status === "draft") {
// save draft logic
// console.log("Saving draft...", currentListing.value)
ROUTER.push({
name: "Status",
params: { status: "draft" },
@@ -608,8 +604,6 @@
}
})
} else if (status === "publish") {
// publish logic
// console.log("Publishing...", currentListing.value)
ROUTER.push({
name: "Status",
params: { status: "publish" },

View File

@@ -7,6 +7,7 @@ import { Https } from '@/tool/https'
import { useRoute } from 'vue-router'
import { useStore } from 'vuex'
import { useI18n } from 'vue-i18n'
import { message } from 'ant-design-vue';
// 定义组件名称
defineOptions({
@@ -45,6 +46,10 @@ const chooseItem = (item:any)=>{
if(chooseList.value.findIndex((i:any)=>i.designItemId == item.designItemId) != -1){
chooseList.value.splice(chooseList.value.findIndex((i:any)=>i.designItemId == item.designItemId),1)
}else{
if(chooseList.value.length >= 9){
message.info(t('Seller.selectSketchMaxNum'))
return
}
chooseList.value.push(item)
}
}
@@ -163,7 +168,7 @@ const {} = toRefs(data);
<template #right>
<div class="header-right">
<div class="chooseNum">
{{ chooseList.length }} {{ t('Seller.sketchesSelected') }}
{{ chooseList.length }} / 9 {{ t('Seller.sketchesSelected') }}
</div>
<div class="button" @click="next">
<span>{{ $t('Seller.Next') }}</span>
@@ -177,8 +182,8 @@ const {} = toRefs(data);
<div class="content" ref="listingsBoxRef">
<div class="title">
<div class="left">
<i class="fi fi-rs-comments"></i>
<span>{{ $t('Seller.Praka') }}</span>
<i class="fi fi-rs-comments"></i>
<span>{{ $t('Seller.Praka') }}</span>
</div>
<div class="right">
<div class="generalModel_state">