新增简易查询

src/components/PublicPageHeader/index.vue

@@ -1,6 +1,11 @@
 <template>
   <div class="PublicPageHeader">
-    <div class="PublicPageHeader-title manageTitle">{{ pageTitle }}</div>
+    <div class="PublicPageHeader-content flex">
+      <div class="PublicPageHeader-title manageTitle">{{ pageTitle }}</div>
+      <div class="PublicPageHeader-query">
+        <slot name="d_foot" />
+      </div>
+    </div>
     <div class="PublicPageHeader-btns">
       <slot />
     </div>

src/components/SimpleQuery/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div class="simpleQuery">
+    <el-form :inline="true" :model="formInline" class="demo-form-inline">
+      <el-form-item label="">
+        <el-date-picker size="small" v-model="formInline.timeRange" type="daterange" value-format="yyyy-MM-dd" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
+        </el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="small" type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      formInline: {
+        timeRange: '',
+      }
+    }
+  },
+  methods: {
+    onSubmit () {
+      this.$emit('queryValue', this.formInline)
+    }
+  }
+}
+</script>
+
+<style>
+</style>

src/views/tablePage/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div :style="pageTableHeight" class="TablePage">
     <PublicPageHeader class="TablePage_header" :page-title="dataTitle ? dataTitle : pageTitle">
+      <template slot="d_foot">
+        <SimpleQuery v-if="false" @queryValue="queryValue" />
+      </template>
       <AuthButton :auth="pageAuthBtnAdd" />
       <AuthButton :auth="pageAuthBtnQuery" />
     </PublicPageHeader>
@@ -39,13 +42,14 @@ import PublicPageDialog from '@/components/PublicPageDialog'
 import PublicPageForm from '@/components/publicPageForm'
 import AdvancedQuery from '@/components/AdvancedQuery'
 import AuthButton from '@/components/AuthButton'
+import SimpleQuery from '@/components/SimpleQuery'
 import { mapGetters } from 'vuex'
 import { Query, newData, modifyData, moveData, start, stop, startAll, stopAll } from "@/api/webApi"
 import { formatChange, listToTree } from '@/utils/validate'
 
 export default {
   name: 'TablePage',
-  components: { PublicPageHeader, PublicPageTable, PublicPageDialog, PublicPageTree, PublicPageForm, AdvancedQuery, AuthButton },
+  components: { PublicPageHeader, PublicPageTable, PublicPageDialog, PublicPageTree, PublicPageForm, AdvancedQuery, AuthButton, SimpleQuery },
   props: {
     dataTitle: {
       type: String,
@@ -618,6 +622,10 @@ export default {
         if (openmode != 3) this.advancedDrawer = true // this.autoBtnClick(openmode, pageroute)
       }
     },
+    //简易查询-确定
+    queryValue (from) {
+      console.log(from)
+    },
     //高级查询-确定
     advancedTable (refName) {
       this.$refs[refName].advancedQueryHandler()