style:高级查询

+export default {
+  data () {
+    return {
+      isSearch: false,
+      searchList: []
+    }
+  },
+  methods: {
+    moreQueryClick () {
+      this.isSearch = true
+    },
+    getSearch (val) {
+      let obj = { ywlymc: '业务来源', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
+      this.searchList = Object.entries(val).map((item) => {
+        const [name, value] = item
+        if (value) return { name: obj[name], value }
+      }).filter(Boolean)
+    },
+    hanldeCleanAll () {
+      this.searchList = []
+    }
+  }
+}

@@ -31,7 +31,8 @@
         </el-col>
         <el-col :span="8">
           <el-form-item label="受理时间" prop="slsj">
-            <el-date-picker v-model="ruleForm.slsj" class="width100" type="date" placeholder="请选择日期" clearable>
+            <el-date-picker v-model="ruleForm.slsj" value-format="yyyy-MM-dd" class="width100" type="date"
+              placeholder="请选择日期" clearable>
             </el-date-picker>
           </el-form-item>
         </el-col>

@@ -50,7 +50,8 @@
               <i class="el-icon-circle-close" @click="handelItem(index)"></i>
             </li>
           </ul>
-          <el-button class="clean-btn" type="text" v-if="searchList.length>0">清除全部</el-button>
+          <el-button class="clean-btn" type="text" v-if="searchList.length>0" @click.native="hanldeCleanAll">清除全部
+          </el-button>
         </el-row>
       </el-form>
     </div>
@@ -60,25 +61,25 @@
         @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
-    <searchBox v-model="isSearch" @getSearch="getSearch"></searchBox>
+    <searchBox v-model="isSearch" @getSearch="getSearch" />
   </div>
 </template>
 <script>
 import { mapGetters } from 'vuex'
-import searchBox from './search.vue'
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./dbxdata";
+import searchBox from '../components/search.vue'
+import table from "@/utils/mixin/table"
+import searchMin from "../components/mixin/index"
+import { datas, sendThis } from "./dbxdata"
 import { searchTaskToDo, deleteFlow } from "@/api/ywbl.js"
 export default {
   name: "dbx",
   components: { searchBox },
-  mixins: [table],
+  mixins: [table, searchMin],
   computed: {
     ...mapGetters(['dictData']),
   },
   data () {
     return {
-      isSearch: false,
       queryForm: {
         ywly: "",
         qllx: "",
@@ -89,8 +90,7 @@ export default {
         total: 0,
         columns: datas.columns(),
         data: [],
-      },
-      searchList: []
+      }
     }
   },
   mounted () {
@@ -133,16 +133,7 @@ export default {
     queryClick () {
       this.fetchData()
     },
-    getSearch (val) {
-      let obj = { ywlymc: '业务来源', sqywmc: '申请业务名称', qlrmc: '权利人', ywrmc: '义务人', slsj: '受理时间' }
-      this.searchList = Object.entries(val).map((item) => {
-        const [name, value] = item
-        if (value) return { name: obj[name], value }
-      }).filter(Boolean)
-    },
-    moreQueryClick () {
-      this.isSearch = true
-    },
+
     handelItem (index) {
       console.log(index);
       this.searchList.splice(index, 1)

@@ -42,26 +42,39 @@
             </el-form-item>
           </el-col>
         </el-row>
+        <el-row class="advanced-search">
+          <span>高级搜索条件：</span>
+          <ul>
+            <li v-for="(item,index) in searchList" :key="index">
+              {{item.name}}:{{item.value}}
+              <i class="el-icon-circle-close" @click="handelItem(index)"></i>
+            </li>
+          </ul>
+          <el-button class="clean-btn" type="text" v-if="searchList.length>0" @click.native="hanldeCleanAll">清除全部</el-button>
+        </el-row>
       </el-form>
     </div>
     <!-- 表格 -->
     <div class="from-clues-content">
-      <lb-table :page-size="pageData.size" @sort-change="handleSort" border :current-page.sync="pageData.current"
-        :total="pageData.total" @size-change="handleSizeChange" @p-current-change="handleCurrentChange"
-        :column="tableData.columns" :data="tableData.data">
+      <lb-table :page-size="pageData.size" :heightNum="300" @sort-change="handleSort" border
+        :current-page.sync="pageData.current" :total="pageData.total" @size-change="handleSizeChange"
+        @p-current-change="handleCurrentChange" :column="tableData.columns" :data="tableData.data">
       </lb-table>
     </div>
+    <searchBox v-model="isSearch" @getSearch="getSearch" />
   </div>
 </template>
 <script>
 import { mapGetters } from 'vuex'
-import table from "@/utils/mixin/table";
-import { datas, sendThis } from "./ybxdata";
+import searchMin from "../components/mixin/index"
+import table from "@/utils/mixin/table"
+import { datas, sendThis } from "./ybxdata"
 import { searchTaskDone } from "@/api/ywbl.js"
+import searchBox from '../components/search.vue'
 export default {
   name: "ybx",
-  components: {},
-  mixins: [table],
+  components: { searchBox },
+  mixins: [table, searchMin],
   mounted () {
     sendThis(this);
   },
@@ -70,6 +83,7 @@ export default {
   },
   data () {
     return {
+
       queryForm: {
         ywly: "",
         qllx: "",