<template>
|
<div class="content">
|
<div class="nav">
|
<el-button type="primary" size="medium" @click="$router.go(-1)"
|
>返回</el-button
|
>
|
</div>
|
|
<div class="name">用户姓名：{{ item.userName }}</div>
|
<div class="name">设备绑定手机号：{{ item.binPhone }}</div>
|
<div class="name">设备编号：{{ item.equipmentNumber }}</div>
|
<div class="name">预警时间：{{ item.creationTime }}</div>
|
<div class="name">预警类型：{{ item.earlyWarningType }}</div>
|
<div class="name">预警内容：{{ item.earlyWarningText }}</div>
|
<div class="name">处理人：{{ item.disposeUserName }}</div>
|
<div class="img">
|
处理图片：
|
|
<div v-for="url in item.disposeImgurl" :key="url">
|
<img :src="url" alt="" @click="onScaleImage(url)" />
|
</div>
|
</div>
|
<div class="name">
|
处理视频：
|
<template v-if="(item.disposeVideoUrl || '').indexOf('.mp4') !== -1">
|
<video
|
:controls="true"
|
style="width: 300px;height: 150px"
|
:autoplay="false"
|
:src="detail.disposeVideoUrl"
|
>
|
您的浏览器不支持 video 标签。
|
</video>
|
</template>
|
</div>
|
<div class="name">处理内容：{{ item.disposeText }}</div>
|
<div class="name">处理时间：{{ item.disposeTime }}</div>
|
<div class="name">
|
处理结果：<span :style="{ color: item.resultColor }">{{
|
item.disposeResult
|
}}</span>
|
</div>
|
</div>
|
</template>
|
<script>
|
let id = 0;
|
export default {
|
components: {},
|
data() {
|
return {
|
Change: false,
|
ids: [],
|
item: {},
|
bar: {
|
status: "",
|
purpose: "",
|
controlStatus: "",
|
address: "",
|
address1: "",
|
time: ""
|
},
|
options: [],
|
props: {
|
//Cascader 级联选择器
|
label: "name",
|
value: "id",
|
lazy: true,
|
lazyLoad: (node, resolve) => {
|
//动态加载
|
let { level, value, data } = node;
|
if (level === 0) {
|
return;
|
}
|
// debugger
|
let data1 = {
|
level: level + 1,
|
houseId: data.houseId || ""
|
};
|
}
|
},
|
tds: [],
|
paged: { page: 0, total: 0, r: 0, limit: 10 },
|
search: {}
|
};
|
},
|
created() {
|
this.cascadeList();
|
},
|
mounted() {
|
this.init();
|
},
|
methods: {
|
// 查看大图
|
onScaleImage(v) {
|
this.$store.dispatch("setImage", {
|
time: Date.now(),
|
title: "",
|
pic: v,
|
tool: true
|
});
|
},
|
headerRowClass({ row, rowIndex }) {
|
return "headerClass";
|
},
|
cascader(e) {
|
let houseId = this.$refs.cascader.getCheckedNodes();
|
this.bar.houseId = houseId[0].data.houseId;
|
// console.log(node)
|
},
|
cascadeList() {
|
//连级选择器 房屋地址
|
let data = {
|
level: 1,
|
villageId: this.$route.query.id || ""
|
};
|
},
|
onSearch() {
|
if (this.bar.time) {
|
this.bar.startTime = this.bar.time[0];
|
this.bar.endTime = this.bar.time[1];
|
}
|
this.paged.page = 1;
|
// console.log(this.bar)
|
this.init();
|
},
|
onPage(v) {
|
if (v.page === this.paged.page && v.page && !v.reset) {
|
return 0;
|
}
|
this.paged.page = v.page;
|
this.paged.limit = v.limit;
|
this.init();
|
},
|
init() {
|
let v = { id: this.$route.query.id };
|
this.$api.get("JinhuibraceletApi/getEarlyWarningDetails", v, e => {
|
console.log(e);
|
if (e.earlyWarningType) {
|
e.earlyWarningType = ["血压异常", "心率异常", "体温异常", "SOS预警"][
|
parseInt(e.earlyWarningType) - 1
|
];
|
}
|
if (e.disposeImgurl) {
|
e.disposeImgurl = e.disposeImgurl.split(",");
|
}
|
// (1 未处理2 已处理3处理中 4 忽略
|
if (e.disposeType) {
|
e.disposeResult = ["未处理", "已处理", "处理中", "忽略"][
|
parseInt(e.disposeType) - 1
|
];
|
e.resultColor = ["#FB4646", "#05CC96", "#4985FF", "#B4B4B4"][
|
parseInt(e.disposeType) - 1
|
];
|
}
|
this.item = e;
|
});
|
},
|
handleSelectionChange(val) {
|
//复选框
|
console.log(val);
|
this.ids = [];
|
val.map(item => {
|
this.ids.push(item.id);
|
});
|
},
|
details(id) {
|
//去详情
|
this.$router.push({
|
path: "/man_quarters_detail",
|
query: { id: id }
|
});
|
},
|
edit(id) {
|
this.$router.push({
|
path: "/man_quarters_edit",
|
query: { id: id }
|
});
|
},
|
clear(id) {
|
//批量删除
|
let t = this;
|
t.$js.model("删除房屋信息", "是否删除房屋信息？", res => {
|
if (res) {
|
if (id) {
|
t.ids = [id];
|
}
|
// console.log(t.ids)
|
// return
|
t.$api.post("common/data/population/house/delete", t.ids, e => {
|
demo.toast("删除成功");
|
t.init();
|
});
|
}
|
});
|
},
|
cancel() {
|
//取消
|
this.Change = false;
|
this.alls = false;
|
this.tds.map(item => {
|
item.che = false;
|
});
|
},
|
resetForm() {
|
//重置
|
this.paged.page = 1;
|
for (let key in this.bar) {
|
this.bar[key] = "";
|
}
|
}
|
},
|
watch: {},
|
computed: {}
|
};
|
</script>
|
<style scoped lang="less">
|
.nav {
|
padding: 20px 0;
|
}
|
|
.content div {
|
min-height: 40px;
|
padding-left: 15px;
|
color: #3c3d41;
|
font-size: 16px;
|
}
|
.box-a {
|
overflow: scroll;
|
}
|
.headerClass {
|
background-color: #f3f7fa;
|
}
|
.img {
|
// max-width: 120px;
|
// max-height: 60px;
|
/*background: #2bb7ff;*/
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
flex-wrap: wrap;
|
}
|
.img img {
|
width: 120px;
|
height: 60px;
|
object-fit: cover;
|
}
|
</style>
|
