diff --git a/client/src/api/record.js b/client/src/api/record.js
index 4c99fa2..8801169 100644
--- a/client/src/api/record.js
+++ b/client/src/api/record.js
@@ -12,4 +12,3 @@ export function getRecordList(query) {
 }
 
 
-
diff --git a/client/src/views/supervision/record.vue b/client/src/views/supervision/record.vue
index ee153cf..b4c6a13 100644
--- a/client/src/views/supervision/record.vue
+++ b/client/src/views/supervision/record.vue
@@ -1,21 +1,19 @@
 <template>
   <div class="app-container">
+     <el-card
+    style="margin-top: 10px"
+    >
    <div>
             <el-input
-              v-model="listQuery.content__name"
+              v-model="listQuery.content_name"
               placeholder="材料名称"
               style="width: 200px"
               class="filter-item"
               @keyup.enter.native="handleFilter"
             />
-             <el-date-picker
-               v-model="listQuery.up_date"
-               align="right"
-               type="date"
-               placeholder="上报时间"
-              :picker-options="pickerOptions1"
-              @change="handleFilter">
-              </el-date-picker>
+    
+ 
+          
              <el-select
               v-model="listQuery.state"
               placeholder="记录状态"
@@ -31,25 +29,37 @@
                 :value="item.key"
               />
             </el-select>
-             <el-input
-              placeholder="所属部门"
-              style="width: 200px"
+            
+            <el-select
+              v-model="listQuery.belong_dept"
+              placeholder="上报部门"
+              clearable
+              style="width:140px"
               class="filter-item"
-            />
-            <el-button
-              class="filter-item"
-              type="primary"
-              icon="el-icon-search"
-              >搜索</el-button
+              @change="handleFilter"
             >
-            <el-button
-              class="filter-item"
-              style="margin-left: 10px"
-              type="primary"
-              icon="el-icon-refresh-left"
-              >刷新重置</el-button
-            >
-          </div>
+              <el-option
+                v-for="item in orgData"
+                :key="item.id"
+                :label="item.name"
+                :value="item.id"
+              />
+            </el-select>
+              <el-date-picker
+      v-model="listQuery.date_gt"
+      type="date"
+      value-format="yyyy-MM-dd"
+      placeholder="上报时间">
+    </el-date-picker>
+      <el-date-picker
+      v-model="listQuery.date_lt"
+      type="date"
+      value-format="yyyy-MM-dd"
+       @change="handleFilter"
+      placeholder="上报时间">
+    </el-date-picker>
+          </div> 
+           </el-card>
     <el-card
     style="margin-top: 10px"
     >
@@ -61,23 +71,37 @@
       stripe
       highlight-current-row
       max-height="600"
+      :default-sort = "{prop: 'date', order: 'descending'}"
     >
       <el-table-column type="index" width="50" />
+      
       <el-table-column label="任务标题">
         <template slot-scope="scope">{{ scope.row.task_.name }}</template>
       </el-table-column>
        <el-table-column label="材料名称">
         <template slot-scope="scope">{{ scope.row.content_.name }}</template>
       </el-table-column>
-       <el-table-column label="上报时间">
-        <template slot-scope="scope">{{ scope.row.up_date }}</template>
+       <el-table-column  sortable label="上报时间">
+        <template  slot-scope="scope">{{ scope.row.up_date }}</template>
       </el-table-column>
       <el-table-column label="上报人">
         <template slot-scope="scope">{{ scope.row.up_user }}</template>
       </el-table-column>
-      <el-table-column label="截止时间">
+      <el-table-column  sortable label="截止时间">
         <template slot-scope="scope">{{ scope.row.end_date }}</template>
       </el-table-column>
+      
+      
+       <el-table-column label="上报备注">
+        <template slot-scope="scope">{{ scope.row.note }}</template>
+      </el-table-column>
+       <el-table-column label="上报说明">
+        <template slot-scope="scope">{{ scope.row.noteb }}</template>
+      </el-table-column>
+       
+         <el-table-column label="上报单位">
+        <template slot-scope="scope">{{ scope.row.dept_.name }}</template>
+      </el-table-column>
        <el-table-column label="记录状态">
         <template slot-scope="scope">{{ scope.row.state }}</template>
       </el-table-column>
@@ -86,19 +110,6 @@
            <el-tag type="success" v-if="scope.row.is_yes">是</el-tag>
           <el-tag type="danger" v-else>否</el-tag></template>
       </el-table-column>
