代码优化

src/views/monitor/log/search.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="head-container">
+  <div v-if="crud.props.searchToggle">
     <el-input
       v-model="query.blurry"
       clearable
@@ -19,53 +19,17 @@
       start-placeholder="开始日期"
       end-placeholder="结束日期"
     />
-    <el-button
-      class="filter-item"
-      size="mini"
-      type="success"
-      icon="el-icon-search"
-      @click="$parent.toQuery"
-    >搜索</el-button>
-    <!-- 导出 -->
-    <el-button
-      :loading="$parent.downloadLoading"
-      size="mini"
-      class="filter-item"
-      type="warning"
-      icon="el-icon-download"
-      @click="$parent.downloadMethod"
-    >导出</el-button>
-    <el-button
-      slot="reference"
-      v-popover:del_all
-      :loading="$parent.delAllLoading"
-      type="danger"
-      size="mini"
-      class="filter-item"
-      icon="el-icon-delete"
-    >清空</el-button>
-    <el-popover ref="del_all" placement="top" width="200" trigger="click">
-      <p>确定删除所有数据吗？</p>
-      <div style="text-align: right; margin: 0">
-        <el-button size="mini" type="text" @click="$refs['del_all'].doClose()">取消</el-button>
-        <el-button
-          :loading="$parent.delAllLoading"
-          type="primary"
-          size="mini"
-          @click="$parent.confirmDelAll"
-        >确定</el-button>
-      </div>
-    </el-popover>
+    <rrOperation
+      :crud="crud"
+    />
   </div>
 </template>
 
 <script>
+import { header } from '@crud/crud'
+import rrOperation from '@crud/RR.operation'
 export default {
-  props: {
-    query: {
-      type: Object,
-      required: true
-    }
-  }
+  components: { rrOperation },
+  mixins: [header()]
 }
 </script>