更改样式
This commit is contained in:
@@ -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,支持JPG、PNG格式</div>
|
<div class="field-tip">建议尺寸:800x800px,支持JPG、PNG格式</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' }
|
||||||
],
|
],
|
||||||
|
|||||||
Reference in New Issue
Block a user