-       <el-table-column label="上报备注">
-        <template slot-scope="scope">{{ scope.row.note }}</template>
-      </el-table-column>
-       <el-table-column label="上报说明">
-        <template slot-scope="scope">{{ scope.row.noteb }}</template>
-      </el-table-column>
-         <el-table-column label="上报文件">
-        <template slot-scope="scope">{{ scope.row.files }}</template>
-      </el-table-column>
-      </el-table-column>
-         <el-table-column label="上报单位">
-        <template slot-scope="scope">{{ scope.row.dept_.name }}</template>
-      </el-table-column>
     </el-table>
      <pagination
         v-show="recordList.count > 0"
@@ -112,7 +123,9 @@
   </div>
 </template>
 <script>
+import { getOrgList } from "@/api/org";
 import {getRecordList} from "@/api/record";
+import { genTree } from "@/utils";
 import checkPermission from "@/utils/permission";
 import Pagination from "@/components/Pagination"; // secondary package based on el-pagination
 const defaultrecord = {
@@ -126,37 +139,42 @@ export default {
      recordList: {
         count: 0,
       },
+      
+      orgData: [],
       stateOptions: [
         { key: "待上报", name: "待上报" },
         { key: "已上报", name: "已上报" },
         { key: "已确认", name: "已确认" },
         { key: "待整改", name: "待整改" },
       ],
-       pickerOptions1: {
-          disabledDate(time) {
-            return time.getTime() > Date.now();
-          },
+       pickerOptions2: {
           shortcuts: [{
-            text: '今天',
+            text: '最近一周',
             onClick(picker) {
-              picker.$emit('pick', new Date());
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
+              picker.$emit('pick', [start, end]);
             }
           }, {
-            text: '昨天',
+            text: '最近一个月',
             onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24);
-              picker.$emit('pick', date);
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
+              picker.$emit('pick', [start, end]);
             }
           }, {
-            text: '一周前',
+            text: '最近三个月',
             onClick(picker) {
-              const date = new Date();
-              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
-              picker.$emit('pick', date);
+              const end = new Date();
+              const start = new Date();
+              start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
+              picker.$emit('pick', [start, end]);
             }
           }]
         },
+        value7: '',
       listQuery: {
         page: 1,
         page_size: 20,
@@ -174,9 +192,11 @@ export default {
   },
   created() {
     this.getList();
+    this.getOrgList();
   },
   methods: {
     getList(){
+      
       getRecordList(this.listQuery).then((response)=>{
        
           this.recordList=response.data
@@ -185,7 +205,19 @@ export default {
       })
     }
    ,
+    getOrgList() {
+      getOrgList({ pid: 1 }).then((res) => {
+        this.orgData = genTree(res.data)
+      });
+    },
+    
+    handleOrgClick(obj, node, vue) {
+      this.listQuery.page = 1;
+      this.listQuery.dept_id = obj.id;
+      this.getList();
+    },
  handleFilter() {
+  
       this.listQuery.page = 1;
       this.getList();
     },
diff --git a/server/apps/supervision/filters.py b/server/apps/supervision/filters.py
new file mode 100644
index 0000000..86faa7c
--- /dev/null
+++ b/server/apps/supervision/filters.py
@@ -0,0 +1,13 @@
+from django_filters import rest_framework as filters
+from .models import Record
+
+
+class RecordFilter(filters.FilterSet):
+    date_lt = filters.DateFilter(field_name='up_date',lookup_expr="lt")
+    date_gt = filters.DateFilter(field_name='up_date',lookup_expr="gt")
+    belong_dept=filters.NumberFilter(field_name='belong_dept')
+    content_name = filters.CharFilter(field_name='content',lookup_expr='icontains')
+    state = filters.CharFilter(field_name='state',lookup_expr='icontains')
+    class Meta:
+        model = Record
+        fields = ['up_date','content','belong_dept','state']
diff --git a/server/apps/supervision/views.py b/server/apps/supervision/views.py
index dbb5440..fe8533c 100644
--- a/server/apps/supervision/views.py
+++ b/server/apps/supervision/views.py
@@ -12,6 +12,8 @@ from django.db.models import Count
 from utils.pagination import PageOrNot
 from apps.system.mixins import OptimizationMixin
 from apps.system.mixins import CreateUpdateCustomMixin
+from apps.system.mixins import CreateUpdateCustomMixin
+from .filters import RecordFilter
 
 # Create your views here.
 
@@ -100,7 +102,8 @@ class RecordViewSet(OptimizationMixin,PageOrNot, CreateUpdateCustomMixin, ModelV
                  'put': 'record_update', 'delete': 'record_delete'}
     queryset = Record.objects.all()
     serializer_class = RecordSerializer
-    search_fields = ['content','task','up_date','state']
+    search_fields = ['content__name','task__name']
     ordering = ['-create_time']
-    filterset_fields = ['content', 'belong_dept']
-        
+    filterset_fields = ['content', 'belong_dept','state']
+    filter_class = RecordFilter # 过滤类
+