WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改文档拆分布局问题

Browse Source
This commit is contained in:
qq787203167
2022-07-15 13:49:18 +08:00
parent 1d576bc57c
commit e44d653e5b
3 changed files with 91 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentManage/splitting/modules/SplitAddForm.vue
+33 -26
View File
@@ -10,6 +10,8 @@
@close="onClose"
width="900"
>
<!-- :label-col="labelCol"-->
<!-- :wrapper-col="wrapperCol"-->
<a-spin :spinning="loading">
<a-form>
<a-form-model
@@ -17,8 +19,6 @@
:model="formInline"
:rules="rules"
ref="splitEditForm"
:label-col="labelCol"
:wrapper-col="wrapperCol"
>
<a-row :gutter="24" class="split-form-row">
@@ -184,6 +184,7 @@
<a-form-model-item class="itemModel" :prop="item.db_field_name">
<j-dict-select-tag v-model="formInline[item.db_field_name]"
:disabled="disabled"
class="box-input"
@input="handleInput(item.db_field_name)"
:placeholder="$t('PleaseSelect')+item.db_field_txt"
:type="'radio'" :triggerChange="false" :dictCode="item.dict_field"/>
@@ -191,7 +192,7 @@
</div>
<div class="box-title-text box-tree-text" :title="item.db_field_txt" v-else-if="item.field_show_type === '0'">
<div class="box-title-text" :title="item.db_field_txt" v-else-if="item.field_show_type === '0'">
<div class="title-text">
<span class="Required" v-if="item.field_must_input == 1">*</span>
<span class="title-text-text">{{item.db_field_txt}}</span>
@@ -200,6 +201,7 @@
<a-tree-select
tree-node-filter-prop="title"
v-model="formInline[item.db_field_name]"
class="box-input"
:getPopupContainer="triggerNode=> triggerNode.parentNode"
style="width: 100%"
:tree-data="item.tree"
@@ -226,7 +228,6 @@
</a-form-model-item>
</div>
</a-col>
</a-row>
@@ -278,10 +279,9 @@
</a-modal>
<!-- 类型选择弹框-->
<a-modal
:title="Title"
:title="$t('Add')"
class="split-title"
:visible="addConVisible"
@ok="handleOk"
@cancel="handleCancel"
>
@@ -303,7 +303,7 @@
<!-- <span class="title-num-add">{{$t('addQuantity')}}</span>-->
<a-row :gutter="24">
<a-col :span="24">
<a-input-number class="title-num-edit" :min="0" :max="100" v-model="numberForm.textNumber" :placeholder="$t('enterQuantity')" :formatter="limitNumber" :parser="limitNumber" ></a-input-number>
<a-input-number class="title-num-edit box-input" :min="0" :max="100" v-model="numberForm.textNumber" :placeholder="$t('enterQuantity')" :formatter="limitNumber" :parser="limitNumber" ></a-input-number>
</a-col>
</a-row>
</a-form-model-item>
@@ -333,12 +333,12 @@
>
<a-form-model-item :label="$t('numberRows')" prop="rowCount">
<!-- <a-form-item :label="$t('numberRows')">-->
<a-input-number v-model="rowColForm.rowCount" :min="1" :max="100" :placeholder="$t('pleaseEnter')+$t('numberRows')" :formatter="limitNumber" :parser="limitNumber" style="width: 100%" />
<a-input-number class="box-input" v-model="rowColForm.rowCount" :min="1" :max="100" :placeholder="$t('pleaseEnter')+$t('numberRows')" :formatter="limitNumber" :parser="limitNumber" style="width: 100%" />
<!-- </a-form-item>-->
</a-form-model-item>
<a-form-model-item :label="$t('numberColumns')" prop="colCount">
<!-- <a-form-item :label="$t('numberColumns')">-->
<a-input-number v-model="rowColForm.colCount" :min="1" :max="100" :placeholder="$t('pleaseEnter')+$t('numberColumns')" :formatter="limitNumber" :parser="limitNumber" style="width: 100%" />
<a-input-number class="box-input" v-model="rowColForm.colCount" :min="1" :max="100" :placeholder="$t('pleaseEnter')+$t('numberColumns')" :formatter="limitNumber" :parser="limitNumber" style="width: 100%" />
<!-- </a-form-item>-->
</a-form-model-item>
</a-form-model>
@@ -1214,7 +1214,6 @@
margin-top: 2px;
}
}
.con-divider{
font-size: 16px;
@@ -1310,8 +1309,21 @@
text-align: center;
img{
}
}
.box-input {
/*min-width: 200px;*/
display: inline-block;
height: 38px;
margin-top: 2px;
}
.button-text {
height: 38px;
width: calc(100% - 100px);
line-height: 38px;
background: #fff;
border: 1px #00B3BE solid;
color: #00B3BE;
}
</style>
<style lang="less">
@@ -1366,10 +1378,10 @@
}
}
.split-content{
.box-input .ant-input-number-input-wrap{
height: 30px;
line-height: 30px;
}
/*.box-input .ant-input-number-input-wrap{*/
/* height: 30px;*/
/* line-height: 30px;*/
/*}*/
.ant-input-number{
width: 100%;
}
@@ -1399,15 +1411,10 @@
}
}
}
.box-tree-text{
.ant-select-selection--multiple{
height: 32px;
overflow-y: auto;
}
}
.box-input .ant-select-selection__rendered {
line-height: 32px;
height: 32px;
/*overflow-y: auto;*/
}
/*.box-tree-text{*/
/* .ant-select-selection--multiple{*/
/* height: 32px;*/
/* overflow-y: auto;*/
/* }*/
/*}*/
</style>