更改样式

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