angelo
/
web-base-admin
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(goods): 基础设置样式问题处理

This commit is contained in:
woody 2025-08-05 16:33:54 +08:00
parent c0d841df0d
commit 7dd3c913a6
1 changed files with 61 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
src/views/goodsManage/goodsRelease/jcsz.vue
View File

@ -528,6 +528,49 @@
</el-form-item>
</el-col>
</el-row>
<template v-if="form.specialArea === 14">
<el-row style="margin-bottom: 18px;">
<el-row style="margin-bottom: 18px;">
<el-col :span="24" class="extra-wrapper">
<el-col :span="24">
<div class="extra-title">秒杀配置</div>
</el-col>
<el-col :span="8">
<el-form-item label="库存数量" prop="inventory">
<el-input-number v-model="form.inventory" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="库存倒计时比例" prop="inventoryRatio">
<el-input v-model="form.inventoryRatio" style="width: 100%">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员总限购" prop="memberLimit">
<el-input-number v-model="form.memberLimit" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员月限购" prop="memberMonthLimit">
<el-input-number v-model="form.memberMonthLimit" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="已用库存数量" prop="inventoryUse">
<el-input v-model="form.inventoryUse" readonly>
<el-button slot="append" style="background-color: #409EFF; color: #fff; border-color: #409EFF" type="primary" @click="resetInventoryUse">
重置
</el-button>
</el-input>
</el-form-item>
</el-col>
</el-col>
</el-row>
</el-row>
</template>
<el-row>
<!-- <el-col :span="8">
<el-form-item
@ -550,47 +593,7 @@
</el-form-item>
</el-col>
</el-row>
<template v-if="form.specialArea === 14">
<el-row style="margin-bottom: 18px;">
<el-col :span="24" class="extra-wrapper">
<el-col :span="24">
<div class="extra-title">秒杀配置</div>
</el-col>
<el-col :span="8">
<el-form-item label="库存数量" prop="inventory">
<el-input-number v-model="form.inventory" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="库存倒计时比例" prop="inventoryRatio">
<el-input v-model="form.inventoryRatio" style="width: 100%">
<template slot="append">%</template>
</el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员总限购" prop="memberLimit">
<el-input-number v-model="form.memberLimit" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="会员月限购" prop="memberMonthLimit">
<el-input-number v-model="form.memberMonthLimit" style="width: 100%" :min="0" :max="999999999" :controls="false" />
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="已用库存数量" prop="inventoryUse">
<el-input v-model="form.inventoryUse" readonly>
<el-button slot="append" style="background-color: #409EFF; color: #fff; border-color: #409EFF" type="primary" @click="resetInventoryUse">
重置
</el-button>
</el-input>
</el-form-item>
</el-col>
</el-col>
</el-row>
</template>
<el-row style="margin-top: 10px; margin-bottom: 10px;">
<el-col :span="8">
<el-form-item
@ -1146,7 +1149,8 @@ export default {
height: calc(100vh - 50px);
overflow: hidden;
background: #f9f9f9;
padding-top: 20px;
// padding-top: 20px;
padding: 20px
}
.main {
display: flex;
@ -1158,7 +1162,7 @@ export default {
background: #ffffff;
border-radius: 8px;
box-shadow: 0px 2px 20px 0px rgba(238, 238, 238, 0.5);
margin: 0px 20px 0 20px;
// margin: 0px 20px 0 20px;
height: 100%;
overflow-y: auto;
padding: 0 10px;
@ -1249,4 +1253,19 @@ export default {
::v-deep .el-form-item {
margin-bottom: 15px;
}
.extra-title {
font-size: 16px;
font-weight: bold;
color: #333333;
margin-bottom: 10px;
margin-top: 10px;
text-indent: 40px;
}
.extra-wrapper {
margin-top: 10px;
padding: 10px;
border-radius: 5px;
border: 1px dashed #cccccc;
}
</style>