|
@@ -1,66 +1,71 @@
|
|
<template>
|
|
<template>
|
|
<!-- 待补充页面 -->
|
|
<!-- 待补充页面 -->
|
|
<div class="box">
|
|
<div class="box">
|
|
- <div class="content-box">
|
|
|
|
- <div class="content-top">
|
|
|
|
- <div class="details">
|
|
|
|
- <h4>{{'四位序列号'}}<el-badge value="待补充" class="item"></el-badge>
|
|
|
|
- </h4>
|
|
|
|
- <h4>{{"XXXX建筑模型夹"}}-{{"XXX层"}}-{{"待删除设备名称XXXXXXXXXXXXX"}}</h4>
|
|
|
|
- <b>标记码:<span @dblclick="copyContent" id="copy">{{'12d13fs13f1sd313'}}</span></b><span class="copy" @click="clickCopy">点击复制</span>
|
|
|
|
- <input id="copyContent" type="text" @dblclick="copyContent" style="border:none;opacity:0;position:absolute;top:0;left:0;">
|
|
|
|
- <p style="margin-top:30px;">建议使用的Revit族:{{'XXXXXXX'}}</p>
|
|
|
|
- <p>设计图纸中编码:{{'XXXXXXX'}}</p>
|
|
|
|
- <p><span>设备类型:{{'XXXXXXX'}}</span><span>设备ID:{{'XXXXXXX'}}</span></p>
|
|
|
|
- <p><span>资产族:{{'XXXXXXX'}}</span><span>资产ID:{{'XXXXXXX'}}</span></p>
|
|
|
|
- <p>现场发现人:{{'XXXXXXX'}}</p>
|
|
|
|
- </div>
|
|
|
|
- <div class="plan">
|
|
|
|
- <p>平面图上的位置:<span>{{`${'('+'X:'+'329'+','+'Y:'+'398'+')'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="content-bottom">
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>铭牌图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
|
|
+ <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">
|
|
|
|
+ <!-- <li v-for="i in count" class="infinite-list-item"> -->
|
|
|
|
+ <li class="infinite-list-item">
|
|
|
|
+ <div class="content-box">
|
|
|
|
+ <div class="content-top">
|
|
|
|
+ <div class="details">
|
|
|
|
+ <h4>{{'四位序列号'}}<el-badge value="待补充" class="item"></el-badge>
|
|
|
|
+ </h4>
|
|
|
|
+ <h4>{{"XXXX建筑模型夹"}}-{{"XXX层"}}-{{"待删除设备名称XXXXXXXXXXXXX"}}</h4>
|
|
|
|
+ <b>标记码:<span @dblclick="copyContent" id="copy">{{'12d13fs13f1sd313'}}</span></b><span class="copy" @click="clickCopy">点击复制</span>
|
|
|
|
+ <input id="copyContent" type="text" @dblclick="copyContent" style="border:none;opacity:0;position:absolute;top:0;left:0;">
|
|
|
|
+ <p style="margin-top:30px;">建议使用的Revit族:{{'XXXXXXX'}}</p>
|
|
|
|
+ <p>设计图纸中编码:{{'XXXXXXX'}}</p>
|
|
|
|
+ <p><span>设备类型:{{'XXXXXXX'}}</span><span>设备ID:{{'XXXXXXX'}}</span></p>
|
|
|
|
+ <p><span>资产族:{{'XXXXXXX'}}</span><span>资产ID:{{'XXXXXXX'}}</span></p>
|
|
|
|
+ <p>现场发现人:{{'XXXXXXX'}}</p>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="plan">
|
|
|
|
+ <p>平面图上的位置:<span>{{`${'('+'X:'+'329'+','+'Y:'+'398'+')'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- <div class="photo">
|
|
|
|
- <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
- <div class="img-box">
|
|
|
|
- <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
|
|
+ <div class="content-bottom">
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>铭牌图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ <div class="photo">
|
|
|
|
+ <p>设备图片:<span>拍摄时间:{{`${'2019'+'年'+'12'+'月'+'56'+'时'+'5'+'分'}`}}</span></p>
|
|
|
|
+ <div class="img-box">
|
|
|
|
+ <img src="https://hbimg.huabanimg.com/f761a5fd8164882f9bad2dc46da4f5682cfd7c6eabc2-ArjdOX_fw658" alt="">
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ </li>
|
|
|
|
+ </ul>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -70,13 +75,18 @@ export default {
|
|
|
|
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
- return {}
|
|
|
|
|
|
+ return {
|
|
|
|
+ count: 0
|
|
|
|
+ }
|
|
},
|
|
},
|
|
mounted() { },
|
|
mounted() { },
|
|
created() {
|
|
created() {
|
|
|
|
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ load() {
|
|
|
|
+ this.count += 2
|
|
|
|
+ },
|
|
copyContent(element) {
|
|
copyContent(element) {
|
|
// 双击复制
|
|
// 双击复制
|
|
let content = element.target.innerText;
|
|
let content = element.target.innerText;
|
|
@@ -120,6 +130,11 @@ export default {
|
|
.box {
|
|
.box {
|
|
background: #f2f2f2;
|
|
background: #f2f2f2;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|
|
|
|
+ ul {
|
|
|
|
+ .infinite-list-item {
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.content-box {
|
|
.content-box {
|
|
width: 1000px;
|
|
width: 1000px;
|
|
margin: 0 auto;
|
|
margin: 0 auto;
|