<template>
|
<el-page-header @back="onBack">
|
<template #content>
|
<span> 账户信息编辑 </span>
|
</template>
|
</el-page-header>
|
<el-divider />
|
<el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
|
<el-tab-pane label="基本信息" name="first">
|
<div class="sub-title">用户信息</div>
|
<FormCol>
|
<CompUserInfo :form-info="formUser" />
|
</FormCol>
|
<el-divider />
|
<div class="sub-title">用户信息表</div>
|
<FormCol>
|
<!-- <CompUserInfos :form-info="formUserInfos" /> -->
|
<CompBaseInfo :form-info="formUserInfos"/>
|
</FormCol>
|
<el-divider />
|
<div class="sub-title">企业信息</div>
|
<FormCol>
|
<!-- <CompPanyInfo :form-info="formVehicleBaseInfo" /> -->
|
</FormCol>
|
<!-- <template v-if="formAnyInfo.typeid == 1">
|
<div class="sub-title">油烟净化装置</div>
|
<FormCol>
|
<CompFumePurifyDevice :form-info="formFumePurifyDevice" />
|
</FormCol>
|
</template>
|
|
|
<template v-if="formAnyInfo.typeid == 1">
|
<div class="sub-title">餐饮基础信息表</div>
|
<FormCol>
|
<CompRestaurantBaseInfo :form-info="formRestaurantBaseInfo" />
|
</FormCol>
|
</template>
|
|
<template v-if="formAnyInfo.typeid == 7">
|
<div class="sub-title">汽修基础信息表</div>
|
<FormCol>
|
<CompVehicleBaseInfo :form-info="formVehicleBaseInfo" />
|
</FormCol>
|
</template> -->
|
</el-tab-pane>
|
<el-tab-pane label="设备管理" name="second">
|
<el-row>
|
<el-col :span="18">
|
<div class="sub-title">监测设备信息</div>
|
<!-- <CompDeviceInfo :form-info="formDevice" /> -->
|
</el-col>
|
<el-col :span="6">
|
<el-row justify="end" align="middle" style="height: 80px">
|
<el-button type="success" @click="drawer = true"
|
>新增设备</el-button
|
>
|
</el-row>
|
</el-col>
|
</el-row>
|
</el-tab-pane>
|
|
<el-tab-pane label="危废排污" name="third">
|
<div class="sub-title">危废排污清单</div>
|
<FormCol>
|
<!-- <CompHazardousWasteFile :form-info="formHazardousWasteFile" /> -->
|
</FormCol>
|
<div class="sub-title">危废排污记录</div>
|
<FormCol>
|
<!-- <CompHazardousWasteRecord :form-info="formHazardousWasteRecord" /> -->
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="行政处罚" name="fourth">
|
<div class="sub-title">行政处罚表</div>
|
<FormCol>
|
<!-- <CompPunishment :form-info="formProblem" /> -->
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="信访投诉" name="fifth">
|
<div class="sub-title">信访投诉</div>
|
<FormCol>
|
<!-- <CompLaint :form-info="formLaint" /> -->
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="巡查问题表" name="sixth">
|
<div class="sub-title">巡查问题表</div>
|
<FormCol>
|
<!-- <CompProblem :form-info="formProblem" /> -->
|
</FormCol>
|
</el-tab-pane>
|
</el-tabs>
|
|
<!-- <ComBaseInformation v-model="drawer"></ComBaseInformation> -->
|
</template>
|
|
<script>
|
import userApi from '@/api/fytz/userApi';
|
// import ComBaseInformation from '@/views/baseinfo/fytz/scene/ComBaseInformation.vue';
|
import CompUserInfo from './components/CompUserInfo.vue';
|
import CompBaseInfo from './components/CompBaseInfo.vue';
|
// import CompLaint from '@/views/baseinfo/fytz/scene/CompLaint.vue';
|
// import CompDeviceInfo from "@/views/baseinfo/fytz/scene/CompDeviceInfo.vue";
|
// import CompPanyInfo from '@/views/baseinfo/fytz/scene/CompPanyInfo.vue';
|
// import CompFumePurifyDevice from '@/views/baseinfo/fytz/scene/CompFumePurifyDevice.vue';
|
// import CompHazardousWasteFile from '@/views/baseinfo/fytz/scene/CompHazardousWasteFile.vue';
|
// import CompHazardousWasteRecord from '@/views/baseinfo/fytz/scene/CompHazardousWasteRecord.vue';
|
// import CompProblem from '@/views/baseinfo/fytz/scene/CompProblem.vue';
|
// import CompPunishment from '@/views/baseinfo/fytz/scene/CompPunishment.vue';
|
// import CompRestaurantBaseInfo from '@/views/baseinfo/fytz/scene/CompRestaurantBaseInfo.vue';
|
// import CompVehicleBaseInfo from '@/views/baseinfo/fytz/scene/CompVehicleBaseInfo.vue';
|
// import CompUserInfos from '@/views/baseinfo/fytz/scene/CompUserInfos.vue';
|
|
export default {
|
components: {
|
// ComBaseInformation,
|
// CompLaint,
|
CompUserInfo,
|
CompBaseInfo,
|
// CompDeviceInfo,
|
// CompPanyInfo,
|
// CompFumePurifyDevice,
|
// CompHazardousWasteFile,
|
// CompHazardousWasteRecord,
|
// CompProblem,
|
// CompPunishment,
|
// CompRestaurantBaseInfo,
|
// CompVehicleBaseInfo,
|
// CompUserInfos,
|
},
|
data() {
|
return {
|
drawer: false,
|
formUser: {},
|
// formSubScene: {},
|
formLaint: {},
|
// formDevice: {},
|
formPanyInfo: {},
|
formFumePurifyDevice: {},
|
formHazardousWasteFile: {},
|
formHazardousWasteRecord: {},
|
formProblem: {},
|
formPunishment: {},
|
formRestaurantBaseInfo: {},
|
formVehicleBaseInfo: {},
|
formUserInfos: {},
|
activeName: 'first',
|
scroll: '',
|
};
|
},
|
beforeRouteEnter(to, from, next) {
|
userApi.fetchUserBaseInfo(to.params.userId).then((res) => {
|
next((vm) => {
|
if (res.userInfo) {
|
vm.formUser = res.userInfo;
|
} else {
|
vm.formUser = {
|
guid: to.params.userId,
|
};
|
}
|
if(res.baseInfo){
|
vm.formUserInfos = res.baseInfo
|
}
|
});
|
});
|
},
|
methods: {
|
handleClick(tab) {
|
console.log('tab', tab);
|
},
|
// 回退页面
|
onBack() {
|
this.$router.back();
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.sub-title {
|
font-size: var(--el--font--size--large);
|
margin-bottom: 30px;
|
margin-top: 30px;
|
margin-left: 20px;
|
}
|
</style>
|
