|
@@ -82,16 +82,16 @@
|
|
|
|
|
|
<div v-if="form.length < 5" class="margin-bottom-10">
|
|
|
<div class="template-input width-100">
|
|
|
- <div class="template-input width-80">
|
|
|
+ <div class="template-input " style="width:94%">
|
|
|
<div
|
|
|
- class="margin-right-10"
|
|
|
+ class="margin-right-100"
|
|
|
v-for="({ props, label, type, dictionary }, index) in form.slice(
|
|
|
0,
|
|
|
2
|
|
|
)"
|
|
|
:key="index"
|
|
|
>
|
|
|
- <el-form-item :label="label">
|
|
|
+ <el-form-item :label="label" style="padding-right:140px">
|
|
|
<template v-if="type === 'select'">
|
|
|
<el-select
|
|
|
v-model="object[props]"
|
|
@@ -137,7 +137,7 @@
|
|
|
</el-form-item>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="width-20 flex-justify-align-end">
|
|
|
+ <div class="width-20" style="width:70px">
|
|
|
<el-form-item>
|
|
|
<el-button type="primary" @click="handleSearch">搜索</el-button>
|
|
|
</el-form-item>
|
|
@@ -145,14 +145,14 @@
|
|
|
</div>
|
|
|
<div class="template-input width-100 margin-top-10 margin-bottom-10">
|
|
|
<div
|
|
|
- class="margin-right-10"
|
|
|
+ class="margin-right-100"
|
|
|
v-for="({ props, label, type, dictionary }, index) in form.slice(2)"
|
|
|
:key="index"
|
|
|
:span="6"
|
|
|
>
|
|
|
- <el-form-item :label="label">
|
|
|
+ <el-form-item :label="label" style="padding-right:140px">
|
|
|
<template v-if="type === 'select'">
|
|
|
- <el-select
|
|
|
+ <el-select
|
|
|
v-model="object[props]"
|
|
|
:placeholder="label"
|
|
|
filterable
|
|
@@ -174,7 +174,7 @@
|
|
|
>
|
|
|
</el-date-picker>
|
|
|
</template>
|
|
|
- <template v-else-if="type === 'dateRange'">
|
|
|
+ <template v-else-if="type === 'dateRange'" >
|
|
|
<el-date-picker
|
|
|
v-model="object[props]"
|
|
|
type="datetimerange"
|
|
@@ -457,6 +457,7 @@ export default {
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scope>
|
|
|
+
|
|
|
.width-100 {
|
|
|
width: 100%;
|
|
|
}
|
|
@@ -464,7 +465,10 @@ export default {
|
|
|
width: 80%;
|
|
|
}
|
|
|
.width-20 {
|
|
|
- width: 20%;
|
|
|
+ // float: right;
|
|
|
+ // position: relative;
|
|
|
+ // left: 180px;
|
|
|
+ // margin-left: 180px;
|
|
|
}
|
|
|
.border {
|
|
|
border: 1px solid red;
|