<template>
|
<el-page-header @back="onBack" class="page-header">
|
<template #content>
|
<span> 场景信息编辑 </span>
|
</template>
|
</el-page-header>
|
<el-divider />
|
<div class="sub-title">账户信息</div>
|
<el-row>
|
<FormCol>
|
<CompUserInfo :form-info="formUser" />
|
</FormCol>
|
</el-row>
|
<el-divider />
|
<div class="sub-title">基本信息</div>
|
<el-row>
|
<FormCol>
|
<CompSceneBaseInfo :model="formScene" />
|
</FormCol>
|
</el-row>
|
<template v-if="formScene.typeid == 1">
|
<el-divider />
|
<div class="sub-title">工地信息</div>
|
<el-row>
|
<FormCol>
|
<CompSceneConstructionInfo showStyle="form" :form-info="formSubScene" />
|
</FormCol>
|
</el-row>
|
<el-divider />
|
<div class="sub-title">设备信息</div>
|
<el-row>
|
<FormCol>
|
<CompSceneDeviceInfo
|
:form-info="formSceneDevice"
|
:scene-type="formScene.typeid"
|
/>
|
</FormCol>
|
</el-row>
|
</template>
|
</template>
|
|
<script>
|
import sceneApi from '@/api/fysp/sceneApi';
|
import userApi from '@/api/fysp/userApi';
|
// import FormCol from '../../../../components/layout/FormCol.vue';
|
import CompSceneBaseInfo from './CompSceneBaseInfo.vue';
|
import CompSceneConstructionInfo from './CompSceneConstructionInfo.vue';
|
import CompSceneDeviceInfo from './CompSceneDeviceInfo.vue';
|
import CompUserInfo from '../user/CompUserInfo.vue';
|
|
export default {
|
components: {
|
// FormCol,
|
CompSceneBaseInfo,
|
CompSceneConstructionInfo,
|
CompSceneDeviceInfo,
|
CompUserInfo,
|
},
|
data() {
|
return {
|
formUser: {},
|
formScene: {},
|
formSubScene: {},
|
formSceneDevice: {},
|
};
|
},
|
beforeRouteEnter(to, from, next) {
|
sceneApi.getSceneDetail(to.params.sid).then((res) => {
|
userApi.getUserByScene(to.params.sid).then((user) => {
|
next((vm) => {
|
//场景
|
if (res.data.scense) vm.formScene = res.data.scense;
|
if (res.data.subScene) {
|
vm.formSubScene = res.data.subScene;
|
} else {
|
vm.formSubScene = {
|
sGuid: vm.formScene.guid,
|
};
|
}
|
if (res.data.sceneDevice) {
|
vm.formSceneDevice = res.data.sceneDevice;
|
} else {
|
vm.formSceneDevice = {
|
sGuid: vm.formScene.guid,
|
};
|
}
|
//账户
|
if (user) {
|
vm.formUser = user;
|
} else {
|
vm.formUser = {
|
dguid: to.params.sid,
|
};
|
}
|
});
|
});
|
});
|
},
|
methods: {
|
// 回退页面
|
onBack() {
|
this.$router.back();
|
},
|
},
|
};
|
</script>
|
<style scoped>
|
.sub-title {
|
font-size: var(--el-font-size-large);
|
margin-bottom: 30px;
|
margin-left: 20px;
|
}
|
.page-header {
|
/* position: absolute; */
|
}
|
</style>
|
