调整样式

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 previewVisible = ref(false)
// 上传配置 // 上传配置
const uploadUrl = '/api/upload/image' const uploadUrl = '/mid/upload/image'
const uploadHeaders = computed(() => { const uploadHeaders = computed(() => {
const token = localStorage.getItem('admin_token') const token = localStorage.getItem('admin_token')
return token ? { Authorization: `Bearer ${token}` } : {} return token ? { Authorization: `Bearer ${token}` } : {}

View File

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