<!-- 拍照弹出框-->
<el-dialog :title="videotext" :visible.sync="videoDialog5" width="1182px">
<!-- 哪裡像加載放哪裡-->
<div
style="width: 894px; height: 533px; display: inline-block"
element-loading-text="图像正在加载中"
v-loading="pictLoading"
element-loading-background="rgba(0, 0, 0, 0.5)"
>
<img :src="'data:image/jpeg;base64,' + tuPianUrl" class="img" />
</div>
<div class="DataTitle">
<div class="DataTitle1">
<span>测点名称:</span>
<br />
<br />
<span class="dataname">{{ Cname }}</span>
</div>
<div></div>
<br />
<br />
<div class="DataTitle2">
<span>报警水位:</span>
<br />
<br />
<span class="dataname">{{ shuiwei }}m</span>
</div>
<br />
<br />
<div class="DataTitle2">
<span>照片时间:</span>
<br />
<br />
<span class="dataname1">{{ paitime }}</span>
</div>
<el-button class="paizhao" @click="PAI()"> </el-button>
</div>
</el-dialog>
pictLoading: false,
PAIZHAO(index) {
this.tuPianUrl = "";
this.videoDialog5 = true;
this.videotext = "拍照";
this.photo = this.showList[index]["photo"];
this.Cname = this.showList[index]["测点名称"];
this.shuiwei = this.showList[index]["液位"];
},
PAI() {
var that = this;
this.pictLoading = true;
setTimeout(function () {
that.Pai1();
that.paitime1();
}, 10 * 1000);
},
paitime1() {
this.paitime = this.endtime;
},
Pai1() {
this.pictLoading = false;
this.axios({
method: "get",
url: this.ip + "/Api/Video/GetTuPianById",
params: {
id: this.photo,
STime: this.endtime,
},
})
.then((res) => {
this.tuPianUrl = res.data.result[0].tuPianUrl;
})
.catch((err) => {
console.log(err);
});
},