diff --git a/package.json b/package.json
index 998e7d7..8350900 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "2.2.0",
     "jsencrypt": "^3.0.0-rc.1",
     "mockjs": "1.0.1-beta3",
+    "moment": "^2.24.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "v-charts": "^1.19.0",

diff --git a/package.json b/package.json
index 998e7d7..8350900 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "2.2.0",
     "jsencrypt": "^3.0.0-rc.1",
     "mockjs": "1.0.1-beta3",
+    "moment": "^2.24.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "v-charts": "^1.19.0",
diff --git a/src/api/device.js b/src/api/device.js
index b08d4a7..6dcf2de 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -112,3 +112,15 @@
     responseType: 'blob' // 这一步也很关键，一定要加上 responseType 值为 blob
   })
 }
+
+// 绑定设备
+export function syncRecords(params) {
+  return request({
+    url: 'records/syncRecord',
+    method: 'post',
+    params,
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}

diff --git a/package.json b/package.json
index 998e7d7..8350900 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "2.2.0",
     "jsencrypt": "^3.0.0-rc.1",
     "mockjs": "1.0.1-beta3",
+    "moment": "^2.24.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "v-charts": "^1.19.0",
diff --git a/src/api/device.js b/src/api/device.js
index b08d4a7..6dcf2de 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -112,3 +112,15 @@
     responseType: 'blob' // 这一步也很关键，一定要加上 responseType 值为 blob
   })
 }
