|
@@ -0,0 +1,98 @@
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <div class="search-term">
|
|
|
+ <el-form :inline="true" :model="searchInfo" class="demo-form-inline">
|
|
|
+ <el-form-item label="表名">
|
|
|
+ <el-input v-model="searchInfo.tableName" placeholder="表名" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="结构体名称">
|
|
|
+ <el-input v-model="searchInfo.tableName" placeholder="结构体名称" />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button size="mini" type="primary" icon="el-icon-plus" @click="goAutoCode">新增</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <el-table :data="tableData" border stripe>
|
|
|
+ <el-table-column
|
|
|
+ type="selection"
|
|
|
+ width="55"
|
|
|
+ />
|
|
|
+ <el-table-column label="id" width="60" prop="ID" />
|
|
|
+ <el-table-column label="日期" width="180">
|
|
|
+ <template slot-scope="scope">{{ scope.row.CreatedAt|formatDate }}</template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="结构体名" min-width="150" prop="tableName" />
|
|
|
+ <el-table-column label="表名称" min-width="150" prop="tableName" />
|
|
|
+
|
|
|
+ </el-table>
|
|
|
+ <el-pagination
|
|
|
+ :current-page="page"
|
|
|
+ :page-size="pageSize"
|
|
|
+ :page-sizes="[10, 30, 50, 100]"
|
|
|
+ :style="{float:'right',padding:'20px'}"
|
|
|
+ :total="total"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @current-change="handleCurrentChange"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ />
|
|
|
+
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+// 获取列表内容封装在mixins内部 getTableData方法 初始化已封装完成 条件搜索时候 请把条件安好后台定制的结构体字段 放到 this.searchInfo 中即可实现条件搜索
|
|
|
+import { getSysHistory } from '@/api/autoCode.js'
|
|
|
+import { formatTimeToStr } from '@/utils/date'
|
|
|
+import infoList from '@/mixins/infoList'
|
|
|
+
|
|
|
+export default {
|
|
|
+ name: 'Api',
|
|
|
+ filters: {
|
|
|
+ formatDate: function(time) {
|
|
|
+ if (time !== null && time !== '') {
|
|
|
+ var date = new Date(time)
|
|
|
+ return formatTimeToStr(date, 'yyyy-MM-dd hh:mm:ss')
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ formatBoolean: function(bool) {
|
|
|
+ if (bool !== null) {
|
|
|
+ return bool ? '是' : '否'
|
|
|
+ } else {
|
|
|
+ return ''
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mixins: [infoList],
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ listApi: getSysHistory
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getTableData()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ goAutoCode() {
|
|
|
+ this.$router.push({ name: 'autoCode' })
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped lang="scss">
|
|
|
+.button-box {
|
|
|
+ padding: 10px 20px;
|
|
|
+ .el-button {
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+}
|
|
|
+.el-tag--mini {
|
|
|
+ margin-left: 5px;
|
|
|
+}
|
|
|
+.warning {
|
|
|
+ color: #dc143c;
|
|
|
+}
|
|
|
+</style>
|