修改路由

master
夜笙歌 11 months ago
parent 2fb5989891
commit 5a4cff0550

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

@ -1160,10 +1160,8 @@ export default {
e: 'fp-2-05',
i: "SCADA_INV_STATS_01('')",
f: (e) => {
getData().then(val => {
this.scrollTableData1 = val.table3.slice(0, 6)
this.scrollTableData2 = val.table3.slice(6, 12)
})
this.scrollTableData1 = e.slice(0, 6)
this.scrollTableData2 = e.slice(6, 12)
}
},
{

@ -70,684 +70,6 @@
<div class="chart4">
<Chart ref="chart4"></Chart>
</div>
<div>
<!-- <transition name="table1">-->
<!-- <div class="scrollTable1" v-if="show === 0">-->
<!-- <div style="background-color: #094170; height: calc(25vh/11)">-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 工位-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
<!-- 型号-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 状态-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 目标-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 计划-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 累计-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
<!-- 达成率-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 7:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 8:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 9:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 10:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 11:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 12:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 13:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 14:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 15:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 16:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 17:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 18:30-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <vue-seamless-scroll&ndash;&gt;-->
<!-- &lt;!&ndash; :class-option="scrollTableOption"&ndash;&gt;-->
<!-- &lt;!&ndash; :data="scrollTableData1"&ndash;&gt;-->
<!-- &lt;!&ndash; class="case-item"&ndash;&gt;-->
<!-- &lt;!&ndash; style="height: 84%;overflow: hidden;"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in scrollTableData1"-->
<!-- :key="index"-->
<!-- style="height: calc(25vh/11)"-->
<!-- >-->
<!-- <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value1 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 8%">-->
<!-- {{ item.value2 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value3 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value4 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value5 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value6 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 7%">-->
<!-- {{ item.value7 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value8 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value9 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value10 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value11 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value12 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value13 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value14 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value15 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value16 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value17 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value18 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value19 }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; </vue-seamless-scroll>&ndash;&gt;-->
<!-- </div>-->
<!-- </transition>-->
<!-- <transition name="table1">-->
<!-- <div class="scrollTable1" v-if="show === 1">-->
<!-- <div style="background-color: #094170;height: calc(25vh/11)">-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 工位-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
<!-- 型号-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 状态-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 目标-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 计划-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 累计-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
<!-- 达成率-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 7:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 8:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 9:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 10:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 11:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 12:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 13:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 14:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 15:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 16:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 17:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 18:30-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <vue-seamless-scroll&ndash;&gt;-->
<!-- &lt;!&ndash; :class-option="scrollTableOption"&ndash;&gt;-->
<!-- &lt;!&ndash; :data="scrollTableData1"&ndash;&gt;-->
<!-- &lt;!&ndash; class="case-item"&ndash;&gt;-->
<!-- &lt;!&ndash; style="height: 84%;overflow: hidden;"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in scrollTableData2"-->
<!-- :key="index"-->
<!-- style="height: calc(25vh/11)"-->
<!-- >-->
<!-- <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value1 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 8%">-->
<!-- {{ item.value2 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value3 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value4 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value5 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value6 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 7%">-->
<!-- {{ item.value7 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value8 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value9 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value10 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value11 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value12 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value13 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value14 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value15 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value16 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value17 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value18 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value19 }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; </vue-seamless-scroll>&ndash;&gt;-->
<!-- </div>-->
<!-- </transition>-->
<!-- <transition name="table1">-->
<!-- <div class="scrollTable1" v-if="show === 2">-->
<!-- <div style="background-color: #094170; height: calc(25vh/11)">-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 工位-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
<!-- 型号-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 状态-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 目标-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 计划-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 累计-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
<!-- 达成率-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 7:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 8:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 9:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 10:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 11:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 12:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 13:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 14:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 15:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 16:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 17:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 18:30-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <vue-seamless-scroll&ndash;&gt;-->
<!-- &lt;!&ndash; :class-option="scrollTableOption"&ndash;&gt;-->
<!-- &lt;!&ndash; :data="scrollTableData1"&ndash;&gt;-->
<!-- &lt;!&ndash; class="case-item"&ndash;&gt;-->
<!-- &lt;!&ndash; style="height: 84%;overflow: hidden;"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in scrollTableData1"-->
<!-- :key="index"-->
<!-- style="height: calc(25vh/11)"-->
<!-- >-->
<!-- <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value1 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 8%">-->
<!-- {{ item.value2 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value3 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value4 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value5 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value6 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 7%">-->
<!-- {{ item.value7 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value8 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value9 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value10 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value11 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value12 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value13 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value14 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value15 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value16 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value17 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value18 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value19 }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; </vue-seamless-scroll>&ndash;&gt;-->
<!-- </div>-->
<!-- </transition>-->
<!-- <transition name="table1">-->
<!-- <div class="scrollTable1" v-if="show === 3">-->
<!-- <div style="background-color: #094170;height: calc(25vh/11)">-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 工位-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
<!-- 型号-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 状态-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 目标-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 计划-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 累计-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
<!-- 达成率-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 7:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 8:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 9:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 10:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 11:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 12:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 13:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 14:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 15:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 16:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 17:30-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 18:30-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; <vue-seamless-scroll&ndash;&gt;-->
<!-- &lt;!&ndash; :class-option="scrollTableOption"&ndash;&gt;-->
<!-- &lt;!&ndash; :data="scrollTableData1"&ndash;&gt;-->
<!-- &lt;!&ndash; class="case-item"&ndash;&gt;-->
<!-- &lt;!&ndash; style="height: 84%;overflow: hidden;"&ndash;&gt;-->
<!-- &lt;!&ndash; >&ndash;&gt;-->
<!-- <div-->
<!-- v-for="(item, index) in scrollTableData2"-->
<!-- :key="index"-->
<!-- style="height: calc(25vh/11)"-->
<!-- >-->
<!-- <div :style='"background-color:" + ((index % 2 === 0)? "#053460":"#032d57") '>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value1 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 8%">-->
<!-- {{ item.value2 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value3 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value4 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value5 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value6 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 7%">-->
<!-- {{ item.value7 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value8 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value9 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value10 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value11 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value12 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value13 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value14 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value15 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value16 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value17 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value18 }}-->
<!-- </div>-->
<!-- <div-->
<!-- class="scrollTableItem" style="width: 5%">-->
<!-- {{ item.value19 }}-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; </vue-seamless-scroll>&ndash;&gt;-->
<!-- </div>-->
<!-- </transition>-->
<!-- <div class="total">-->
<!-- <div style="background-color: #094170">-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 8%">-->
<!-- 合计-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 100%-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 7%">-->
<!-- 100%-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- <div class="scrollTableItem" style="font-weight: bold;width: 5%">-->
<!-- 1000-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="tableOne">
<div style="height: 9%;line-height:2.6vh;color: #fff;text-align: center;background-color: #38a2decc ">
<div style="width: 33%;display: inline-block">台车号</div>
@ -755,7 +77,7 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color: '+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
@ -768,33 +90,33 @@
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ff5959' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#ff000088' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ff5959' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
</div>
</div>
<div class="tableThree">
<div style="height: 9%;line-height:2.6vh;color: #fff;text-align: center;background-color: #38a2de">
<div style="height: 9%;line-height:2.6vh;color: #fff;text-align: center;background-color: #38a2decc">
<div style="width: 33%;display: inline-block">台车号</div>
<div style="width: 33%;display: inline-block">型号</div>
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ffb769' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#ff800088' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#ffb769' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
</div>
</div>
<div class="tableFour">
<div style="height: 9%;line-height:2.6vh;color: #fff;text-align: center;background-color: #38a2de">
<div style="height: 9%;line-height:2.6vh;color: #fff;text-align: center;background-color: #38a2decc">
<div style="width: 33%;display: inline-block">台车号</div>
<div style="width: 33%;display: inline-block">型号</div>
<div style="width: 33%;display: inline-block">产量</div>
</div>
<div v-for="i in 10"
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#8a8e9688' : '#1be40944')">
:style="'margin-bottom:2px;height: calc(9% - 2px);line-height:calc(2.6vh - 2px);color:'+ (i === 2 ? '#bed4ce' : '#1be409')+';text-align: center;background-color:' + (i === 2 ? '#053460' : '#053460')">
<div style="width: 33%;display: inline-block">{{ i }}</div>
<div style="width: 33%;display: inline-block">487JFY</div>
<div style="width: 33%;display: inline-block">15-15</div>
@ -866,8 +188,6 @@ export default {
waitTime: 0,
},
scrollTableData: [],
scrollTableData1: [],
scrollTableData2: [],
}
},
mounted() {
@ -876,8 +196,6 @@ export default {
}, 10 * 1000)
getData().then(e => {
this.scrollTableData = e.table33
this.scrollTableData1 = e.table3
this.scrollTableData2 = e.table31
this.$refs.chart1.setData({
tooltip: {
trigger: "axis",

@ -1,6 +1,7 @@
<template>
<div class="app-container">
<div class="test">
<div id="container" class="container"></div>
<div class="tool">
<el-row>
@ -543,30 +544,32 @@ export default {
},
async mounted() {
await isAMRT()
const param = {
appkey: 'aveMPyNWzDJm',
appsecret: 'rXmhoLAiOPNKzbl7g2qxCV8tFwRdYuZM'
}
const viewer = new AMRT.Viewer('container', param)
// const param = {
// appkey: 'aveMPyNWzDJm',
// appsecret: 'rXmhoLAiOPNKzbl7g2qxCV8tFwRdYuZM'
// }
const viewer = new AMRT.Viewer('container', {offline: true})
viewer.sceneManager.setBackground('http://10.100.72.10:8900/docs/img/bg.jpg')
let num = 0
let num2 = 0
let num3 = 0
let modelArr = [
'../../models/01-01-01/',
'../../models/01-01-02/',
'../../models/01-01-03/',
'../../models/01-01-04/',
'../../models/01-01-05/',
'../../models/01-02-01/',
'../../models/01-02-02/',
'../../models/01-02-03/',
'../../models/01-02-04/',
'../../models/01-02-05/',
'../../models/01-02-06/',
'../../models/01-02-07/',
'../../models/01-03/',
'../../models/01-04/',
'../../models/01changfang/',
'http://10.100.72.10:8900/docs/01-01-01/',
'http://10.100.72.10:8900/docs/01-01-02/',
'http://10.100.72.10:8900/docs/01-01-03/',
'http://10.100.72.10:8900/docs/01-01-04/',
'http://10.100.72.10:8900/docs/01-01-05/',
'http://10.100.72.10:8900/docs/01-02-01/',
'http://10.100.72.10:8900/docs/01-02-02/',
'http://10.100.72.10:8900/docs/01-02-03/',
'http://10.100.72.10:8900/docs/01-02-04/',
'http://10.100.72.10:8900/docs/01-02-05/',
'http://10.100.72.10:8900/docs/01-02-06/',
'http://10.100.72.10:8900/docs/01-02-07/',
'http://10.100.72.10:8900/docs/01-03/',
'http://10.100.72.10:8900/docs/01-04/',
'http://10.100.72.10:8900/docs/01changfang/',
// '1733002676922355712',
@ -623,40 +626,40 @@ export default {
// '1733052268669964288',
]
let modelArr2 = [
'../../models/02-01/',
'../../models/02-01-01/',
'../../models/02-01-02-01/',
'../../models/02-01-02-02/',
'../../models/02-01-03-01/',
'../../models/02-01-03-02/',
'../../models/02-02/',
'../../models/02-02-01/',
'../../models/02-02-02/',
'../../models/02-03/',
'../../models/02-03-1/',
'../../models/02-04/',
'../../models/02-04-01-01/',
'../../models/02-04-01-02/',
'../../models/02-04-02/',
'../../models/02-05/',
'../../models/02changfang/',
'http://10.100.72.10:8900/docs/02-01/',
'http://10.100.72.10:8900/docs/02-01-01/',
'http://10.100.72.10:8900/docs/02-01-02-01/',
'http://10.100.72.10:8900/docs/02-01-02-02/',
'http://10.100.72.10:8900/docs/02-01-03-01/',
'http://10.100.72.10:8900/docs/02-01-03-02/',
'http://10.100.72.10:8900/docs/02-02/',
'http://10.100.72.10:8900/docs/02-02-01/',
'http://10.100.72.10:8900/docs/02-02-02/',
'http://10.100.72.10:8900/docs/02-03/',
'http://10.100.72.10:8900/docs/02-03-1/',
'http://10.100.72.10:8900/docs/02-04/',
'http://10.100.72.10:8900/docs/02-04-01-01/',
'http://10.100.72.10:8900/docs/02-04-01-02/',
'http://10.100.72.10:8900/docs/02-04-02/',
'http://10.100.72.10:8900/docs/02-05/',
'http://10.100.72.10:8900/docs/02changfang/',
]
let modelArr3 = [
'../../models/03-01-01/',
'../../models/03-01-02/',
'../../models/03-02-01/',
'../../models/03-02-02/',
'../../models/03-02-03/',
'../../models/03-02-04/',
'../../models/03-02-05/',
'../../models/03-03/',
'../../models/03-04/',
'../../models/03-05/',
'../../models/03-06/',
'../../models/03-07/',
'../../models/03-08/',
'../../models/03-09/',
'../../models/03-10/',
'http://10.100.72.10:8900/docs/03-01-01/',
'http://10.100.72.10:8900/docs/03-01-02/',
'http://10.100.72.10:8900/docs/03-02-01/',
'http://10.100.72.10:8900/docs/03-02-02/',
'http://10.100.72.10:8900/docs/03-02-03/',
'http://10.100.72.10:8900/docs/03-02-04/',
'http://10.100.72.10:8900/docs/03-02-05/',
'http://10.100.72.10:8900/docs/03-03/',
'http://10.100.72.10:8900/docs/03-04/',
'http://10.100.72.10:8900/docs/03-05/',
'http://10.100.72.10:8900/docs/03-06/',
'http://10.100.72.10:8900/docs/03-07/',
'http://10.100.72.10:8900/docs/03-08/',
'http://10.100.72.10:8900/docs/03-09/',
'http://10.100.72.10:8900/docs/03-10/',
]
modelArr.forEach(e => {
viewer.loadModel(e, {
@ -689,27 +692,18 @@ export default {
alert('加载完成');
}
m.on('click', function () {
console.log(m)
console.log(e)
console.log(m.getObjectById)
})
}
})
})
}
m.on('click', function () {
console.log(m)
console.log(e)
console.log(m.getObjectById)
})
}
})
})
}
m.on('click', function () {
console.log(m)
console.log(e)
console.log(m.getObjectById)
})
}
})
@ -724,10 +718,14 @@ export default {
// viewer.operator.translucenceOthers(object.object)
// }
// })
viewer.controls.setTarget(26.3, -19.8, -82)
viewer.controls.setPosition(31, 1721, 584)
viewer.controls.setTarget(213, -34, -40)
viewer.controls.setPosition(188, 931, 1443)
viewer.operator.enabled = true
setInterval(() => {
console.log(viewer.controls.getView())
}, 1000)
//
viewer.sceneManager.setLightness(1)
@ -758,6 +756,7 @@ export default {
};
</script>
<style lang="less" scoped>
* {
margin: 0;
padding: 0
@ -769,9 +768,15 @@ export default {
}
.container {
width: 100vw;
overflow: hidden;
height: 100vh;
background-image: url("../../assets/model/model/bg.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.tool {

Loading…
Cancel
Save