|
|
@ -6,49 +6,49 @@
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('factoryIntroduction')">
|
|
|
|
<div class="toolItem" @click="click1('factoryIntroduction')">
|
|
|
|
<img class="icon" src="@/assets/model/model/factoryIntroduction.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/factoryIntroduction.png"/>
|
|
|
|
<div class="grid-content bg-purple">工厂介绍</div>
|
|
|
|
<div class="grid-content bg-purple">工厂介绍</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('productDistribution')">
|
|
|
|
<div class="toolItem" @click="click1('productDistribution')">
|
|
|
|
<img class="icon" src="@/assets/model/model/productDistribution.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/productDistribution.png"/>
|
|
|
|
<div class="grid-content bg-purple-light">产品分布</div>
|
|
|
|
<div class="grid-content bg-purple-light">产品分布</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('dataCentre')">
|
|
|
|
<div class="toolItem" @click="click1('dataCentre')">
|
|
|
|
<img class="icon" src="@/assets/model/model/dataCentre.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/dataCentre.png"/>
|
|
|
|
<div class="grid-content bg-purple">数据中心</div>
|
|
|
|
<div class="grid-content bg-purple">数据中心</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('live')">
|
|
|
|
<div class="toolItem" @click="click1('live')">
|
|
|
|
<img class="icon" src="@/assets/model/model/live.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/live.png"/>
|
|
|
|
<div class="grid-content bg-purple">现场直播</div>
|
|
|
|
<div class="grid-content bg-purple">现场直播</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click2()">
|
|
|
|
<div class="toolItem" @click="click2()">
|
|
|
|
<img class="icon" src="@/assets/model/model/process.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/process.png"/>
|
|
|
|
<div class="grid-content bg-purple-light">工艺流程</div>
|
|
|
|
<div class="grid-content bg-purple-light">工艺流程</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('production')">
|
|
|
|
<div class="toolItem" @click="click1('production')">
|
|
|
|
<img class="icon" src="@/assets/model/model/production.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/production.png"/>
|
|
|
|
<div class="grid-content bg-purple">生产</div>
|
|
|
|
<div class="grid-content bg-purple">生产</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('quality')">
|
|
|
|
<div class="toolItem" @click="click1('quality')">
|
|
|
|
<img class="icon" src="@/assets/model/model/quality.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/quality.png"/>
|
|
|
|
<div class="grid-content bg-purple-light">质量</div>
|
|
|
|
<div class="grid-content bg-purple-light">质量</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
|
<el-col :span="3">
|
|
|
|
<el-col :span="3">
|
|
|
|
<div class="toolItem" @click="click1('equipment')">
|
|
|
|
<div class="toolItem" @click="click1('equipment')">
|
|
|
|
<img class="icon" src="@/assets/model/model/equipment.png" />
|
|
|
|
<img class="icon" src="@/assets/model/model/equipment.png"/>
|
|
|
|
<div class="grid-content bg-purple-light">设备</div>
|
|
|
|
<div class="grid-content bg-purple-light">设备</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</el-col>
|
|
|
|
</el-col>
|
|
|
@ -533,53 +533,59 @@ export default {
|
|
|
|
const viewer = new AMRT.Viewer('container', param)
|
|
|
|
const viewer = new AMRT.Viewer('container', param)
|
|
|
|
let num = 0
|
|
|
|
let num = 0
|
|
|
|
let modelArr = [
|
|
|
|
let modelArr = [
|
|
|
|
// '1720315475507941376',
|
|
|
|
// '1733002676922355712',
|
|
|
|
// '1720315479907766272',
|
|
|
|
// '1733002653367144448',
|
|
|
|
// '1720315484513112064',
|
|
|
|
// '1733000805830758400',
|
|
|
|
// '1720315500866703360',
|
|
|
|
// '1733000710250958848',
|
|
|
|
// '1720315558030872576',
|
|
|
|
// '1733000650326937600',
|
|
|
|
// '1720315596551360512',
|
|
|
|
// '1733000643133706240',
|
|
|
|
// '1720315644550975488',
|
|
|
|
// '1733000491190849536',
|
|
|
|
// '1720315648946606080',
|
|
|
|
// '1733000457527365632',
|
|
|
|
// '1720315687114772480',
|
|
|
|
// '1733000436912361472',
|
|
|
|
// '1720315691422322688',
|
|
|
|
// '1733000276484427776',
|
|
|
|
// '1720315722275622912',
|
|
|
|
// '1733000223309041664',
|
|
|
|
// '1720315729129115648',
|
|
|
|
// '1733000212462571520',
|
|
|
|
// '1720315768454909952',
|
|
|
|
//
|
|
|
|
// '1720316275214913536',
|
|
|
|
// '1733000038533173248',
|
|
|
|
// '1720316297822212096',
|
|
|
|
// '1733000034217234432',
|
|
|
|
|
|
|
|
// '1732999987471716352',
|
|
|
|
|
|
|
|
// '1732999849172930560',
|
|
|
|
|
|
|
|
|
|
|
|
// 1层
|
|
|
|
// 1层
|
|
|
|
// '1720315722275622912',
|
|
|
|
// '1732999837521154048',
|
|
|
|
// '1730411915198468096',
|
|
|
|
// '1732999828495011840',
|
|
|
|
// '1730411998006611968',
|
|
|
|
// '1732999786233204736',
|
|
|
|
// '1730411963659456512',
|
|
|
|
// '1732999740666286080',
|
|
|
|
// '1730411959351906304',
|
|
|
|
// '1732999667089805312',
|
|
|
|
// '1730412014314065920',
|
|
|
|
// '1732999638983774208',
|
|
|
|
// '1730412039731548160',
|
|
|
|
// '1732999634021912576',
|
|
|
|
// '1730412073898348544',
|
|
|
|
// '1732999618410713088',
|
|
|
|
|
|
|
|
//
|
|
|
|
// '1730412084799344640',
|
|
|
|
// '1732999607128035328',
|
|
|
|
// '1730412196258779136',
|
|
|
|
// '1732999597858623488',
|
|
|
|
// '1730412089115283456',
|
|
|
|
// '1732999559069700096',
|
|
|
|
// '1730412127476387840',
|
|
|
|
// '1732999554745372672',
|
|
|
|
// '1730412170082127872',
|
|
|
|
// '1732999550429433856',
|
|
|
|
// '1730434866786471936',
|
|
|
|
// '1732999507391680512',
|
|
|
|
// '1730434916656746496',
|
|
|
|
// '1732999493042966528',
|
|
|
|
// '1730412271693336576',
|
|
|
|
// '1732999471010287616',
|
|
|
|
// '1730412211886755840',
|
|
|
|
// '1732999442811981824',
|
|
|
|
|
|
|
|
// '1732999424952635392',
|
|
|
|
|
|
|
|
// '1732999411254038528',
|
|
|
|
|
|
|
|
// '1732999390441902080',
|
|
|
|
|
|
|
|
// '1732999384255303680',
|
|
|
|
|
|
|
|
// '1732999376583921664',
|
|
|
|
|
|
|
|
// '1732999305662435328',
|
|
|
|
|
|
|
|
// '1732999305557577728',
|
|
|
|
|
|
|
|
// '1732999301107421184',
|
|
|
|
|
|
|
|
|
|
|
|
// 1-1
|
|
|
|
// 1-1
|
|
|
|
// '1730417328874721280',
|
|
|
|
// '1733052342019952640',
|
|
|
|
// '1730423530752970752',
|
|
|
|
// '1733052332985421824',
|
|
|
|
|
|
|
|
// '1733052278396555264',
|
|
|
|
// 2层
|
|
|
|
// '1733052278291697664',
|
|
|
|
// '1730417324571365376',
|
|
|
|
// '1733052273975758848',
|
|
|
|
// '1730417333178077184',
|
|
|
|
// '1733052268669964288',
|
|
|
|
// '1730417383941738496',
|
|
|
|
|
|
|
|
// '1730417407748608000',
|
|
|
|
|
|
|
|
// '1730420842472542208',
|
|
|
|
|
|
|
|
// '1730420816044232704',
|
|
|
|
|
|
|
|
]
|
|
|
|
]
|
|
|
|
modelArr.forEach(e => {
|
|
|
|
modelArr.forEach(e => {
|
|
|
|
let model = viewer.loadModel(e, {
|
|
|
|
let model = viewer.loadModel(e, {
|
|
|
@ -646,14 +652,14 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.icon {
|
|
|
|
.icon {
|
|
|
|
width:2vw;
|
|
|
|
width: 2vw;
|
|
|
|
margin:0 auto ;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
.container {
|
|
|
|
width: 100vw;
|
|
|
|
width: 100vw;
|
|
|
|
height: 33.33vw;
|
|
|
|
overflow: hidden;
|
|
|
|
//height: 100vh;
|
|
|
|
height: 100vh;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.tool {
|
|
|
|
.tool {
|
|
|
@ -664,6 +670,7 @@ export default {
|
|
|
|
transform: translate(-50%, -100%);
|
|
|
|
transform: translate(-50%, -100%);
|
|
|
|
text-align: center;
|
|
|
|
text-align: center;
|
|
|
|
font-size: 1vw;
|
|
|
|
font-size: 1vw;
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
|
|
|
|
|
|
|
.toolItem:hover {
|
|
|
|
.toolItem:hover {
|
|
|
|
transform: scale(1.2);
|
|
|
|
transform: scale(1.2);
|
|
|
@ -677,10 +684,8 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.test {
|
|
|
|
.test {
|
|
|
|
//top: 20%;
|
|
|
|
|
|
|
|
width: 100vw;
|
|
|
|
width: 100vw;
|
|
|
|
height: 33.33vw;
|
|
|
|
height: 100vh;
|
|
|
|
//height: 100vh;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|