From 837ebd76e786b61abb783245de907a0b09e87cb3 Mon Sep 17 00:00:00 2001
From: lijianzhong <m18328725261@163.com>
Date: Tue, 30 Jan 2024 17:05:58 +0800
Subject: [PATCH] =?UTF-8?q?feat=EF=BC=9A=E9=9A=90=E6=82=A3=E7=82=B9?=
 =?UTF-8?q?=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/Othteam.ts                            |   2 +-
 src/router/modules/emergency.js               |  11 +
 .../danger-points/dialog/add-edit.vue         | 133 ++++++++++
 src/views/emergency/danger-points/index.vue   | 236 ++++++++++++++++++
 src/views/emergency/plan/index.vue            |  57 +++--
 .../shelter/dialog/add-edit-dialog.vue        |   2 +-
 6 files changed, 410 insertions(+), 31 deletions(-)
 create mode 100644 src/views/emergency/danger-points/dialog/add-edit.vue
 create mode 100644 src/views/emergency/danger-points/index.vue

diff --git a/src/api/Othteam.ts b/src/api/Othteam.ts
index 1f977b1..6b88e98 100644
--- a/src/api/Othteam.ts
+++ b/src/api/Othteam.ts
@@ -204,7 +204,7 @@ export function delOtheWareHouse(data) {
 */
 export function getOthplanPage(params) {
     return request({
-        url: `admin/Othplan/getOthplanPage`,
+        url: `admin/Othplan/saveOthplan`,
         method: "GET",
         params: params
     });
diff --git a/src/router/modules/emergency.js b/src/router/modules/emergency.js
index c8491fd..a5d479b 100644
--- a/src/router/modules/emergency.js
+++ b/src/router/modules/emergency.js
@@ -92,6 +92,17 @@ export default {
                 title: '应急预案',
                 breadcrumb: true, //是否显示面包屑
             }
+        },
+        {
+            path: 'point',
+            name: 'point',
+            component: () => import('@/views/emergency/danger-points/index.vue'),
+            meta: {
+                icon: 'point',
+                auth: "emer.plan",
+                title: '隐患点位',
+                breadcrumb: true, //是否显示面包屑
+            }
         }
     ]
 }
