调整样式
This commit is contained in:
@@ -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}` } : {}
|
||||
|
||||
@@ -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)
|
||||
}
|
||||
|
||||
// 商品相册上传成功处理
|
||||
|
||||
Reference in New Issue
Block a user