diff --git a/src/api/work/alarm.ts b/src/api/work/alarm.ts
index 2853717..090587d 100644
--- a/src/api/work/alarm.ts
+++ b/src/api/work/alarm.ts
@@ -13,3 +13,11 @@ export function alarmNotificationReply(data) {
         body: data
     });
 }
+
+export function alarmNotificationCommit(data) {
+    return request.post({
+        url: `/alarm/notification/commit`,
+        body: data
+    });
+}
+
diff --git a/src/components/police-select.vue b/src/components/police-select.vue
index 94a6054..080c7af 100644
--- a/src/components/police-select.vue
+++ b/src/components/police-select.vue
@@ -78,4 +78,4 @@ function onChange(val) {
 }
 </script>
 <style lang="scss" scoped>
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/sensitivePerception/DepartNegative.vue b/src/views/sensitivePerception/DepartNegative.vue
index c8a3659..d8bec59 100644
--- a/src/views/sensitivePerception/DepartNegative.vue
+++ b/src/views/sensitivePerception/DepartNegative.vue
@@ -103,6 +103,12 @@
                             @click="handleShowProfile(row)"
                             >问题详情</el-button
                         >
+                      <el-button
+                          type="primary"
+                          link
+                          @click="handleShowNotification"
+                      >预警提醒</el-button
+                      >
                     </template>
                 </el-table-column>
             </el-table>
@@ -411,6 +417,63 @@
         </el-scrollbar>
     </el-dialog>
 
+  <el-dialog v-model="showNotification" title="创建提醒" width="600px">
+    <el-form label-width="148" :model="formData2" ref="formRef">
+      <el-form-item label="提醒类型">
+        <div class="flex gap">
+          <el-select
+              v-model="formData2.alarmTypeId"
+              style="min-width: 185px"
+          >
+            <el-option :value="1" label="预警问题"/>
+            <el-option :value="2" label="风险问题"/>
+            <el-option :value="3" label="提醒通知"/>
+          </el-select>
+        </div>
+      </el-form-item>
+        <el-form-item
+            style="width: 333px"
+            label="被通知单位"
+            prop="involveDepartId"
+            :rules="{
+                                message: '请选择问题涉及单位',
+                                trigger: ['blur'],
+                            }"
+        >
+          <depart-tree-select
+              v-model="formData2.involveDepartId"
+              :check-strictly="true"
+              @node-click="
+                                    (row) =>
+                                        (formData2.involveDepartName =
+                                            row.shortName)
+                                "
+          />
+        </el-form-item>
+      <el-form-item
+          label="提醒内容"
+      >
+        <el-input
+            type="textarea"
+            v-model="formData2.alarmContent"
+            :autosize="{ minRows: 12 }"
+            :rules="{
+                                message: '请填写提醒内容',
+                                trigger: ['blur'],
+                            }"
+            style="width: 280px"
+        />
+      </el-form-item>
+    </el-form>
+    <footer class="flex end">
+      <el-button @click="showNotification = false" size="large">取消</el-button>
+      <el-button type="primary" @click="handleNotification" size="large"
+      >提交
+      </el-button
+      >
+    </footer>
+  </el-dialog>
+
     <negative-dialog
         v-model="negativeShow"
         :id="activeNegativeId"
@@ -424,9 +487,12 @@ import {
     getDepartProfile,
     listNegativeMonthly,
 } from "@/api/sensitivePerception/profileDepart";
+import {alarmNotificationCommit, alarmNotificationReply} from "@/api/work/alarm"
 import { listNegative } from "@/api/work/negative";
 import { InspectCase } from "@/enums/dictEnums";
 import moment from "moment";
