更改样式

This commit is contained in:
dzl
2025-10-21 17:31:24 +08:00
parent f515086162
commit cd2ffcd04d

View File

@@ -118,7 +118,7 @@
<div class="field-tip">商品的市场原价</div> <div class="field-tip">商品的市场原价</div>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <!-- <el-col :span="6">
<el-form-item label="积分价格" prop="points"> <el-form-item label="积分价格" prop="points">
<el-input-number <el-input-number
v-model="form.points" v-model="form.points"
@@ -140,7 +140,7 @@
/> />
<div class="field-tip">使用融豆购买的价格</div> <div class="field-tip">使用融豆购买的价格</div>
</el-form-item> </el-form-item>
</el-col> </el-col> -->
<el-col :span="6"> <el-col :span="6">
<el-form-item label="库存数量" prop="stock"> <el-form-item label="库存数量" prop="stock">
<el-input-number <el-input-number
@@ -168,11 +168,13 @@
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="24"> <el-col :span="24">
<el-form-item label="商品主图" prop="image"> <el-form-item label="商品主图" prop="image">
<!-- <ImageUpload -->
<ImageUpload <ImageUpload
v-model="form.image" v-model="form.image"
placeholder="点击上传商品主图" placeholder="点击上传商品主图"
@upload-success="handleImageUploadSuccess" @upload-success="handleImageUploadSuccess"
@upload-error="handleImageUploadError" @upload-error="handleImageUploadError"
:max-count="1"
/> />
<div class="field-tip">建议尺寸800x800px支持JPGPNG格式</div> <div class="field-tip">建议尺寸800x800px支持JPGPNG格式</div>
</el-form-item> </el-form-item>
@@ -267,12 +269,12 @@
<span>支付宝支付</span> <span>支付宝支付</span>
</div> </div>
</el-checkbox> </el-checkbox>
<el-checkbox label="wechatpay" class="payment-checkbox"> <!-- <el-checkbox label="wechatpay" class="payment-checkbox">
<div class="payment-option"> <div class="payment-option">
<el-icon class="payment-icon"><Money /></el-icon> <el-icon class="payment-icon"><Money /></el-icon>
<span>微信支付</span> <span>微信支付</span>
</div> </div>
</el-checkbox> </el-checkbox> -->
</el-checkbox-group> </el-checkbox-group>
<div class="field-tip">选择该商品支持的支付方式</div> <div class="field-tip">选择该商品支持的支付方式</div>
@@ -433,7 +435,7 @@
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="商品状态" prop="status"> <!-- <el-form-item label="商品状态" prop="status">
<div class="status-switch-container"> <div class="status-switch-container">
<el-switch <el-switch
v-model="statusActive" v-model="statusActive"
@@ -448,9 +450,9 @@
{{ statusActive === 'active' ? '商品将立即在商城中展示' : '商品保存为草稿,不在商城中展示' }} {{ statusActive === 'active' ? '商品将立即在商城中展示' : '商品保存为草稿,不在商城中展示' }}
</div> </div>
</div> </div>
</el-form-item> </el-form-item> -->
</el-col> </el-col>
<el-col :span="12"> <el-col :span="24">
<el-form-item label="包邮设置" prop="free_shipping"> <el-form-item label="包邮设置" prop="free_shipping">
<div class="shipping-switch-container"> <div class="shipping-switch-container">
<el-switch <el-switch
@@ -738,17 +740,17 @@ const handlePrimaryCategoryChange = (value) => {
const isEdit = computed(() => !!route.params.id) const isEdit = computed(() => !!route.params.id)
// 商品状态开关 // 商品状态开关
const statusActive = computed({ // const statusActive = computed({
get: () => form.status, // get: () => form.status,
set: (value) => { // set: (value) => {
form.status = value // form.status = value
} // }
}) // })
// 处理状态变化 // 处理状态变化
const handleStatusChange = (value) => { // const handleStatusChange = (value) => {
form.status = value // form.status = value
} // }
const form = reactive({ const form = reactive({
name: '', name: '',
@@ -761,12 +763,12 @@ const form = reactive({
image: '', image: '',
images: [], images: [],
videos: [], videos: [],
shop_name: '', shop_name: JSON.parse(localStorage.getItem('admin_user')).username || '',
shop_avatar: getImageUrl(user.avatar), shop_avatar: getImageUrl(user.avatar),
payment_methods: ['points'], payment_methods: ['points'],
description: '', description: '',
details: '', details: '',
status: 'active', status: 'inactive',
free_shipping: false free_shipping: false
}) })
@@ -821,13 +823,13 @@ const rules = {
{ required: true, message: '请输入商品原价', trigger: 'blur' }, { required: true, message: '请输入商品原价', trigger: 'blur' },
{ type: 'number', min: 1, message: '商品原价必须大于0', trigger: 'blur' } { type: 'number', min: 1, message: '商品原价必须大于0', trigger: 'blur' }
], ],
points: [ // points: [
{ type: 'number', min: 0, message: '积分价格不能小于0', trigger: 'blur' } // { type: 'number', min: 0, message: '积分价格不能小于0', trigger: 'blur' }
], // ],
rongdou_price: [ // rongdou_price: [
{ required: true, message: '请输入融豆价格', trigger: 'blur' }, // { required: true, message: '请输入融豆价格', trigger: 'blur' },
{ type: 'number', min: 0, message: '融豆价格不能小于0', trigger: 'blur' } // { type: 'number', min: 0, message: '融豆价格不能小于0', trigger: 'blur' }
], // ],
payment_methods: [ payment_methods: [
{ required: true, message: '请选择至少一种支付方式', trigger: 'change' } { required: true, message: '请选择至少一种支付方式', trigger: 'change' }
], ],