704 lines
30 KiB
Vue
704 lines
30 KiB
Vue
<template>
|
|
<div class="fullHeight">
|
|
<div class="left fullHeight whiteBlock">
|
|
<div class="title">
|
|
<span>{{$t('message.BIMmanage.model')}}</span>
|
|
<!-- <p @click="configDialog=true" style="position:absolute;right:10px;top:15px">配置服务器</p> -->
|
|
<el-button type="default" size="mini" @click="configDialog=true" style="position:absolute;right:10px;top:15px">{{$t('message.BIMmanage.confingData')}}</el-button>
|
|
</div>
|
|
<div class="list_content">
|
|
<vue-scroll v-if="buildList.length>0">
|
|
<div
|
|
class="flex content_data"
|
|
v-for="(item,index) in buildList"
|
|
:key="index"
|
|
:class="{'active':activeBuildIndex==index }"
|
|
@click="changeBuildFn(item,index)"
|
|
>
|
|
<div>{{item.bimName}}</div>
|
|
<div class="flex2">
|
|
<!-- <img
|
|
@click.stop="editBuildFn(item)"
|
|
src="@/assets/images/icon-edit.png"
|
|
style="margin-right:16px"
|
|
class="icon"
|
|
/> -->
|
|
<el-tooltip class="item" effect="dark" :content="$t('message.BIMmanage.setMainModel')" placement="top" v-if="item.mainModel==0">
|
|
<i class="el-icon-s-home icon" style="margin-right:16px" @click.stop="setToMain(item)"></i>
|
|
</el-tooltip>
|
|
<el-tooltip class="item" effect="dark" :content="$t('message.BIMmanage.mainModel')" placement="top" v-else>
|
|
<i class="el-icon-s-home primaryText icon" style="margin-right:16px"></i>
|
|
</el-tooltip>
|
|
|
|
<img
|
|
@click.stop="deleteFn(item)"
|
|
src="@/assets/images/icon-delete.png"
|
|
class="icon"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</vue-scroll>
|
|
<div class="placeholderBox" v-else>{{$t('message.personnelPosition.mapManage.no_data')}}</div>
|
|
</div>
|
|
<div class="addFirm" @click="addFn">
|
|
<!-- {{$t('message.personnelPosition.mapManage.new_build')}} -->
|
|
<!-- 上传新模型 -->
|
|
{{$t('message.BIMmanage.updateNewModel')}}
|
|
<!-- <el-upload
|
|
class="uploadBtn"
|
|
ref="upload"
|
|
name="file"
|
|
:action="'http://10.0.1.43:6023/xmgl/projectBim/saveBim'"
|
|
:on-success="uploadMapSuccess"
|
|
:show-file-list="false"
|
|
:data="uploadParams"
|
|
:before-upload="beforeUpload"
|
|
>
|
|
<span slot="trigger">上传新模型</span>
|
|
</el-upload> -->
|
|
</div>
|
|
</div>
|
|
<div class="right fullHeight">
|
|
<div class="mapContainer whiteBlock">
|
|
<!-- <el-upload
|
|
class="uploadBtn"
|
|
ref="upload"
|
|
name="files"
|
|
:action="$store.state.UPLOADURL"
|
|
:on-success="uploadMapSuccess"
|
|
accept=".png, .jpg, .jpeg"
|
|
:show-file-list="false"
|
|
>
|
|
<el-button slot="trigger" type="primary" size="medium">
|
|
{{$t('message.personnelPosition.mapManage.re_upload')}}
|
|
</el-button>
|
|
</el-upload> -->
|
|
<!-- v-if="buildList.length>0" -->
|
|
<!-- <overview :urn="buildList.length>0?buildList[activeBuildIndex].bimUrn:''" :bimid="buildList.length>0?parseInt(buildList[activeBuildIndex].id):''" :opendrawlabel="true"></overview> -->
|
|
<remote-css href="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.css"></remote-css>
|
|
<!-- <remote-js src="http://bos3d.bimwinner.com/static/latest/BOS3D.min.js"></remote-js>-->
|
|
<!-- <remote-js src="http://bos3d.bimwinner.com/static/UI/latest/BOS3DUI.min.js"></remote-js>-->
|
|
|
|
<div id="viewportTwo" style="width: 100%;height: 100%;" class="viewportTwo"/>
|
|
</div>
|
|
</div>
|
|
<!-- 上传新模型 -->
|
|
<el-dialog :modal-append-to-body="false" :title="$t('message.BIMmanage.updateNewModel')" :visible.sync="addBuildDialog" width="667px">
|
|
<div class="dialog_content">
|
|
<el-form
|
|
size="medium"
|
|
:model="addBuildForm"
|
|
ref="addBuildForm"
|
|
:rules="beaconFormRules"
|
|
label-width="120px"
|
|
class="dialogFormBox"
|
|
>
|
|
<el-form-item :label="$t('message.BIMmanage.modelName')"
|
|
prop="bimName">
|
|
<el-input v-model="addBuildForm.bimName"
|
|
:placeholder="$t('message.personnelPosition.please_enter')"></el-input>
|
|
</el-form-item>
|
|
<!-- <el-form-item :label="'模型文件'"
|
|
prop="file">
|
|
<el-upload
|
|
class="uploadBtn"
|
|
ref="upload"
|
|
name="file"
|
|
:action="$http.defaults.baseURL+'xmgl/projectBim/saveBim'"
|
|
:on-success="uploadMapSuccess"
|
|
:show-file-list="false"
|
|
:data="uploadParams"
|
|
:on-change="beforeUpload" :auto-upload="false" :limit="1"
|
|
:on-exceed="exceedFn"
|
|
>
|
|
<span slot="trigger">选择文件</span>
|
|
<el-button slot="trigger" type="primary" size="medium">
|
|
选择文件
|
|
</el-button>
|
|
<el-button type="danger" size="medium" @click="$refs.upload.clearFiles();addBuildForm.file=''" style="margin-left:20px">
|
|
清空文件
|
|
</el-button>
|
|
<div slot="tip" class="el-upload__tip">{{addBuildForm.file.name}}</div>
|
|
</el-upload>
|
|
</el-form-item> -->
|
|
<el-form-item :label="$t('message.BIMmanage.modelFile')" prop="key">
|
|
<!-- e0f9c074fb064789bcd805ee4aaf33b5 -->
|
|
<!-- q3896212d272498f8d1e7600d3d12a6e -->
|
|
<!-- 登录后获取 -->
|
|
<el-upload
|
|
style="display: inline-block"
|
|
class="upload-demo"
|
|
:headers="config"
|
|
:action="'http://bosgw.bimwinner.com/bos3dengine/api/'+dataBaseKey+'/files'"
|
|
:on-success="(file) => handleSuccess(file, 1)"
|
|
:on-error="(file) => handleError(file, 1)"
|
|
:beforeUpload="(file) => handleBeforeUpload(file, 1)"
|
|
:data="params"
|
|
name="files"
|
|
:limit="1"
|
|
:show-file-list="false"
|
|
>
|
|
<!-- 点我上传 -->
|
|
<div v-if="!addBuildForm.key" class="upload">{{$t('message.BIMmanage.clickUpdate')}}</div>
|
|
<div v-else class="modelKey">{{addBuildForm.key}}</div>
|
|
</el-upload>
|
|
</el-form-item>
|
|
<div class="dialog-footer">
|
|
<el-button
|
|
class="cancleBtn"
|
|
@click="addBuildDialog = false"
|
|
icon="el-icon-circle-close"
|
|
size="medium"
|
|
>{{$t('message.personnelPosition.cancel')}}
|
|
</el-button>
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-circle-check"
|
|
@click="submitData"
|
|
size="medium"
|
|
>{{$t('message.personnelPosition.determine')}}
|
|
</el-button>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</el-dialog>
|
|
<!-- 配置服务器参数 -->
|
|
<el-dialog :modal-append-to-body="false" :title="$t('message.BIMmanage.confingServerData')" :visible.sync="configDialog" width="667px" :close-on-click-modal="configForm.id?true:false" :show-close="configForm.id?true:false">
|
|
<div class="dialog_content">
|
|
<p class="redText" v-show="configForm.id" style="margin-bottom:20px;text-align:center">{{$t('message.BIMmanage.warnText')+'!'}}</p>
|
|
<el-form
|
|
size="medium"
|
|
:model="configForm"
|
|
ref="configForm"
|
|
:rules="configFormRules"
|
|
label-width="140px"
|
|
class="dialogFormBox"
|
|
>
|
|
<el-form-item :label="$t('message.BIMmanage.account')"
|
|
prop="account">
|
|
<el-input v-model="configForm.account"
|
|
:placeholder="$t('message.personnelPosition.please_enter')"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('message.BIMmanage.password')"
|
|
prop="password">
|
|
<el-input v-model="configForm.password"
|
|
:placeholder="$t('message.personnelPosition.please_enter')"></el-input>
|
|
</el-form-item>
|
|
<el-form-item :label="$t('message.BIMmanage.appKey')"
|
|
prop="clientId">
|
|
<el-input v-model="configForm.clientId"
|
|
:placeholder="$t('message.personnelPosition.please_enter')"></el-input>
|
|
</el-form-item>
|
|
<div class="dialog-footer">
|
|
<el-button
|
|
type="primary"
|
|
icon="el-icon-circle-check"
|
|
@click="submitConfigData"
|
|
size="medium"
|
|
>{{$t('message.personnelPosition.determine')}}
|
|
</el-button>
|
|
</div>
|
|
</el-form>
|
|
</div>
|
|
</el-dialog>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import axios from 'axios'
|
|
import {projectBimAddApi,projectBimDeleteApi,projectBimEditApi,projectBimListApi,projectBimUploadApi,
|
|
addOrEditProjectBimConfigApi,getProjectBimConfigInfoApi,updateMainModelApi} from "@/assets/js/api/project"
|
|
import overview from './overview'
|
|
export default {
|
|
components:{overview,
|
|
'remote-css': {
|
|
render(createElement) {
|
|
return createElement('link', { attrs: { rel: 'stylesheet', href: this.href }});
|
|
},
|
|
props: {
|
|
href: { type: String, required: true },
|
|
}
|
|
},
|
|
},
|
|
data(){
|
|
return{
|
|
params:{
|
|
"name": "", //模型名称（不带扩展名）
|
|
"file": "", //本地文件 或者
|
|
},
|
|
buildList:[],
|
|
addBuildDialog:false,
|
|
isAdd:true,
|
|
addBuildForm:{
|
|
bimName:'',
|
|
projectSn:'',
|
|
key: "",
|
|
bimType: 2
|
|
},
|
|
uploadParams:{
|
|
bimName:'',
|
|
projectSn:''
|
|
},
|
|
fullscreenLoading: false,
|
|
beaconFormRules: {
|
|
bimName: [{
|
|
required: true,
|
|
message: this.$t('message.personnelPosition.required'),
|
|
trigger: "blur"
|
|
}],
|
|
},
|
|
configFormRules: {
|
|
account: [{
|
|
required: true,
|
|
message: this.$t('message.BIMmanage.pleaseInputAccount'),/* '请输入账号', */
|
|
trigger: "blur"
|
|
}],
|
|
password: [{
|
|
required: true,
|
|
message: this.$t('message.BIMmanage.pleaseInputPassword'), /* '请输入密码', */
|
|
trigger: "blur"
|
|
}]
|
|
,clientId: [{
|
|
required: true,
|
|
message:this.$t('message.BIMmanage.pleaseInputAppKey'), /* '请输入应用Key', */
|
|
trigger: "blur"
|
|
}],
|
|
},
|
|
activeBuildIndex:0,
|
|
configDialog:false,
|
|
configForm: {
|
|
clientId:'',
|
|
account:'',
|
|
password: '',
|
|
type: 2
|
|
},
|
|
token: "",
|
|
projectSn:"",
|
|
selectKey: "",
|
|
dataBaseKey: "bfec546a638e401b8ba0fbb551e7f37e",
|
|
useKey: 'g14b70a0e6db4b8faff30ab9f5464798',
|
|
config: {
|
|
'Authorization': ''
|
|
},
|
|
account: '',
|
|
password: ''
|
|
}
|
|
},
|
|
computed:{
|
|
// config(){
|
|
// return {'Authorization':this.token}
|
|
// }
|
|
},
|
|
created(){
|
|
|
|
},
|
|
mounted(){
|
|
this.projectSn = this.$store.state.projectSn
|
|
this.getConfigFn()
|
|
},
|
|
methods:{
|
|
// 文件上传 之前
|
|
handleBeforeUpload(file, type) {
|
|
console.log(file);
|
|
let fileType = file.type.split("/")[0];
|
|
console.log(fileType);
|
|
// this.params.name = file.name
|
|
this.params.file = file
|
|
this.fullscreenLoading = this.$loading({
|
|
lock: true,
|
|
text: this.$t('message.BIMmanage.loading2')+'。。。',
|
|
spinner: "el-icon-loading",
|
|
background: "rgba(0, 0, 0, 0.7)",
|
|
});
|
|
|
|
//
|
|
// if (fileType) {
|
|
//
|
|
// return true;
|
|
// } else {
|
|
// this.$message.error("请选择正确的文件格式");
|
|
// return false;
|
|
// }
|
|
},
|
|
//上传失败
|
|
handleError(file, type) {
|
|
this.fullscreenLoading.close();
|
|
this.$message.error(this.$t('message.BIMmanage.updateFied'));
|
|
},
|
|
bimLogin(){
|
|
axios({
|
|
method: 'post',
|
|
url: 'http://bosgw.bimwinner.com/bospersonnelservice/'+this.useKey+'/users/login',
|
|
params: {
|
|
name: this.account,
|
|
password: this.password
|
|
},
|
|
headers: {'Content-Type': 'application/json'},
|
|
}).then(res => {
|
|
this.token = res.data.data.access_token
|
|
this.dataBaseKey = res.data.data.modelDb[0]
|
|
this.config = {
|
|
'Authorization':this.token
|
|
}
|
|
this.$nextTick(()=>{
|
|
this.createdBim3d()
|
|
})
|
|
});
|
|
},
|
|
createdBim3d(){
|
|
const parent = document.querySelector("#app");
|
|
const child = document.querySelector(".app");
|
|
// console.log(parent.style.transform);
|
|
const host = "http://bos3d.bimwinner.com";
|
|
const option = {host: host, viewport: "viewportTwo"};
|
|
window.viewer3D = new BOS3D.Viewer(option);
|
|
//工具栏 菜单
|
|
// const bos3dui = new BOS3DUI({
|
|
// viewer3D: viewer3D,
|
|
// BOS3D: BOS3D,
|
|
// funcOption: {
|
|
// init: false, // 初始化
|
|
// fit: false, // 聚焦
|
|
// undo: false, // 撤销
|
|
// roam: false, // 漫游
|
|
// pickByRect: false, // 框选
|
|
// hide: false, // 隐藏
|
|
// isolate: false, // 构件隔离
|
|
// section: false, // 剖切
|
|
// wireFrame: false, // 线框化
|
|
// scatter: false, // 模型分解
|
|
// changeCptColor: false, // 构件变色
|
|
// setting: false, // 设置
|
|
// fullScreen: false, // 全屏
|
|
// changeBgColor: false, // 改变背景色
|
|
// cptInfo: false, // 构件信息
|
|
// infoTree: false, // 结构树
|
|
// measure: false, // 测量
|
|
// mark: false, // 标签
|
|
// snapshot: false, // 快照
|
|
// annotation: false, // 批注
|
|
// reset:false, //复位
|
|
// moreMenu:false //更多
|
|
// }
|
|
// });
|
|
// viewer3D.autoResize();
|
|
// window.addEventListener("resize", function () {
|
|
// viewer3D.autoResize();
|
|
// });
|
|
// if(this.buildList && this.buildList.length>0){
|
|
// this.selectKey = this.buildList[0].bimUrn
|
|
// }
|
|
this.created3D()
|
|
const html = document.querySelector(".pageDataContainer");
|
|
console.log(parent.style.transform);
|
|
let scale = 1/parent.style.transform.slice(28,36)
|
|
if (parent.style.transform){
|
|
document.querySelector(".viewportTwo").style.width = (html.clientWidth - 262)/scale + 'px';
|
|
document.querySelector(".viewportTwo").style.height = (html.clientHeight - 40)/scale + 'px';
|
|
document.querySelector(".viewportTwo").style.transform = `translate(-50%,-50%) scale(${scale})`
|
|
|
|
document.querySelector(".main-canvas").style.width = (html.clientWidth - 262)/scale + 'px';
|
|
document.querySelector(".main-canvas").style.height = (html.clientHeight - 40)/scale + 'px';
|
|
|
|
// document.querySelector(".viewportTwo").style.left = ((html.clientWidth - 40)/scale)/4 + 'px';
|
|
// document.querySelector(".viewportTwo").style.top = ((html.clientHeight - 40)/scale)/4 + 'px';
|
|
document.querySelector(".viewportTwo").style.left = '50%';
|
|
document.querySelector(".viewportTwo").style.top = '50%';
|
|
} else {
|
|
document.querySelector(".viewportTwo").style.width = (html.clientWidth - 262) + 'px';
|
|
document.querySelector(".viewportTwo").style.height = (html.clientHeight - 40) + 'px';
|
|
}
|
|
// console.log(1/parent.style.transform.slice(28,36));
|
|
// document.querySelector(".viewportTwo").style.transform = `scale(1)`
|
|
// 单击构件的事件
|
|
viewer3D.registerModelEventListener(window.BOS3D.EVENTS.ON_CLICK_PICK, (e) => {
|
|
console.log(e);
|
|
// viewer3D.hideComponentsByKey(e.intersectInfo.selectedObjectId)
|
|
})
|
|
},
|
|
created3D(){
|
|
viewer3D.addView(this.buildList[this.activeBuildIndex].bimUrn, this.dataBaseKey,this.token)
|
|
// viewer3D.addView('M1598257565598', 'he3285593fdc4ea3b91784c5741ff8aa');
|
|
},
|
|
//上传成功
|
|
handleSuccess(file, type) {
|
|
console.log(file.data.key);
|
|
// e0f9c074fb064789bcd805ee4aaf33b5
|
|
axios({
|
|
method: 'post',
|
|
url: 'http://bosgw.bimwinner.com/bos3dengine/api/'+this.dataBaseKey+'/parses/files',
|
|
data: {
|
|
"fileKey":file.data.key,
|
|
"priority":1,
|
|
"mobile":false
|
|
},
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
'Authorization':this.token
|
|
},
|
|
}).then(res => {
|
|
console.log(res);
|
|
this.addBuildForm.key = res.data.data.modelKey
|
|
});
|
|
this.fullscreenLoading.close();
|
|
},
|
|
setToMain(item){
|
|
updateMainModelApi({projectSn:this.$store.state.projectSn,bimId:item.id}).then(res=>{
|
|
this.loadData()
|
|
})
|
|
},
|
|
getConfigFn(){
|
|
getProjectBimConfigInfoApi({projectSn:this.$store.state.projectSn,type: 2}).then(res=>{
|
|
if(res.result){
|
|
this.configForm=res.result
|
|
this.account = res.result.account
|
|
this.password = res.result.password
|
|
this.useKey = res.result.clientId
|
|
this.loadData()
|
|
this.bimLogin()
|
|
}else{
|
|
this.configDialog=true
|
|
}
|
|
})
|
|
},
|
|
addFn(){
|
|
this.addBuildDialog=true;
|
|
this.isAdd=true;
|
|
this.addBuildForm.bimName='';
|
|
this.addBuildForm.key=''
|
|
// this.$refs.upload.clearFiles();
|
|
},
|
|
exceedFn(files, fileList){
|
|
this.$message.warning(this.$t('message.BIMmanage.tipText') +files.length+ this.$t('message.BIMmanage.tipText2') +(files.length + fileList.length)+ this.$t('message.BIMmanage.tipText3'));
|
|
},
|
|
beforeUpload(file){
|
|
console.log('file',file)
|
|
this.addBuildForm.file=file;
|
|
},
|
|
uploadMapSuccess(res) {
|
|
// this.cropperOption.img = this.$store.state.FILEURL + res.data[0].imageUrl;
|
|
// this.cropperDialog = true;
|
|
console.log("uploadMapSuccess",res);
|
|
this.fullscreenLoading.close()
|
|
this.addBuildDialog=false
|
|
this.loadData()
|
|
},
|
|
editBuildFn(item){
|
|
this.isAdd=false
|
|
this.addBuildForm=JSON.parse(JSON.stringify(item))
|
|
this.addBuildDialog=true
|
|
},
|
|
changeBuildFn(item,index){
|
|
// this.addBuildForm=JSON.parse(JSON.stringify(item))
|
|
this.activeBuildIndex=index
|
|
this.selectKey = item.bimUrn
|
|
viewer3D.removeAllView();
|
|
// this.created3D()
|
|
this.created3D()
|
|
},
|
|
//获取模型列表
|
|
loadData(){
|
|
projectBimListApi({projectSn:this.$store.state.projectSn,bimType: 2}).then(res=>{
|
|
this.buildList=res.result
|
|
})
|
|
},
|
|
submitData(){
|
|
this.$refs["addBuildForm"].validate((valid) => {
|
|
if (valid) {
|
|
if (this.isAdd) {
|
|
if(this.addBuildForm.key==''){
|
|
//请选择文件
|
|
this.$message.error(this.$t('message.BIMmanage.pleaseChooseFile'))
|
|
return;
|
|
}
|
|
console.log(this.addBuildForm)
|
|
let data = this.addBuildForm
|
|
data.projectSn = this.projectSn
|
|
data.bimUrn = this.addBuildForm.key
|
|
projectBimAddApi(data).then(res=>{
|
|
console.log(111)
|
|
this.addBuildDialog = false;
|
|
this.loadData();
|
|
this.$message.success(
|
|
this.$t("message.personnelPosition.add_success")
|
|
);
|
|
})
|
|
// let data =
|
|
// if(this.addBuildForm.file==''){
|
|
// this.$message.error('请选择文件')
|
|
// }else{
|
|
// this.uploadParams.bimName=this.addBuildForm.bimName;
|
|
// this.uploadParams.projectSn=this.$store.state.projectSn
|
|
// this.fullscreenLoading = this.$loading({
|
|
// lock: true,
|
|
// text: '正在上传，请稍等',
|
|
// spinner: 'el-icon-loading',
|
|
// background: 'rgba(0, 0, 0, 0.7)'
|
|
// });
|
|
// this.$refs.upload.submit();
|
|
// }
|
|
// this.addBuildForm.projectSn = this.$store.state.projectSn
|
|
// projectBimUploadApi(this.addBuildForm).then((res) => {
|
|
// this.addBuildDialog = false;
|
|
// this.loadData();
|
|
// this.$message.success(
|
|
// this.$t("message.personnelPosition.add_success")
|
|
// ); //添加成功！
|
|
// });
|
|
} else {
|
|
if(this.addBuildForm.key==''){
|
|
this.$message.error(this.$t('message.BIMmanage.pleaseChooseFile'))
|
|
return;
|
|
}
|
|
console.log(this.addBuildForm)
|
|
let data = this.addBuildForm
|
|
data.projectSn = this.projectSn
|
|
data.bimUrn = this.addBuildForm.key
|
|
projectBimEditApi(data).then((res) => {
|
|
this.addBuildDialog = false;
|
|
this.loadData();
|
|
this.$message.success(
|
|
this.$t("message.personnelPosition.edit_success")
|
|
); //编辑成功！
|
|
});
|
|
}
|
|
} else {
|
|
console.log("error submit!!");
|
|
return false;
|
|
}
|
|
});
|
|
},
|
|
deleteFn(item){
|
|
this.$confirm(this.$t('message.BIMmanage.tipText4')+'【'+item.bimName+'】, '+this.$t('message.BIMmanage.tipText5')+'?', this.$t('message.BIMmanage.tip'), {
|
|
confirmButtonText:this.$t('message.BIMmanage.confirm'),
|
|
cancelButtonText: this.$t('message.BIMmanage.cancel'),
|
|
type: 'warning'
|
|
}).then(() => {
|
|
projectBimDeleteApi({id:item.id}).then(res=>{
|
|
this.$message({
|
|
type: 'success',
|
|
message: this.$t('message.BIMmanage.deleteSuccess')+'!'
|
|
});
|
|
this.loadData()
|
|
})
|
|
}).catch(() => {
|
|
this.$message({
|
|
type: 'info',
|
|
message: this.$t('message.BIMmanage.cancelDelete')+'!'
|
|
});
|
|
});
|
|
},
|
|
submitConfigData(){
|
|
this.$refs["configForm"].validate((valid) => {
|
|
if (valid) {
|
|
this.configForm.projectSn=this.$store.state.projectSn
|
|
addOrEditProjectBimConfigApi(this.configForm).then((res) => {
|
|
this.configDialog = false;
|
|
// this.loadData();
|
|
this.getConfigFn()
|
|
this.$message.success(this.$t('message.BIMmanage.confingSuccess')+'!'); //配置成功！
|
|
});
|
|
|
|
} else {
|
|
console.log("error submit!!");
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style lang="less" scoped>
|
|
.title {
|
|
border-bottom: 1px solid rgba(220, 230, 253, 1);
|
|
color: @--color-primary;
|
|
padding-left: 24px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
span {
|
|
position: relative;
|
|
padding: 16px 0 5px;
|
|
display: inline-block;
|
|
|
|
&::before {
|
|
content: "";
|
|
position: absolute;
|
|
bottom: -1px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 2px;
|
|
background-color: @--color-primary;
|
|
z-index: 2;
|
|
}
|
|
}
|
|
}
|
|
.left {
|
|
width: 212px;
|
|
float: left;
|
|
}
|
|
.list_content {
|
|
padding: 10px 0;
|
|
height: calc(100% - 87px - 20px);
|
|
position: relative;
|
|
}
|
|
|
|
.content_data {
|
|
padding: 0 20px;
|
|
box-sizing: border-box;
|
|
height: 43px;
|
|
line-height: 43px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
|
|
&.active {
|
|
background-color: rgba(81, 129, 246, 0.1);
|
|
|
|
&::after {
|
|
content: "";
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 4px;
|
|
height: 100%;
|
|
background-color: @--color-primary;
|
|
border-radius: 2px;
|
|
}
|
|
}
|
|
}
|
|
.mapContainer{
|
|
// height: calc(100% - 40px);
|
|
height: 100%;
|
|
padding: 20px;
|
|
position: relative;
|
|
}
|
|
.right {
|
|
float: left;
|
|
width: calc(100% - 222px);
|
|
margin-left: 10px;
|
|
}
|
|
.flex {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.flex2 {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.addFirm {
|
|
height: 45px;
|
|
line-height: 45px;
|
|
color: @--color-primary;
|
|
font-size: 15px;
|
|
text-align: center;
|
|
background: #fff;
|
|
border-top: 1px solid #dce6fd;
|
|
font-family: PingFangSC-Regular;
|
|
cursor: pointer;
|
|
}
|
|
.el-icon-s-home{
|
|
font-size: 20px;
|
|
opacity: 0.6;
|
|
}
|
|
</style> |