+import {ref} from "vue";
+import feedback from "~/utils/feedback";
 
 const query = ref({
     current: 1,
@@ -439,6 +505,13 @@ const query = ref({
 });
 const list = ref<any[]>([]);
 const total = ref(0);
+let showNotification = ref(false)
+let formData2 = ref({
+  alarmTypeId: 1,
+  involveDepartId: '',
+  involveDepartName: '',
+  alarmContent: ''
+})
 
 const mainLoading = ref(false);
 function getList() {
@@ -463,6 +536,30 @@ function reset() {
     getList();
 }
 
+const handleShowNotification = () => {
+  showNotification.value = true
+}
+
+const handleNotification = async () => {
+  if(formData2.value.involveDepartId == '') {
+    feedback.msgWarning("请选择被提醒单位");
+    return;
+  }
+  if(formData2.value.alarmContent == '') {
+    feedback.msgWarning("请填写提醒内容");
+    return;
+  }
+  let data = {
+    alarmTypeId: formData2.value.alarmTypeId,
+    notificationDepartCode: formData2.value.involveDepartId,
+    notificationDepartName: formData2.value.involveDepartName,
+    alarmContent: formData2.value.alarmContent
+  }
+  await alarmNotificationCommit(data);
+  showNotification.value = false;
+  feedback.msgSuccess("操作成功");
+}
+
 onMounted(() => {
     getList();
 });
@@ -676,4 +773,4 @@ main {
         color: var(--danger-color);
     }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/sensitivePerception/PoliceNegative.vue b/src/views/sensitivePerception/PoliceNegative.vue
index 9c11bff..9828406 100644
--- a/src/views/sensitivePerception/PoliceNegative.vue
+++ b/src/views/sensitivePerception/PoliceNegative.vue
@@ -1,504 +1,666 @@
 <template>
-    <div class="container">
-        <header>
-            <el-form :label-width="114">
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="单位分组">
-                            <el-select v-model="query.departGroupId" clearable>
-                                <el-option
-                                    value="10"
-                                    label="派出所"
-                                ></el-option>
-                                <el-option
-                                    value="11"
-                                    label="交警大队"
-                                ></el-option>
-                                <el-option
-                                    value="13"
-                                    label="刑侦大队"
-                                ></el-option>
-                                <el-option
-                                    value="14"
-                                    label="禁毒大队"
-                                ></el-option>
-                                <el-option
-                                    value="15"
-                                    label="治安大队"
-                                ></el-option>
-                                <el-option
-                                    value="16"
-                                    label="人境大队"
-                                ></el-option>
-                                <el-option value="12" label="其他"></el-option>
-                            </el-select>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="统计时间">
-                            <date-time-range-picker-ext
-                                v-model="query.crtTime"
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="姓名">
-                            <el-input
-                                v-model="query.name"
-                                placeholder="请输入"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="警号">
-                            <el-input
-                                v-model="query.empNo"
-                                placeholder="请输入"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="所属单位">
-                            <depart-tree-select
-                                v-model="query.departId"
-                                :check-strictly="false"
-                            />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-form>
-            <div class="mb-25 flex end">
-                <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" v-loading="mainLoading">
-            <el-table :data="list">
-                <el-table-column label="姓名" prop="name" width="120" />
-                <el-table-column label="性别" width="100" align="center">
-                    <template #default="{ row }">
-                        <span>{{ getGenderFromIdCode(row.idCode) }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="职务" align="center" width="160">
-                    <template #default="{ row }">
-                        <span v-if="row.position">{{ row.position }}</span>
-                        <span v-else>{{
-                            getDictLable(dict.personType, row.personType)
-                        }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="警号" prop="empNo" width="160" />
-                <el-table-column
-                    label="入职时间"
-                    prop="employmentDate"
-                    width="160"
-                />
-                <el-table-column label="所属单位" prop="departName">
-                    <template #default="{ row }">
+  <div class="container">
+    <header>
+      <el-form :label-width="114">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="单位分组">
+              <el-select v-model="query.departGroupId" clearable>
+                <el-option
+                    value="10"
+                    label="派出所"
+                ></el-option>
+                <el-option
+                    value="11"
+                    label="交警大队"
+                ></el-option>
+                <el-option
+                    value="13"
+                    label="刑侦大队"
+                ></el-option>
+                <el-option
+                    value="14"
+                    label="禁毒大队"
+                ></el-option>
+                <el-option
+                    value="15"
+                    label="治安大队"
+                ></el-option>
+                <el-option
+                    value="16"
+                    label="人境大队"
+                ></el-option>
+                <el-option value="12" label="其他"></el-option>
+              </el-select>
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="统计时间">
+              <date-time-range-picker-ext
+                  v-model="query.crtTime"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="姓名">
+              <el-input
+                  v-model="query.name"
+                  placeholder="请输入"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="警号">
+              <el-input
+                  v-model="query.empNo"
+                  placeholder="请输入"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="所属单位">
+              <depart-tree-select
+                  v-model="query.departId"
+                  :check-strictly="false"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="mb-25 flex end">
+        <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" v-loading="mainLoading">
+      <el-table :data="list">
+        <el-table-column label="姓名" prop="name" width="120"/>
+        <el-table-column label="性别" width="100" align="center">
+          <template #default="{ row }">
+            <span>{{ getGenderFromIdCode(row.idCode) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="职务" align="center" width="160">
+          <template #default="{ row }">
+            <span v-if="row.position">{{ row.position }}</span>
+            <span v-else>{{
+                getDictLable(dict.personType, row.personType)
+              }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="警号" prop="empNo" width="160"/>
+        <el-table-column
+            label="入职时间"
+            prop="employmentDate"
+            width="160"
+        />
+        <el-table-column label="所属单位" prop="departName">
+          <template #default="{ row }">
                         <span
-                            >{{
-                                row.parentDepartName
-                                    ? row.parentDepartName + "/"
-                                    : row.parentDepartName
-                            }}{{ row.departName }}</span
+                        >{{
+                            row.parentDepartName
+                                ? row.parentDepartName + "/"
+                                : row.parentDepartName
+                          }}{{ row.departName }}</span
                         >
-                    </template>
-                </el-table-column>
-                <el-table-column
-                    label="查实问题数"
-                    prop="verifySize"
-                    width="120"
-                    align="center"
-                />
-                <el-table-column label="风险指数" align="center" width="160">
-                    <template #default="{ row }">
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="查实问题数"
+            prop="verifySize"
+            width="120"
+            align="center"
+        />
+        <el-table-column label="风险指数" align="center" width="160">
+          <template #default="{ row }">
                         <span
                             :style="{color: getColor(score)}"
                             v-if="row.score"
-                            >{{ Math.round(row.score) }}</span
+                        >{{ Math.round(row.score) }}</span
                         >
-                        <span v-else>-</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="操作" width="160">
-                    <template #default="{ row }">
-                        <el-button
-                            type="primary"
-                            link
-                            @click="handleShowProfile(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"
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="160">
+          <template #default="{ row }">
+            <el-button
+                type="primary"
+                link
+                @click="handleShowProfile(row)"
+            >问题详情
+            </el-button
             >
-            </el-pagination>
-        </div>
+            <el-button
+                type="primary"
+                link
+                @click="handleShowNotification"
+            >预警提醒
+            </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>
+  </div>
 
-    <el-dialog
-        title="个人问题详情"
-        v-model="show"
-        width="85vw"
-        top="1vh"
-        style="margin: 1vh auto"
+  <el-dialog
+      title="个人问题详情"
+      v-model="show"
+      width="85vw"
+      top="1vh"
+      style="margin: 1vh auto"
+  >
+    <header class="flex center v-center gap">
+      <label>统计范围</label>
+      <div style="width: 320px">
+        <date-time-range-picker-ext
+            v-model="time"
+            style="width: 300px"
+            @change="getProfileData"
+        />
+      </div>
+      <el-button type="primary" @click="getProfileData">查询</el-button>
+    </header>
+    <el-scrollbar
+        max-height="calc(98vh - 120px)"
+        v-loading="loading"
+        element-loading-text="个人问题详情加载中..."
     >
-        <header class="flex center v-center gap">
-            <label>统计范围</label>
-            <div style="width: 320px">
-                <date-time-range-picker-ext
-                    v-model="time"
-                    style="width: 300px"
-                    @change="getProfileData"
-                />
-            </div>
-            <el-button type="primary" @click="getProfileData">查询</el-button>
-        </header>
-        <el-scrollbar
-            max-height="calc(98vh - 120px)"
-            v-loading="loading"
-            element-loading-text="个人问题详情加载中..."
-        >
-            <main>
-                <el-row class="mb-20">
-                    <el-col :span="8">
-                        <h5>民警基本情况</h5>
-                        <el-row>
-                            <el-col :span="6">
-                                <icon name="local-icon-police" :size="120" />
-                            </el-col>
-                            <el-col :span="18">
-                                <div class="row">
-                                    <div class="col col-12">
-                                        <label>姓名</label>
-                                        <span>{{ policeInfo.name }}</span>
-                                    </div>
-                                    <div class="col col-12">
-                                        <label>性别</label>
-                                        <span>{{
-                                            getGenderFromIdCode(
-                                                policeInfo.idCode
-                                            )
-                                        }}</span>
-                                    </div>
-                                    <div class="col col-24">
-                                        <label>所属单位</label>
-                                        <span>
+      <main>
+        <el-row class="mb-20">
+          <el-col :span="8">
+            <h5>民警基本情况</h5>
+            <el-row>
+              <el-col :span="6">
+                <icon name="local-icon-police" :size="120"/>
+              </el-col>
+              <el-col :span="18">
+                <div class="row">
+                  <div class="col col-12">
+                    <label>姓名</label>
+                    <span>{{ policeInfo.name }}</span>
+                  </div>
+                  <div class="col col-12">
+                    <label>性别</label>
+                    <span>{{
+                        getGenderFromIdCode(
+                            policeInfo.idCode
+                        )
+                      }}</span>
+                  </div>
+                  <div class="col col-24">
+                    <label>所属单位</label>
+                    <span>
                                             <span
-                                                >{{
-                                                    activeRow.parentDepartName
-                                                        ? activeRow.parentDepartName +
-                                                          "/"
-                                                        : activeRow.parentDepartName
-                                                }}{{
-                                                    activeRow.departName
-                                                }}</span
+                                            >{{
+                                                activeRow.parentDepartName
+                                                    ? activeRow.parentDepartName +
+                                                    "/"
+                                                    : activeRow.parentDepartName
+                                              }}{{
+                                                activeRow.departName
+                                              }}</span
                                             >
                                         </span>
-                                    </div>
-                                    <div class="col col-12">
-                                        <label>警号</label>
-                                        <span>{{ policeInfo.empNo }}</span>
-                                    </div>
-                                    <div class="col col-12">
-                                        <label>身份证号</label>
-                                        <span>{{ policeInfo.idCode }}</span>
-                                    </div>
-                                    <div class="col col-12">
-                                        <label>入职时间</label>
-                                        <span>{{
-                                            policeInfo.employmentDate || "/"
-                                        }}</span>
-                                    </div>
-                                    <div class="col col-12">
-                                        <label>手机号</label>
-                                        <span>{{
-                                            policeInfo.mobile || "/"
-                                        }}</span>
-                                    </div>
-                                </div>
-                            </el-col>
-                        </el-row>
-                    </el-col>
-                    <el-col :span="8">
-                        <h5>问题情况</h5>
-                        <el-row
-                            class="flex v-center"
-                            style="height: calc(100% - 76px)"
-                        >
-                            <el-col :span="6" class="text-center">
-                                <div
-                                    class="text-primary"
-                                    style="font-size: 34px"
-                                >
-                                    {{ negativeInfo.size }}
-                                </div>
-                                <div class="mb-10">问题总数</div>
-                                <div
-                                    class="text-danger"
-                                    style="font-size: 34px"
-                                >
-                                    {{ negativeInfo.score }}
-                                </div>
-                                <div>风险值</div>
-                            </el-col>
-                            <el-col :span="18">
-                                <el-row>
-                                    <el-col
-                                        :span="12"
-                                        class="mb-20"
-                                        v-if="
+                  </div>
+                  <div class="col col-12">
+                    <label>警号</label>
+                    <span>{{ policeInfo.empNo }}</span>
+                  </div>
+                  <div class="col col-12">
+                    <label>身份证号</label>
+                    <span>{{ policeInfo.idCode }}</span>
+                  </div>
+                  <div class="col col-12">
+                    <label>入职时间</label>
+                    <span>{{
+                        policeInfo.employmentDate || "/"
+                      }}</span>
+                  </div>
+                  <div class="col col-12">
+                    <label>手机号</label>
+                    <span>{{
+                        policeInfo.mobile || "/"
+                      }}</span>
+                  </div>
+                </div>
+              </el-col>
+            </el-row>
+          </el-col>
+          <el-col :span="8">
+            <h5>问题情况</h5>
+            <el-row
+                class="flex v-center"
+                style="height: calc(100% - 76px)"
+            >
+              <el-col :span="6" class="text-center">
+                <div
+                    class="text-primary"
+                    style="font-size: 34px"
+                >
+                  {{ negativeInfo.size }}
+                </div>
+                <div class="mb-10">问题总数</div>
+                <div
+                    class="text-danger"
+                    style="font-size: 34px"
+                >
+                  {{ negativeInfo.score }}
+                </div>
+                <div>风险值</div>
+              </el-col>
+              <el-col :span="18">
+                <el-row>
+                  <el-col
+                      :span="12"
+                      class="mb-20"
+                      v-if="
                                             negativeInfo.jcj110BusinessSize ||
                                             negativeInfo.jcj110Size
                                         "
-                                    >
-                                        <description-pair
-                                            label="110接处警"
-                                            label1="量"
-                                            label2="问题数"
-                                            :value1="
+                  >
+                    <description-pair
+                        label="110接处警"
+                        label1="量"
+                        label2="问题数"
+                        :value1="
                                                 negativeInfo.jcj110BusinessSize
                                             "
-                                            :value2="negativeInfo.jcj110Size"
-                                        />
-                                    </el-col>
-                                    <el-col
-                                        :span="12"
-                                        v-if="
+                        :value2="negativeInfo.jcj110Size"
+                    />
+                  </el-col>
+                  <el-col
+                      :span="12"
+                      v-if="
                                             negativeInfo.jcj122BusinessSize ||
                                             negativeInfo.jcj122Size
                                         "
-                                    >
-                                        <description-pair
-                                            label="122接处警"
-                                            label1="量"
-                                            label2="问题数"
-                                            :value1="
+                  >
+                    <description-pair
+                        label="122接处警"
+                        label1="量"
+                        label2="问题数"
+                        :value1="
                                                 negativeInfo.jcj122BusinessSize
                                             "
-                                            :value2="negativeInfo.jcj122Size"
-                                        />
-                                    </el-col>
-                                    <el-col :span="12">
-                                        <description-pair
-                                            label="执法办案"
-                                            label2="问题数"
-                                            :value1="
+                        :value2="negativeInfo.jcj122Size"
+                    />
+                  </el-col>
+                  <el-col :span="12">
+                    <description-pair
+                        label="执法办案"
+                        label2="问题数"
+                        :value1="
                                                 negativeInfo.zfbaBusinessSize
                                             "
-                                            :value2="negativeInfo.zfbaSize"
-                                        />
-                                    </el-col>
-                                </el-row>
-                            </el-col>
-                        </el-row>
-                    </el-col>
-                    <el-col :span="8">
-                        <h5 style="margin-bottom: 0">风险指数</h5>
-                        <div class="flex center">
-                            <el-progress
-                                type="dashboard"
-                                :percentage="score"
-                                :stroke-width="16"
-                                :width="220"
-                                :color="colors"
-                            >
-                                <div class="score-progress-body">
-                                    <div v-if="score">
-                                        <div>
+                        :value2="negativeInfo.zfbaSize"
+                    />
+                  </el-col>
+                </el-row>
+              </el-col>
+            </el-row>
+          </el-col>
+          <el-col :span="8">
+            <h5 style="margin-bottom: 0">风险指数</h5>
+            <div class="flex center">
+              <el-progress
+                  type="dashboard"
+                  :percentage="score"
+                  :stroke-width="16"
+                  :width="220"
+                  :color="colors"
+              >
+                <div class="score-progress-body">
+                  <div v-if="score">
+                    <div>
                                             <span
                                                 class="score-progress_score score-theme text-bold"
                                                 :type="getType(score)"
-                                                >{{ score }}</span
+                                            >{{ score }}</span
                                             >
-                                            <span>分</span>
-                                        </div>
-                                        <div
-                                            style="font-size: 14px"
-                                            class="mb-16"
-                                        >
-                                            风险指数
-                                        </div>
-                                    </div>
-                                    <div
-                                        v-else
-                                        style="
+                      <span>分</span>
+                    </div>
+                    <div
+                        style="font-size: 14px"
+                        class="mb-16"
+                    >
+                      风险指数
+                    </div>
+                  </div>
+                  <div
+                      v-else
+                      style="
                                             font-size: 60px;
                                             line-height: 84px;
                                             color: #999;
                                         "
-                                    >
-                                        -
-                                    </div>
-                                    <div
-                                        class="score-progress_title score-theme"
-                                        :type="getType(score)"
-                                    >
-                                        {{ getScoreLabel() }}
-                                    </div>
-                                </div>
-                            </el-progress>
-                        </div>
-                    </el-col>
-                </el-row>
-                <el-row class="mb-20">
-                    <el-col :span="8">
-                        <h5>问题来源占比</h5>
-                        <v-charts
-                            style="height: 320px"
-                            :option="problemSourcesPieOptions"
-                            autoresize
-                        />
-                    </el-col>
-                    <el-col :span="8">
-                        <h5>问题类型占比</h5>
-                        <v-charts
-                            style="height: 320px"
-                            :option="problemTypePieOptions"
-                            autoresize
-                        />
-                    </el-col>
-                    <el-col :span="8">
-                        <h5 style="margin-bottom: 0">风险构成</h5>
-                        <div class="flex center">
-                            <v-charts
-                                style="height: 340px; width: 280px"
-                                :option="radarOption"
-                                autoresize
-                            />
-                        </div>
-                    </el-col>
-                </el-row>
-
-                <h5>问题变化趋势</h5>
-                <v-charts
-                    style="height: 320px"
-                    :option="barOption"
-                    autoresize
-                />
-                <div></div>
-                <h5>问题清单</h5>
-                <el-table :data="negativeList">
-                    <el-table-column label="发现时间" prop="discoveryTime" />
-                    <el-table-column label="问题来源" prop="problemSources" />
-                    <el-table-column label="业务类别" prop="businessTypeName" />
-                    <el-table-column
-                        label="涉及单位"
-                        prop="involveDepartName"
-                    />
-                    <el-table-column
-                        label="核查情况"
-                        prop="checkStatusName"
-                        width="140"
-                        align="center"
-                    />
-                    <el-table-column label="操作" width="160">
-                        <template #default="{ row }">
-                            <el-button
-                                type="primary"
-                                link
-                                @click="handleAction(row)"
-                                >查看详情</el-button
-                            >
-                        </template>
-                    </el-table-column>
-                </el-table>
-                <div class="flex end mt-8">
-                    <el-pagination
-                        @size-change="getNegativeList"
-                        @current-change="getNegativeList"
-                        :current-page="negativeQuery.current"
-                        :page-sizes="[10, 20, 50]"
-                        :page-size="negativeQuery.size"
-                        v-model:current-page="negativeQuery.current"
-                        layout="total, sizes, prev, pager, next"
-                        :total="negativeTotal"
-                    >
-                    </el-pagination>
+                  >
+                    -
+                  </div>
+                  <div
+                      class="score-progress_title score-theme"
+                      :type="getType(score)"
+                  >
+                    {{ getScoreLabel() }}
+                  </div>
                 </div>
-            </main>
-        </el-scrollbar>
-    </el-dialog>
-
-    <negative-dialog
-        v-model="negativeShow"
-        :id="activeNegativeId"
-        @close="negativeShow = false"
-    />
+              </el-progress>
+            </div>
+          </el-col>
+        </el-row>
+        <el-row class="mb-20">
+          <el-col :span="8">
+            <h5>问题来源占比</h5>
+            <v-charts
+                style="height: 320px"
+                :option="problemSourcesPieOptions"
+                autoresize
+            />
+          </el-col>
+          <el-col :span="8">
+            <h5>问题类型占比</h5>
+            <v-charts
+                style="height: 320px"
+                :option="problemTypePieOptions"
+                autoresize
+            />
+          </el-col>
+          <el-col :span="8">
+            <h5 style="margin-bottom: 0">风险构成</h5>
+            <div class="flex center">
+              <v-charts
+                  style="height: 340px; width: 280px"
+                  :option="radarOption"
+                  autoresize
+              />
+            </div>
+          </el-col>
+        </el-row>
+
+        <h5>问题变化趋势</h5>
+        <v-charts
+            style="height: 320px"
+            :option="barOption"
+            autoresize
+        />
+        <div></div>
+        <h5>问题清单</h5>
+        <el-table :data="negativeList">
+          <el-table-column label="发现时间" prop="discoveryTime"/>
+          <el-table-column label="问题来源" prop="problemSources"/>
+          <el-table-column label="业务类别" prop="businessTypeName"/>
+          <el-table-column
+              label="涉及单位"
+              prop="involveDepartName"
+          />
+          <el-table-column
+              label="核查情况"
+              prop="checkStatusName"
+              width="140"
+              align="center"
+          />
+          <el-table-column label="操作" width="160">
+            <template #default="{ row }">
+              <el-button
+                  type="primary"
+                  link
+                  @click="handleAction(row)"
+              >查看详情
+              </el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="flex end mt-8">
+          <el-pagination
+              @size-change="getNegativeList"
+              @current-change="getNegativeList"
+              :current-page="negativeQuery.current"
+              :page-sizes="[10, 20, 50]"
+              :page-size="negativeQuery.size"
+              v-model:current-page="negativeQuery.current"
+              layout="total, sizes, prev, pager, next"
+              :total="negativeTotal"
+          >
+          </el-pagination>
+        </div>
+      </main>
+    </el-scrollbar>
+  </el-dialog>
+
+  <el-dialog v-model="showNotification" title="创建提醒" width="600px">
+    <el-form label-width="148" :model="formData2" ref="formRef">
+      <el-form-item label="提醒类型">
+        <div class="flex gap">
+          <el-select
+              v-model="formData2.alarmTypeId"
+              style="min-width: 185px"
+          >
+            <el-option :value="1" label="预警问题"/>
+            <el-option :value="2" label="风险问题"/>
+            <el-option :value="3" label="提醒通知"/>
+          </el-select>
+        </div>
+      </el-form-item>
+      <el-form-item
+          style="width: 333px"
+          label="被通知单位"
+          prop="involveDepartId"
+          :rules="{
+                                message: '请选择问题涉及单位',
+                                trigger: ['blur'],
+                            }"
+      >
+        <depart-tree-select
+            v-model="formData2.involveDepartId"
+            :check-strictly="true"
+            @node-click=" (row) => changeDepart(row)"
+        />
+      </el-form-item>
+      <el-form-item
+          label="被提醒民警"
+          prop="blameEmpNo"
+          :rules="{
+                                    required: true,
+                                    message: '请选择提醒民警',
+                                    trigger: ['blur'],
+                                }"
+      >
+        <el-select
+            v-model="police"
+            value-key="idCode"
+            placeholder="请选择提醒民警"
+            @change="changePolice"
+            style="width: 240px"
+        >
+          <el-option
+              v-for="item in polices"
+              :key="item.idCode"
+              :label="item.name"
+              :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+          label="提醒内容"
+      >
+        <el-input
+            type="textarea"
+            v-model="formData2.alarmContent"
+            :autosize="{ minRows: 12 }"
+            :rules="{
+                                message: '请填写提醒内容',
+                                trigger: ['blur'],
+                            }"
+            style="width: 280px"
+        />
+      </el-form-item>
+    </el-form>
+    <footer class="flex end">
+      <el-button @click="showNotification = false" size="large">取消</el-button>
+      <el-button type="primary" @click="handleNotification" size="large"
+      >提交
+      </el-button
+      >
+    </footer>
+  </el-dialog>
+
+  <negative-dialog
+      v-model="negativeShow"
+      :id="activeNegativeId"
+      @close="negativeShow = false"
+  />
 </template>
 <script lang="ts" setup>
 import vCharts from "vue-echarts";
 import {
-    listPoliceNegative,
-    getPoliceProfile,
-    listNegativeByPoliceIdCode,
-    listNegativeMonthly,
+  listPoliceNegative,
+  getPoliceProfile,
+  listNegativeByPoliceIdCode,
+  listNegativeMonthly,
 } from "@/api/sensitivePerception/profilePolice";
-import { InspectCase } from "@/enums/dictEnums";
-import { getDictLable, getGenderFromIdCode } from "@/utils/util";
+import {HostLevel, InspectCase} from "@/enums/dictEnums";
+import {getDictLable, getGenderFromIdCode} from "@/utils/util";
 import moment from "moment";
 
 import useCatchStore from "@/stores/modules/catch";
+import {ref} from "vue";
+import {alarmNotificationCommit} from "~/api/work/alarm";
+import feedback from "~/utils/feedback";
+import {listPoliceAll, listPoliceLeader} from "~/api/system/police";
+
 const catchStore = useCatchStore();
 const dict = catchStore.getDicts(["personType"]);
+let showNotification = ref(false)
+let formData2 = ref({
+  alarmTypeId: 1,
+  involveDepartId: '',
+  involveDepartName: '',
+  alarmContent: '',
+  blameName: '',
+  blameIdCode: '',
+  blameEmpNo: '',
+  blames: {},
+  level: -1
+})
+let police = ref({})
+let polices = ref([])
+
+const handleShowNotification = () => {
+  showNotification.value = true
+}
+
+const handleNotification = async () => {
+  if(formData2.value.involveDepartId == '') {
+    feedback.msgWarning("请选择被提醒单位");
+    return;
+  }
+  if(formData2.value.alarmContent == '') {
+    feedback.msgWarning("请填写提醒内容");
+    return;
+  }
+  if(formData2.value.policeIdCode == '') {
+    feedback.msgWarning("请选择被提醒民警");
+    return;
+  }
+  let data = {
+    alarmTypeId: formData2.value.alarmTypeId,
+    notificationDepartCode: formData2.value.involveDepartId,
+    notificationDepartName: formData2.value.involveDepartName,
+    alarmContent: formData2.value.alarmContent,
+    policeName: police.value.name,
+    policeIdCode: police.value.idCode,
+    policeNo: police.value.empNo
+  }
+  await alarmNotificationCommit(data);
+  showNotification.value = false;
+  feedback.msgSuccess("操作成功");
+}
+
+const changeDepart = (row) => {
+  formData2.value.involveDepartName = row.shortName;
+  formData2.value.level = row.level
+  police.value = {}
+  getPolices(row.id);
+}
+
+const changePolice  = (data) => {
+  police.value = {
+    idCode: data.idCode,
+    empNo: data.empNo,
+    name: data.name
+  }
+}
+
+function getPolices(departId) {
+  if(departId=='') {
+    return;
+  }
+  listPoliceLeader(departId).then(res => {
+    polices.value = res
+  })
+}
 
 const query = ref({
-    current: 1,
-    size: 10,
-    crtTime: [
-        moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
-        moment().format("YYYY-MM-DD HH:mm:ss"),
-    ],
+  current: 1,
+  size: 10,
+  crtTime: [
+    moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
+    moment().format("YYYY-MM-DD HH:mm:ss"),
+  ],
 });
 const list = ref<any[]>([]);
 const total = ref(0);
 
 const mainLoading = ref(false);
+
 function getList() {
-    mainLoading.value = true;
-    listPoliceNegative(query.value).then((data) => {
-        list.value = data.records;
-        total.value = data.total;
-        mainLoading.value = false;
-    });
+  mainLoading.value = true;
+  listPoliceNegative(query.value).then((data) => {
+    list.value = data.records;
+    total.value = data.total;
+    mainLoading.value = false;
+  });
 }
 
 function reset() {
-    query.value = {
-        current: 1,
-        size: 10,
-        crtTime: [
-            moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
-            moment().format("YYYY-MM-DD HH:mm:ss"),
-        ],
-    };
-    getList();
+  query.value = {
+    current: 1,
+    size: 10,
+    crtTime: [
+      moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
+      moment().format("YYYY-MM-DD HH:mm:ss"),
+    ],
+  };
+  getList();
 }
 
 onMounted(() => {
-    getList();
+  getList();
 });
 
 const activeRow = ref({});
@@ -508,221 +670,229 @@ const negativeInfo = ref({});
 const loading = ref(false);
 
 const negativeQuery = ref({
-    checkStatusList: [InspectCase.TRUE, InspectCase.TRUE],
+  checkStatusList: [InspectCase.TRUE, InspectCase.TRUE],
 });
 const negativeList = ref([]);
 const negativeTotal = ref(0);
 
 const problemSourcesPieOptions = ref({
-    tooltip: {
-        trigger: "item",
+  tooltip: {
+    trigger: "item",
+  },
+  series: [
+    {
+      type: "pie",
+      radius: ["40%", "70%"],
+      data: [],
     },
-    series: [
-        {
-            type: "pie",
-            radius: ["40%", "70%"],
-            data: [],
-        },
-    ],
+  ],
 });
 const problemTypePieOptions = ref({
-    tooltip: {
-        trigger: "item",
+  tooltip: {
+    trigger: "item",
+  },
+  series: [
+    {
+      type: "pie",
+      radius: ["40%", "70%"],
+      data: [],
     },
-    series: [
-        {
-            type: "pie",
-            radius: ["40%", "70%"],
-            data: [],
-        },
-    ],
+  ],
 });
 
 const barOption = ref({
-    xAxis: {
-        type: "category",
-        data: [],
-    },
-    yAxis: {
-        type: "value",
+  xAxis: {
+    type: "category",
+    data: [],
+  },
+  yAxis: {
+    type: "value",
+  },
+  series: [
+    {
+      data: [],
+      type: "bar",
+      color: "#5B8FF9 ",
     },
-    series: [
-        {
-            data: [],
-            type: "bar",
-            color: "#5B8FF9 ",
-        },
-    ],
+  ],
 });
 
 async function handleShowProfile(row) {
-    activeRow.value = row;
-    show.value = true;
+  activeRow.value = row;
+  show.value = true;
 }
 
 watch(activeRow, async () => {
-    time.value = [
-        moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
-        moment().format("YYYY-MM-DD HH:mm:ss"),
-    ];
-    await getProfileData();
-    listNegativeMonthly(activeRow.value.idCode).then((data) => {
-        barOption.value.xAxis.data = data.months;
-        barOption.value.series[0].data = data.values;
-    });
+  time.value = [
+    moment().startOf("year").format("YYYY-MM-DD HH:mm:ss"),
+    moment().format("YYYY-MM-DD HH:mm:ss"),
+  ];
+  await getProfileData();
+  listNegativeMonthly(activeRow.value.idCode).then((data) => {
+    barOption.value.xAxis.data = data.months;
+    barOption.value.series[0].data = data.values;
+  });
 });
 
 const time = ref([]);
 
 const radarOption = ref({
-    color: ["#F60000", "#162582"],
-    legend: {
-        data: ["风险指数", "权重"],
-    },
-    radar: {
-        indicator: [
-            { name: "110接处警", max: 100 },
-            { name: "122接处警", max: 100 },
-            { name: "人境窗口服务", max: 100 },
-            { name: "车驾管服务", max: 100 },
-            { name: "交警执法", max: 100 },
-            { name: "执法办案", max: 100 },
-            { name: "专项工作", max: 100 },
-            { name: "安保维稳", max: 100 },
-        ],
-    },
-    series: [
+  color: ["#F60000", "#162582"],
+  legend: {
+    data: ["风险指数", "权重"],
+  },
+  radar: {
+    indicator: [
+      {name: "110接处警", max: 100},
+      {name: "122接处警", max: 100},
+      {name: "人境窗口服务", max: 100},
+      {name: "车驾管服务", max: 100},
+      {name: "交警执法", max: 100},
+      {name: "执法办案", max: 100},
+      {name: "专项工作", max: 100},
+      {name: "安保维稳", max: 100},
+    ],
+  },
+  series: [
+    {
+      type: "radar",
+      data: [
         {
-            type: "radar",
-            data: [
-                {
-                    value: [],
-                    name: "风险指数",
-                    label: {
-                        show: true,
-                    },
-                },
-                {
-                    value: [],
-                    name: "权重",
-                    label: {
-                        show: true,
-                    },
-                },
-            ],
+          value: [],
+          name: "风险指数",
+          label: {
+            show: true,
+          },
         },
-    ],
+        {
+          value: [],
+          name: "权重",
+          label: {
+            show: true,
+          },
+        },
+      ],
+    },
+  ],
 });
 
 const score = ref(0);
+
 async function getProfileData() {
-    loading.value = true;
-    negativeQuery.value.idCode = activeRow.value.idCode;
-    getNegativeList();
-    const data = await getPoliceProfile(activeRow.value.idCode, {
-        beginTime: time.value.length ? time.value[0] : "",
-        endTime: time.value.length ? time.value[1] : "",
-    });
-    score.value = Math.round(data.score);
-    console.log(data.expression);
-    console.log(data.remarks);
-    policeInfo.value = data.policeInfo;
-    negativeInfo.value = data.negativeInfo;
-    problemSourcesPieOptions.value.series[0].data = data.problemSourcesList;
-    problemTypePieOptions.value.series[0].data = data.problemTypeList;
-
-    radarOption.value.radar.indicator = data.businessTypeRadarIndicator;
-    radarOption.value.series[0].data[0].value = data.businessTypeScoreRadarData;
-    radarOption.value.series[0].data[1].value =
-        data.businessTypeWeightRadarData;
-    loading.value = false;
+  loading.value = true;
+  negativeQuery.value.idCode = activeRow.value.idCode;
+  getNegativeList();
+  const data = await getPoliceProfile(activeRow.value.idCode, {
+    beginTime: time.value.length ? time.value[0] : "",
+    endTime: time.value.length ? time.value[1] : "",
+  });
+  score.value = Math.round(data.score);
+  console.log(data.expression);
+  console.log(data.remarks);
+  policeInfo.value = data.policeInfo;
+  negativeInfo.value = data.negativeInfo;
+  problemSourcesPieOptions.value.series[0].data = data.problemSourcesList;
+  problemTypePieOptions.value.series[0].data = data.problemTypeList;
+
+  radarOption.value.radar.indicator = data.businessTypeRadarIndicator;
+  radarOption.value.series[0].data[0].value = data.businessTypeScoreRadarData;
+  radarOption.value.series[0].data[1].value =
+      data.businessTypeWeightRadarData;
+  loading.value = false;
 }
 
 function getNegativeList() {
-    if (time.value.length === 2) {
-        negativeQuery.value.beginTime = time.value[0];
-        negativeQuery.value.endTime = time.value[1];
-    }
-    listNegativeByPoliceIdCode(
-        activeRow.value.idCode,
-        negativeQuery.value
-    ).then((data) => {
-        negativeList.value = data.records;
-        negativeTotal.value = data.total;
-    });
+  if (time.value.length === 2) {
+    negativeQuery.value.beginTime = time.value[0];
+    negativeQuery.value.endTime = time.value[1];
+  }
+  listNegativeByPoliceIdCode(
+      activeRow.value.idCode,
+      negativeQuery.value
+  ).then((data) => {
+    negativeList.value = data.records;
+    negativeTotal.value = data.total;
+  });
 }
 
 const negativeShow = ref(false);
 const activeNegativeId = ref("");
+
 function handleAction(row) {
-    negativeShow.value = true;
-    activeNegativeId.value = row.id;
+  negativeShow.value = true;
+  activeNegativeId.value = row.id;
 }
 
 const colors = [
-    { color: "var(--success-color)", percentage: 60 },
-    { color: "#DC6231", percentage: 80 },
-    { color: "var(--danger-color)", percentage: 100 },
+  {color: "var(--success-color)", percentage: 60},
+  {color: "#DC6231", percentage: 80},
+  {color: "var(--danger-color)", percentage: 100},
 ];
 
 function getType(val) {
-    if (val < 60) {
-        return "success";
-    }
-    if (val < 80) {
-        return "warning";
-    }
-    return "danger";
+  if (val < 60) {
+    return "success";
+  }
+  if (val < 80) {
+    return "warning";
+  }
+  return "danger";
 }
 
 function getColor(val) {
-    if (val < 60) {
-        return "var(--success-color)";
-    }
-    if (val < 80) {
-        return "#e87749";
-    }
-    return "var(--danger-color)";
+  if (val < 60) {
+    return "var(--success-color)";
+  }
+  if (val < 80) {
+    return "#e87749";
+  }
+  return "var(--danger-color)";
 }
 
 function getScoreLabel() {
-    if (score.value === 0) {
-        return "无法预测";
-    }
-    if (score.value < 60) {
-        return "低风险";
-    }
-    if (score.value < 80) {
-        return "中风险";
-    }
-    return "高风险";
+  if (score.value === 0) {
+    return "无法预测";
+  }
+  if (score.value < 60) {
+    return "低风险";
+  }
+  if (score.value < 80) {
+    return "中风险";
+  }
+  return "高风险";
 }
 </script>
 <style lang="scss" scoped>
 .col {
-    --label-width: 60px;
+  --label-width: 60px;
 }
+
 .score-progress-body {
-    text-align: center;
-    font-size: 18px;
-    .score-progress_score {
-        font-size: 60px;
-        line-height: 84px;
-    }
-    .score-progress_title {
-        font-size: 26px;
-        line-height: 22px;
-    }
+  text-align: center;
+  font-size: 18px;
+
+  .score-progress_score {
+    font-size: 60px;
+    line-height: 84px;
+  }
+
+  .score-progress_title {
+    font-size: 26px;
+    line-height: 22px;
+  }
 }
+
 .score-theme {
-    &[type="success"] {
-        color: var(--success-color);
-    }
-    &[type="warning"] {
-        color: #e87749;
-    }
-    &[type="danger"] {
-        color: var(--danger-color);
-    }
+  &[type="success"] {
+    color: var(--success-color);
+  }
+
+  &[type="warning"] {
+    color: #e87749;
+  }
+
+  &[type="danger"] {
+    color: var(--danger-color);
+  }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/sensitivePerception/RiskClue.vue b/src/views/sensitivePerception/RiskClue.vue
index 5ed22d1..849a4de 100644
--- a/src/views/sensitivePerception/RiskClue.vue
+++ b/src/views/sensitivePerception/RiskClue.vue
@@ -1,193 +1,350 @@
 <template>
-    <div class="container h100">
-        <el-row :gutter="20" class="h100">
-            <el-col :span="6" class="h100">
-                <model-risk-tree v-model="query.riskScoreRuleId" />
-            </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.eventTime"
-                                    />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="姓名">
-                                    <el-input
-                                        placeholder="请输入"
-                                        v-model="query.name"
-                                        clearable
-                                    />
-                                </el-form-item>
-                            </el-col>
-                            <el-col :span="8">
-                                <el-form-item label="身份证号">
-                                    <el-input
-                                        placeholder="请输入"
-                                        v-model="query.idCode"
-                                        clearable
-                                    />
-                                </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-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" v-loading="loading">
-                    <el-table :data="list">
-                        <el-table-column
-                            label="发生时间"
-                            prop="eventTime"
-                            width="160"
-                        />
-                        <el-table-column
-                            label="姓名"
-                            prop="name"
-                            width="120"
-                        />
-                        <el-table-column
-                            label="身份证号码"
-                            prop="idCode"
-                            width="170"
-                            show-overflow-tooltip
-                        />
-                        <el-table-column
-                            label="风险因素"
-                            prop="riskReason"
-                            width="100"
-                            show-overflow-tooltip
-                        />
-                        <el-table-column
-                            label="风险内容"
-                            show-overflow-tooltip
-                        >
-                          <template #default="{ row }">
-                            <span style="white-space: pre-wrap;">{{row.data}}</span>
-                          </template>
-                        </el-table-column>
-<!--                        <el-table-column label="操作" width="180">-->
-<!--                            <template #default="{ row }">-->
-                                <!-- <el-button
-                                    type="primary"
-                                    link
-                                    @click="handleShowDetail(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="container h100">
+    <el-row :gutter="20" class="h100">
+      <el-col :span="6" class="h100">
+        <model-risk-tree v-model="query.riskScoreRuleId"/>
+      </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.eventTime"
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="姓名">
+                  <el-input
+                      placeholder="请输入"
+                      v-model="query.name"
+                      clearable
+                  />
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="身份证号">
+                  <el-input
+                      placeholder="请输入"
+                      v-model="query.idCode"
+                      clearable
+                  />
+                </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-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" v-loading="loading">
+          <el-table :data="list">
+            <el-table-column
+                label="发生时间"
+                prop="eventTime"
+                width="160"
+            />
+            <el-table-column
+                label="姓名"
+                prop="name"
+                width="120"
+            />
+            <el-table-column
+                label="身份证号码"
+                prop="idCode"
+                width="170"
+                show-overflow-tooltip
+            />
+            <el-table-column
+                label="风险因素"
+                prop="riskReason"
+                width="100"
+                show-overflow-tooltip
+            />
+            <el-table-column
+                label="风险内容"
+                show-overflow-tooltip
+            >
+              <template #default="{ row }">
+                <span style="white-space: pre-wrap;">{{ row.data }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="180">
+              <template #default="{ row }">
+                <el-button
+                    type="primary"
+                    link
+                    @click="handleShowNotification(row.id)"
+                >预警提醒
+                </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>
+
+    <el-dialog v-model="showNotification" title="创建提醒" width="600px">
+      <el-form label-width="148" :model="formData2" ref="formRef">
+        <el-form-item label="提醒类型">
+          <div class="flex gap">
+            <el-select
+                v-model="formData2.alarmTypeId"
+                style="min-width: 185px"
+            >
+              <el-option :value="1" label="预警问题"/>
+              <el-option :value="2" label="风险问题"/>
+              <el-option :value="3" label="提醒通知"/>
+            </el-select>
+          </div>
+        </el-form-item>
+        <el-form-item
+            style="width: 333px"
+            label="被通知单位"
+            prop="involveDepartId"
+            :rules="{
+                                message: '请选择问题涉及单位',
+                                trigger: ['blur'],
+                            }"
+        >
+          <depart-tree-select
+              v-model="formData2.involveDepartId"
+              :check-strictly="true"
+              @node-click=" (row) => changeDepart(row)"
+          />
+        </el-form-item>
+        <el-form-item
+            label="被提醒民警"
+            prop="blameEmpNo"
+            :rules="{
+                                    required: true,
+                                    message: '请选择提醒民警',
+                                    trigger: ['blur'],
+                                }"
+        >
+          <el-select
+              v-model="police"
+              value-key="idCode"
+              placeholder="请选择提醒民警"
+              @change="changePolice"
+              style="width: 240px"
+          >
+            <el-option
+                v-for="item in polices"
+                :key="item.idCode"
+                :label="item.name"
+                :value="item"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+            label="提醒内容"
+        >
+          <el-input
+              type="textarea"
+              v-model="formData2.alarmContent"
+              :autosize="{ minRows: 12 }"
+              :rules="{
+                                message: '请填写提醒内容',
+                                trigger: ['blur'],
+                            }"
+              style="width: 280px"
+          />
+        </el-form-item>
+      </el-form>
+      <footer class="flex end">
+        <el-button @click="showNotification = false" size="large">取消</el-button>
+        <el-button type="primary" @click="handleNotification" size="large"
+        >提交
+        </el-button
+        >
+      </footer>
+    </el-dialog>
+  </div>
 </template>
 <script lang="ts" setup>
-import { listRiskClues } from "@/api/sensitivePerception/riskClue";
-
+import {listRiskClues} from "@/api/sensitivePerception/riskClue";
+import {listPoliceAll} from "~/api/system/police";
+import {ref} from "vue";
+import {alarmNotificationCommit} from "~/api/work/alarm";
+import feedback from "~/utils/feedback";
 const query = ref({});
 
 const list = ref([]);
 const total = ref(0);
 
 onMounted(() => {
-    getList();
+  getList();
 });
 watch(() => query.value.riskScoreRuleId, () => {
-    getList()
+  getList()
 })
 const route = useRoute();
 watch(
     () => route.query.riskScoreRuleId,
     (val) => {
-        query.value.riskScoreRuleId = [val];
+      query.value.riskScoreRuleId = [val];
     }
 );
 
 const loading = ref(false)
+
+let showNotification = ref(false)
+let formData2 = ref({
+  alarmTypeId: 1,
+  involveDepartId: '',
+  involveDepartName: '',
+  alarmContent: '',
+  blameName: '',
+  blameIdCode: '',
+  blameEmpNo: '',
+  blames: {},
+  level: -1
+})
+let police = ref({})
+let polices = ref([])
+let currentClueId = ref(-1)
+
+const handleShowNotification = (id) => {
+  showNotification.value = true
+  currentClueId.value = id
+}
+
+const handleNotification = async () => {
+  if(formData2.value.involveDepartId == '') {
+    feedback.msgWarning("请选择被提醒单位");
+    return;
+  }
+  if(formData2.value.alarmContent == '') {
+    feedback.msgWarning("请填写提醒内容");
+    return;
+  }
+  if(formData2.value.policeIdCode == '') {
+    feedback.msgWarning("请选择被提醒民警");
+    return;
+  }
+  let data = {
+    alarmTypeId: formData2.value.alarmTypeId,
+    notificationDepartCode: formData2.value.involveDepartId,
+    notificationDepartName: formData2.value.involveDepartName,
+    alarmContent: formData2.value.alarmContent,
+    policeName: police.value.name,
+    policeIdCode: police.value.idCode,
+    policeNo: police.value.empNo
+  }
+  if(currentClueId.value != -1) {
+    data['clueId'] = currentClueId.value
+  }
+  await alarmNotificationCommit(data);
+  showNotification.value = false;
+  feedback.msgSuccess("操作成功");
+}
+
+const changeDepart = (row) => {
+  formData2.value.involveDepartName = row.shortName;
+  formData2.value.level = row.level
+  police.value = {}
+  getPolices(row.id);
+}
+
+const changePolice  = (data) => {
+  police.value = {
+    idCode: data.idCode,
+    empNo: data.empNo,
+    name: data.name
+  }
+}
+
+function getPolices(departId) {
+  if(departId=='') {
+    return;
+  }
+  listPoliceAll(departId).then(res => {
+    polices.value = res
+  })
+}
+
 function getList() {
-    loading.value = true
-    listRiskClues(query.value).then((data) => {
-        list.value = data.records;
-        total.value = data.total;
-        loading.value = false
-    });
+  loading.value = true
+  listRiskClues(query.value).then((data) => {
+    list.value = data.records;
+    total.value = data.total;
+    loading.value = false
+  });
 }
 
 const filterJsonData = (row) => {
-  if(row.data == undefined) {
+  if (row.data == undefined) {
     return ''
   }
   let j = JSON.parse(row.data)
   let str = ''
-  if(j instanceof Array) {
+  if (j instanceof Array) {
     j.forEach(item => {
-      str += JSON.stringify(item)+"\n";
+      str += JSON.stringify(item) + "\n";
     })
   }
-  if(j.sourceData != undefined) {
+  if (j.sourceData != undefined) {
     j = JSON.parse(row.sourceData)
   }
 
-  for(let key in j) {
-    if(key == 'eventTime') {
+  for (let key in j) {
+    if (key == 'eventTime') {
       continue
     }
-    if(key == 'idCode') {
+    if (key == 'idCode') {
       continue
     }
-    if(key == 'departId') {
+    if (key == 'departId') {
       continue
     }
-    if(key == 'personId') {
+    if (key == 'personId') {
       continue
     }
-    if(key == 'name') {
+    if (key == 'name') {
       continue
     }
-    str += j[key]+'\n'
+    str += j[key] + '\n'
   }
 }
 
 function reset() {
-    query.value = {};
-    getList();
+  query.value = {};
+  getList();
 }
 
 </script>
diff --git a/src/views/sensitivePerception/RiskPersonnel.vue b/src/views/sensitivePerception/RiskPersonnel.vue
index f3cec5d..85848e3 100644
--- a/src/views/sensitivePerception/RiskPersonnel.vue
+++ b/src/views/sensitivePerception/RiskPersonnel.vue
@@ -1,263 +1,425 @@
 <template>
-    <div class="container">
-        <header>
-            <el-form :label-width="114">
-                <el-row>
-                    <el-col :span="6">
-                        <el-form-item label="姓名">
-                            <el-input
-                                placeholder="请输入"
-                                v-model="query.name"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="身份证号">
-                            <el-input
-                                placeholder="请输入"
-                                v-model="query.idCode"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="手机号">
-                            <el-input
-                                placeholder="请输入"
-                                v-model="query.mobileNumber"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="6">
-                        <el-form-item label="年龄">
-                            <el-input
-                                placeholder="请输入"
-                                v-model="query.age"
-                                type="number"
-                                clearable
-                            />
-                        </el-form-item>
-                    </el-col>
-                </el-row>
-            </el-form>
-            <div class="mb-25 flex end">
-                <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="name" width="100" />
-                <el-table-column
-                    label="性别"
-                    prop="gender"
-                    width="60"
-                    align="center"
-                >
-                    <template #default="{ row }">
-                        <span>{{ getGender(row.gender) }}</span>
-                    </template>
-                </el-table-column>
-                <el-table-column label="年龄" prop="age" width="60" />
-                <el-table-column label="身份证号" prop="idCode" width="180" />
-                <el-table-column
-                    label="手机号"
-                    prop="mobileNumber"
-                    width="120"
-                />
-                <el-table-column label="人员标签" show-overflow-tooltip>
-                    <template #default="{ row }">
-                        <div class="flex gap" v-if="row.tags">
-                            <el-tag
-                                v-for="item in row.tags.split(',')"
-                                :key="item"
-                                >{{ item }}</el-tag
-                            >
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column label="高风险因素" show-overflow-tooltip>
-                    <template #default="{ row }">
-                        <div class="flex gap" v-if="row.smallTags">
-                            <el-tag
-                                type="danger"
-                                v-for="item in row.smallTags"
-                                :key="item"
-                                >{{ item }}</el-tag
-                            >
-                        </div>
-                    </template>
-                </el-table-column>
-                <el-table-column
-                    label="高风险指数"
-                    prop="riskScore"
-                    width="120"
-                    align="center"
-                />
-                <el-table-column label="操作" width="160">
-                    <template #default="{ row }">
-                        <el-button
-                            type="primary"
-                            link
-                            @click="handleShowDesc(row)"
-                            >查看详情</el-button
-                        >
-                    </template>
-                </el-table-column>
-            </el-table>
+  <div class="container">
+    <header>
+      <el-form :label-width="114">
+        <el-row>
+          <el-col :span="6">
+            <el-form-item label="姓名">
+              <el-input
+                  placeholder="请输入"
+                  v-model="query.name"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="身份证号">
+              <el-input
+                  placeholder="请输入"
+                  v-model="query.idCode"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="手机号">
+              <el-input
+                  placeholder="请输入"
+                  v-model="query.mobileNumber"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="6">
+            <el-form-item label="年龄">
+              <el-input
+                  placeholder="请输入"
+                  v-model="query.age"
+                  type="number"
+                  clearable
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div class="mb-25 flex end">
+        <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 class="flex end mt-8">
-            <el-pagination
-                @size-change="getList"
-                @current-change="getList"
-                :current-page="query.current"
-                :page-sizes="[10, 20, 50]"
-                :page-size="query.size"
-                v-model:current-page="query.current"
-                layout="total, sizes, prev, pager, next"
-                :total="total"
+      </div>
+    </header>
+    <div class="table-container">
+      <el-table :data="list">
+        <el-table-column label="姓名" prop="name" width="100"/>
+        <el-table-column
+            label="性别"
+            prop="gender"
+            width="60"
+            align="center"
+        >
+          <template #default="{ row }">
+            <span>{{ getGender(row.gender) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="年龄" prop="age" width="60"/>
+        <el-table-column label="身份证号" prop="idCode" width="180"/>
+        <el-table-column
+            label="手机号"
+            prop="mobileNumber"
+            width="120"
+        />
+        <el-table-column label="人员标签" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div class="flex gap" v-if="row.tags">
+              <el-tag
+                  v-for="item in row.tags.split(',')"
+                  :key="item"
+              >{{ item }}
+              </el-tag
+              >
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column label="高风险因素" show-overflow-tooltip>
+          <template #default="{ row }">
+            <div class="flex gap" v-if="row.smallTags">
+              <el-tag
+                  type="danger"
+                  v-for="item in row.smallTags"
+                  :key="item"
+              >{{ item }}
+              </el-tag
+              >
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+            label="高风险指数"
+            prop="riskScore"
+            width="120"
+            align="center"
+        />
+        <el-table-column label="操作" width="160">
+          <template #default="{ row }">
+            <el-button
+                type="primary"
+                link
+                @click="handleShowDesc(row)"
+            >查看详情
+            </el-button
             >
-            </el-pagination>
-        </div>
+            <el-button
+                type="primary"
+                link
+                @click="handleShowNotification"
+            >预警提醒
+            </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="[10, 20, 50]"
+          :page-size="query.size"
+          v-model:current-page="query.current"
+          layout="total, sizes, prev, pager, next"
+          :total="total"
+      >
+      </el-pagination>
     </div>
+  </div>
 
-    <el-dialog title="风险人员详情" v-model="show" width="80vw" top="2vh">
-        <el-row>
-            <el-col :span="5"></el-col>
-            <el-col :span="12">
-                <div class="row" style="--label-width: 60px">
-                    <div class="col col-8">
-                        <label>姓名</label>
-                        <span>{{ activeRow.name }}</span>
-                    </div>
-                    <div class="col col-8">
-                        <label>性别</label>
-                        <span>{{ getGender(activeRow.gender) }}</span>
-                    </div>
-                    <div class="col col-8">
-                        <label>身份证号</label>
-                        <span>{{ activeRow.idCode }}</span>
-                    </div>
-                    <div class="col col-8">
-                        <label>年龄</label>
-                        <span>{{ activeRow.age }}</span>
-                    </div>
-                </div>
-            </el-col>
-            <el-col :span="5">
-                <div class="flex center column text-center">
-                    <div class="socre-box">
-                        {{ personal.riskPersonal.riskScore.toFixed(1) }}
-                    </div>
-                    <span style="font-size: 24px" class="mt-10">风险指数</span>
-                </div>
-            </el-col>
-        </el-row>
-        <div style="min-height: 50vh">
-            <div v-for="(item, index) in personal.riskClueList" :key="index">
-                <div>
-                    <span class="text-primary">{{ item.riskName }}</span>
-                </div>
-                <el-table :data="item.clues" max-height="300">
-                    <el-table-column
-                        label="发生时间"
-                        prop="eventTime"
-                        width="160"
-                    />
-                    <el-table-column
-                        label="风险因素"
-                        prop="riskReason"
-                        width="160"
-                        show-overflow-tooltip
-                    />
-                    <el-table-column
-                        label="风险内容"
-                        show-overflow-tooltip
-                    >
-                      <template #default="{ row }">
-                        <span style="white-space: pre-wrap;">{{row.data}}</span>
-                      </template>
-                    </el-table-column>
-                    <el-table-column width="80" label="分值" prop="score" />
-                </el-table>
-            </div>
+  <el-dialog title="风险人员详情" v-model="show" width="80vw" top="2vh">
+    <el-row>
+      <el-col :span="5"></el-col>
+      <el-col :span="12">
+        <div class="row" style="--label-width: 60px">
+          <div class="col col-8">
+            <label>姓名</label>
+            <span>{{ activeRow.name }}</span>
+          </div>
+          <div class="col col-8">
+            <label>性别</label>
+            <span>{{ getGender(activeRow.gender) }}</span>
+          </div>
+          <div class="col col-8">
+            <label>身份证号</label>
+            <span>{{ activeRow.idCode }}</span>
+          </div>
+          <div class="col col-8">
+            <label>年龄</label>
+            <span>{{ activeRow.age }}</span>
+          </div>
         </div>
-    </el-dialog>
+      </el-col>
+      <el-col :span="5">
+        <div class="flex center column text-center">
+          <div class="socre-box">
+            {{ personal.riskPersonal.riskScore.toFixed(1) }}
+          </div>
+          <span style="font-size: 24px" class="mt-10">风险指数</span>
+        </div>
+      </el-col>
+    </el-row>
+    <div style="min-height: 50vh">
+      <div v-for="(item, index) in personal.riskClueList" :key="index">
+        <div>
+          <span class="text-primary">{{ item.riskName }}</span>
+        </div>
+        <el-table :data="item.clues" max-height="300">
+          <el-table-column
+              label="发生时间"
+              prop="eventTime"
+              width="160"
+          />
+          <el-table-column
+              label="风险因素"
+              prop="riskReason"
+              width="160"
+              show-overflow-tooltip
+          />
+          <el-table-column
+              label="风险内容"
+              show-overflow-tooltip
+          >
+            <template #default="{ row }">
+              <span style="white-space: pre-wrap;">{{ row.data }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column width="80" label="分值" prop="score"/>
+        </el-table>
+      </div>
+    </div>
+  </el-dialog>
+  <el-dialog v-model="showNotification" title="创建提醒" width="600px">
+    <el-form label-width="148" :model="formData2" ref="formRef">
+      <el-form-item label="提醒类型">
+        <div class="flex gap">
+          <el-select
+              v-model="formData2.alarmTypeId"
+              style="min-width: 185px"
+          >
+            <el-option :value="1" label="预警问题"/>
+            <el-option :value="2" label="风险问题"/>
+            <el-option :value="3" label="提醒通知"/>
+          </el-select>
+        </div>
+      </el-form-item>
+      <el-form-item
+          style="width: 333px"
+          label="被通知单位"
+          prop="involveDepartId"
+          :rules="{
+                                message: '请选择问题涉及单位',
+                                trigger: ['blur'],
+                            }"
+      >
+        <depart-tree-select
+            v-model="formData2.involveDepartId"
+            :check-strictly="true"
+            @node-click=" (row) => changeDepart(row)"
+        />
+      </el-form-item>
+      <el-form-item
+          label="被提醒民警"
+          prop="blameEmpNo"
+          :rules="{
+                                    required: true,
+                                    message: '请选择提醒民警',
+                                    trigger: ['blur'],
+                                }"
+      >
+        <el-select
+            v-model="police"
+            value-key="idCode"
+            placeholder="请选择提醒民警"
+            @change="changePolice"
+            style="width: 240px"
+        >
+          <el-option
+              v-for="item in polices"
+              :key="item.idCode"
+              :label="item.name"
+              :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item
+          label="提醒内容"
+      >
+        <el-input
+            type="textarea"
+            v-model="formData2.alarmContent"
+            :autosize="{ minRows: 12 }"
+            :rules="{
+                                message: '请填写提醒内容',
+                                trigger: ['blur'],
+                            }"
+            style="width: 280px"
+        />
+      </el-form-item>
+    </el-form>
+    <footer class="flex end">
+      <el-button @click="showNotification = false" size="large">取消</el-button>
+      <el-button type="primary" @click="handleNotification" size="large"
+      >提交
+      </el-button
+      >
+    </footer>
+  </el-dialog>
 </template>
 <script lang="ts" setup>
 import {
-    listRiskPersonnel,
-    getRiskPersonnel,
+  listRiskPersonnel,
+  getRiskPersonnel,
 } from "@/api/sensitivePerception/riskPersonnel";
+import {ref} from "vue";
+import {alarmNotificationCommit} from "~/api/work/alarm";
+import feedback from "~/utils/feedback";
+import {listPoliceAll} from "~/api/system/police";
+
 
 const query = ref({});
 const list = ref<any[]>([]);
 const total = ref(0);
 const show = ref(false);
 
+let showNotification = ref(false)
+let formData2 = ref({
+  alarmTypeId: 1,
+  involveDepartId: '',
+  involveDepartName: '',
+  alarmContent: '',
+  blameName: '',
+  blameIdCode: '',
+  blameEmpNo: '',
+  blames: {},
+  level: -1
+})
+let police = ref({})
+let polices = ref([])
+
+const handleShowNotification = () => {
+  showNotification.value = true
+}
+
+const handleNotification = async () => {
+  if(formData2.value.involveDepartId == '') {
+    feedback.msgWarning("请选择被提醒单位");
+    return;
+  }
+  if(formData2.value.alarmContent == '') {
+    feedback.msgWarning("请填写提醒内容");
+    return;
+  }
+  if(formData2.value.policeIdCode == '') {
+    feedback.msgWarning("请选择被提醒民警");
+    return;
+  }
+  let data = {
+    alarmTypeId: formData2.value.alarmTypeId,
+    notificationDepartCode: formData2.value.involveDepartId,
+    notificationDepartName: formData2.value.involveDepartName,
+    alarmContent: formData2.value.alarmContent,
+    policeName: police.value.name,
+    policeIdCode: police.value.idCode,
+    policeNo: police.value.empNo
+  }
+  await alarmNotificationCommit(data);
+  showNotification.value = false;
+  feedback.msgSuccess("操作成功");
+}
+
+const changeDepart = (row) => {
+  formData2.value.involveDepartName = row.shortName;
+  formData2.value.level = row.level
+  police.value = {}
+  getPolices(row.id);
+}
+
+const changePolice  = (data) => {
+  police.value = {
+    idCode: data.idCode,
+    empNo: data.empNo,
+    name: data.name
+  }
+}
+
+function getPolices(departId) {
+  if(departId=='') {
+    return;
+  }
+  listPoliceAll(departId).then(res => {
+    polices.value = res
+  })
+}
+
 function getList() {
-    listRiskPersonnel(query.value).then((data) => {
-        list.value = data.records;
-        total.value = data.total;
-    });
+  listRiskPersonnel(query.value).then((data) => {
+    list.value = data.records;
+    total.value = data.total;
+  });
 }
 
 function reset() {
-    query.value = {};
-    getList();
+  query.value = {};
+  getList();
 }
 
 onMounted(() => {
-    getList();
+  getList();
 });
 
 const activeRow = ref({});
 const personal = ref({
-    riskClueList: [],
+  riskClueList: [],
 });
+
 async function handleShowDesc(row) {
-    activeRow.value = row;
-    const data = await getRiskPersonnel(row.id);
-    show.value = true;
-    personal.value = data;
+  activeRow.value = row;
+  const data = await getRiskPersonnel(row.id);
+  show.value = true;
+  personal.value = data;
 }
 
 const filterJsonData = (row) => {
-  if(row.data == undefined) {
+  if (row.data == undefined) {
     return ''
   }
   try {
     let j = JSON.parse(row.data)
-    if(j.sourceData != undefined) {
+    if (j.sourceData != undefined) {
       j = JSON.parse(row.sourceData)
     }
     let str = ''
-    for(let key in j) {
-      if(key == 'eventTime') {
+    for (let key in j) {
+      if (key == 'eventTime') {
         continue
       }
-      if(key == 'idCode') {
+      if (key == 'idCode') {
         continue
       }
-      if(key == 'departId') {
+      if (key == 'departId') {
         continue
       }
-      if(key == 'personId') {
+      if (key == 'personId') {
         continue
       }
-      if(key == 'name') {
+      if (key == 'name') {
         continue
       }
-      str += j[key]+'\n'
+      str += j[key] + '\n'
     }
     return str
   } catch (e) {
@@ -266,24 +428,24 @@ const filterJsonData = (row) => {
 }
 
 function getGender(val) {
-    if (val == 1) {
-        return "男";
-    }
-    if (val == 2) {
-        return "女";
-    }
-    return "";
+  if (val == 1) {
+    return "男";
+  }
+  if (val == 2) {
+    return "女";
+  }
+  return "";
 }
 </script>
 <style lang="scss" scoped>
 .socre-box {
-    background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%);
-    border-radius: 9px;
-    border: 2px solid #f11d16;
-    height: 153px;
-    line-height: 153px;
-    text-align: center;
-    font-size: 124px;
-    color: #fff;
+  background: linear-gradient(180deg, #ffa36a 0%, #ff0000 100%);
+  border-radius: 9px;
+  border: 2px solid #f11d16;
+  height: 153px;
+  line-height: 153px;
+  text-align: center;
+  font-size: 124px;
+  color: #fff;
 }
 </style>
diff --git a/src/views/work/Alarm.vue b/src/views/work/Alarm.vue
index b5f8af7..6658a62 100644
--- a/src/views/work/Alarm.vue
+++ b/src/views/work/Alarm.vue
@@ -102,7 +102,13 @@
           <el-table-column
               label="被通知单位"
               prop="notificationDepartName"
-              width="150"
+              width="90"
+              show-overflow-tooltip
+          />
+          <el-table-column
+              label="被通知民警"
+              prop="policeName"
+              width="90"
           />
           <el-table-column
               label="提醒内容"
@@ -176,6 +182,15 @@
               style="width: 280px"
           />
         </el-form-item>
+        <el-form-item
+            label="被通知单位"
+        >
+          <el-input
+              v-model="formData.policeName"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
         <el-form-item
             label="提醒内容"
         >
@@ -245,6 +260,15 @@
               style="width: 280px"
           />
         </el-form-item>
+        <el-form-item
+            label="被通知单位"
+        >
+          <el-input
+              v-model="showData.policeName"
+              disabled
+              style="width: 280px"
+          />
+        </el-form-item>
         <el-form-item
             label="提醒内容"
         >