|
|
|
@ -3,7 +3,12 @@ |
|
|
|
<div v-show="true"> |
|
|
|
<div class="m-search" |
|
|
|
ref="ref_search"> |
|
|
|
<el-form :inline="true" |
|
|
|
<section :class=" |
|
|
|
showSercahStatus |
|
|
|
? 'm-form-box-height-auto' |
|
|
|
: 'm-form-box-height' |
|
|
|
"> |
|
|
|
<el-form :inline="true" |
|
|
|
ref="ref_searchform" |
|
|
|
label-width="100px"> |
|
|
|
<div> |
|
|
|
@ -13,7 +18,7 @@ |
|
|
|
:prop="item.keyName"> |
|
|
|
<template v-if="item.type == 'input'"> |
|
|
|
<el-input v-model="item.value" |
|
|
|
style="width: 240px" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
:placeholder="item.placeholder || '请输入'"> |
|
|
|
@ -23,8 +28,8 @@ |
|
|
|
<el-select v-model="item.value" |
|
|
|
:placeholder="item.placeholder || '请选择'" |
|
|
|
size="small" |
|
|
|
class="u-item-width-normal" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
:multiple="item.multiple || false"> |
|
|
|
<el-option v-for="item in item.optionList" |
|
|
|
:key="'serach' + item.keyName + item.value" |
|
|
|
@ -40,9 +45,9 @@ |
|
|
|
:options="item.optionList" |
|
|
|
:props="item.optionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
class="u-item-width-normal" |
|
|
|
size="small" |
|
|
|
clearable |
|
|
|
style="width: 240px" |
|
|
|
@change="(e) => handleChangeCascader(e, item)"> |
|
|
|
</el-cascader> |
|
|
|
</template> |
|
|
|
@ -50,31 +55,48 @@ |
|
|
|
<el-date-picker v-model="item.supValues[0]" |
|
|
|
type="date" |
|
|
|
placeholder="开始时间" |
|
|
|
style="width: 150px" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
class="u-item-width-daterange" |
|
|
|
clearable> |
|
|
|
</el-date-picker> |
|
|
|
<span style="display: inline-block; margin: 0 10px">至</span> |
|
|
|
<span class="u-data-tag">至</span> |
|
|
|
<el-date-picker v-model="item.supValues[1]" |
|
|
|
class="u-item-width-daterange u-data-tag" |
|
|
|
type="date" |
|
|
|
placeholder="结束时间" |
|
|
|
style="width: 150px" |
|
|
|
value-format="yyyy-MM-dd" |
|
|
|
clearable> |
|
|
|
</el-date-picker> |
|
|
|
</template> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-button style="margin-left: 30px; margin-bottom: 20px" |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
</section> |
|
|
|
<el-row> |
|
|
|
<el-col :span="24" align="right"> |
|
|
|
<el-button style="margin-left: 30px;" |
|
|
|
size="small" |
|
|
|
class="diy-button--add" |
|
|
|
@click="handleSearch">查询</el-button> |
|
|
|
<el-button style="margin-left: 10px; margin-bottom: 20px" |
|
|
|
<el-button style="margin-left: 10px;" |
|
|
|
size="small" |
|
|
|
class="diy-button--white" |
|
|
|
@click="resetSearch">重置</el-button> |
|
|
|
</div> |
|
|
|
</el-form> |
|
|
|
<el-button v-if="heightBtn" |
|
|
|
type="text" |
|
|
|
size="small" |
|
|
|
style="margin-left: 10px" |
|
|
|
class="f-right5" |
|
|
|
@click="showSercahStatus = !showSercahStatus"> |
|
|
|
<i :class=" |
|
|
|
showSercahStatus |
|
|
|
? 'el-icon-arrow-up' |
|
|
|
: 'el-icon-arrow-down' |
|
|
|
"></i> |
|
|
|
{{ showSercahStatus ? "收起" : "展开" }} |
|
|
|
</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="m-table" |
|
|
|
@ -125,7 +147,7 @@ |
|
|
|
:data="tableData" |
|
|
|
border |
|
|
|
class="table" |
|
|
|
style="width: 100%" |
|
|
|
style="width: 100%;margin-top: 16px;" |
|
|
|
:height="maxTableHeight" |
|
|
|
@selection-change="handleSelectionChange"> |
|
|
|
<template v-for="(item, index) in tableParams" |
|
|
|
@ -381,6 +403,14 @@ export default { |
|
|
|
type: Function, |
|
|
|
default: (val) => val, |
|
|
|
}, |
|
|
|
heightBtn:{ |
|
|
|
type: Boolean, |
|
|
|
default: false, |
|
|
|
}, |
|
|
|
showSercahStatus:{ |
|
|
|
type: Boolean, |
|
|
|
default: false, |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
data () { |
|
|
|
|
