|
@@ -38,7 +38,12 @@
|
|
<div class="selectTab"></div>
|
|
<div class="selectTab"></div>
|
|
</div>
|
|
</div>
|
|
<div class="imgList">
|
|
<div class="imgList">
|
|
- <div class="imgDiv" v-for="(item, i) in monitorList" :key="i">
|
|
+ <div
|
|
|
|
+ class="imgDiv"
|
|
|
|
+ v-for="(item, i) in monitorList"
|
|
|
|
+ :key="i"
|
|
|
|
+ @click="clickImg(i)"
|
|
|
|
+ >
|
|
<span>{{ i + 1 }}</span>
|
|
<span>{{ i + 1 }}</span>
|
|
<img :src="item.imgUrl" />
|
|
<img :src="item.imgUrl" />
|
|
<p>{{ item.info }}</p>
|
|
<p>{{ item.info }}</p>
|
|
@@ -60,24 +65,49 @@ export default {
|
|
return {
|
|
return {
|
|
monitorList: [
|
|
monitorList: [
|
|
{
|
|
{
|
|
- imgUrl: require("./u385.jpg"),
|
|
+ imgUrl:
|
|
|
|
+ "https://b0.bdstatic.com/ugc/Gr0RkpztmAdvrxnS4n54Iw49d04e3484c9bb1a11f03b38a819d893.jpg@h_1280",
|
|
info: "2024-09-27 15:04",
|
|
info: "2024-09-27 15:04",
|
|
|
|
+ name: "钱复式",
|
|
|
|
+ lat: "168.18",
|
|
|
|
+ lon: "46.33",
|
|
|
|
+ psfw: "45°",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- imgUrl: require("./u385.jpg"),
|
|
+ imgUrl:
|
|
|
|
+ "https://img2.baidu.com/it/u=3692233586,2896402884&fm=253&fmt=auto&app=120&f=JPEG?w=759&h=427",
|
|
info: "2024-09-27 15:04",
|
|
info: "2024-09-27 15:04",
|
|
|
|
+ name: "梅执礼",
|
|
|
|
+ lat: "168.18",
|
|
|
|
+ lon: "46.33",
|
|
|
|
+ psfw: "45°",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- imgUrl: require("./u385.jpg"),
|
|
+ imgUrl:
|
|
|
|
+ "https://img2.baidu.com/it/u=882190421,2711411099&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1067",
|
|
info: "2024-09-27 15:04",
|
|
info: "2024-09-27 15:04",
|
|
|
|
+ name: "陈贵志",
|
|
|
|
+ lat: "168.18",
|
|
|
|
+ lon: "46.33",
|
|
|
|
+ psfw: "45°",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- imgUrl: require("./u385.jpg"),
|
|
+ imgUrl:
|
|
|
|
+ "http://img2.baidu.com/it/u=516755055,1384417278&fm=253&app=138&f=JPEG?w=800&h=1067",
|
|
info: "2024-09-27 15:04",
|
|
info: "2024-09-27 15:04",
|
|
|
|
+ name: "权超英",
|
|
|
|
+ lat: "168.18",
|
|
|
|
+ lon: "46.33",
|
|
|
|
+ psfw: "45°",
|
|
},
|
|
},
|
|
{
|
|
{
|
|
- imgUrl: require("./u385.jpg"),
|
|
+ imgUrl:
|
|
|
|
+ "http://img0.baidu.com/it/u=1366170349,307387023&fm=253&app=138&f=JPEG?w=800&h=1067",
|
|
info: "2024-09-27 15:04",
|
|
info: "2024-09-27 15:04",
|
|
|
|
+ name: "王XX",
|
|
|
|
+ lat: "168.18",
|
|
|
|
+ lon: "46.33",
|
|
|
|
+ psfw: "45°",
|
|
},
|
|
},
|
|
],
|
|
],
|
|
};
|
|
};
|
|
@@ -88,6 +118,10 @@ export default {
|
|
changeData(name, updata) {
|
|
changeData(name, updata) {
|
|
this[name] = updata;
|
|
this[name] = updata;
|
|
},
|
|
},
|
|
|
|
+ clickImg(val) {
|
|
|
|
+ this.$emit("updateParent", "emitImgList", this.monitorList);
|
|
|
|
+ this.$emit("updateParent", "emitImgIndex", val);
|
|
|
|
+ },
|
|
},
|
|
},
|
|
watch: {},
|
|
watch: {},
|
|
watch: {},
|
|
watch: {},
|