调整样式

This commit is contained in:
dzl
2025-10-17 17:26:53 +08:00
parent a7a820b508
commit 0967725c97
2 changed files with 29 additions and 18 deletions

View File

@@ -84,7 +84,7 @@ const imageUrl = ref(props.modelValue)
const previewVisible = ref(false)
// 上传配置
const uploadUrl = '/api/upload/image'
const uploadUrl = '/mid/upload/image'
const uploadHeaders = computed(() => {
const token = localStorage.getItem('admin_token')
return token ? { Authorization: `Bearer ${token}` } : {}

View File

@@ -68,9 +68,7 @@
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="24" v-if="form.primary_category">
<el-col :span="12">
<el-form-item label="二级分类" prop="secondary_categories">
<el-select
@@ -90,7 +88,7 @@
:value="category.id"
/>
</el-select>
<div class="field-tip">可选择多个二级分类但必须在同一个一级分类</div>
<div class="field-tip">可选择多个二级分类但必须先选一个一级分类</div>
</el-form-item>
</el-col>
</el-row>
@@ -210,32 +208,33 @@
</el-row>
</el-card>
<!-- 店家信息与支付方式卡片 -->
<!-- 供应商信息与支付方式卡片 -->
<el-card class="form-card" shadow="hover">
<template #header>
<div class="card-header">
<el-icon class="card-icon"><Shop /></el-icon>
<span class="card-title">店家信息与支付方式</span>
<span class="card-title">供应商信息与支付方式</span>
</div>
</template>
<el-row :gutter="24">
<el-col :span="12">
<el-form-item label="店家名称" prop="shop_name">
<el-input
<el-form-item label="供应商名称" prop="shop_name">
<!-- <el-input
v-model="form.shop_name"
placeholder="请输入店家名称"
placeholder="请输入供应商名称"
size="large"
clearable
/>
<div class="field-tip">显示在商品详情页的店家名称</div>
/> -->
<div>{{ form.shop_name }}</div>
<!-- <div class="field-tip">显示在商品详情页的供应商名称</div> -->
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="店家头像" prop="shop_avatar">
<el-form-item label="供应商头像" prop="shop_avatar">
<ImageUpload
v-model="form.shop_avatar"
placeholder="点击上传店家头像"
placeholder="点击上传供应商头像"
@upload-success="handleShopAvatarUploadSuccess"
@upload-error="handleImageUploadError"
/>
@@ -260,6 +259,18 @@
<span>融豆支付</span>
</div>
</el-checkbox>
<el-checkbox label="alipay" class="payment-checkbox">
<div class="payment-option">
<el-icon class="payment-icon"><Money /></el-icon>
<span>支付宝支付</span>
</div>
</el-checkbox>
<el-checkbox label="wechatpay" class="payment-checkbox">
<div class="payment-option">
<el-icon class="payment-icon"><Money /></el-icon>
<span>微信支付</span>
</div>
</el-checkbox>
</el-checkbox-group>
<div class="field-tip">选择该商品支持的支付方式</div>
@@ -1157,8 +1168,8 @@ const submitForm = async () => {
points_price: form.points, // 前端 points -> 后端 points_price
rongdou_price: form.rongdou_price || 0,
stock: form.stock,
image_url: form.image, // 前端 image -> 后端 image_url
images: JSON.stringify(form.images),
image_url: form.image.replace('https://minio.zrbjr.com', ''), // 前端 image -> 后端 image_url
images: JSON.stringify(form.images.map(img => img.replace('https://minio.zrbjr.com', ''))),
videos: JSON.stringify(form.videos),
shop_name: form.shop_name,
shop_avatar: form.shop_avatar,
@@ -1203,9 +1214,9 @@ const handleImageUploadSuccess = (data) => {
console.log('图片上传成功:', data)
}
// 店家头像上传成功处理
// 供应商头像上传成功处理
const handleShopAvatarUploadSuccess = (data) => {
console.log('店家头像上传成功:', data)
console.log('供应商头像上传成功:', data)
}
// 商品相册上传成功处理