feat: 3D模型新增点击弹框
This commit is contained in:
parent
d4a369a987
commit
c9485cf41b
@ -8,7 +8,7 @@
|
|||||||
<span :class="activeTab == 1 ? 'active-span' : ''" @click="changeActive(1)">3D模型</span>
|
<span :class="activeTab == 1 ? 'active-span' : ''" @click="changeActive(1)">3D模型</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="href-content" v-if="activeTab == 0">
|
<div class="href-content" v-if="activeTab == 0">
|
||||||
<!-- <el-carousel indicator-position="none" height="450px">
|
<el-carousel indicator-position="none" height="450px">
|
||||||
<el-carousel-item v-for="(item, index) in videoList" :key="item.id">
|
<el-carousel-item v-for="(item, index) in videoList" :key="item.id">
|
||||||
<div style="width: 100%; height: 100%">
|
<div style="width: 100%; height: 100%">
|
||||||
<ckplayerComp
|
<ckplayerComp
|
||||||
@ -20,10 +20,10 @@
|
|||||||
></ckplayerComp>
|
></ckplayerComp>
|
||||||
</div>
|
</div>
|
||||||
</el-carousel-item>
|
</el-carousel-item>
|
||||||
</el-carousel> -->
|
</el-carousel>
|
||||||
</div>
|
</div>
|
||||||
<div class="href-content" v-if="activeTab == 1">
|
<div class="href-content" v-if="activeTab == 1">
|
||||||
<el-select v-model="projectSelect" placeholder="请选择" size="small">
|
<el-select v-model="projectSelect" placeholder="请选择" size="small" @change="projectChange">
|
||||||
<el-option v-for="item in projectList" :key="item.id" :label="item.taskName" :value="item.id" />
|
<el-option v-for="item in projectList" :key="item.id" :label="item.taskName" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
<div id="viewer" style="width: 100%; height: 100%;margin-top: 10px;" class="my-obv-viewer"></div>
|
<div id="viewer" style="width: 100%; height: 100%;margin-top: 10px;" class="my-obv-viewer"></div>
|
||||||
@ -38,11 +38,8 @@ import { selectProjectVideoListApi, getProgressListApi } from "@/api/modules/vid
|
|||||||
import ckplayerComp from "../videoManagement/ckplayerComp.vue";
|
import ckplayerComp from "../videoManagement/ckplayerComp.vue";
|
||||||
const emits = defineEmits(["openDialog"]);
|
const emits = defineEmits(["openDialog"]);
|
||||||
const store = GlobalStore();
|
const store = GlobalStore();
|
||||||
const rtcPlayer = ref();
|
|
||||||
const videoList = ref([] as any);
|
const videoList = ref([] as any);
|
||||||
const activeTab = ref(0);
|
const activeTab = ref(0);
|
||||||
const iframeUrl = ref("");
|
|
||||||
const iframeRef = ref();
|
|
||||||
const projectSelect = ref();
|
const projectSelect = ref();
|
||||||
const projectList = ref([] as any);
|
const projectList = ref([] as any);
|
||||||
const configValue = ref({
|
const configValue = ref({
|
||||||
@ -54,6 +51,13 @@ const configValue = ref({
|
|||||||
const firstEnter = ref(0);
|
const firstEnter = ref(0);
|
||||||
const searchParams = ref({} as any);
|
const searchParams = ref({} as any);
|
||||||
const postDataVal = ref();
|
const postDataVal = ref();
|
||||||
|
// 工程选择改变
|
||||||
|
const projectChange = () => {
|
||||||
|
let item = projectList.value.find((item: any) => item.id == projectSelect.value);
|
||||||
|
searchParams.value = item;
|
||||||
|
firstEnter.value = 0
|
||||||
|
requestTokenFunction();
|
||||||
|
}
|
||||||
const main = async () => {
|
const main = async () => {
|
||||||
// 创建实例需要传入的参数,部署环境serviceConfig 和 用户有效期getAccessToken
|
// 创建实例需要传入的参数,部署环境serviceConfig 和 用户有效期getAccessToken
|
||||||
const applicationOptions = {
|
const applicationOptions = {
|
||||||
@ -254,6 +258,7 @@ const changeActive = (activeIndex: any) => {
|
|||||||
if (activeIndex == 1) {
|
if (activeIndex == 1) {
|
||||||
let item = projectList.value.find((item: any) => item.id == projectSelect.value);
|
let item = projectList.value.find((item: any) => item.id == projectSelect.value);
|
||||||
searchParams.value = item;
|
searchParams.value = item;
|
||||||
|
firstEnter.value = 0
|
||||||
requestTokenFunction();
|
requestTokenFunction();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
@ -11,7 +11,7 @@
|
|||||||
<memberMoreList ref="historyList" :dataObj="postData"></memberMoreList>
|
<memberMoreList ref="historyList" :dataObj="postData"></memberMoreList>
|
||||||
</div>
|
</div>
|
||||||
<div class="political-outlook" v-if="postData.projectSn">
|
<div class="political-outlook" v-if="postData.projectSn">
|
||||||
<riskTipDialog ref="riskTipDialog" :dataObj="postData"></riskTipDialog>
|
<RiskTipDialog ref="riskTipDialog" :dataObj="postData"></RiskTipDialog>
|
||||||
</div>
|
</div>
|
||||||
<div class="close-icon" @click="showDialog = false">
|
<div class="close-icon" @click="showDialog = false">
|
||||||
<el-icon><Close /></el-icon>
|
<el-icon><Close /></el-icon>
|
||||||
@ -23,7 +23,7 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, onMounted } from "vue";
|
import { ref, onMounted } from "vue";
|
||||||
import memberMoreList from "./member-more-list.vue";
|
import memberMoreList from "./member-more-list.vue";
|
||||||
import riskTipDialog from "./risk-tip-dialog.vue";
|
import RiskTipDialog from "./risk-tip-dialog.vue";
|
||||||
import { GlobalStore } from "@/stores";
|
import { GlobalStore } from "@/stores";
|
||||||
let showDialog = ref(false as any);
|
let showDialog = ref(false as any);
|
||||||
const postData = ref({} as any);
|
const postData = ref({} as any);
|
||||||
|
|||||||
@ -16,27 +16,14 @@
|
|||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { ref, onMounted } from "vue";
|
import { ref, onMounted } from "vue";
|
||||||
import { GlobalStore } from "@/stores";
|
import { GlobalStore } from "@/stores";
|
||||||
import { getCompanyDataList } from "@/api/modules/labor";
|
|
||||||
const store = GlobalStore();
|
const store = GlobalStore();
|
||||||
const props = defineProps(["dataObj"]);
|
const props = defineProps(["dataObj"]);
|
||||||
const activeTab = ref(0);
|
const activeTab = ref(0);
|
||||||
const changeActive = (activeIndex: any) => {
|
const changeActive = (activeIndex: any) => {
|
||||||
activeTab.value = activeIndex;
|
activeTab.value = activeIndex;
|
||||||
};
|
};
|
||||||
//获取企业列表
|
|
||||||
const getCompanyList = async () => {
|
|
||||||
let data = {
|
|
||||||
projectSn: store.sn,
|
|
||||||
enterpriseName: "",
|
|
||||||
userEnterpriseId: store.userInfo?.userEnterpriseId
|
|
||||||
};
|
|
||||||
const res: any = await getCompanyDataList(data);
|
|
||||||
if (res.code == 200) {
|
|
||||||
}
|
|
||||||
};
|
|
||||||
onMounted(async () => {
|
onMounted(async () => {
|
||||||
console.log(props.dataObj)
|
console.log(props.dataObj)
|
||||||
await getCompanyList();
|
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user