<template>
|
<el-drawer
|
title="查询结果"
|
:visible.sync="showQueryData"
|
direction="btt"
|
size="100%"
|
:modal="false"
|
:withHeader="false"
|
:append-to-body="true"
|
:destroy-on-close="true"
|
>
|
<div class="menutop" style="margin: 0.2rem 0.1rem">
|
<div class="menuback" @click="close">
|
<i class="el-icon-caret-left"></i>返回
|
</div>
|
<div class="menutitle">查询结果</div>
|
</div>
|
<!-- <div class="closeButton" @click="close"><i class="el-icon-close"></i></div> -->
|
<el-tabs v-model="activeName">
|
<el-tab-pane
|
v-for="data in tableList"
|
:key="data.table"
|
:label="data.name"
|
:name="data.table"
|
>
|
<!-- 改成表单的形式 -->
|
<!-- <el-table :data="data.tableData" height="250">
|
<el-table-column
|
v-for="key in data.attr"
|
:key="key"
|
:property="key"
|
:label="key"
|
></el-table-column>
|
</el-table> -->
|
<el-form :model="data">
|
<el-form-item
|
v-for="(value, key, index) in data.tableData[0]"
|
:key="index"
|
:label="key"
|
label-position="left"
|
label-width="65px"
|
>{{ value }}</el-form-item
|
>
|
</el-form>
|
</el-tab-pane>
|
</el-tabs>
|
</el-drawer>
|
</template>
|
|
<style scoped>
|
.el-tabs {
|
margin: 20px 20px;
|
}
|
|
.el-drawer{
|
z-index: 999999;
|
}
|
|
/* 设置边框线和边距调整 */
|
.el-form {
|
border: 1px solid gray;
|
}
|
.el-form-item + .el-form-item {
|
border-top: 1px solid gray;
|
}
|
.el-form-item {
|
margin: unset;
|
}
|
.el-form-item /deep/ .el-form-item__content {
|
border-left: 1px solid gray;
|
padding-left: 10px;
|
}
|
</style>
|
|
<script>
|
export default {
|
name: "querydata",
|
data() {
|
return {
|
activeName: "",
|
showQueryData: false,
|
tableList: [],
|
};
|
},
|
methods: {
|
close() {
|
this.showQueryData = false;
|
},
|
updataTable(queryData) {
|
this.tableList = queryData;
|
this.activeName = queryData[0].table;
|
},
|
},
|
mounted() {},
|
};
|
</script>
|
