删除无用文件
parent
7a90768240
commit
a706dadaf8
|
|
@ -1,417 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="roaming-settings">
|
|
||||||
<el-tabs v-model="tab" size="small" @tab-click="ChangeTab">
|
|
||||||
<el-tab-pane label="漫游设置" name="tab1" class="scroll-box roam-history">
|
|
||||||
<el-form ref="ruleForm" :model="form" :rules="rules" label-width="30%" @reset="handleCancel">
|
|
||||||
<el-form-item label="漫游名称" prop="name">
|
|
||||||
<el-input v-model="form.name" style="width: 100%"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="漫游类型" prop="roamType">
|
|
||||||
<el-select v-model="form.roamType" placeholder="请选择">
|
|
||||||
<el-option label="第一人称漫游" value="First"></el-option>
|
|
||||||
<el-option label="第三人称漫游" value="Third"></el-option>
|
|
||||||
<el-option label="飞行漫游" value="Flight"></el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="移动速度" prop="moveRate">
|
|
||||||
<el-input-number v-model="form.moveRate" :precision="2" :step="0.01" :min="0" placeholder="0.00" style="width: 100%"></el-input-number>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="旋转速度" prop="lookFactor">
|
|
||||||
<el-input-number v-model="form.turnRate" :precision="2" :step="0.01" :min="0" placeholder="0.00" style="width: 100%"></el-input-number>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button @click="startImmersionRoaming" ghost>开始漫游</el-button>
|
|
||||||
<el-button @click="endImmersionRoaming" ghost>结束漫游</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-table :data="data" border style="width: 100%" class="op-table">
|
|
||||||
<el-table-column prop="option" label="操作" width="180"></el-table-column>
|
|
||||||
<el-table-column prop="title" label="说明"></el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<el-table :data="data1" border style="width: 100%" class="op-table" :show-header="false">
|
|
||||||
<el-table-column prop="option" label="操作" width="180"></el-table-column>
|
|
||||||
<el-table-column prop="title" label="说明"></el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</el-tab-pane>
|
|
||||||
<el-tab-pane label="漫游历史" name="tab2" class="scroll-box roam-history roam-list-scroll">
|
|
||||||
<el-table :data="historys" :empty-text="`暂无漫游历史`" :loading="loading" style="width: 100%">
|
|
||||||
<el-table-column prop="name" label="名称"></el-table-column>
|
|
||||||
<el-table-column label="操作" width="200">
|
|
||||||
<template #default="scope">
|
|
||||||
<el-tooltip v-if="scope.row.play === 0" content="播放" placement="top">
|
|
||||||
<el-button :icon="VideoPlay" circle @click="playIR(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip v-else-if="scope.row.play === 1" content="暂停" placement="top">
|
|
||||||
<el-button :icon="VideoPause" circle @click="playIRPause(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip v-else-if="scope.row.play === 2" content="继续" placement="top">
|
|
||||||
<el-button :icon="VideoPlay" circle @click="playContinue(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="取消" placement="top">
|
|
||||||
<el-button :icon="Close" circle @click="playCancle(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="重命名" placement="top">
|
|
||||||
<el-button :icon="Edit" circle @click="renamed(scope.row)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
<el-tooltip content="删除" placement="top">
|
|
||||||
<el-button :icon="Delete" circle @click="delCamera(scope.row, scope.$index)"></el-button>
|
|
||||||
</el-tooltip>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</el-tab-pane>
|
|
||||||
</el-tabs>
|
|
||||||
|
|
||||||
<el-dialog title="漫游重命名" :visible="visibleRenamed" width="280px" :before-close="() => visibleRenamed = false">
|
|
||||||
<el-form :model="formRenamed" label-width="80px">
|
|
||||||
<el-form-item label="漫游名称">
|
|
||||||
<el-input v-model="formRenamed.name"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" v-show="false">
|
|
||||||
<el-input type="textarea" v-model="formRenamed.remark" :rows="4" placeholder="备注"></el-input>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<template #footer>
|
|
||||||
<span class="dialog-footer">
|
|
||||||
<el-button @click="visibleRenamed = false">取消</el-button>
|
|
||||||
<el-button type="primary" @click="handSaveRenamed">确定</el-button>
|
|
||||||
</span>
|
|
||||||
</template>
|
|
||||||
</el-dialog>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup>
|
|
||||||
import { ref, reactive, onMounted, onBeforeUnmount } from 'vue'
|
|
||||||
import { VideoPlay, VideoPause, Close, Edit, Delete } from '@element-plus/icons-vue'
|
|
||||||
import { ElMessage, ElMessageBox } from 'element-plus'
|
|
||||||
import { roamingAdd, roamingGet } from '@/api/bim/bim.js'
|
|
||||||
import useUserStore from '@/store/modules/user'
|
|
||||||
|
|
||||||
const props = defineProps({
|
|
||||||
me: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({}),
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
const data = [
|
|
||||||
{
|
|
||||||
option: '鼠标左键',
|
|
||||||
title: '前进、后退、旋转',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
option: '鼠标滚轮',
|
|
||||||
title: '上扬、下俯',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
option: '按键(↑)或(↓)',
|
|
||||||
title: '前后平移',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
option: '按键(←)或(→)',
|
|
||||||
title: '左右旋转',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const data1 = [
|
|
||||||
{
|
|
||||||
option: '按键(W)',
|
|
||||||
title: '上浮',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
option: '按键(S)',
|
|
||||||
title: '下沉',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
const visibleRenamed = ref(false)
|
|
||||||
const isRoaming = ref(false)
|
|
||||||
const isRoamingHistory = ref(false)
|
|
||||||
const tab = ref('tab1')
|
|
||||||
const historys = ref([])
|
|
||||||
const loading = ref(true)
|
|
||||||
const isMobile = ref(false)
|
|
||||||
const userStore = useUserStore()
|
|
||||||
const currentPrjId = ref(null)
|
|
||||||
const currentComId = ref(null)
|
|
||||||
const modelRenamed = ref(null)
|
|
||||||
|
|
||||||
const form = reactive({
|
|
||||||
name: '',
|
|
||||||
moveRate: 0.5,
|
|
||||||
turnRate: 1,
|
|
||||||
roamType: 'Third',
|
|
||||||
})
|
|
||||||
|
|
||||||
const rules = {
|
|
||||||
name: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入漫游名称',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
moveRate: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入移动速度系数',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
turnRate: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: '请输入旋转速度系数',
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}
|
|
||||||
|
|
||||||
const formRenamed = reactive({})
|
|
||||||
const pagination = reactive({
|
|
||||||
current: 1,
|
|
||||||
pageSize: 10,
|
|
||||||
})
|
|
||||||
|
|
||||||
const ruleForm = ref(null)
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
window.xapp = this
|
|
||||||
api.Plugin.addMiniMap()
|
|
||||||
let options = {
|
|
||||||
Anchor: 3,
|
|
||||||
Offset: [70, -380],
|
|
||||||
Size: 300,
|
|
||||||
}
|
|
||||||
api.Plugin.updateMiniMap(options)
|
|
||||||
|
|
||||||
currentPrjId.value = userStore.currentPrjId
|
|
||||||
currentComId.value = userStore.currentComId
|
|
||||||
})
|
|
||||||
|
|
||||||
const ChangeTab = (data) => {
|
|
||||||
if (data.paneName === 'tab2') {
|
|
||||||
historys.value = []
|
|
||||||
pagination.current = 1
|
|
||||||
pagination.pageSize = Math.ceil(document.getElementsByClassName('roam-history')[0].offsetHeight / 40) + 1
|
|
||||||
getRoamingList()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const getRoamingList = () => {
|
|
||||||
loading.value = true
|
|
||||||
roamingGet({
|
|
||||||
pageSize: pagination.pageSize,
|
|
||||||
pageNum: pagination.current,
|
|
||||||
projectId: currentPrjId.value,
|
|
||||||
}).then((res) => {
|
|
||||||
loading.value = false
|
|
||||||
pagination.total = res.data.pageInfo.totalCount
|
|
||||||
|
|
||||||
if (res.data.rows.length > 0) {
|
|
||||||
res.data.rows.forEach((x) => (x.play = 0))
|
|
||||||
}
|
|
||||||
historys.value = historys.value.concat(res.data.rows)
|
|
||||||
|
|
||||||
if (res.data.pageInfo.totalCount > pagination.current * pagination.pageSize) {
|
|
||||||
updated()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const updated = () => {
|
|
||||||
const el = document.querySelector('.roam-list-scroll')
|
|
||||||
const offsetHeight = el.offsetHeight
|
|
||||||
el.onscroll = () => {
|
|
||||||
const scrollTop = el.scrollTop
|
|
||||||
const scrollHeight = el.scrollHeight
|
|
||||||
if (offsetHeight + scrollTop - scrollHeight >= -1) {
|
|
||||||
if (pagination.total > pagination.current * pagination.pageSize) {
|
|
||||||
pagination.current++
|
|
||||||
getRoamingList()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const GetObtainCoordinates = ({ clickStatus, callback }) => {
|
|
||||||
api.Public.pickupCoordinate(false)
|
|
||||||
setTimeout(() => {
|
|
||||||
api.Public.pickupCoordinate(true, function (data) {
|
|
||||||
api.Public.convertWorldToCartographicLocation(data, (position) => {
|
|
||||||
if (clickStatus && callback) {
|
|
||||||
callback(data)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const startImmersionRoaming = (e) => {
|
|
||||||
e.preventDefault()
|
|
||||||
if (!form.name) {
|
|
||||||
ElMessage.warning('请输入漫游名称!')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
ruleForm.value.validate((valid) => {
|
|
||||||
if (valid) {
|
|
||||||
ElMessage.info('请点击选择漫游起始点')
|
|
||||||
GetObtainCoordinates({
|
|
||||||
clickStatus: true,
|
|
||||||
callback: (data) => {
|
|
||||||
GetObtainCoordinates({
|
|
||||||
clickStatus: false,
|
|
||||||
})
|
|
||||||
|
|
||||||
api.Camera.setImmersiveRoamConfig({
|
|
||||||
roamingMode: form.roamType,
|
|
||||||
moveRate: form.moveRate,
|
|
||||||
turnRate: form.turnRate,
|
|
||||||
bRecordLocus: true,
|
|
||||||
onIREnd: (result) => {
|
|
||||||
ElMessage.success('漫游结束')
|
|
||||||
let data = {
|
|
||||||
vo: {
|
|
||||||
projectId: currentPrjId.value,
|
|
||||||
comId: currentComId.value,
|
|
||||||
name: form.name,
|
|
||||||
modelId: api.m_model.keys().toArray().join(','),
|
|
||||||
roamingMode: form.roamType,
|
|
||||||
moveRate: form.moveRate,
|
|
||||||
turnRate: form.turnRate,
|
|
||||||
points: JSON.stringify(result),
|
|
||||||
},
|
|
||||||
}
|
|
||||||
roamingAdd(data)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
isRoaming.value = true
|
|
||||||
api.Camera.startImmersiveRoam(data)
|
|
||||||
console.log(data)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const endImmersionRoaming = () => {
|
|
||||||
if (isRoaming.value) {
|
|
||||||
isRoaming.value = false
|
|
||||||
props.me.resetScene()
|
|
||||||
} else {
|
|
||||||
ElMessage.warning('请先开启漫游')
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const handleCancel = () => {
|
|
||||||
endImmersionRoaming()
|
|
||||||
}
|
|
||||||
|
|
||||||
const playIR = (data) => {
|
|
||||||
debugger
|
|
||||||
isRoamingHistory.value = true
|
|
||||||
if (historys.value.findIndex((x) => x.play === 1) > -1) {
|
|
||||||
historys.value.find((x) => x.play === 1).play = 0
|
|
||||||
}
|
|
||||||
data.play = 1
|
|
||||||
let record = typeof data.points === 'string' ? JSON.parse(data.points) : data.points
|
|
||||||
api.Camera.setImmersiveRoamConfig({
|
|
||||||
roamingMode: data.roamingMode,
|
|
||||||
moveRate: form.moveRate,
|
|
||||||
turnRate: form.turnRate,
|
|
||||||
bRecordLocus: false,
|
|
||||||
})
|
|
||||||
api.Camera.playImmersiveRoam({
|
|
||||||
records: record,
|
|
||||||
isLoopPlay: true,
|
|
||||||
complete: function () {
|
|
||||||
data.play = 0
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const playIRPause = (data) => {
|
|
||||||
data.play = 2
|
|
||||||
api.Camera.pauseImmersiveRoam(false)
|
|
||||||
}
|
|
||||||
|
|
||||||
const playContinue = (data) => {
|
|
||||||
data.play = 1
|
|
||||||
api.Camera.pauseImmersiveRoam(true)
|
|
||||||
if (historys.value.findIndex((x) => x.play === 1) > -1) {
|
|
||||||
historys.value.find((x) => x.play === 1).play = 0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const playCancle = (data) => {
|
|
||||||
if (data.play === 1) {
|
|
||||||
data.play = 0
|
|
||||||
}
|
|
||||||
api.Camera.cancelPlayImmersiveRoam()
|
|
||||||
isRoamingHistory.value = false
|
|
||||||
props.me.resetScene()
|
|
||||||
}
|
|
||||||
|
|
||||||
const renamed = (record) => {
|
|
||||||
visibleRenamed.value = true
|
|
||||||
modelRenamed.value = record
|
|
||||||
Object.assign(formRenamed, {
|
|
||||||
name: record.name,
|
|
||||||
remark: record.remark,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const handSaveRenamed = () => {
|
|
||||||
ruleForm.value.validateFields((err, values) => {
|
|
||||||
if (!err) {
|
|
||||||
const data = Object.assign(modelRenamed.value, values)
|
|
||||||
updateRoamingTrack(data).then((res) => {
|
|
||||||
if (res) {
|
|
||||||
visibleRenamed.value = false
|
|
||||||
ElMessage.success('保存成功')
|
|
||||||
} else {
|
|
||||||
ElMessage.error('保存失败')
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const delCamera = (data, index) => {
|
|
||||||
ElMessageBox.confirm({
|
|
||||||
cancelButtonText: '取消',
|
|
||||||
confirmButtonText: '确定',
|
|
||||||
title: `确定要删除漫游 "${data.name}" 吗？`,
|
|
||||||
onConfirm: () => {
|
|
||||||
if (historys.value.find((x) => x.id === data.id).play !== 0) {
|
|
||||||
api.Camera.cancelPlayImmersiveRoam()
|
|
||||||
}
|
|
||||||
historys.value.splice(index, 1)
|
|
||||||
deleteRoamingTrack(data.id)
|
|
||||||
ElMessage.success('删除成功！')
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
onBeforeUnmount(() => {
|
|
||||||
if (isRoaming.value) {
|
|
||||||
api.Camera.stopImmersiveRoam()
|
|
||||||
}
|
|
||||||
if (isRoamingHistory.value) {
|
|
||||||
api.Camera.cancelPlayImmersiveRoam()
|
|
||||||
}
|
|
||||||
api.Plugin.deleteMiniMap()
|
|
||||||
api.Model.location(api.m_model.keys().toArray()[0])
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
<style lang="scss">
|
|
||||||
.roaming-settings {
|
|
||||||
width: 340px;
|
|
||||||
padding: 0px 10px 10px;
|
|
||||||
.op-table {
|
|
||||||
.cell {
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
Loading…
Reference in New Issue