<template>
|
<view class="template-job tn-safe-area-inset-bottom tn-skeleton">
|
<tn-nav-bar fixed customBack>
|
<view slot="back" class='tn-custom-nav-bar__back' @click="goBack">
|
<text class='tn-icon tn-icon-left'></text>
|
<text class="page-title">信息</text>
|
</view>
|
</tn-nav-bar>
|
<view class="container" :style="{top:vuex_custom_bar_height+'px',position: 'absolute'}">
|
<view class="card">
|
<view style="display: flex;">
|
<u-checkbox-group v-model="checkboxValue1" placement="column">
|
<u-checkbox :customStyle="{marginTop: '5px'}">
|
</u-checkbox>
|
</u-checkbox-group>
|
<view style="margin-bottom: 10px;font-size: 20px;">告警类型:{{warlist.type}}</view>
|
</view>
|
<view style="display: flex;">
|
<view style="margin-left: 23px;margin-bottom: 10px;color: #5e5e5e;">编号:{{warlist.objectid}}</view>
|
<view style="margin-left: 23px;margin-bottom: 10px;color: #5e5e5e;">姓名:{{warlist.pname}}</view>
|
</view>
|
<view style="margin-left: 23px;margin-bottom: 10px;color: #5e5e5e;">
|
坐标:X{{warlist.px}}；Y{{warlist.py}}；F{{warlist.pfloor}}</view>
|
<view style="margin-left: 23px;margin-bottom: 10px;color: #5e5e5e;">
|
经纬:{{warlist.lat}}；{{warlist.lng}}；{{warlist.gao}}</view>
|
<view style="margin-left: 23px;margin-bottom: 10px;color: #ffaa00;">时间:{{warlist.time}}</view>
|
</view>
|
|
<tn-form class="card">
|
<tn-form-item label="序号:">
|
<tn-input v-model="warlist.objectid" inputAlign="right" disabled></tn-input>
|
</tn-form-item>
|
<tn-form-item label="快速处理:" labelWidth='100rpx'>
|
<tn-input v-model="form.baoliu5" type="select" @click="show = true" inputAlign="right" />
|
<tn-action-sheet :list="actionSheetList" v-model="show"
|
@click="actionSheetCallback"></tn-action-sheet>
|
</tn-form-item>
|
<tn-form-item label="详细处理记录:" labelPosition="top" style="padding:0">
|
<tn-input placeholder="请输入内容"
|
style="border-radius: 8px; background-color: rgba(190, 190, 190, 0.5);" v-model="form.baoliu8"
|
:type="type" />
|
</tn-form-item>
|
</tn-form>
|
<button type="primary" @click="submitForm">确定</button>
|
</view>
|
|
</view>
|
</view>
|
</template>
|
|
<script>
|
import {
|
processingWarn
|
} from '@/config/api.js';
|
export default {
|
data() {
|
return {
|
checkboxValue1: [],
|
show: false,
|
type: 'textarea',
|
mtop: 50,
|
form: {
|
baoliu3: '',
|
// id:warlist.id,
|
objectid: '',
|
status: '已处理',
|
baoliu5: '无需处理',
|
baoliu6: '无需处理',
|
baoliu8: ''
|
},
|
actionSheetList: [{
|
text: '无需处理'
|
},
|
{
|
text: '误报'
|
},
|
{
|
text: '已联系'
|
}
|
],
|
};
|
},
|
props: {
|
warlist: {
|
type: Object,
|
default: () => {
|
return []
|
}
|
}
|
},
|
mounted() {},
|
methods: {
|
actionSheetCallback(index) {
|
this.form.baoliu5 = this.actionSheetList[index].text;
|
this.form.baoliu6 = this.actionSheetList[index].text;
|
},
|
goBack() {
|
this.$emit('proBack');
|
},
|
submitForm() {
|
this.form.id = this.warlist.id
|
this.form.objectid = this.warlist.objectid
|
this.form.baoliu3 = this.vuex_user
|
|
this.form.type = this.warlist.type
|
if (this.vuex_is_login) {
|
processingWarn(this.form).then((res) => {
|
this.$emit('prosuccess', res.data.status);
|
})
|
}
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.container {
|
width: 100%;
|
position: 'absolute';
|
z-index: 9999999;
|
padding: 20px;
|
}
|
|
.card {
|
background-color: #fff;
|
padding: 15px;
|
margin-bottom: 20px;
|
border-radius: 8px;
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
}
|
|
.title {
|
font-size: 18px;
|
font-weight: bold;
|
}
|
|
.tags {
|
margin-top: 10px;
|
}
|
|
.tag {
|
display: inline-block;
|
padding: 2px 5px;
|
border-radius: 3px;
|
margin-right: 5px;
|
font-size: 12px;
|
}
|
|
.sos {
|
background-color: #f8bbd0;
|
color: #fff;
|
}
|
|
.time {
|
margin-top: 10px;
|
font-size: 14px;
|
color: #666;
|
}
|
|
.form-item {
|
margin-top: 15px;
|
}
|
|
.picker {
|
margin-top: 5px;
|
}
|
|
.submit-button {
|
margin-top: 20px;
|
background-color: #007aff;
|
color: #fff;
|
padding: 10px;
|
border-radius: 5px;
|
}
|
</style>
|
