<template>
|
<div class="box-a">
|
<div class="nav">
|
<el-button type="primary" size="medium" @click="$router.go(-1)"
|
>返回</el-button
|
>
|
</div>
|
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
<el-tab-pane label="基础信息" name="house"><info :item="formData"></info></el-tab-pane>
|
<!-- <el-tab-pane label="设备预警" name="user"
|
><device ref="userChild"></device
|
></el-tab-pane> -->
|
<el-tab-pane label="体检数据" name="vehicle"
|
><healthtData :item="formData"></healthtData
|
></el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
<script>
|
import info from "./indexDetail_Info.vue";
|
import healthtData from "./indexDetail_HealthyData.vue";
|
import device from "./indexDetail_Device.vue";
|
export default {
|
components: { info, device, healthtData },
|
data() {
|
return {
|
activeName: "house",
|
formData: {}
|
};
|
},
|
created() {
|
// this.init(this.$route.query.id);
|
this.formData = this.$route.query;
|
},
|
mounted() {},
|
methods: {
|
init(id) {
|
// this.$api.post("villagemanager/getVillage?villageId=" + id, "", e => {
|
// this.formData = e;
|
// });
|
},
|
handleClick(tab, event) {
|
switch (tab.name) {
|
case "user": {
|
// this.$refs.userChild.newMounted();
|
break;
|
}
|
default: {
|
// this.$refs.userChild.newDestroyed();
|
break;
|
}
|
}
|
}
|
},
|
watch: {},
|
computed: {}
|
};
|
</script>
|
<style scoped lang="less">
|
.box-a {
|
overflow: scroll;
|
}
|
.h1 {
|
font-size: 18px;
|
height: 40px;
|
line-height: 40px;
|
font-weight: 700;
|
}
|
.nav {
|
padding: 20px 0;
|
span {
|
font-size: 18px;
|
height: 40px;
|
line-height: 40px;
|
font-weight: 700;
|
margin-right: 30px;
|
}
|
}
|
|
.row {
|
box-sizing: border-box;
|
width: 100%;
|
display: flex;
|
flex-wrap: wrap;
|
}
|
.col {
|
height: 48px;
|
line-height: 48px;
|
min-width: 200px;
|
border: solid 1px #d4dbe9;
|
padding-right: 15px;
|
margin: 10px 0 10px -1px;
|
}
|
|
.col:nth-child(1) {
|
margin: 10px 0 10px 0px;
|
}
|
|
.col span {
|
display: inline-block;
|
height: 48px;
|
background-color: #f3f7fa;
|
color: #b3b6be;
|
padding: 0 15px;
|
margin-right: 15px;
|
border-right: solid 1px #d4dbe9;
|
}
|
</style>
|
