|
@@ -1,14 +1,63 @@
|
|
|
<template>
|
|
|
<rx-layout>
|
|
|
- <div slot="center" style>
|
|
|
+ <div slot="center">
|
|
|
<rx-fit>
|
|
|
<div slot="toolheader" border="false" foldbtn="false">
|
|
|
<breadcrumb firstLevel="配置管理" lastLevel="banner配置" />
|
|
|
<div class="mainContent">
|
|
|
- <div class="body" :style="{'padding-right': $store.state.appSetting.collapsed ? '0px' : '20px' }">
|
|
|
+ <div class="body" style="padding-right:20px;">
|
|
|
<div class="content">
|
|
|
- <a-form ref="searchForm" layout="inline" style="display:flex;">
|
|
|
- <div style="width:80%;display:flex;flex-wrap:wrap;">
|
|
|
+ <a-form ref="searchForm" layout="inline" style="display:flex;flex-wrap: wrap;">
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="名称"
|
|
|
+ name="name">
|
|
|
+ <a-input class="set-input" v-model="queryParam.name" placeholder="请输入"/>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="类型"
|
|
|
+ name="type">
|
|
|
+ <a-select class="set-select" v-model="queryParam.type" placeholder="请选择" allowClear>
|
|
|
+ <a-select-option v-for="(item,index) in typeList" :key="index" :value="item.value">
|
|
|
+ {{item.label}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="上线/下线"
|
|
|
+ name="online">
|
|
|
+ <a-select class="set-select" v-model="queryParam.enabled" placeholder="请选择" allowClear>
|
|
|
+ <a-select-option v-for="(item,index) in lineList" :key="index" :value="item.value">
|
|
|
+ {{item.label}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="创建人"
|
|
|
+ name="creator">
|
|
|
+ <a-input class="set-input" v-model="queryParam.createBy" placeholder="请输入" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item
|
|
|
+ class="form-item-style"
|
|
|
+ label="创建时间"
|
|
|
+ name="createTime">
|
|
|
+ <a-range-picker v-model="createTime"
|
|
|
+ class="set-range-picker"
|
|
|
+ separator="→"
|
|
|
+ format="YYYY/MM/DD"
|
|
|
+ valueFormat="YYYY-MM-DD"
|
|
|
+ @change="handleClearTimeChange">
|
|
|
+ <!-- <a-icon v-if="$store.state.appSetting.collapsed" slot="suffixIcon" type="calendar" /> -->
|
|
|
+ </a-range-picker>
|
|
|
+ </a-form-item>
|
|
|
+ <div style="display:flex;justify-content:center;margin-top: 8px;">
|
|
|
+ <a-button @click="handleResetClick">重置</a-button>
|
|
|
+ <a-button type="primary" @click="handleSearchClick">查询</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- <div style="width:80%;display:flex;flex-wrap:wrap;">
|
|
|
<div style="display:flex;flex-wrap:wrap;">
|
|
|
<a-form-item
|
|
|
style="width:320px;margin: 5px 40px 5px 0;"
|
|
@@ -79,81 +128,8 @@
|
|
|
</template>
|
|
|
</a-button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- <a-row :gutter="24" style="margin: 0;">
|
|
|
- <a-col :span="6" >
|
|
|
- <a-form-item
|
|
|
- label="名称"
|
|
|
- name="name"
|
|
|
- >
|
|
|
- <a-input v-model="queryParam.name" placeholder="请输入"/>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="6" >
|
|
|
- <a-form-item
|
|
|
- label="类型"
|
|
|
- name="type"
|
|
|
- >
|
|
|
- <a-select v-model="queryParam.type" placeholder="请选择" allowClear>
|
|
|
- <a-select-option v-for="(item,index) in typeList" :key="index" :value="item.value">
|
|
|
- {{item.label}}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="6" :push="6">
|
|
|
- <a-row :gutter="24" type="flex" justify="end">
|
|
|
- <a-button @click="handleResetClick">重置</a-button>
|
|
|
- <a-button type="primary" @click="handleSearchClick">查询</a-button>
|
|
|
- <a-button type="link" @click="extend = !extend">
|
|
|
- <template v-if="!extend">
|
|
|
- 展开
|
|
|
- <a-icon type="down" />
|
|
|
- </template>
|
|
|
- <template v-else>
|
|
|
- 收起
|
|
|
- <a-icon type="up" />
|
|
|
- </template>
|
|
|
- </a-button>
|
|
|
- </a-row>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- <a-row :gutter="24" style="margin: 0;margin-top: 15px;" v-if="extend" :class="{'show-other': extend}">
|
|
|
- <a-col :span="6" >
|
|
|
- <a-form-item
|
|
|
- label="上线/下线"
|
|
|
- name="online"
|
|
|
- >
|
|
|
- <a-select v-model="queryParam.enabled" placeholder="请选择" allowClear>
|
|
|
- <a-select-option v-for="(item,index) in lineList" :key="index" :value="item.value">
|
|
|
- {{item.label}}
|
|
|
- </a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="6" >
|
|
|
- <a-form-item
|
|
|
- label="创建人"
|
|
|
- name="creator"
|
|
|
- >
|
|
|
- <a-input v-model="queryParam.createBy" placeholder="请输入" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="7">
|
|
|
- <a-form-item
|
|
|
- label="创建时间"
|
|
|
- name="createTime"
|
|
|
- >
|
|
|
- <a-range-picker v-model="createTime"
|
|
|
- separator="→"
|
|
|
- format="YYYY/MM/DD"
|
|
|
- valueFormat="YYYY-MM-DD"
|
|
|
- @change="handleClearTimeChange">
|
|
|
- <a-icon v-if="$store.state.appSetting.collapsed" slot="suffixIcon" type="calendar" />
|
|
|
- </a-range-picker>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- </a-row> -->
|
|
|
+ </div> -->
|
|
|
+
|
|
|
</a-form>
|
|
|
<rx-button alias="bannerAdd" :butn-icon="'none'" @click="$router.push('/knowledge/bannerAddEdit')">新增banner</rx-button>
|
|
|
</div>
|
|
@@ -170,6 +146,7 @@
|
|
|
:queryParam="queryParam"
|
|
|
data-field="result.data"
|
|
|
:defaultPageSize="10"
|
|
|
+ :heightAuto="true"
|
|
|
:pageSizeOptions="['10','20','30','40']"
|
|
|
idField="pkId"
|
|
|
>
|
|
@@ -323,6 +300,9 @@ export default {
|
|
|
.rx-fit {
|
|
|
padding: 40px!important;
|
|
|
background: @gary;
|
|
|
+ overflow-y: auto!important;
|
|
|
+ // height:calc( 100vh - 118px )!important;
|
|
|
+ display: block!important;
|
|
|
.fit-header {
|
|
|
.bread-crumb {
|
|
|
position: relative;
|
|
@@ -353,7 +333,7 @@ export default {
|
|
|
}
|
|
|
.table-style {
|
|
|
padding: 20px;
|
|
|
-
|
|
|
+ min-height: 400px;
|
|
|
.clearBtn {
|
|
|
background: none;
|
|
|
color: #3294F7;
|
|
@@ -364,6 +344,18 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+.form-item-style {
|
|
|
+ margin: 5px 20px 5px 0;
|
|
|
+}
|
|
|
+.set-input {
|
|
|
+ width:180px;
|
|
|
+}
|
|
|
+.set-select {
|
|
|
+ width:120px;
|
|
|
+}
|
|
|
+.set-range-picker {
|
|
|
+ width:230px!important;
|
|
|
+}
|
|
|
.show-other{
|
|
|
width: 100%;
|
|
|
animation:show-other-search 0.8s;
|
|
@@ -376,6 +368,9 @@ export default {
|
|
|
}
|
|
|
</style>
|
|
|
<style scoped>
|
|
|
+/deep/ .divdefault {
|
|
|
+ position: inherit!important;
|
|
|
+}
|
|
|
/deep/.ant-btn > .anticon + span {
|
|
|
margin-left: 0;
|
|
|
}
|