diff --git a/src/api/modules/sys.core.api.js b/src/api/modules/sys.core.api.js
index fc72345..743bdc6 100644
--- a/src/api/modules/sys.core.api.js
+++ b/src/api/modules/sys.core.api.js
@@ -64,5 +64,16 @@ export default ({ service, request, faker, tools }) => ({
       method: 'post',
       data
     })
+  },
+  /**
+   * @description 分页查询变更历史记录
+   * @param {Object} data
+   */
+  CORE_QUERY_VERSION_PAGE (data = {}) {
+    return request({
+      url: '/queryVersionPage',
+      method: 'post',
+      data
+    })
   }
 })
diff --git a/src/views/core/versionRecord/index.vue b/src/views/core/versionRecord/index.vue
index 5733bb3..7de04cf 100644
--- a/src/views/core/versionRecord/index.vue
+++ b/src/views/core/versionRecord/index.vue
@@ -1,12 +1,127 @@
 <template>
   <d2-container>
-    <template slot="header">Page 1 header</template>
-    Hello World
+    <el-table
+      :data="tableData"
+      height="520"
+      stripe
+      border
+      style="width: 100%">
+      <el-table-column
+        prop="version"
+        label="版本记录">
+      </el-table-column>
+      <el-table-column
+        prop="createTime"
+        label="创建时间"
+      >
+      </el-table-column>
+      <el-table-column
+        prop="isRelease"
+        label="当前启用版本"
+      >
+        <template slot-scope="scope">
+          <el-tag v-if="scope.row.isRelease === 1" type="success">是</el-tag>
+          <el-tag v-else type="danger">否</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        width="160">
+        <template slot-scope="scope">
+          <el-button @click="handleRemoveClick(scope.row)" type="text" size="small" :disabled="scope.row.isRelease === 1">回滚</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-divider></el-divider>
+    <el-pagination
+      background
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page.sync="currentPage"
+      :page-sizes="[10, 20, 30, 50]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next"
+      :total="total">
+    </el-pagination>
   </d2-container>
 </template>
 
 <script>
+import api from '@/api'
+import { Message } from 'element-ui'
+
 export default {
-  name: 'VersionRecord'
+  name: 'ResolveRecord',
+  data () {
+    return {
+      // 数据表格
+      tableData: [],
+      // 分页组件
+      currentPage: 1,
+      pageSize: 10,
+      total: 0
+    }
+  },
+  mounted () {
+    this.queryPage(1, this.pageSize)
+  },
+  methods: {
+    async queryPage (page, pageSize) {
+      const queryArgs = {
+        page: page,
+        pageSize: pageSize
+      }
+      // 参看 src/api/modules/sys.core.api.js
+      const res = await api.CORE_QUERY_VERSION_PAGE(queryArgs)
+      this.tableData = res.data || []
+      this.total = res.count || 0
+    },
+    handleCurrentChange (current) {
+      this.currentPage = current
+      this.queryPage(current, this.pageSize)
+    },
+    handleSizeChange (pageSize) {
+      this.pageSize = pageSize
+      this.queryPage(1, this.pageSize)
+    },
+    async handleTestClick (row) {
+      const res = await api.CORE_TEST_HOSTNAME(row)
+      if (res.code === 0) {
+        Message.success(res.message)
+      }
+    },
+    handleModifyClick (row) {
+      this.modifyFormModel = { ...row, type: row.recordType }
+      this.modifyFormVisible = true
+    },
+    async doModify () {
+      const res = await api.CORE_MODIFY(this.modifyFormModel)
+      if (res.code === 0) {
+        Message.success(res.message)
+        this.onSearchFormSubmit()
+        this.modifyFormVisible = false
+      }
+    },
+    handleRemoveClick (row) {
+      const _this = this
+      _this.$confirm('确认删除选中的解析记录, 是否继续?', '确认删除', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        _this.doDelete(row)
+      }).catch(() => {
+      })
+    },
+    async doDelete (row) {
+      const res = await api.CORE_DELETE({ ...row, type: row.recordType })
+      if (res.code === 0) {
+        Message.success(res.message)
+        this.onSearchFormSubmit()
+        this.modifyFormVisible = false
+      }
+    }
+  }
 }
 </script>