style(资源组配置-->编辑组件): 布局调整
This commit is contained in:
hzj
parent
4bbfc06ba4
commit
c053181dc2
@ -15,7 +15,7 @@
|
|||||||
ref="form"
|
ref="form"
|
||||||
:model="form"
|
:model="form"
|
||||||
:rules="localizedFormRules"
|
:rules="localizedFormRules"
|
||||||
class="i18n-form i18n-form--wide"
|
class="i18n-form props-source-group-form"
|
||||||
label-width="110px"
|
label-width="110px"
|
||||||
style="margin-right:50px;"
|
style="margin-right:50px;"
|
||||||
>
|
>
|
||||||
@ -155,7 +155,7 @@
|
|||||||
<!-- 各类型自定义配置 -->
|
<!-- 各类型自定义配置 -->
|
||||||
<!-- 靓号 -->
|
<!-- 靓号 -->
|
||||||
<el-row v-if="item.clickType === 'SPECIAL_ID'" :gutter="10">
|
<el-row v-if="item.clickType === 'SPECIAL_ID'" :gutter="10">
|
||||||
<el-col :span="13">
|
<el-col :span="16">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -167,7 +167,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.quantity'"
|
:prop="'tmpConfigList.' + index + '.quantity'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -181,7 +181,7 @@
|
|||||||
/></span>
|
/></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -194,7 +194,7 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row v-else-if="isCurrency(item.clickType)" :gutter="10">
|
<el-row v-else-if="isCurrency(item.clickType)" :gutter="10">
|
||||||
<el-col :span="19">
|
<el-col :span="24">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -207,7 +207,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -221,7 +221,7 @@
|
|||||||
|
|
||||||
<!-- 游戏券 -->
|
<!-- 游戏券 -->
|
||||||
<el-row v-else-if="isGameCoupon(item.clickType)" :gutter="10">
|
<el-row v-else-if="isGameCoupon(item.clickType)" :gutter="10">
|
||||||
<el-col :span="19">
|
<el-col :span="24">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -234,7 +234,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -248,7 +248,7 @@
|
|||||||
|
|
||||||
<!-- 道具券 -->
|
<!-- 道具券 -->
|
||||||
<el-row v-else-if="isPROPCOUPON(item.clickType)" :gutter="10">
|
<el-row v-else-if="isPROPCOUPON(item.clickType)" :gutter="10">
|
||||||
<el-col :span="13">
|
<el-col :span="16">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -261,7 +261,7 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.quantity'"
|
:prop="'tmpConfigList.' + index + '.quantity'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -275,7 +275,7 @@
|
|||||||
/></span>
|
/></span>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -289,7 +289,7 @@
|
|||||||
|
|
||||||
<!-- 徽章 -->
|
<!-- 徽章 -->
|
||||||
<el-row v-else-if="isBadge(item.clickType)" :gutter="10">
|
<el-row v-else-if="isBadge(item.clickType)" :gutter="10">
|
||||||
<el-col :span="13">
|
<el-col :span="16">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -323,7 +323,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.quantity'"
|
:prop="'tmpConfigList.' + index + '.quantity'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -344,7 +344,7 @@
|
|||||||
</el-autocomplete>
|
</el-autocomplete>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -361,7 +361,7 @@
|
|||||||
v-else-if="isHONORACTIVITY(item.clickType)"
|
v-else-if="isHONORACTIVITY(item.clickType)"
|
||||||
:gutter="10"
|
:gutter="10"
|
||||||
>
|
>
|
||||||
<el-col :span="13">
|
<el-col :span="16">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -395,7 +395,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="8">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.quantity'"
|
:prop="'tmpConfigList.' + index + '.quantity'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -416,7 +416,7 @@
|
|||||||
</el-autocomplete>
|
</el-autocomplete>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -452,7 +452,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="10">
|
<el-col :span="14">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -486,7 +486,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="7">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.remark'"
|
:prop="'tmpConfigList.' + index + '.remark'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -500,7 +500,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -536,7 +536,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="10">
|
<el-col :span="14">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.content'"
|
:prop="'tmpConfigList.' + index + '.content'"
|
||||||
:rules="getRequiredRule()"
|
:rules="getRequiredRule()"
|
||||||
@ -570,7 +570,7 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="6">
|
<el-col :span="7">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
:prop="'tmpConfigList.' + index + '.quantity'"
|
:prop="'tmpConfigList.' + index + '.quantity'"
|
||||||
:rules="getNotEmptyRule()"
|
:rules="getNotEmptyRule()"
|
||||||
@ -585,7 +585,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="5">
|
<el-col :span="24" class="content-box-actions">
|
||||||
<i
|
<i
|
||||||
class="del el-icon-delete-solid"
|
class="del el-icon-delete-solid"
|
||||||
@click="form.tmpConfigList = []"
|
@click="form.tmpConfigList = []"
|
||||||
@ -1563,9 +1563,55 @@ export default {
|
|||||||
<style scoped lang="scss">
|
<style scoped lang="scss">
|
||||||
.form-edit {
|
.form-edit {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
.props-source-group-form {
|
||||||
|
--i18n-form-label-width: 100px;
|
||||||
|
}
|
||||||
.dr-content {
|
.dr-content {
|
||||||
padding: 5px 0px 5px 20px;
|
padding: 5px 0px 5px 20px;
|
||||||
}
|
}
|
||||||
|
.content-list {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.content-box {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.content-box-label {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 100px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
padding-right: 8px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
line-height: 22px;
|
||||||
|
text-align: left;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
.content-box > .el-row {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
.content-box > .el-row > .el-col {
|
||||||
|
padding-left: 4px !important;
|
||||||
|
padding-right: 4px !important;
|
||||||
|
}
|
||||||
|
.content-box-actions {
|
||||||
|
clear: both;
|
||||||
|
width: 100% !important;
|
||||||
|
padding-top: 2px;
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
.content-box-actions .del {
|
||||||
|
margin-right: 8px;
|
||||||
|
}
|
||||||
|
.content-box .preview-img {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
.sort {
|
.sort {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
@ -1586,6 +1632,20 @@ export default {
|
|||||||
color: #FF9326;
|
color: #FF9326;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
::v-deep .content-box {
|
||||||
|
.el-form-item {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.el-form-item__content {
|
||||||
|
margin-left: 0 !important;
|
||||||
|
min-height: 36px;
|
||||||
|
}
|
||||||
|
.el-input,
|
||||||
|
.el-select,
|
||||||
|
.el-autocomplete {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.my-autocomplete {
|
.my-autocomplete {
|
||||||
li {
|
li {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user