report

report-ui/src/views/report/bigscreen/index.vue

@@ -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 {