|
|
|
|
@ -1,323 +1,361 @@
|
|
|
|
|
<template> |
|
|
|
|
<div class="container h100"> |
|
|
|
|
<el-row :gutter="20" class="h100"> |
|
|
|
|
<el-col :span="6" class="h100"> |
|
|
|
|
<model-tree v-model="query.modelIds"/> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="18"> |
|
|
|
|
<header> |
|
|
|
|
<el-form :label-width="140"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="预警时间"> |
|
|
|
|
<date-time-range-picker-ext |
|
|
|
|
v-model="query.createTime" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="涉及单位"> |
|
|
|
|
<depart-tree-select |
|
|
|
|
v-model="query.involveDepartId" |
|
|
|
|
:check-strictly="false" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="预警内容"> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="请输入" |
|
|
|
|
v-model="query.thingDesc" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="分发状态"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.distributionState" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dict.distributionState" |
|
|
|
|
:label="item.dictLabel" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
<div class="flex end mb-20"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
<template #icon> |
|
|
|
|
<icon name="el-icon-Search"/> |
|
|
|
|
</template> |
|
|
|
|
查询 |
|
|
|
|
</el-button |
|
|
|
|
> |
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</header> |
|
|
|
|
<div class="table-container"> |
|
|
|
|
<el-table :data="list"> |
|
|
|
|
<el-table-column |
|
|
|
|
label="预警时间" |
|
|
|
|
prop="createTime" |
|
|
|
|
width="150" |
|
|
|
|
/> |
|
|
|
|
<!-- <el-table-column--> |
|
|
|
|
<!-- label="预警模型"--> |
|
|
|
|
<!-- prop="modelName"--> |
|
|
|
|
<!-- width="160"--> |
|
|
|
|
<!-- show-overflow-tooltip--> |
|
|
|
|
<!-- />--> |
|
|
|
|
<el-table-column |
|
|
|
|
label="涉及单位" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
width="200" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<span>{{ row.involveParentDepartName }}</span><span |
|
|
|
|
v-if="row.involveDepartName"><br>{{ row.involveDepartName }}</span> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="涉及人员" |
|
|
|
|
prop="involvePoliceName" |
|
|
|
|
width="100" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<div v-if="row.involvePoliceName"> |
|
|
|
|
<div v-for="item in row.involvePoliceName.split(' ')" class="text-nowrap">{{ |
|
|
|
|
item |
|
|
|
|
}} |
|
|
|
|
</div> |
|
|
|
|
<div class="container h100"> |
|
|
|
|
<el-row :gutter="20" class="h100"> |
|
|
|
|
<el-col :span="6" class="h100"> |
|
|
|
|
<model-tree v-model="query.modelIds" /> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="18"> |
|
|
|
|
<header> |
|
|
|
|
<el-form :label-width="140"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="预警时间"> |
|
|
|
|
<date-time-range-picker-ext |
|
|
|
|
v-model="query.createTime" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="涉及单位"> |
|
|
|
|
<depart-tree-select |
|
|
|
|
v-model="query.involveDepartId" |
|
|
|
|
:check-strictly="false" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="预警内容"> |
|
|
|
|
<el-input |
|
|
|
|
placeholder="请输入" |
|
|
|
|
v-model="query.thingDesc" |
|
|
|
|
clearable |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8"> |
|
|
|
|
<el-form-item label="分发状态"> |
|
|
|
|
<el-select |
|
|
|
|
v-model="query.distributionState" |
|
|
|
|
clearable |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dict.distributionState" |
|
|
|
|
:label="item.dictLabel" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="8" v-if="query.distributionState === '1'"> |
|
|
|
|
<el-form-item label="办理状态"> |
|
|
|
|
<el-select |
|
|
|
|
placeholder="办理状态" |
|
|
|
|
clearable |
|
|
|
|
v-model="query.processingStatus" |
|
|
|
|
> |
|
|
|
|
<el-option |
|
|
|
|
v-for="item in dict.processingStatus" |
|
|
|
|
:key="item.id" |
|
|
|
|
:label="item.dictLabel" |
|
|
|
|
:value="item.dictValue" |
|
|
|
|
/> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
<div class="flex end mb-20"> |
|
|
|
|
<div> |
|
|
|
|
<el-button type="primary" @click="getList"> |
|
|
|
|
<template #icon> |
|
|
|
|
<icon name="el-icon-Search" /> |
|
|
|
|
</template> |
|
|
|
|
查询 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button @click="reset">重置</el-button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</header> |
|
|
|
|
<div class="table-container"> |
|
|
|
|
<el-table :data="list"> |
|
|
|
|
<el-table-column |
|
|
|
|
label="预警时间" |
|
|
|
|
prop="createTime" |
|
|
|
|
width="150" |
|
|
|
|
/> |
|
|
|
|
<!-- <el-table-column--> |
|
|
|
|
<!-- label="预警模型"--> |
|
|
|
|
<!-- prop="modelName"--> |
|
|
|
|
<!-- width="160"--> |
|
|
|
|
<!-- show-overflow-tooltip--> |
|
|
|
|
<!-- />--> |
|
|
|
|
<el-table-column |
|
|
|
|
label="涉及单位" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
width="160" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<span>{{ row.involveParentDepartName }}</span |
|
|
|
|
><span v-if="row.involveDepartName" |
|
|
|
|
><br />{{ row.involveDepartName }}</span |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="涉及人员" |
|
|
|
|
prop="involvePoliceName" |
|
|
|
|
width="100" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<div v-if="row.involvePoliceName"> |
|
|
|
|
<div |
|
|
|
|
v-for="item in row.involvePoliceName.split( |
|
|
|
|
' ' |
|
|
|
|
)" |
|
|
|
|
class="text-nowrap" |
|
|
|
|
> |
|
|
|
|
{{ item }} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div v-else>略</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="预警内容" |
|
|
|
|
prop="thingDesc" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="分发状态" |
|
|
|
|
align="center" |
|
|
|
|
width="130" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="row.distributionState === '0'" |
|
|
|
|
type="info" |
|
|
|
|
>未分发</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag |
|
|
|
|
v-if="row.distributionState === '1'" |
|
|
|
|
type="success" |
|
|
|
|
>已分发 |
|
|
|
|
<span v-if="row.processingStatus">{{ row.processingStatus ? `(${getDictLable(dict.processingStatus, row.processingStatus)})` : "" }}</span> |
|
|
|
|
</el-tag |
|
|
|
|
> |
|
|
|
|
<el-tag v-if="row.distributionState === '2'" |
|
|
|
|
>已处置{{ |
|
|
|
|
row.negativeId ? "" : " (未分发)" |
|
|
|
|
}}</el-tag |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="操作" width="180"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
@click="handleShowDetail(row)" |
|
|
|
|
>查看详情 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
v-if="row.negativeId" |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
@click="handleAction(row)" |
|
|
|
|
>处理详情 |
|
|
|
|
</el-button> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
v-if="row.notificationId" |
|
|
|
|
@click="handleClue(row)" |
|
|
|
|
>查看提醒 |
|
|
|
|
</el-button> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<div v-else>略</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column |
|
|
|
|
label="预警内容" |
|
|
|
|
prop="thingDesc" |
|
|
|
|
show-overflow-tooltip |
|
|
|
|
/> |
|
|
|
|
<el-table-column |
|
|
|
|
label="分发状态" |
|
|
|
|
align="center" |
|
|
|
|
width="130" |
|
|
|
|
> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-tag v-if="row.distributionState === '0'" type="info">未分发</el-tag> |
|
|
|
|
<el-tag v-if="row.distributionState === '1'" type="success">已分发</el-tag> |
|
|
|
|
<el-tag v-if="row.distributionState === '2'">已处置{{ row.negativeId ? '' : '(未分发)' }}</el-tag> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
<el-table-column label="操作" width="180"> |
|
|
|
|
<template #default="{ row }"> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
@click="handleShowDetail(row)" |
|
|
|
|
>查看详情 |
|
|
|
|
</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
v-if="row.negativeId" |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
@click="handleAction(row)" |
|
|
|
|
>处理详情 |
|
|
|
|
</el-button |
|
|
|
|
> |
|
|
|
|
<el-button |
|
|
|
|
type="primary" |
|
|
|
|
link |
|
|
|
|
v-if="row.notificationId" |
|
|
|
|
@click="handleClue(row)" |
|
|
|
|
>查看提醒 |
|
|
|
|
</el-button |
|
|
|
|
> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
</el-table> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
<el-pagination |
|
|
|
|
@size-change="getList" |
|
|
|
|
@current-change="getList" |
|
|
|
|
:current-page="query.current" |
|
|
|
|
:page-sizes="[9, 18, 36]" |
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
:total="total" |
|
|
|
|
v-if="list.length" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
<div class="flex end mt-8"> |
|
|
|
|
<el-pagination |
|
|
|
|
@size-change="getList" |
|
|
|
|
@current-change="getList" |
|
|
|
|
:current-page="query.current" |
|
|
|
|
:page-sizes="[9, 18, 36]" |
|
|
|
|
v-model:page-size="query.size" |
|
|
|
|
v-model:current-page="query.current" |
|
|
|
|
layout="total, sizes, prev, pager, next" |
|
|
|
|
:total="total" |
|
|
|
|
v-if="list.length" |
|
|
|
|
> |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<el-dialog title="预警线索数据详情" v-model="show" width="80vw"> |
|
|
|
|
<div class="dialog-container"> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>预警时间</label> |
|
|
|
|
<span>{{ activeModelClue.createTime }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>预警模型</label> |
|
|
|
|
<span>{{ activeModelClue.modelName }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>涉及单位</label> |
|
|
|
|
<span> |
|
|
|
|
<el-dialog title="预警线索数据详情" v-model="show" width="80vw"> |
|
|
|
|
<div class="dialog-container"> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>预警时间</label> |
|
|
|
|
<span>{{ activeModelClue.createTime }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>预警模型</label> |
|
|
|
|
<span>{{ activeModelClue.modelName }}</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>涉及单位</label> |
|
|
|
|
<span> |
|
|
|
|
<span>{{ |
|
|
|
|
activeModelClue.involveParentDepartName |
|
|
|
|
}}</span><span>{{ |
|
|
|
|
activeModelClue.involveDepartName ? '/' + activeModelClue.involveDepartName : '' |
|
|
|
|
}}</span> |
|
|
|
|
}}</span |
|
|
|
|
><span>{{ |
|
|
|
|
activeModelClue.involveDepartName |
|
|
|
|
? "/" + activeModelClue.involveDepartName |
|
|
|
|
: "" |
|
|
|
|
}}</span> |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>涉及人员</label> |
|
|
|
|
<span>{{ activeModelClue.involvePoliceName }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-24"> |
|
|
|
|
<label>预警内容</label> |
|
|
|
|
<span>{{ activeModelClue.thingDesc }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>分发状态</label> |
|
|
|
|
<span>{{ |
|
|
|
|
getDictLable( |
|
|
|
|
dict.distributionState, |
|
|
|
|
activeModelClue.distributionState |
|
|
|
|
) |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<h3>详细信息</h3> |
|
|
|
|
<div style="min-height: 200px"> |
|
|
|
|
<el-empty description="无数据" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>涉及人员</label> |
|
|
|
|
<span>{{ activeModelClue.involvePoliceName }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-24"> |
|
|
|
|
<label>预警内容</label> |
|
|
|
|
<span>{{ activeModelClue.thingDesc }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="row mt-10"> |
|
|
|
|
<div class="col col-6"> |
|
|
|
|
<label>分发状态</label> |
|
|
|
|
<span>{{ |
|
|
|
|
getDictLable( |
|
|
|
|
dict.distributionState, |
|
|
|
|
activeModelClue.distributionState |
|
|
|
|
) |
|
|
|
|
}}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<h3>详细信息</h3> |
|
|
|
|
<div style="min-height: 200px"> |
|
|
|
|
<el-empty description="无数据"/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<el-dialog |
|
|
|
|
title="查看详情" |
|
|
|
|
v-model="dialogShow" |
|
|
|
|
width="800" |
|
|
|
|
> |
|
|
|
|
<el-form :model="showData" :label-width="120" ref="fomrRef"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="提醒类型" |
|
|
|
|
> |
|
|
|
|
<div>{{ showData.alarmType }}</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="提醒时间" |
|
|
|
|
> |
|
|
|
|
<el-text>{{ showData.alarmTime }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px;"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="被通知单位" |
|
|
|
|
> |
|
|
|
|
<el-text>{{ showData.notificationDepartName }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12" v-if="showData.policeName != undefined"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="被通知民警" |
|
|
|
|
> |
|
|
|
|
<el-text>{{ showData.policeName }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px;"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="提醒内容" |
|
|
|
|
> |
|
|
|
|
<el-text style="width: 588px;">{{ showData.alarmContent }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px;" v-if="showData.replyState == 1"> |
|
|
|
|
<el-form-item |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
label="回复内容" |
|
|
|
|
> |
|
|
|
|
<el-text style="width: 588px;">{{ showData.replyResultContent }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 10px;" v-if="showData.files != undefined && showData.files.length > 0"> |
|
|
|
|
<el-form-item |
|
|
|
|
label="问题附件" |
|
|
|
|
> |
|
|
|
|
<div v-for="(item, index) in showData.files" :key="index" style="margin-top: 10px;"> |
|
|
|
|
<el-image :preview-src-list="previewList" style="width: 100px; height: 100px;margin-right: 8px" |
|
|
|
|
:initial-index="index" :src="item.path" fit="cover" |
|
|
|
|
:hide-on-click-modal="true" :lazy="true" :z-index="index"/> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
<footer class="flex end"> |
|
|
|
|
<el-button @click="dialogShow = false">关闭</el-button> |
|
|
|
|
</footer> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="查看详情" v-model="dialogShow" width="800"> |
|
|
|
|
<el-form :model="showData" :label-width="120" ref="fomrRef"> |
|
|
|
|
<el-row> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="提醒类型"> |
|
|
|
|
<div>{{ showData.alarmType }}</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="提醒时间"> |
|
|
|
|
<el-text>{{ showData.alarmTime }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px"> |
|
|
|
|
<el-col :span="12"> |
|
|
|
|
<el-form-item label="被通知单位"> |
|
|
|
|
<el-text>{{ showData.notificationDepartName }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
<el-col :span="12" v-if="showData.policeName != undefined"> |
|
|
|
|
<el-form-item label="被通知民警"> |
|
|
|
|
<el-text>{{ showData.policeName }}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px"> |
|
|
|
|
<el-form-item label="提醒内容"> |
|
|
|
|
<el-text style="width: 588px">{{ |
|
|
|
|
showData.alarmContent |
|
|
|
|
}}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row style="margin-top: 5px" v-if="showData.replyState == 1"> |
|
|
|
|
<el-form-item label="回复内容"> |
|
|
|
|
<el-text style="width: 588px">{{ |
|
|
|
|
showData.replyResultContent |
|
|
|
|
}}</el-text> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
<el-row |
|
|
|
|
style="margin-top: 10px" |
|
|
|
|
v-if="showData.files != undefined && showData.files.length > 0" |
|
|
|
|
> |
|
|
|
|
<el-form-item label="问题附件"> |
|
|
|
|
<div |
|
|
|
|
v-for="(item, index) in showData.files" |
|
|
|
|
:key="index" |
|
|
|
|
style="margin-top: 10px" |
|
|
|
|
> |
|
|
|
|
<el-image |
|
|
|
|
:preview-src-list="previewList" |
|
|
|
|
style=" |
|
|
|
|
width: 100px; |
|
|
|
|
height: 100px; |
|
|
|
|
margin-right: 8px; |
|
|
|
|
" |
|
|
|
|
:initial-index="index" |
|
|
|
|
:src="item.path" |
|
|
|
|
fit="cover" |
|
|
|
|
:hide-on-click-modal="true" |
|
|
|
|
:lazy="true" |
|
|
|
|
:z-index="index" |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-row> |
|
|
|
|
</el-form> |
|
|
|
|
<footer class="flex end"> |
|
|
|
|
<el-button @click="dialogShow = false">关闭</el-button> |
|
|
|
|
</footer> |
|
|
|
|
</el-dialog> |
|
|
|
|
|
|
|
|
|
<negative-dialog |
|
|
|
|
v-model="negativeShow" |
|
|
|
|
:id="activeNegativeId" |
|
|
|
|
@close="negativeShow = false" |
|
|
|
|
/> |
|
|
|
|
<negative-dialog |
|
|
|
|
v-model="negativeShow" |
|
|
|
|
:id="activeNegativeId" |
|
|
|
|
@close="negativeShow = false" |
|
|
|
|
/> |
|
|
|
|
</template> |
|
|
|
|
<script lang="ts" setup> |
|
|
|
|
import {listModelClue} from "@/api/sensitivePerception/modelClue"; |
|
|
|
|
import {alarmDetails} from "@/api/work/alarm" |
|
|
|
|
import { listModelClue } from "@/api/sensitivePerception/modelClue"; |
|
|
|
|
import { alarmDetails } from "@/api/work/alarm"; |
|
|
|
|
import useCatchStore from "@/stores/modules/catch"; |
|
|
|
|
import {getDictLable} from "@/utils/util"; |
|
|
|
|
import { getDictLable } from "@/utils/util"; |
|
|
|
|
|
|
|
|
|
const catchStore = useCatchStore(); |
|
|
|
|
const dict = catchStore.getDicts(["distributionState", "handleState"]); |
|
|
|
|
const dict = catchStore.getDicts(["distributionState", "handleState", "processingStatus",]); |
|
|
|
|
|
|
|
|
|
const query = ref({}); |
|
|
|
|
|
|
|
|
|
const list = ref([]); |
|
|
|
|
const total = ref(0); |
|
|
|
|
|
|
|
|
|
let showData = ref({}) |
|
|
|
|
let dialogShow = ref(false) |
|
|
|
|
let previewList = ref([]) |
|
|
|
|
let showData = ref({}); |
|
|
|
|
let dialogShow = ref(false); |
|
|
|
|
let previewList = ref([]); |
|
|
|
|
const handleClue = (row) => { |
|
|
|
|
alarmDetails(row.notificationId).then(res => { |
|
|
|
|
showData.value = res |
|
|
|
|
let arr = [] |
|
|
|
|
if(res.files != undefined) { |
|
|
|
|
res.files.forEach(item => { |
|
|
|
|
arr.push(item.path) |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
previewList.value = arr |
|
|
|
|
dialogShow.value = true |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
alarmDetails(row.notificationId).then((res) => { |
|
|
|
|
showData.value = res; |
|
|
|
|
let arr = []; |
|
|
|
|
if (res.files != undefined) { |
|
|
|
|
res.files.forEach((item) => { |
|
|
|
|
arr.push(item.path); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
previewList.value = arr; |
|
|
|
|
dialogShow.value = true; |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
onMounted(() => { |
|
|
|
|
if (route.query.modelId) { |
|
|
|
|
@ -330,46 +368,45 @@ const route = useRoute();
|
|
|
|
|
watch( |
|
|
|
|
() => route.query.modelId, |
|
|
|
|
(val) => { |
|
|
|
|
query.value.modelIds = [val]; |
|
|
|
|
query.value.modelIds = [val]; |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
watch( |
|
|
|
|
() => query.value.modelIds, |
|
|
|
|
(newVal, oldVal) => { |
|
|
|
|
if (newVal !== oldVal) { |
|
|
|
|
query.value.current = 1; |
|
|
|
|
getList(); |
|
|
|
|
} |
|
|
|
|
if (newVal !== oldVal) { |
|
|
|
|
query.value.current = 1; |
|
|
|
|
getList(); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
function getList() { |
|
|
|
|
listModelClue(query.value).then((data) => { |
|
|
|
|
list.value = data.records; |
|
|
|
|
total.value = data.total; |
|
|
|
|
}); |
|
|
|
|
listModelClue(query.value).then((data) => { |
|
|
|
|
list.value = data.records; |
|
|
|
|
total.value = data.total; |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
function reset() { |
|
|
|
|
query.value = {}; |
|
|
|
|
getList(); |
|
|
|
|
query.value = {}; |
|
|
|
|
getList(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const show = ref(false); |
|
|
|
|
const activeModelClue = ref({}); |
|
|
|
|
|
|
|
|
|
function handleShowDetail(row) { |
|
|
|
|
activeModelClue.value = row; |
|
|
|
|
show.value = true; |
|
|
|
|
activeModelClue.value = row; |
|
|
|
|
show.value = true; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const activeNegativeId = ref('') |
|
|
|
|
const negativeShow = ref(false) |
|
|
|
|
const activeNegativeId = ref(""); |
|
|
|
|
const negativeShow = ref(false); |
|
|
|
|
|
|
|
|
|
function handleAction(row) { |
|
|
|
|
|
|
|
|
|
negativeShow.value = true; |
|
|
|
|
activeNegativeId.value = row.negativeId; |
|
|
|
|
negativeShow.value = true; |
|
|
|
|
activeNegativeId.value = row.negativeId; |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
wxc
12 months ago
