[add] 控件样式修改
This commit is contained in:
zhaomeijing
@@ -4,7 +4,7 @@
|
||||
<!-- 纯文本-->
|
||||
<div v-if='detailDate.controlType === "1"'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<div v-if='item.type==="text"' class='add-width'>
|
||||
<a-input class="box-input inputWid"
|
||||
:disabled="disabled"
|
||||
v-model="item.dataValue"
|
||||
@@ -15,11 +15,11 @@
|
||||
<!-- 纯下拉单选-->
|
||||
<div v-if='detailDate.controlType === "2"'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index'>
|
||||
<div v-if='item.type === "pull"'>
|
||||
<div v-if='item.type === "pull"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" class='selectWid'>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.lable ">
|
||||
{{ item.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
@@ -29,11 +29,11 @@
|
||||
<!-- 纯下拉多选-->
|
||||
<div v-if='detailDate.controlType === "3"'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' style='flex: 1'>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<div v-if='item.type==="pull_more"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" mode="multiple" class='selectWid'>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.lable ">
|
||||
{{ item.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
@@ -43,7 +43,7 @@
|
||||
<!-- 纯附件-->
|
||||
<div v-if='detailDate.controlType === "4"'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' style='flex: 1'>
|
||||
<div v-if='item.type==="file"'>
|
||||
<div v-if='item.type==="file"' class='add-width'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload('fileTemplateConnectId')">
|
||||
{{ (item.controlValue === 'null' || item.controlValue === '' ||
|
||||
@@ -55,16 +55,16 @@
|
||||
<!-- 文本+下拉单选-->
|
||||
<div v-if='detailDate.controlType === "5"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add_flex_item'>
|
||||
<div v-if='item.type==="pull"'>
|
||||
<div v-if='item.type==="pull"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" class='selectWid'>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.lable ">
|
||||
{{ itemin.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-if='item.type==="text"'>
|
||||
<div v-if='item.type==="text"' class='add-width'>
|
||||
<a-input class="box-input inputWid"
|
||||
:disabled="disabled"
|
||||
v-model="item.dataValue"
|
||||
@@ -75,17 +75,17 @@
|
||||
<!-- 文本+下拉多选-->
|
||||
<div v-if='detailDate.controlType === "6"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add_flex_item'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<div v-if='item.type==="text"' class='add-width'>
|
||||
<a-input class="box-input inputWid"
|
||||
:disabled="disabled"
|
||||
v-model="item.dataValue"
|
||||
:placeholder="$t('PleaseEnter')+$t('NiONumber')"/>
|
||||
</div>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<div v-if='item.type==="pull_more"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" mode="multiple" class='selectWid'>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.lable ">
|
||||
{{ item.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
@@ -95,13 +95,13 @@
|
||||
<!-- 文本+附件-->
|
||||
<div v-if='detailDate.controlType === "7"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add_flex_item'>
|
||||
<div v-if='item.type==="text"'>
|
||||
<div v-if='item.type==="text"' class='add-width'>
|
||||
<a-input class="box-input inputWid"
|
||||
:disabled="disabled"
|
||||
v-model="item.dataValue"
|
||||
:placeholder="$t('PleaseEnter')+$t('NiONumber')"/>
|
||||
</div>
|
||||
<div v-if='item.type==="file"'>
|
||||
<div v-if='item.type==="file"' class='add-width'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload('fileTemplateConnectId')">
|
||||
{{ (item.controlValue === 'null' || item.controlValue === '' ||
|
||||
@@ -113,16 +113,16 @@
|
||||
<!-- 下拉单选+附件-->
|
||||
<div v-if='detailDate.controlType === "8"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add_flex_item'>
|
||||
<div v-if='item.type==="pull"'>
|
||||
<div v-if='item.type==="pull"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" class='selectWid'>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.lable ">
|
||||
{{ itemin.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-if='item.type==="file"'>
|
||||
<div v-if='item.type==="file"' class='add-width'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload('fileTemplateConnectId')">
|
||||
{{ (item.controlValue === 'null' || item.controlValue === '' ||
|
||||
@@ -134,16 +134,16 @@
|
||||
<!-- 下拉多选+附件-->
|
||||
<div v-if='detailDate.controlType === "9"' class='add_flex'>
|
||||
<div v-for='(item,index) in detailDate.list' :key='index' class='add_flex_item'>
|
||||
<div v-if='item.type==="pull_more"'>
|
||||
<div v-if='item.type==="pull_more"' class='add-width'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" mode="multiple" class='selectWid'>
|
||||
<a-select-option v-for="(item, key) in item.controlValue" :key="key" :value="item.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" item.lable ">
|
||||
{{ item.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" item.label ">
|
||||
{{ item.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</div>
|
||||
<div v-if='item.type==="file"'>
|
||||
<div v-if='item.type==="file"' class='add-width'>
|
||||
<a-button type="primary" class="button-text inputWid"
|
||||
@click="clickButtonToUpload('fileTemplateConnectId')">
|
||||
{{ (item.controlValue === 'null' || item.controlValue === '' ||
|
||||
@@ -158,8 +158,8 @@
|
||||
<div v-if='item.type==="pull"'>
|
||||
<a-select :placeholder="$t('PleaseSelect')+$t('controlType')" v-model="item.dataValue" class='selectWid'>
|
||||
<a-select-option v-for="(itemin, key) in item.controlValue" :key="key" :value="itemin.value">
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.lable ">
|
||||
{{ itemin.lable }}
|
||||
<span style="display: inline-block;width: 100%" :title=" itemin.label ">
|
||||
{{ itemin.label }}
|
||||
</span>
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
@@ -285,4 +285,7 @@ export default {
|
||||
.inputWid{
|
||||
min-width: 150px;
|
||||
}
|
||||
.add-width{
|
||||
width: 33%;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user