|
|
@@ -10,11 +10,21 @@
|
|
|
:key="item.bs"
|
|
|
:src="`Model.html?m=${item.bs}${item.sta}`"
|
|
|
frameborder="0"
|
|
|
- v-if="ifrData[index].done"
|
|
|
+ v-if="ifrData1[index].done"
|
|
|
v-show="ifrShow === item.name"
|
|
|
:style="`height:${item.claH}`"
|
|
|
></iframe>
|
|
|
</template>
|
|
|
+ <template v-for="item in ifrData2">
|
|
|
+ <iframe
|
|
|
+ :class="`ifr${item.name}`"
|
|
|
+ :key="item.bs"
|
|
|
+ :src="`Model.html?m=${item.bs}${item.sta}`"
|
|
|
+ frameborder="0"
|
|
|
+ v-if="$route.name === item.name"
|
|
|
+ :style="`height:${item.claH}`"
|
|
|
+ ></iframe>
|
|
|
+ </template>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -23,7 +33,7 @@ export default {
|
|
|
components: {},
|
|
|
data() {
|
|
|
return {
|
|
|
- ifrData: [
|
|
|
+ ifrData1: [
|
|
|
{
|
|
|
bs: "1",
|
|
|
done: false,
|
|
|
@@ -59,90 +69,92 @@ export default {
|
|
|
sta: "&camdismax=80&camdismmin=20¤tdis=60",
|
|
|
claH: "100%",
|
|
|
},
|
|
|
- // {
|
|
|
- // bs: "1_1",
|
|
|
- // done: false,
|
|
|
- // name: "box1",
|
|
|
- // sta: "&camdismax=100&camdismmin=10¤tdis=30",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "2_1",
|
|
|
- // done: false,
|
|
|
- // name: "box2",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=50",
|
|
|
- // claH: "90%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "2_2",
|
|
|
- // done: false,
|
|
|
- // name: "box2a",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=50",
|
|
|
- // claH: "90%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "5_1",
|
|
|
- // done: false,
|
|
|
- // name: "box5a",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
- // claH: "85%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "5_2",
|
|
|
- // done: false,
|
|
|
- // name: "box5b",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
- // claH: "85%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "5_3",
|
|
|
- // done: false,
|
|
|
- // name: "box5c",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
- // claH: "85%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_1",
|
|
|
- // done: false,
|
|
|
- // name: "box1a",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_2",
|
|
|
- // done: false,
|
|
|
- // name: "box1b",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_3",
|
|
|
- // done: false,
|
|
|
- // name: "box1c",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_4",
|
|
|
- // done: false,
|
|
|
- // name: "box1d",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_5",
|
|
|
- // done: false,
|
|
|
- // name: "box1e",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
- // {
|
|
|
- // bs: "1_1_6",
|
|
|
- // done: false,
|
|
|
- // name: "box1f",
|
|
|
- // sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
- // claH: "80%",
|
|
|
- // },
|
|
|
+ ],
|
|
|
+ ifrData2: [
|
|
|
+ {
|
|
|
+ bs: "1_1",
|
|
|
+ done: false,
|
|
|
+ name: "box1",
|
|
|
+ sta: "&camdismax=100&camdismmin=10¤tdis=30",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "2_1",
|
|
|
+ done: false,
|
|
|
+ name: "box2",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=50",
|
|
|
+ claH: "90%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "2_2",
|
|
|
+ done: false,
|
|
|
+ name: "box2a",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=50",
|
|
|
+ claH: "90%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "5_1",
|
|
|
+ done: false,
|
|
|
+ name: "box5a",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
+ claH: "85%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "5_2",
|
|
|
+ done: false,
|
|
|
+ name: "box5b",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
+ claH: "85%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "5_3",
|
|
|
+ done: false,
|
|
|
+ name: "box5c",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=30",
|
|
|
+ claH: "85%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_1",
|
|
|
+ done: false,
|
|
|
+ name: "box1a",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_2",
|
|
|
+ done: false,
|
|
|
+ name: "box1b",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_3",
|
|
|
+ done: false,
|
|
|
+ name: "box1c",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_4",
|
|
|
+ done: false,
|
|
|
+ name: "box1d",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_5",
|
|
|
+ done: false,
|
|
|
+ name: "box1e",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ bs: "1_1_6",
|
|
|
+ done: false,
|
|
|
+ name: "box1f",
|
|
|
+ sta: "&camdismax=80&camdismmin=10¤tdis=20",
|
|
|
+ claH: "80%",
|
|
|
+ },
|
|
|
],
|
|
|
ifrShow: null,
|
|
|
};
|
|
|
@@ -150,40 +162,40 @@ export default {
|
|
|
watch: {
|
|
|
$route(val) {
|
|
|
if (val.name === "Home") this.ifrShow = null;
|
|
|
- else if (val.name === "Info1" && !this.ifrData[0].done)
|
|
|
- this.ifrData[0].done = true;
|
|
|
- else if (val.name === "Info2" && !this.ifrData[1].done)
|
|
|
- this.ifrData[1].done = true;
|
|
|
- else if (val.name === "Info3" && !this.ifrData[2].done)
|
|
|
- this.ifrData[2].done = true;
|
|
|
- else if (val.name === "Info4" && !this.ifrData[3].done)
|
|
|
- this.ifrData[3].done = true;
|
|
|
- else if (val.name === "Info5" && !this.ifrData[4].done)
|
|
|
- this.ifrData[4].done = true;
|
|
|
- else if (val.name === "box1" && !this.ifrData[5].done)
|
|
|
- this.ifrData[5].done = true;
|
|
|
- else if (val.name === "box2" && !this.ifrData[6].done)
|
|
|
- this.ifrData[6].done = true;
|
|
|
- else if (val.name === "box2a" && !this.ifrData[7].done)
|
|
|
- this.ifrData[7].done = true;
|
|
|
- else if (val.name === "box5a" && !this.ifrData[8].done)
|
|
|
- this.ifrData[8].done = true;
|
|
|
- else if (val.name === "box5b" && !this.ifrData[9].done)
|
|
|
- this.ifrData[9].done = true;
|
|
|
- else if (val.name === "box5c" && !this.ifrData[10].done)
|
|
|
- this.ifrData[10].done = true;
|
|
|
- else if (val.name === "box1a" && !this.ifrData[11].done)
|
|
|
- this.ifrData[11].done = true;
|
|
|
- else if (val.name === "box1b" && !this.ifrData[12].done)
|
|
|
- this.ifrData[12].done = true;
|
|
|
- else if (val.name === "box1c" && !this.ifrData[13].done)
|
|
|
- this.ifrData[13].done = true;
|
|
|
- else if (val.name === "box1d" && !this.ifrData[14].done)
|
|
|
- this.ifrData[14].done = true;
|
|
|
- else if (val.name === "box1e" && !this.ifrData[15].done)
|
|
|
- this.ifrData[15].done = true;
|
|
|
- else if (val.name === "box1f" && !this.ifrData[16].done)
|
|
|
- this.ifrData[16].done = true;
|
|
|
+ else if (val.name === "Info1" && !this.ifrData1[0].done)
|
|
|
+ this.ifrData1[0].done = true;
|
|
|
+ else if (val.name === "Info2" && !this.ifrData1[1].done)
|
|
|
+ this.ifrData1[1].done = true;
|
|
|
+ else if (val.name === "Info3" && !this.ifrData1[2].done)
|
|
|
+ this.ifrData1[2].done = true;
|
|
|
+ else if (val.name === "Info4" && !this.ifrData1[3].done)
|
|
|
+ this.ifrData1[3].done = true;
|
|
|
+ else if (val.name === "Info5" && !this.ifrData1[4].done)
|
|
|
+ this.ifrData1[4].done = true;
|
|
|
+ // else if (val.name === "box1" && !this.ifrData[5].done)
|
|
|
+ // this.ifrData[5].done = true;
|
|
|
+ // else if (val.name === "box2" && !this.ifrData[6].done)
|
|
|
+ // this.ifrData[6].done = true;
|
|
|
+ // else if (val.name === "box2a" && !this.ifrData[7].done)
|
|
|
+ // this.ifrData[7].done = true;
|
|
|
+ // else if (val.name === "box5a" && !this.ifrData[8].done)
|
|
|
+ // this.ifrData[8].done = true;
|
|
|
+ // else if (val.name === "box5b" && !this.ifrData[9].done)
|
|
|
+ // this.ifrData[9].done = true;
|
|
|
+ // else if (val.name === "box5c" && !this.ifrData[10].done)
|
|
|
+ // this.ifrData[10].done = true;
|
|
|
+ // else if (val.name === "box1a" && !this.ifrData[11].done)
|
|
|
+ // this.ifrData[11].done = true;
|
|
|
+ // else if (val.name === "box1b" && !this.ifrData[12].done)
|
|
|
+ // this.ifrData[12].done = true;
|
|
|
+ // else if (val.name === "box1c" && !this.ifrData[13].done)
|
|
|
+ // this.ifrData[13].done = true;
|
|
|
+ // else if (val.name === "box1d" && !this.ifrData[14].done)
|
|
|
+ // this.ifrData[14].done = true;
|
|
|
+ // else if (val.name === "box1e" && !this.ifrData[15].done)
|
|
|
+ // this.ifrData[15].done = true;
|
|
|
+ // else if (val.name === "box1f" && !this.ifrData[16].done)
|
|
|
+ // this.ifrData[16].done = true;
|
|
|
|
|
|
this.ifrShow = val.name;
|
|
|
},
|
