<template>
|
<el-page-header @back="onBack">
|
<template #content>
|
<span> 账户信息编辑 </span>
|
</template>
|
</el-page-header>
|
<el-divider />
|
<el-tabs v-model="activeName" class="p-h-8" @tab-click="handleClick">
|
<el-tab-pane label="基本信息" name="first">
|
<FormCol>
|
<div class="sub-title">账户信息</div>
|
<CompUserInfo :model="formUser" />
|
</FormCol>
|
<el-divider />
|
<FormCol>
|
<div class="sub-title">店铺信息</div>
|
<CompSceneInfo :form-info="formSceneInfo" />
|
</FormCol>
|
<el-divider />
|
<FormCol>
|
<div class="sub-title">企业信息</div>
|
<CompCompanyInfo :form-info="formCompanyInfo" />
|
</FormCol>
|
</el-tab-pane>
|
<el-tab-pane label="设备管理" name="second">
|
<FormCol>
|
<el-row class="sub-title" justify="space-between">
|
<div>监测设备信息</div>
|
<el-button type="success" @click="addDevice">新增设备</el-button>
|
</el-row>
|
<!-- 新增设备表单 -->
|
<CompDeviceInfo
|
v-if="showAddDevice"
|
:form-info="newDeviceForm"
|
:create="true"
|
@onSubmit="handleDeviceSubmit"
|
@onCancel="handleDeviceCancel"
|
/>
|
<!-- 设备列表 -->
|
<div v-if="formDeviceList.length === 0 && !showAddDevice" class="empty-device">
|
<el-empty description="暂无设备信息" />
|
</div>
|
<CompDeviceInfo
|
v-else-if="formDeviceList.length > 0"
|
v-for="(item, index) in formDeviceList"
|
:key="index"
|
:form-info="item"
|
/>
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="危废排污" name="third">
|
<FormCol>
|
<div class="sub-title">危废排污清单</div>
|
<CompHazardousWasteFile :form-info="formHazardousWasteFile" />
|
</FormCol>
|
<FormCol>
|
<div class="sub-title">危废排污记录</div>
|
<CompHazardousWasteRecord :form-info="formHazardousWasteRecord" />
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="行政处罚" name="fourth">
|
<FormCol>
|
<div class="sub-title">行政处罚表</div>
|
<!-- <CompPunishment :form-info="formProblem" /> -->
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="信访投诉" name="fifth">
|
<FormCol>
|
<div class="sub-title">信访投诉</div>
|
<!-- <CompLaint :form-info="formLaint" /> -->
|
</FormCol>
|
</el-tab-pane>
|
|
<el-tab-pane label="巡查问题表" name="sixth">
|
<FormCol>
|
<div class="sub-title">巡查问题表</div>
|
<!-- <CompProblem :form-info="formProblem" /> -->
|
</FormCol>
|
</el-tab-pane>
|
</el-tabs>
|
|
<!-- <ComBaseInformation v-model="drawer"></ComBaseInformation> -->
|
</template>
|
|
<script>
|
import userApi from '@/api/fytz/userApi'
|
import CompUserInfo from './components/CompUserInfo.vue'
|
import CompSceneInfo from './components/CompSceneInfo.vue'
|
import CompCompanyInfo from './components/CompCompanyInfo.vue'
|
import CompDeviceInfo from './components/CompDeviceInfo.vue'
|
import CompHazardousWasteFile from './components/CompHazardousWasteFile.vue'
|
import CompHazardousWasteRecord from './components/CompHazardousWasteRecord.vue'
|
|
export default {
|
components: {
|
// ComBaseInformation,
|
// CompLaint,
|
CompUserInfo,
|
CompSceneInfo,
|
CompCompanyInfo,
|
CompDeviceInfo,
|
CompHazardousWasteFile,
|
CompHazardousWasteRecord,
|
// CompPanyInfo,
|
// CompFumePurifyDevice,
|
// CompHazardousWasteFile,
|
// CompHazardousWasteRecord,
|
// CompProblem,
|
// CompPunishment,
|
// CompRestaurantBaseInfo,
|
// CompVehicleBaseInfo,
|
// CompUserInfos,
|
},
|
data() {
|
return {
|
drawer: false,
|
formUser: {},
|
formSceneInfo: {},
|
formCompanyInfo: {},
|
// formSubScene: {},
|
formLaint: {},
|
formDeviceList: [],
|
formPanyInfo: {},
|
formFumePurifyDevice: {},
|
formHazardousWasteFile: {},
|
formHazardousWasteRecord: {},
|
formProblem: {},
|
formPunishment: {},
|
formRestaurantBaseInfo: {},
|
activeName: 'first',
|
scroll: '',
|
showAddDevice: false,
|
newDeviceForm: {},
|
}
|
},
|
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,
|
}
|
}
|
})
|
})
|
},
|
methods: {
|
handleClick(tab) {
|
console.log('tab', tab)
|
},
|
// 回退页面
|
onBack() {
|
this.$router.back()
|
},
|
// 新增设备
|
addDevice() {
|
this.showAddDevice = true
|
this.newDeviceForm = {}
|
},
|
// 设备提交
|
handleDeviceSubmit(formData) {
|
// 这里可以添加实际的API调用
|
this.formDeviceList.push(formData.value)
|
this.showAddDevice = false
|
this.newDeviceForm = {}
|
},
|
// 设备取消
|
handleDeviceCancel() {
|
this.showAddDevice = false
|
this.newDeviceForm = {}
|
},
|
},
|
}
|
</script>
|
<style scoped>
|
.sub-title {
|
font-size: var(--el--font--size--large);
|
margin-bottom: 30px;
|
margin-top: 30px;
|
margin-left: 20px;
|
}
|
.empty-device {
|
padding: 40px 0;
|
text-align: center;
|
}
|
</style>
|
