1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- <template>
- <el-table
- :data="tableData"
- :header-cell-style="headerStyle"
- border
- stripe
- fit
- style="width: 100%;margin-top: 25px;">
- <el-table-column
- fixed
- prop="ColumnName"
- label="字段名"
- width="150">
- </el-table-column>
- <el-table-column
- prop="Description"
- min-width="200"
- label="说明">
- </el-table-column>
- <el-table-column
- prop="ColumnType"
- min-width="120"
- label="类型">
- </el-table-column>
- <el-table-column
- prop="CharMaxLength"
- min-width="60"
- label="长度">
- </el-table-column>
- <el-table-column
- prop="Nullable"
- align="center"
- label="不是 null">
- </el-table-column>
- <el-table-column
- prop="Default"
- min-width="260"
- label="默认值">
- </el-table-column>
- </el-table>
- </template>
- <script>
- import Vue from "vue";
- import ElementUI from "element-ui";
- import Axios from "axios";
- import "element-ui/lib/theme-chalk/index.css";
- import Opt from "../opt"
- Vue.use(ElementUI);
- export default{
- data: function () {
- return {
- tableData: [],
- headerStyle: {
- backgroundColor: '#e1e4e5',
- color: '#2b2b2b',
- lineHeight: '30px'
- }, // 列表样式
- };
- },
- components: {},
- created: function () {
- this.getData()
- },
- mounted: function () {
- // alert(this.schema);
- },
- props: ["sys", "schema", "table"],
- computed: {},
- methods: {
- getData(){
- Axios.get(`${Opt.databaseDoc[this.sys]}/--database-doc--/column-list?schema=${this.schema}&table=${this.table}`,{}).then(res=>{
- this.tableData = res.data;
- })
- }
- },
- }
- </script>
- <style scoped>
- /deep/ table{
- margin: 0;
- }
- </style>
|