\ No newline at end of file
diff --git a/src/views/emergency/danger-points/dialog/add-edit.vue b/src/views/emergency/danger-points/dialog/add-edit.vue
new file mode 100644
index 0000000..edbb2aa
--- /dev/null
+++ b/src/views/emergency/danger-points/dialog/add-edit.vue
@@ -0,0 +1,133 @@
+<template>
+  <BaseDialog
+    :dialogVisible="props.visible"
+    @close="onclone"
+    :titleName="titleName + '隐患点'"
+    width="50%"
+    @onSubmit="handleSubmit"
+    :footerclosed="true"
+    :diafooter="true"
+  >
+    <div class="detailForm-content">
+      <el-form
+        ref="formRef"
+        label-width="120"
+        :rules="ruleForm"
+        :model="formData"
+        class="center-form"
+      >
+        <el-form-item label="点位名称" prop="name">
+          <el-input placeholder="请输入" type="input" v-model="formData.name" />
+        </el-form-item>
+        <el-form-item label="点位类型" prop="type">
+          <el-select
+            v-model="type"
+            @change="getList"
+            clearable
+            placeholder="请选择"
+          >
+            <el-option
+              v-for="item in types"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="详细地址" prop="address" style="width: 94%">
+          <el-input
+            placeholder="请输入"
+            type="input"
+            v-model="formData.address"
+          />
+        </el-form-item>
+        <el-form-item label="简介/备注" prop="remarks" style="width: 94%">
+          <el-input
+            placeholder="请输入"
+            :rows="4"
+            type="textarea"
+            v-model="formData.remarks"
+        /></el-form-item>
+      </el-form>
+    </div>
+  </BaseDialog>
+</template>
+<script setup lang='ts'>
+import { reactive, ref, onMounted, watch } from "vue";
+import { ElMessage, FormInstance, FormRules } from "element-plus";
+import { getUUID } from "@/utils/common";
+const uuid = ref(getUUID());
+
+import { inListAdd } from "@/api/industry";
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    default: false,
+  },
+  form: Object,
+});
+
+const emits = defineEmits(["close"]);
+const titleName = ref("新增");
+// 表单
+const formRef = ref<FormInstance>();
+const ruleForm = reactive<FormRules>({
+  name: [{ required: true, message: "请输入名字", trigger: "blur" }],
+  type: [{ required: true, message: "请选择类型", trigger: "blur" }],
+  address: [{ required: true, message: "请输入地址", trigger: "blur" }],
+  remarks: [{ required: true, message: "请输入简介/备注", trigger: "blur" }],
+});
+const formData = ref<any>({});
+
+const types = ref([
+  { label: "防汛", value: 1 },
+  { label: "火灾", value: 2 },
+  { label: "治安", value: 3 },
+  { label: "安全生产", value: 4 },
+]);
+
+//保存并退出
+const handleSubmit = () => {
+  formRef.value?.validate((valid) => {
+    if (valid) {
+      formData.value.sortId = formData.value.sortId || 1;
+      formData.value.industryId = props.id;
+      formData.value.delState = formData.value.delState || 1;
+      inListAdd(formData.value).then((res: any) => {
+        if (res.code == 1) {
+          ElMessage.success({
+            message: "操作成功",
+            type: "success",
+          });
+          onclone();
+        } else {
+          ElMessage.error({
+            message: res.message,
+            type: "error",
+          });
+        }
+      });
+    }
+    return false;
+  });
+};
+
+//关闭弹窗
+const onclone = () => {
+  formRef.value?.clearValidate();
+  formData.value = {};
+  emits("close");
+};
+onMounted(() => {});
+
+watch(
+  () => props.form,
+  (val: any) => {
+    titleName.value = val.id ? "编辑" : "新增";
+    formData.value = JSON.parse(JSON.stringify(val));
+  }
+);
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/src/views/emergency/danger-points/index.vue b/src/views/emergency/danger-points/index.vue
new file mode 100644
index 0000000..b95751c
--- /dev/null
+++ b/src/views/emergency/danger-points/index.vue
@@ -0,0 +1,236 @@
+<!-- 应急值守 -->
+<template>
+  <div class="percentage-content">
+    <div class="content">
+      <div style="margin-bottom: 16px" class="h-layout space-between h-center">
+        <div>
+          <div class="h-layout h-center">
+            <div
+              class="tool-item"
+              @click="(dialogVisible = true), (form = {}), (readonly = false)"
+            >
+              <svg-icon name="add" class="icon" />
+              <span>新增</span>
+            </div>
+            <div class="tool-item" @click="getList">
+              <svg-icon name="refurbish" class="icon" />
+              <span>刷新</span>
+            </div>
+            <div class="label-select filter-tab">
+              <label>点位类型</label>
+              <el-select
+                v-model="type"
+                @change="getList"
+                clearable
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in types"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </div>
+          </div>
+        </div>
+        <div style="width: 30%">
+          <div>
+            <el-input
+              v-model="search"
+              @keydown.enter.native="getList"
+              placeholder="请输入关键字"
+              class="search-input"
+            >
+              <template #append>
+                <span @click="getList" class="search-bottom">
+                  <svg-icon name="search" class="icon_class" />
+                  <span>搜索</span>
+                </span>
+              </template>
+            </el-input>
+          </div>
+        </div>
+      </div>
+      <el-table
+        ref="loading"
+        v-loading="tableDataloading"
+        :data="tableData"
+        header-row-class-name="el-one-header"
+        @selection-change="handleSelectionChange"
+        border
+      >
+        <el-table-column
+          type="index"
+          align="center"
+          label="序列"
+          width="60"
+        ></el-table-column>
+        <el-table-column
+          prop="name"
+          :resizable="true"
+          align="center"
+          label="点位名称"
+        ></el-table-column>
+        <el-table-column
+          prop="address"
+          :resizable="true"
+          align="center"
+          label="点位类型"
+        ></el-table-column>
+        <el-table-column
+          prop="phone"
+          :resizable="true"
+          align="center"
+          label="详细地址"
+        ></el-table-column>
+
+        <el-table-column
+          :resizable="true"
+          align="center"
+          width="260"
+          label="操作"
+        >
+          <template #default="scope">
+            <span
+              class="operate"
+              @click="
+                (dialogVisible = true), (form = scope.row), (readonly = false)
+              "
+            >
+              <svg-icon name="edit" class="icon"></svg-icon>
+              <span class="edit">编辑</span>
+            </span>
+            <span
+              class="operate"
+              @click="
+                (dialogVisible = true), (form = scope.row), (readonly = true)
+              "
+            >
+              <svg-icon name="detail" class="icon"></svg-icon>
+              <span class="detail">详情</span>
+            </span>
+            <span class="operate" @click="deletelist(scope.row.othequipmentid)">
+              <svg-icon name="delete" class="icon"></svg-icon>
+              <span class="func">删除</span>
+            </span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <!-- 分页 -->
+      <el-pagination
+        class="pagination"
+        @size-change="getList"
+        @current-change="getList"
+        v-model:current-page.sync="currentPage"
+        :page-sizes="[10, 15, 20, 30]"
+        v-model:page-size.sync="pageSize"
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        background
+      >
+      </el-pagination>
+      <!-- 新增 -->
+      <AddEdit :visible="dialogVisible" :form="form" @close="onclone" />
+    </div>
+  </div>
+</template>
+
+<script lang='ts' setup>
+import { onMounted, reactive, ref } from "vue";
+import { ElMessage, ElMessageBox } from "element-plus";
+import { getOthequipmentPage, delOthequipment } from "@/api/Othteam";
+import AddEdit from "./dialog/add-edit.vue";
+
+import useUserStore from "@/store/modules/user";
+const userStore = useUserStore();
+const user = ref(JSON.parse(userStore.userInfo));
+const userId = ref(user.value.userId);
+
+const types = ref([
+  { label: "防汛", value: 1 },
+  { label: "火灾", value: 2 },
+  { label: "治安", value: 3 },
+  { label: "安全生产", value: 4 },
+]);
+const type = ref();
+
+const search = ref([]);
+const tableData = ref([]);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const total = ref(0);
+
+const dialogVisible = ref(false);
+const form = ref({});
+const readonly = ref(false);
+
+const handleSelectionChange = () => {};
+//获取列表
+const tableDataloading = ref(false);
+const getList = () => {
+  tableDataloading.value = true;
+  let params = {
+    equname: search.value,
+    equtype: null,
+    houseId: null,
+    limit: pageSize.value,
+    page: currentPage.value,
+  };
+  getOthequipmentPage(params).then((res: any) => {
+    tableData.value = res.data.list;
+    total.value = res.data.total;
+    tableDataloading.value = false;
+  });
+};
+//删除列表
+const deletelist = (id) => {
+  ElMessageBox.confirm("是否确认删除?", "提示", {
+    confirmButtonText: "是",
+    cancelButtonText: "否",
+    type: "warning",
+  }).then(() => {
+    delOthequipment(id, userId.value).then((res: any) => {
+      if (res.code == 1) {
+        ElMessage.success({
+          message: "删除成功",
+          type: "success",
+        });
+      } else {
+        ElMessage.error({
+          message: res.message,
+          type: "error",
+        });
+      }
+      getList();
+    });
+  });
+};
+//关闭新增弹窗
+const onclone = () => {
+  dialogVisible.value = false;
+  form.value = {};
+};
+onMounted(() => {
+  getList();
+});
+</script>
+  
+  <style lang="scss" scoped>
+.content {
+  width: 100%;
+  background: #fff;
+  border-radius: 0.26042vw;
+  box-shadow: 0 0 0.41667vw 0 rgba(8, 33, 85, 0.1);
+  height: 100%;
+  padding: 0.83333vw;
+  overflow-y: auto;
+  overflow-x: hidden !important;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -o-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/emergency/plan/index.vue b/src/views/emergency/plan/index.vue
index 3b0b7e4..16c467d 100644
--- a/src/views/emergency/plan/index.vue
+++ b/src/views/emergency/plan/index.vue
@@ -3,7 +3,7 @@
     <div class="content">
       <div style="margin-bottom: 16px" class="h-layout space-between h-center">
         <div>
-          <div class="h-layout">
+          <div class="h-layout h-center">
             <div
               class="tool-item"
               @click="(dialogVisible = true), (form = {}), (readonly = false)"
@@ -11,26 +11,44 @@
               <svg-icon name="add" class="icon" />
               <span>新增</span>
             </div>
-            <div class="tool-item" @click="getCompanyList">
+            <div class="tool-item" @click="getList">
               <svg-icon name="refurbish" class="icon" />
               <span>刷新</span>
             </div>
-            <div class="tool-item" @click="getCompanyList">
+            <div class="tool-item" @click="getList">
               <svg-icon name="export" class="icon" />
               <span>导出</span>
             </div>
+
+            <div class="label-select filter-tab">
+              <label>预案类型</label>
+              <el-select
+                v-model="type"
+                @change="getList"
+                clearable
+                placeholder="请选择"
+              >
+                <el-option
+                  v-for="item in option"
+                  :key="item.othtypeid"
+                  :label="item.othtypename"
+                  :value="item.othtypeid"
+                >
+                </el-option>
+              </el-select>
+            </div>
           </div>
         </div>
         <div style="width: 30%">
           <div>
             <el-input
               v-model="search"
-              @keydown.enter="getCompanyList"
+              @keydown.enter="getList"
               placeholder="输入预案名称"
               class="search-input"
             >
               <template #append>
-                <span @click="getCompanyList" class="search-bottom">
+                <span @click="getList" class="search-bottom">
                   <svg-icon name="search" class="icon_class" />
                   <span>搜索</span>
                 </span>
@@ -39,25 +57,6 @@
           </div>
         </div>
       </div>
-      <div style="display: flex; margin-bottom: 10px">
-        <div class="label-select filter-tab">
-          <label>预案类型</label>
-          <el-select
-            v-model="type"
-            @change="getCompanyList"
-            clearable
-            placeholder="请选择"
-          >
-            <el-option
-              v-for="item in option"
-              :key="item.othtypeid"
-              :label="item.othtypename"
-              :value="item.othtypeid"
-            >
-            </el-option>
-          </el-select>
-        </div>
-      </div>
       <el-table
         ref="loading"
         v-loading="tableDataloading"
@@ -115,8 +114,8 @@
       <!-- 分页 -->
       <el-pagination
         class="pagination"
-        @size-change="getCompanyList"
-        @current-change="getCompanyList"
+        @size-change="getList"
+        @current-change="getList"
         v-model:current-page="currentPage"
         :page-sizes="[10, 15, 20, 30]"
         v-model:page-size="pageSize"
@@ -159,7 +158,7 @@ const readonly = ref(false);
 const handleSelectionChange = () => {};
 //获取列表
 const tableDataloading = ref(false);
-const getCompanyList = () => {
+const getList = () => {
   tableDataloading.value = true;
   let params = {
     planname: search.value,
@@ -183,10 +182,10 @@ const OthtypeList = () => {
 const onclone = () => {
   dialogVisible.value = false;
   form.value = {};
-  getCompanyList();
+  getList();
 };
 onMounted(() => {
-  getCompanyList();
+  getList();
   OthtypeList();
 });
 </script>
diff --git a/src/views/emergency/shelter/dialog/add-edit-dialog.vue b/src/views/emergency/shelter/dialog/add-edit-dialog.vue
index d68b5f7..8fc5258 100644
--- a/src/views/emergency/shelter/dialog/add-edit-dialog.vue
+++ b/src/views/emergency/shelter/dialog/add-edit-dialog.vue
@@ -2,7 +2,7 @@
   <BaseDialog
     :dialogVisible="props.visible"
     @close="onclone"
-    :titleName="titleName + '应急值守'"
+    :titleName="titleName + '避难场所'"
     width="50%"
     @onSubmit="handleSubmit"
     :footerclosed="true"