|
@@ -1,59 +1,59 @@
|
|
|
<template>
|
|
|
<div id="list-frame" :style="`height:${heights}px`">
|
|
|
- <el-scrollbar style="height:100%">
|
|
|
- <el-card style="background-image: linear-gradient(315deg, #CCF, transparent);border-radius: 60px;" shadow="hover">
|
|
|
- <el-row>
|
|
|
- <el-col :span="21" class="title">
|
|
|
- <span v-if="returns">
|
|
|
- <el-button size="mini" plan circle @click="toReturns" style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
|
|
|
- <span class="el-icon-arrow-left" style="zoom:1.5;font-weight:700"></span>
|
|
|
- </el-button>
|
|
|
- </span>
|
|
|
- <slot name="title">
|
|
|
- {{ title }}
|
|
|
- </slot>
|
|
|
- </el-col>
|
|
|
- <el-col :span="3" class="title" v-if="needAdd">
|
|
|
- <el-button type="primary" icon="el-icon-plus" size="mini" @click="$emit('add')">新增</el-button>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- <slot name="filter" v-if="needFilter">
|
|
|
- <el-form :inline="true" style="padding:0.9rem 1.5rem ;">
|
|
|
- <el-form-item v-for="(item, index) in filter" :key="index" :label="item.label">
|
|
|
- <template v-if="item.type === `select`">
|
|
|
- <el-select v-model="searchInfo[`${item.model}`]" size="mini" clearable>
|
|
|
- <!-- <el-option v-for="(select, sIndex) in item.list" :key="sIndex" :label="select.label" :value="select.value"></el-option> -->
|
|
|
- <slot name="options" v-bind="{ item }"></slot>
|
|
|
- </el-select>
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- <el-input v-model="searchInfo[`${item.model}`]" size="mini" clearable></el-input>
|
|
|
- </template>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item>
|
|
|
- <el-button type="primary" size="mini" @click="toQuery()">查询</el-button>
|
|
|
- </el-form-item>
|
|
|
- </el-form>
|
|
|
- </slot>
|
|
|
+ <!-- <el-scrollbar style="height:100%"> -->
|
|
|
+ <el-card style="background-image: linear-gradient(315deg, #CCF, transparent);border-radius: 60px;" shadow="hover">
|
|
|
+ <el-row>
|
|
|
+ <el-col :span="21" class="title">
|
|
|
+ <span v-if="returns">
|
|
|
+ <el-button size="mini" plan circle @click="toReturns" style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
|
|
|
+ <span class="el-icon-arrow-left" style="zoom:1.5;font-weight:700"></span>
|
|
|
+ </el-button>
|
|
|
+ </span>
|
|
|
+ <slot name="title">
|
|
|
+ {{ title }}
|
|
|
+ </slot>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="3" class="title" v-if="needAdd">
|
|
|
+ <el-button type="primary" icon="el-icon-plus" size="mini" @click="$emit('add')">新增</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <slot name="filter" v-if="needFilter">
|
|
|
+ <el-form :inline="true" style="padding:0.9rem 1.5rem ;">
|
|
|
+ <el-form-item v-for="(item, index) in filter" :key="index" :label="item.label">
|
|
|
+ <template v-if="item.type === `select`">
|
|
|
+ <el-select v-model="searchInfo[`${item.model}`]" size="mini" clearable>
|
|
|
+ <!-- <el-option v-for="(select, sIndex) in item.list" :key="sIndex" :label="select.label" :value="select.value"></el-option> -->
|
|
|
+ <slot name="options" v-bind="{ item }"></slot>
|
|
|
+ </el-select>
|
|
|
+ </template>
|
|
|
+ <template v-else>
|
|
|
+ <el-input v-model="searchInfo[`${item.model}`]" size="mini" clearable></el-input>
|
|
|
+ </template>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" size="mini" @click="toQuery()">查询</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </slot>
|
|
|
|
|
|
- <div style="padding:0.9rem 1.25rem ;">
|
|
|
- <slot> </slot>
|
|
|
- </div>
|
|
|
- <el-row type="flex" align="middle" justify="end" v-if="needPag">
|
|
|
- <el-col :span="24" style="text-align:right;">
|
|
|
- <el-pagination
|
|
|
- background
|
|
|
- layout="total, prev, pager, next"
|
|
|
- :total="total"
|
|
|
- :page-size="limit"
|
|
|
- :current-page.sync="currentPage"
|
|
|
- @current-change="changePage"
|
|
|
- >
|
|
|
- </el-pagination>
|
|
|
- </el-col>
|
|
|
- </el-row>
|
|
|
- </el-card>
|
|
|
- </el-scrollbar>
|
|
|
+ <div style="padding:0.9rem 1.25rem ;">
|
|
|
+ <slot> </slot>
|
|
|
+ </div>
|
|
|
+ <el-row type="flex" align="middle" justify="end" v-if="needPag">
|
|
|
+ <el-col :span="24" style="text-align:right;">
|
|
|
+ <el-pagination
|
|
|
+ background
|
|
|
+ layout="total, prev, pager, next"
|
|
|
+ :total="total"
|
|
|
+ :page-size="limit"
|
|
|
+ :current-page.sync="currentPage"
|
|
|
+ @current-change="changePage"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-card>
|
|
|
+ <!-- </el-scrollbar> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|