+
+// 绑定设备
+export function syncRecords(params) {
+  return request({
+    url: 'records/syncRecord',
+    method: 'post',
+    params,
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index c8b610d..8a3c16b 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -5,6 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>设备列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
+          <el-button class="edit_btn" size="small" @click="syncRecords">同步识别记录</el-button>
           <el-button class="edit_btn" size="small" @click="updateData">设备数据下发</el-button>
           <el-button class="edit_btn" size="small" @click="del">删除</el-button>
           <el-button class="edit_btn" size="small" @click="add">新增</el-button>
@@ -42,12 +43,14 @@
     </div>
     <edit-device v-show="editShow" ref="editdevice" @watchChild="fetchData"/>
     <detail-device v-show="detailShow" ref="detaildevice"/>
+    <sync-record v-show="syncRecordShow" ref="syncRecord"/>
   </div>
 </template>
 
 <script>
 import editDevice from '@/views/deviceManage/editDevice'
 import detailDevice from '@/views/deviceManage/detailDevice'
+import syncRecord from '@/views/deviceManage/syncRecord'
 import selectTree from '@/components/SelectTree/singleSelect'
 import { getDeviceList, delDevice, updateDB } from '@/api/device'
 import DownloadTemplate from '@/components/DownloadTemplate'
@@ -55,7 +58,7 @@
 
 export default {
   name: 'ListDevice',
-  components: { DeptSelect, DownloadTemplate, editDevice, detailDevice, selectTree },
+  components: { DeptSelect, DownloadTemplate, editDevice, detailDevice, syncRecord, selectTree },
   data() {
     return {
       listQuery: {
@@ -107,6 +110,7 @@
       fullscreenLoading: false, // 全屏加载动画
       editShow: false, // 是否显示编辑框
       detailShow: false, // 是否显示编辑框
+      syncRecordShow: false, // 是否显示同步记录框
       filename: 'device_template.xlsx',
       deptShowTop: false, // 是否显示顶级
       wellShow: false
@@ -192,6 +196,20 @@
         this.$message.error('至少选中一项')
       }
     },
+    syncRecords() {
+      if (this.checkSelection()) {
+        const deviceIds = []
+        this.multipleSelection.forEach(function(value, index) {
+          deviceIds.push(value.id)
+        })
+        console.log(deviceIds)
+        this.dialogFormVisible = true
+        this.syncRecordShow = true
+        this.$refs.syncRecord.initDialog(this.dialogFormVisible, deviceIds)
+      } else {
+        this.$message.error('至少选中一项')
+      }
+    },
     // 查询数据
     search() {
       this.fetchData(false)

diff --git a/package.json b/package.json
index 998e7d7..8350900 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "js-cookie": "2.2.0",
     "jsencrypt": "^3.0.0-rc.1",
     "mockjs": "1.0.1-beta3",
+    "moment": "^2.24.0",
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "v-charts": "^1.19.0",
diff --git a/src/api/device.js b/src/api/device.js
index b08d4a7..6dcf2de 100644
--- a/src/api/device.js
+++ b/src/api/device.js
@@ -112,3 +112,15 @@
     responseType: 'blob' // 这一步也很关键，一定要加上 responseType 值为 blob
   })
 }
+
+// 绑定设备
+export function syncRecords(params) {
+  return request({
+    url: 'records/syncRecord',
+    method: 'post',
+    params,
+    paramsSerializer: params => {
+      return qs.stringify(params, { indices: false })
+    }
+  })
+}
diff --git a/src/views/deviceManage/listDevice.vue b/src/views/deviceManage/listDevice.vue
index c8b610d..8a3c16b 100644
--- a/src/views/deviceManage/listDevice.vue
+++ b/src/views/deviceManage/listDevice.vue
@@ -5,6 +5,7 @@
       <el-row class="table-title">
         <el-col :span="6"><div class="title-header"><i class="el-icon-menu"/>设备列表</div></el-col>
         <el-col :span="12" :offset="6" class="edit_btns">
+          <el-button class="edit_btn" size="small" @click="syncRecords">同步识别记录</el-button>
           <el-button class="edit_btn" size="small" @click="updateData">设备数据下发</el-button>
           <el-button class="edit_btn" size="small" @click="del">删除</el-button>
           <el-button class="edit_btn" size="small" @click="add">新增</el-button>
@@ -42,12 +43,14 @@
     </div>
     <edit-device v-show="editShow" ref="editdevice" @watchChild="fetchData"/>
     <detail-device v-show="detailShow" ref="detaildevice"/>
+    <sync-record v-show="syncRecordShow" ref="syncRecord"/>
   </div>
 </template>
 
 <script>
 import editDevice from '@/views/deviceManage/editDevice'
 import detailDevice from '@/views/deviceManage/detailDevice'
+import syncRecord from '@/views/deviceManage/syncRecord'
 import selectTree from '@/components/SelectTree/singleSelect'
 import { getDeviceList, delDevice, updateDB } from '@/api/device'
 import DownloadTemplate from '@/components/DownloadTemplate'
@@ -55,7 +58,7 @@
 
 export default {
   name: 'ListDevice',
-  components: { DeptSelect, DownloadTemplate, editDevice, detailDevice, selectTree },
+  components: { DeptSelect, DownloadTemplate, editDevice, detailDevice, syncRecord, selectTree },
   data() {
     return {
       listQuery: {
@@ -107,6 +110,7 @@
       fullscreenLoading: false, // 全屏加载动画
       editShow: false, // 是否显示编辑框
       detailShow: false, // 是否显示编辑框
+      syncRecordShow: false, // 是否显示同步记录框
       filename: 'device_template.xlsx',
       deptShowTop: false, // 是否显示顶级
       wellShow: false
@@ -192,6 +196,20 @@
         this.$message.error('至少选中一项')
       }
     },
+    syncRecords() {
+      if (this.checkSelection()) {
+        const deviceIds = []
+        this.multipleSelection.forEach(function(value, index) {
+          deviceIds.push(value.id)
+        })
+        console.log(deviceIds)
+        this.dialogFormVisible = true
+        this.syncRecordShow = true
+        this.$refs.syncRecord.initDialog(this.dialogFormVisible, deviceIds)
+      } else {
+        this.$message.error('至少选中一项')
+      }
+    },
     // 查询数据
     search() {
       this.fetchData(false)
diff --git a/src/views/deviceManage/syncRecord.vue b/src/views/deviceManage/syncRecord.vue
new file mode 100644
index 0000000..59481d0
--- /dev/null
+++ b/src/views/deviceManage/syncRecord.vue
@@ -0,0 +1,164 @@
+<template>
+  <el-dialog v-loading="loading" :visible.sync="dialogFormVisible" title="同步识别记录" append-to-body>
+    <div class="block data-pick">
+      <p class="demonstration">选择同步时间范围</p>
+      <el-date-picker
+        v-model="timeRange"
+        :picker-options="pickerOptions"
+        :default-time="['00:00:00', '23:59:59']"
+        type="datetimerange"
+        size="small"
+        class="my-datepick"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期"
+        align="right"
+        @change="checkDate"
+      />
+    </div>
+    <div slot="footer" class="dialog-footer">
+      <el-button type="primary" @click="saveData">确定</el-button>
+      <el-button @click="cancel">取消</el-button>
+    </div>
+  </el-dialog>
+</template>
+
+<script>
+import { syncRecords } from '@/api/device'
+import * as moment from 'moment'
+export default {
+  name: 'SyncRecord',
+  data() {
+    return {
+      loading: false,
+      dialogFormVisible: false, // 对话框是否显示
+      form: {
+        devIds: [],
+        startTime: '',
+        endTime: ''
+      },
+      timeRange: [],
+      pickerOptions: {
+        shortcuts: [{
+          text: '昨天',
+          onClick(picker) {
+            const end = moment().subtract(1, 'days').set({ hour: 23, minute: 59, second: 59, millisecond: 999 })
+            const start = moment().subtract(1, 'days').set({ hour: 0, minute: 0, second: 0, millisecond: 0 })
+            // start.setTime(start.getTime() - 3600 * 1000 * 24 * 7)
+            picker.$emit('pick', [start, end])
+          }
+        }, {
+          text: '最近三天',
+          onClick(picker) {
+            const end = moment().subtract(1, 'days').set({ hour: 23, minute: 59, second: 59, millisecond: 999 })
+            const start = moment().subtract(3, 'days').set({ hour: 0, minute: 0, second: 0, millisecond: 0 })
+            picker.$emit('pick', [start, end])
+          }
+        }, {
+          text: '最近一周',
+          onClick(picker) {
+            const end = moment().subtract(1, 'days').set({ hour: 23, minute: 59, second: 59, millisecond: 999 })
+            const start = moment().subtract(7, 'days').set({ hour: 0, minute: 0, second: 0, millisecond: 0 })
+            picker.$emit('pick', [start, end])
+          }
+        }],
+        onPick: (time) => {
+          if (time.minDate) {
+            this.startTime = time.minDate
+          }
+          if (time.maxDate) {
+            console.log('time', moment(time.minDate).add(7, 'days').set({ hour: 23, minute: 59, second: 59, millisecond: 999 }))
+            if (time.maxDate.getTime() - time.minDate.getTime() > (7 * 24 * 60 * 60 * 1000)) {
+              // time.maxDate = moment(time.minDate).add(7, 'days').set({ hour: 23, minute: 59, second: 59, millisecond: 999 })
+            }
+          }
+        },
+        disabledDate: this.disabledDate
+      }
+    }
+  },
+  watch: {
+    timeRange(val) {
+      if (val && val.length > 0) {
+        if (typeof val[0] !== 'string') {
+          val[0] = val[0].format('YYYY-MM-DD HH:mm:ss')
+        }
+        if (typeof val[1] !== 'string') {
+          val[1] = val[1].format('YYYY-MM-DD HH:mm:ss')
+        }
+        this.form.startTime = val[0]
+        this.form.endTime = val[1]
+      } else {
+        this.form.startTime = ''
+        this.form.endTime = ''
+      }
+    }
+  },
+  methods: {
+    checkDate() {
+      console.log('CHANGE')
+      if (this.timeRange && this.timeRange.length === 2) {
+        let s = moment(this.timeRange[0])
+        let end = moment(this.timeRange[1])
+
+        if (end.valueOf() - s.valueOf() > (7 * 24 * 60 * 60 * 1000)) {
+          this.$message.warning('日期范围不能大于7天')
+          end = moment(s).add(7, 'days').format('YYYY-MM-DD 23:59:59')
+          s = s.format('yyyy-MM-DD 00:00:00')
+        }
+        if (s.valueOf() - end.valueOf() > (7 * 24 * 60 * 60 * 1000)) {
+          this.$message.warning('日期范围不能大于7天')
+          end = moment(s).subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
+          s = s.format('YYYY-MM-DD 23:59:59')
+        }
+        this.timeRange = [s, end]
+      }
+    },
+    disabledDate(time) {
+      // if (this.startTime) {
+      //   if (time.getTime() < this.startTime.getTime()) {
+      //     return time.getTime() < (this.startTime.getTime() - (24 * 60 * 60 * 1000 * 7))
+      //   } else {
+      //     return time.getTime() > (this.startTime.getTime() + (24 * 60 * 60 * 1000 * 7))
+      //   }
+      // }
+    },
+    initDialog(dialogFormVisible, devIds) {
+      this.dialogFormVisible = dialogFormVisible
+      this.form.devIds = devIds
+      this.timeRange = []
+    },
+    saveData() {
+      this.loading = true
+      syncRecords(this.form).then(res => {
+        console.log(res)
+        if (res.code === 200) {
+          this.loading = false
+          this.$message.success('同步成功')
+          this.dialogFormVisible = false
+          this.$emit('watchChild')
+        }
+      })
+    },
+    cancel() {
+      this.dialogFormVisible = false
+      this.$emit('watchChild')
+    }
+  }
+}
+</script>
+<style scoped>
+  .demonstration {
+    font-size: 14px;
+    color: #606266;
+  }
+  .data-pick {
+    display: table;
+    margin: 0 auto;
+  }
+</style>
+<style>
+  .demonstration  .el-date-range-picker.has-sidebar {
+   
+  }
+</style>