|
|
@@ -6,6 +6,52 @@
|
|
|
!-->
|
|
|
<template>
|
|
|
<div class="main-layout">
|
|
|
+ <el-form ref="form"
|
|
|
+ :model="params"
|
|
|
+ :rules="rules"
|
|
|
+ label-width="120px">
|
|
|
+ <!-- 搜索 -->
|
|
|
+ <el-row :gutter="10">
|
|
|
+ <el-col :xs="24"
|
|
|
+ :sm="20"
|
|
|
+ :md="12"
|
|
|
+ :lg="6"
|
|
|
+ :xl="4">
|
|
|
+ <el-form-item label="名称">
|
|
|
+ <el-input v-model="params.reportName"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ placeholder="名称"
|
|
|
+ class="filter-item" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24"
|
|
|
+ :sm="20"
|
|
|
+ :md="12"
|
|
|
+ :lg="6"
|
|
|
+ :xl="4">
|
|
|
+ <el-form-item label="报表编码">
|
|
|
+ <el-input v-model="params.reportCode"
|
|
|
+ size="mini"
|
|
|
+ clearable
|
|
|
+ placeholder="报表编码"
|
|
|
+ class="filter-item" />
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col :xs="24"
|
|
|
+ :sm="20"
|
|
|
+ :md="4"
|
|
|
+ :lg="4"
|
|
|
+ :xl="4">
|
|
|
+ <el-button type="primary"
|
|
|
+ size="mini"
|
|
|
+ @click="search('form')">查询</el-button>
|
|
|
+ <el-button type="danger"
|
|
|
+ size="mini"
|
|
|
+ @click="reset('form')">重置</el-button>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ </el-form>
|
|
|
<el-row :gutter="20">
|
|
|
<el-col v-for="item in list" :key="item.id" :span="6">
|
|
|
<div class="bg">
|
|
|
@@ -71,6 +117,19 @@ export default {
|
|
|
this.queryByPage()
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 查询
|
|
|
+ search () {
|
|
|
+ this.params.pageNumber = 1
|
|
|
+ this.queryByPage()
|
|
|
+ },
|
|
|
+ // 重置
|
|
|
+ reset (formName) {
|
|
|
+ this.$refs[formName].resetFields()
|
|
|
+ this.params.reportName = ''
|
|
|
+ this.params.reportCode = ''
|
|
|
+ this.params.pageNumber = 1
|
|
|
+ this.queryByPage()
|
|
|
+ },
|
|
|
async queryByPage () {
|
|
|
const res = await reportPageList(this.params)
|
|
|
if (res.code != '200') return
|
|
|
@@ -105,6 +164,7 @@ export default {
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
.main-layout {
|
|
|
+ padding: 20px;
|
|
|
position: relative;
|
|
|
height: auto;
|
|
|
header {
|
Raod