From 6a2066609717d9730f6154d4cfc1a3c946219e06 Mon Sep 17 00:00:00 2001
From: xzt <1113240624@qq.com>
Date: Fri, 14 Mar 2025 17:16:27 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E9=9A=90=E6=82=A3=E6=A8=A1=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 jwtech-admin-page/package.json            |   2 +-
 jwtech-h5-page/api/system/hazardRecord.js |  53 +++
 jwtech-h5-page/pages.json                 |  15 +
 jwtech-h5-page/pages/danger/edit.vue      | 490 ++++++++++++++++++++++
 jwtech-h5-page/pages/danger/index.vue     | 231 ++++++++++
 jwtech-h5-page/pages/danger/list.vue      | 376 +++++++++++++++++
 jwtech-h5-page/pages/index.vue            |   9 +
 7 files changed, 1175 insertions(+), 1 deletion(-)
 create mode 100644 jwtech-h5-page/api/system/hazardRecord.js
 create mode 100644 jwtech-h5-page/pages/danger/edit.vue
 create mode 100644 jwtech-h5-page/pages/danger/index.vue
 create mode 100644 jwtech-h5-page/pages/danger/list.vue

diff --git a/jwtech-admin-page/package.json b/jwtech-admin-page/package.json
index c6280702..782e4b22 100644
--- a/jwtech-admin-page/package.json
+++ b/jwtech-admin-page/package.json
@@ -6,7 +6,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "vue-cli-service serve",
-    "build": "cross-env NODE_OPTIONS=--max-old-space-size=4096 vue-cli-service build",
+    "build": "cross-env NODE_OPTIONS=--max-old-space-size=8192 vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
     "preview": "node build/index.js --preview",
     "lint": "eslint --ext .js,.vue src",
diff --git a/jwtech-h5-page/api/system/hazardRecord.js b/jwtech-h5-page/api/system/hazardRecord.js
new file mode 100644
index 00000000..3f4f3b98
--- /dev/null
+++ b/jwtech-h5-page/api/system/hazardRecord.js
@@ -0,0 +1,53 @@
+import request from '@/utils/request'
+
+// 查询隐患记录登记信息列表
+export function listRecord(query) {
+  return request({
+    url: '/build/hazardRecord/list',
+    method: 'post',
+    data: query
+  })
+}
+
+// 查询隐患记录登记信息详细
+export function getRecord(id) {
+  return request({
+    url: '/build/hazardRecord/' + id,
+    method: 'get'
+  })
+}
+
+// 新增隐患记录登记信息
+export function addRecord(data) {
+  return request({
+    url: '/build/hazardRecord',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改隐患记录登记信息
+export function updateRecord(data) {
+  return request({
+    url: '/build/hazardRecord',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除隐患记录登记信息
+export function delRecord(id) {
+  return request({
+    url: '/build/hazardRecord/' + id,
+    method: 'delete'
+  })
+}
+
+// 导出隐患记录登记信息
+export function exportRecord(query) {
+  return request({
+    url: '/build/hazardRecord/export',
+    method: 'get',
+    params: query
+  })
+}
diff --git a/jwtech-h5-page/pages.json b/jwtech-h5-page/pages.json
index ebab619a..f6d31590 100644
--- a/jwtech-h5-page/pages.json
+++ b/jwtech-h5-page/pages.json
@@ -161,6 +161,21 @@
     "style": {
       "navigationBarTitleText": "浏览文本"
     }
+  }, {
+    "path": "pages/danger/index",
+    "style": {
+      "navigationBarTitleText": "隐患排查"
+    }
+  }, {
+    "path": "pages/danger/list",
+    "style": {
+      "navigationBarTitleText": "隐患排查"
+    }
+  }, {
+    "path": "pages/danger/edit",
+    "style": {
+      "navigationBarTitleText": "隐患排查"
+    }
   }],
   "globalStyle": {
     "navigationBarTextStyle": "white",
diff --git a/jwtech-h5-page/pages/danger/edit.vue b/jwtech-h5-page/pages/danger/edit.vue
new file mode 100644
index 00000000..f45603ed
--- /dev/null
+++ b/jwtech-h5-page/pages/danger/edit.vue
@@ -0,0 +1,490 @@
+<template>
+  <view class="project-add">
+    <!-- 项目新增表单卡片 -->
+    <view class="cc-card form-card">
+      <view class="form-title">{{ pageTitle }}</view>
+
+      <view class="form-item">
+        <text class="form-label">隐患名称</text>
+        <view class="form-content">
+          <input v-model="form.hazardName" class="form-input" placeholder="请输入隐患名称" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">项目名称</text>
+        <view class="form-content">
+          <input v-model="form.entryName" class="form-input" placeholder="请输入项目名称" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">排查计划</text>
+        <view class="form-content">
+          <input v-model="form.investigationPlan" class="form-input" placeholder="请输入排查计划" type="number" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">检查单位</text>
+        <view class="form-content">
+          <input v-model="form.inspectionUnit" class="form-input" placeholder="请输入检查单位" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">检查责任人</text>
+        <view class="form-content">
+          <input v-model="form.personCgeInspection" class="form-input" placeholder="请输入检查责任人" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">检查周期</text>
+        <view class="form-content">
+          <input v-model="form.inspectionCycle" class="form-input" placeholder="请输入检查周期" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">检查人列表信息</text>
+        <view class="form-content">
+          <input v-model="form.checkerListInfo" class="form-input" placeholder="请输入检查人列表信息" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">隐患描述</text>
+        <view class="form-content">
+          <input v-model="form.hazardDescription" class="form-input" placeholder="请输入隐患描述" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">隐患所在区域</text>
+        <view class="form-content">
+          <input v-model="form.hazardLocationArea" class="form-input" placeholder="请输入隐患所在区域" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">隐患类型</text>
+        <view class="form-content">
+          <input v-model="form.hazardType" class="form-input" placeholder="请输入隐患类型" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">隐患等级</text>
+        <view class="form-content">
+          <input v-model="form.hazardLevel" class="form-input" placeholder="请输入隐患等级" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">整改期限</text>
+        <view class="form-content">
+          <input v-model="form.rectificationDeadline" class="form-input" placeholder="请输入整改期限" />
+        </view>
+      </view>
+
+      <view class="form-item">
+        <text class="form-label">整改责任单位</text>
+        <view class="form-content">
+          <input v-model="form.rectificationResponsibleUnit" class="form-input" placeholder="请输入整改责任单位" />
+        </view>
+      </view>
+    </view>
+
+    <view class="cc-form-card" style="margin-top: 16px;margin-bottom: 16px;">
+      <view class="form-title">
+        <view>图片</view>
+        <view class="form-tips">支持png、jpg等格式，不大于5M</view>
+      </view>
+
+      <view class="form-item" style="margin-bottom: 0;">
+        <div class="img-box">
+          <div class="img-list">
+            <div
+              v-for="(item, index) in imgPreviewList"
+              :key="index"
+              class="img-item"
+            >
+              <image :src="item" @click="previewImage(index)" />
+              <button class="delete-btn" @click="deleteImage(index)">删除</button>
+            </div>
+            <div class="file-select" @click="chooseAttachment"></div>
+          </div>
+        </div>
+      </view>
+    </view>
+
+    <view class="cc-operation-row operation-row">
+      <view class="buttons-group">
+        <view class="button primary-button" @click="handleConfirm">确定</view>
+        <view class="button default-button" @click="handleCancle">取消</view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script>
+import {
+  listRecord,
+  getRecord,
+  addRecord,
+  updateRecord,
+  delRecord,
+  exportRecord,
+} from "@/api/system/hazardRecord";
+import {baseUrl} from "@/config";
+import {getToken} from "@/utils/auth";
+export default {
+  data() {
+    return {
+      form: {
+        id: this.$route.query.monitorId,
+        hazardName: '',
+        entryName: '',
+        investigationPlan: '',
+        inspectionUnit: '',
+        personCgeInspection: '',
+        inspectionCycle: '',
+        checkerListInfo: '',
+        hazardDescription: '',
+        hazardType: '',
+        hazardLevel: '',
+        rectificationDeadline: '',
+        rectificationResponsibleUnit: '',
+        hazardAttachment: '',
+        proNo: this.$route.query.proNo
+      },
+      pageTitle: '添加隐患登记信息',
+      imagePath: '', // 用于存储选中的图片路径
+      proNo: this.$route.query.proNo,
+      proCode: this.$route.query.proCode,
+      projectName: this.$route.query.projectName,
+      headers: {
+        jianwei: "jwtech " + getToken(),
+      },
+      imgList: [],
+      imgPreviewList: [],
+      // imgPreviewList: ["http://gips2.baidu.com/it/u=195724436,3554684702&fm=3028&app=3028&f=JPEG&fmt=auto?w=1280&h=960", "http://gips1.baidu.com/it/u=3874647369,3220417986&fm=3028&app=3028&f=JPEG&fmt=auto?w=720&h=1280"]
+    };
+  },
+  created () {
+    this.handleJudgeTitle()
+    this.getDetailInfo()
+  },
+  methods: {
+    // 处理标题名称
+    handleJudgeTitle() {
+      let operateType = this.$route.query.operateType
+      if (operateType === 'add') {
+        this.pageTitle = '添加隐患登记信息'
+      } else {
+        this.pageTitle = '编辑隐患登记信息'
+      }
+    },
+    
+    getDetailInfo() {
+      if (this.form.id) {
+        getRecord(this.form.id).then(res => {
+          if (res.data.hazardAttachment) {
+            this.imgList = JSON.parse(res.data.hazardAttachment)
+            this.imgPreviewList = this.imgList.map(item => {
+              item.url
+            })
+          }
+          this.form = res.data
+        })
+      }
+    },
+
+    handleConfirm() {
+      if (!this.judgeAttrWrite()) {
+        return
+      }
+      uni.showLoading({
+        title: '提交中...',
+        mask: true
+      })
+      if (this.imgList && this.imgList.length>0) {
+        this.form.hazardAttachment = JSON.stringify(this.imgList)
+      }
+      if (this.form.id) {
+        updateRecord(this.form).then(res => {
+          uni.showToast({
+            title: '提交成功',
+            icon: 'none'
+          })
+          this.$tab.redirectTo(`/pages/danger/list?operateType=add&proNo=${this.proNo}&proCode=${this.proCode}&menuType=${0}&projectName=${this.projectName}`)
+          // uni.navigateTo({
+          //   url: '/pages/danger/list?tabNum=1&id=' + this.$route.query.id + '&proNo='
+          // })
+          uni.hideLoading()
+        })
+      } else {
+        addRecord(this.form).then(res => {
+          uni.showToast({
+            title: '提交成功',
+            icon: 'none'
+          })
+          uni.hideLoading()
+          // uni.navigateTo({
+          //   url: '/pages/danger/list?tabNum=1&id=' + this.$route.query.id
+          // })
+          this.$tab.redirectTo(`/pages/danger/list?operateType=add&proNo=${this.proNo}&proCode=${this.proCode}&menuType=${0}&projectName=${this.projectName}`)
+        })
+      }
+    },
+
+    handleCancle() {
+      uni.navigateBack()
+    },
+
+    // 判断必填项是否填写
+    judgeAttrWrite() {
+      const form = this.form
+      if (!form.hazardName) {
+        uni.showToast({
+          title: `隐患名称不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.entryName) {
+        uni.showToast({
+          title: `项目名称不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.investigationPlan) {
+        uni.showToast({
+          title: `排查计划不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.inspectionUnit) {
+        uni.showToast({
+          title: `检查单位不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.personCgeInspection) {
+        uni.showToast({
+          title: `检查责任人不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.inspectionCycle) {
+        uni.showToast({
+          title: `检查周期不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.checkerListInfo) {
+        uni.showToast({
+          title: `检查人列表信息不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.hazardDescription) {
+        uni.showToast({
+          title: `隐患描述不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.hazardLocationArea) {
+        uni.showToast({
+          title: `隐患所在区域不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.hazardType) {
+        uni.showToast({
+          title: `隐患类型不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.hazardLevel) {
+        uni.showToast({
+          title: `隐患等级不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.rectificationDeadline) {
+        uni.showToast({
+          title: `整改期限不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      if (!form.rectificationResponsibleUnit) {
+        uni.showToast({
+          title: `整改责任单位不能为空！`,
+          icon: 'none'
+        })
+        return false
+      }
+      return true
+    },
+
+    // 选择上传附件
+    chooseAttachment() {
+      uni.showActionSheet({
+        itemList: ['照相机', '图册'],
+        success: (res) => {
+          if (res.tapIndex === 0) {
+            // 选择拍照
+            this.takePhoto();
+          } else if (res.tapIndex === 1) {
+            // 选择从相册选择
+            this.chooseFromGallery();
+          }
+        },
+        fail: (err) => {
+          console.log('选择附件失败', err);
+        }
+      });
+    },
+
+    // 拍照
+    takePhoto() {
+      uni.chooseImage({
+        count: 1, // 选择1张图片
+        sourceType: ['camera'], // 仅允许拍照
+        success: (res) => {
+          const tempFilePath = res.tempFilePaths[0];
+          const fileName = res.tempFiles[0].name
+          this.uploadFile(tempFilePath, fileName); // 上传文件
+        },
+        fail: (err) => {
+          console.log('拍照失败', err);
+        }
+      });
+    },
+
+    // 从相册选择
+    chooseFromGallery() {
+      uni.chooseImage({
+        count: 1, // 选择1张图片
+        sourceType: ['album'], // 仅允许从相册选择
+        success: (res) => {
+          const tempFilePath = res.tempFilePaths[0];
+          const fileName = res.tempFiles[0].name
+          this.uploadFile(tempFilePath, fileName); // 上传文件
+        },
+        fail: (err) => {
+          console.log('从相册选择失败', err);
+        }
+      });
+    },
+
+    // 上传文件
+    uploadFile(filePath, fileName) {
+      console.log('上传成功', fileName)
+      let token="jwtech " + getToken()
+      // 替换为你的后端接口地址
+      const uploadUrl = baseUrl+'/common/upload';
+      uni.uploadFile({
+        header: {
+          'jianwei':token,
+        },
+        url: uploadUrl, // 你的服务器上传接口
+        filePath: filePath,
+        name: 'file',
+        success: (uploadFileRes) => {
+          let imageItem = JSON.parse(uploadFileRes.data)
+          // 将选择的图片添加到 imageList
+          imageItem.name = fileName
+          this.imgList.push(imageItem)
+          this.imgPreviewList.push(imageItem.url)
+          console.log('上传成功', this.imgPreviewList)
+          // 你可以在这里处理返回的数据
+        },
+        fail: (uploadFileErr) => {
+          console.log('上传失败', uploadFileErr);
+        }
+      });
+    },
+
+    // 图片放大查看
+    previewImage(index) {
+      uni.previewImage({
+        current: index, // 当前显示的图片索引
+        urls: this.imgPreviewList // 图片列表
+      });
+    },
+
+    // 删除图片
+    deleteImage(index) {
+      this.imgPreviewList.splice(index, 1);
+      this.imgList.splice(index, 1);
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.project-add {
+  padding: 16px 20px 80px;
+  .file-select {
+    width: 72px;
+    height: 72px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 1px solid #e7e7e7;
+    border-radius: 4px;
+    font-size: 0;
+    uni-button {
+      display: none;
+    }
+    &::after {
+      content: '+';
+      font-size: 38px;
+      color: #00B39D;
+    }
+  }
+  .img-box {
+    .img-list {
+      width: 100%;
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      .img-item {
+        position: relative;
+        image {
+          width: 72px;
+          // width: calc(calc(100% - 30px) / 4);
+          height: 72px;
+          border: 1px solid #e7e7e7;
+        }
+        .delete-btn {
+          position: absolute;
+          top: 5px;
+          right: 5px;
+          background-color: #3b3838;
+          font-size: 12px;
+          color: white;
+          border: none;
+          padding: 0 2px;
+          border-radius: 50%;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/jwtech-h5-page/pages/danger/index.vue b/jwtech-h5-page/pages/danger/index.vue
new file mode 100644
index 00000000..3987596e
--- /dev/null
+++ b/jwtech-h5-page/pages/danger/index.vue
@@ -0,0 +1,231 @@
+<template>
+  <view class="project">
+    <view class="cc-header">
+      <!-- 搜索框 -->
+      <view class="cc-search search-bar">
+        <view class="search-box">
+          <image src="/static/images/icon/search.png" />
+          <input type="text" v-model="queryParams.data.projectName" @confirm="handleSearchProjectList" placeholder="请输入项目名称" />
+        </view>
+      </view>
+      <!-- 行政区划和项目类型下拉框 -->
+      <view class="cc-query-dropdowns dropdowns">
+        <region-picker @trigge-method="handleRegionParams" />
+        <project-type-picker @trigge-method="handleProjectTypeParams" />
+      </view>
+    </view>
+
+    <!-- 项目列表 -->
+    <view class="cc-project-list project-list">
+      <view v-for="(project, index) in projects" :key="index" class="cc-card project-card">
+        <view class="attr-item project-title">{{ project.projectName }}</view>
+        <view class="attr-item">
+          <view class="attr-title">项目编号</view>
+          <view class="attr-value">{{ project.proCode }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">行政区划</view>
+          <view class="attr-value">{{ project.adcdName }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">项目类型</view>
+          <view class="attr-value">{{ project.projectTypeName }}</view>
+        </view>
+        <view class="operate-buttons">
+          <view class="buttons-group">
+            <view class="primary-button__text button" @click="handleToDanger(project)">隐患等级</view>
+          </view>
+        </view>
+      </view>
+      <no-data-view v-if="projects.length === 0" />
+      <uni-load-more v-if="queryParams.pageNum == pages" status="no-more"></uni-load-more>
+    </view>
+  </view>
+</template>
+
+<script>
+import { getProjectListApi } from '@/api/system/project'
+import { addressList } from '@/uni_modules/piaoyi-cityPicker/components/piaoyi-cityPicker/cityData.js'
+import NoDataView from '@/components/no-data-view/no-data-view.vue'
+import RegionPicker from '@/components/region-picker/region-picker.vue'
+import ProjectTypePicker from '@/components/project-type-picker/project-type-picker.vue'
+
+export default {
+  components: {
+    NoDataView,
+    RegionPicker,
+    ProjectTypePicker
+  },
+  data() {
+    return {
+      selectedDistrict: 0,  // 行政区划选择的索引
+      selectedProjectType: 0,  // 项目类型选择的索引
+      districts: ['请选择', '北京市', '上海市', '广州市'],  // 行政区划数据
+      projectTypes: ['请选择', '建筑', 'IT', '教育'],  // 项目类型数据
+      testArray: [['重大项目', '面上项目', '其他'], ['引调水改成', '枢纽工程'], ['新建水库', '病险']],
+      projects: [],
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        params: {orderBy: "create_time", sortBy: "desc"},
+        data: {
+          projectName: '',
+          adcd: ''
+        }
+      },
+      pages: 0,
+      // 省市区数据
+      addressTreeList: addressList,
+      addressList: [],
+      // 重大项目字典
+      zd_projectTypeOptions: [],
+      // 面上项目字典
+      ms_projectTypeOptions: [],
+    };
+  },
+  created () {
+    this.handleAddressTreeData()
+    this.getProjectList()
+    this.getDicts("major_project").then((response) => {
+      this.zd_projectTypeOptions = response.data
+    })
+    this.getDicts("general_project").then((response) => {
+      this.ms_projectTypeOptions = response.data
+    })
+  },
+  onReachBottom() {
+    if (this.queryParams.pageNum < this.pages) {
+      this.queryParams.pageNum++ // 页码加1
+      this.getProjectList()
+    }
+  },
+  methods: {
+    // 检索项目
+    handleSearchProjectList() {
+      this.queryParams.pageNum = 1
+      this.getProjectList('again')
+    },
+
+    // 获取项目列表
+    getProjectList(mode) {
+      uni.showLoading({
+        title: '加载中...',
+        mask: true
+      })
+      getProjectListApi(this.queryParams).then(res => {
+        if (mode === 'again') {
+          this.projects = []
+          uni.pageScrollTo({
+              scrollTop: 0, // 设置滚动到顶部
+              duration: 300 // 滚动动画持续时间，单位为毫秒
+          })
+        }
+        this.projects = [...this.projects, ...res.records]
+        this.pages = res.pages
+        this.projects.forEach(projectItem => {
+          projectItem.adcdName = this.formatAdcd(projectItem)
+          projectItem.projectTypeName = this.projectTypeFormat(projectItem)
+        })
+        uni.hideLoading()
+      })
+    },
+
+    // 处理区划请求
+    handleRegionParams(adcd) {
+      this.queryParams.pageNum = 1
+      this.queryParams.data.adcd = adcd
+      this.getProjectList('again')
+    },
+
+    // 处理项目类型
+    handleProjectTypeParams(params) {
+      this.queryParams.pageNum = 1
+      this.queryParams.data.projectType = params.projectType
+      this.queryParams.data.isMajor = params.isMajor
+      this.getProjectList('again')
+    },
+
+    // 将省市区的树状数据分解成列表,并在后面补零
+    handleAddressTreeData() {
+      let result = []
+      function traverse(node) {
+        result.push({ code: node.code, name: node.name, dictLabel: node.name, dictValue: node.code}) // 将当前节点添加到结果中
+        if (node.children) {
+          node.children.forEach(child => traverse(child)) // 递归遍历子节点
+        }
+      }
+      this.addressTreeList.forEach(node => traverse(node)) // 遍历树的每个根节点
+      this.addressList = result
+      this.addressList.forEach(item => {
+        if (item.code.length===2) {
+          item.code = item.dictValue = item.code + '0000'
+        }
+        if (item.code.length===4) {
+          item.code = item.dictValue = item.code + '00'
+        }
+      })
+    },
+
+    // 处理省市区显示
+    formatAdcd(row) {
+      if (row.adcd) {
+        let provinceCode = row.adcd.slice(0, 2)+"0000";
+        let cityCode = row.adcd.slice(0, 4)+"00";
+        let areaCode = row.adcd;
+        let s="";
+        if (areaCode.length > 2) {
+            s=this.areaCodeFormat(provinceCode)
+            if (cityCode!=provinceCode){
+              s+="-"+this.areaCodeFormat(cityCode)
+            }
+            if (areaCode!=cityCode){
+              s+="-" + this.areaCodeFormat(areaCode)
+            }
+         }
+        return s
+      }
+    },
+
+    //行政区划字典
+    areaCodeFormat(adcd, column) {
+      return this.selectDictLabel(
+        this.addressList,
+        adcd
+      );
+    },
+
+    // 项目类型字典翻译
+    projectTypeFormat(row, column) {
+      if (row.isMajor == "zd") {
+        return this.selectDictLabel(
+          this.zd_projectTypeOptions,
+          row.projectType
+        );
+      } else if (row.isMajor == "ms") {
+        return this.selectDictLabel(
+          this.ms_projectTypeOptions,
+          row.projectType
+        );
+      }else if (row.isMajor !=null){
+        return '其他'
+      }
+    },
+
+    // 跳转到隐患排查列表页面
+    handleToDanger(projectItem) {
+      // uni.navigateTo({
+      //   url: '/pages/danger/list?id=' + projectItem.id
+      // })
+      this.$tab.navigateTo(`/pages/danger/list?operateType=add&proNo=${projectItem.proNo}&proCode=${projectItem.proCode}&menuType=${0}&projectName=${projectItem.projectName}`)
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.project {
+  .project-list {
+    padding: 114px 20px 16px;
+  }
+}
+</style>
\ No newline at end of file
diff --git a/jwtech-h5-page/pages/danger/list.vue b/jwtech-h5-page/pages/danger/list.vue
new file mode 100644
index 00000000..c6aa0a27
--- /dev/null
+++ b/jwtech-h5-page/pages/danger/list.vue
@@ -0,0 +1,376 @@
+<template>
+  <view class="project">
+    <view class="cc-header">
+      <!-- 搜索框 -->
+      <view class="cc-search search-bar">
+        <view class="search-box">
+          <image src="/static/images/icon/search.png" />
+          <input v-model="queryParams.cv.value" type="text" placeholder="请输入隐患名称" @confirm="handleSearchProjectList" />
+        </view>
+      </view>
+    </view>
+
+    <!-- 项目列表 -->
+    <view class="cc-project-list">
+      <view v-for="(project, index) in problemList" :key="index" class="project-card">
+        <view class="attr-item project-title">{{ project.hazardName }}</view>
+        <view class="attr-item">
+          <view class="attr-title">项目名称</view>
+          <view class="attr-value">{{ project.entryName }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">检查计划</view>
+          <view class="attr-value">{{ project.investigationPlan }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">检查单位</view>
+          <view class="attr-value">{{ project.inspectionUnit }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">检查责任人</view>
+          <view class="attr-value">{{ project.personCgeInspection }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">检查周期</view>
+          <view class="attr-value">{{ project.inspectionCycle }}</view>
+        </view>
+        <view class="attr-item">
+          <view class="attr-title">隐患描述</view>
+          <view class="attr-value">{{ project.hazardDescription }}</view>
+        </view>
+        <view class="operate-buttons">
+          <view class="buttons-group">
+            <view class="primary-button__text button" @click="handleDangerInfo(project)">修改</view>
+            <view class="error-button__text button" @click="handleDeleteCheck(project)">删除</view>
+          </view>
+        </view>
+      </view>
+      <no-data-view v-if="problemList.length === 0" />
+      <uni-load-more v-if="queryParams.pageNum == pages" status="no-more"></uni-load-more>
+    </view>
+
+    <!-- 操作按钮 -->
+    <view class="operation-buttons">
+      <view class="buttons-group">
+        <view class="primary-button button" @click="handleAddCheck()">新增隐患</view>
+      </view>
+    </view>
+
+    <!-- 提示窗示例 -->
+    <uni-popup ref="delectDialog" type="dialog">
+      <uni-popup-dialog type="error" cancelText="取消" confirmText="确认" title="警告" content="是否确认删除该数据" @confirm="handleDeleteDialogConfirm"></uni-popup-dialog>
+    </uni-popup>
+  </view>
+</template>
+
+<script>
+// import { projectCheckListApi } from '@/api/system/project'
+import {
+  listRecord,
+  getRecord,
+  addRecord,
+  updateRecord,
+  delRecord,
+  exportRecord,
+} from "@/api/system/hazardRecord";
+import NoDataView from '@/components/no-data-view/no-data-view.vue'
+export default {
+  components: {
+    NoDataView
+  },
+  data() {
+    return {
+      searchQuery: '',  // 搜索框的内容
+      selectedDistrict: 0,  // 行政区划选择的索引
+      selectedProjectType: 0,  // 项目类型选择的索引
+      districts: ['请选择', '北京市', '上海市', '广州市'],  // 行政区划数据
+      projectTypes: ['请选择', '建筑', 'IT', '教育'],  // 项目类型数据
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        params: {orderBy: "create_time", sortBy: "desc"},
+        data: {
+          proNo: this.$route.query.proNo,
+          // projectName: this.$route.query.projectName,
+          menuType: '0',
+          checkType: '',
+          checkTime: ''
+        },
+        cv: {
+          name: "hazardName",
+          type: "like",
+          value: null,
+        },
+      },
+      proNo: this.$route.query.proNo,
+      proCode: this.$route.query.proCode,
+      projectName: this.$route.query.projectName,
+      projects: [],
+      problemList: [],
+      pages: 0,
+      checkTypes: [],
+      checkTypeNames: [],
+      deleteCheckDraftId: ''
+    };
+  },
+  created() {
+    this.getDicts("check_type").then((response) =>{
+      this.checkTypes = response.data
+      this.checkTypeNames = this.checkTypes.map(item => item.dictLabel)
+    })
+    this.getList()
+  },
+  // onReachBottom() {
+  //   if (this.queryParams.pageNum < this.pages) {
+  //     this.queryParams.pageNum++; // 页码加1
+  //     this.getList()
+  //   }
+  // },
+  methods: {
+    changeTab(index) {
+      this.activeTab = index
+      this.queryParams.pageNum = 1
+      this.getList('again')
+    },
+    // 获取项目列表
+    getList(mode) {
+      uni.showLoading({
+        title: '加载中...',
+        mask: true
+      })
+      listRecord(this.queryParams).then(res => {
+        if (mode === 'again') {
+          this.projectCheckList = []
+          uni.pageScrollTo({
+            scrollTop: 0, // 设置滚动到顶部
+            duration: 300 // 滚动动画持续时间，单位为毫秒
+          })
+        }
+        this.problemList = res.records
+        // this.problemList = res.records[0].bsSgcJsjdBuiRegulatoryInspections
+        // this.problemList.forEach(item => {
+        //   this.menuTypeName = this.formatMenuType(item)
+        // })
+        // this.projectCheckList = [...this.projectCheckList, ...res.records]
+        // this.pages = res.pages
+        // this.projectCheckList.forEach(projectItem => {
+        //   projectItem.adcdName = this.formatAdcd(projectItem)
+        // })
+        uni.hideLoading()
+      })
+    },
+
+    // 监督检查类型字典翻译
+    checkTypesFormat(row, column) {
+      return this.selectDictLabel(
+        this.checkTypes,
+        row.checkType
+      );
+    },
+
+    formatMenuType(row) {
+      let res;
+      switch (row?.menuType) {
+        case "0":
+          res = "项目法人履职检查";
+          break;
+        case "1":
+          res = "质量检查";
+          break;
+        case "2":
+          res = "市场监督专项检查";
+          break;
+        case "3":
+          res = "防洪度汛检查";
+          break;
+        default:
+          break;
+      }
+      return res;
+    },
+
+    handleSearchProjectList() {
+      this.searchQuery = ''
+      this.queryParams.pageNum = 1
+      this.getList('again')
+    },
+
+    handleDateChange(e) {
+      this.queryParams.inspectionDate = e.detail.value
+    },
+    handleCheckTypeChange(e) {
+      this.queryParams.checkType = this.checkTypes[e.detail.value]
+    },
+    handleAddCheck() {
+      this.$tab.navigateTo(`/pages/danger/edit?operateType=add&proNo=${this.proNo}&proCode=${this.proCode}&menuType=${0}&projectName=${this.projectName}`)
+    },
+    handleDangerInfo(item) {
+      // 跳转到编辑问题页面
+      this.$tab.navigateTo(`/pages/danger/edit?operateType=edit&proNo=${this.proNo}&proCode=${this.proCode}&monitorId=${item.id}`)
+    },
+    handleDeleteCheck(item) {
+      this.deleteCheckDraftId = item.id
+      this.$refs.delectDialog.open()
+    },
+    // 处理删除
+    handleDeleteDialogConfirm() {
+      delRecord(this.deleteCheckDraftId).then(res => {
+        uni.showToast({
+          title: `删除项目成功`,
+          icon: 'none'
+        })
+        this.getList('again')
+      })
+    },
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.project {
+  // padding: 20px;
+  .tabs {
+    height: 48px;
+    display: flex;
+    justify-content: space-around;
+    background-color: #fff;
+    .tab {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      text-align: center;
+      justify-content: center;
+      color: #595959;
+      cursor: pointer;
+      &.active {
+        color: #00B39D;
+        .tab-text {
+          position: relative;
+          height: 100%;
+          display: flex;
+          align-items: center;
+          &::after {
+            content: '';
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            height: 3px;
+            background: #00B39D;
+          }
+        }
+      }
+    }
+  }
+  // .search-bar {
+  //   padding: 12px 25px;
+  //   background: #fff;
+  //   border-top: 1px solid #f0f0f0;
+  //   border-bottom: 1px solid #f0f0f0;
+  //   .search-box {
+  //     padding: 8px 20px;
+  //     background: #f7f8fa;
+  //     border-radius: 8px;
+  //   }
+  //   input {
+  //     width: 100%;
+  //     border: none;
+  //     border-radius: 5px;
+  //   }
+  // }
+  .cc-project-list {
+    padding: 66px 20px 96px;
+  }
+  .project-list {
+    padding: 0 20px 95px;
+    .project-card {
+      background-color: #fff;
+      padding: 20px 0 0 0;
+      margin-top: 10px;
+      border-radius: 8px;
+      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
+      margin-top: 15px;
+      .attr-item {
+        display: flex;
+        justify-content: space-between;
+        color: #262626;
+        padding: 0 20px 20px 20px;
+        padding-bottom: 15px;
+        .attr-title {
+          font-size: 16px;
+          color: #595959;
+        }
+        .attr-value {
+          &.no-done {
+            color: #FF0000;
+          }
+        }
+      }
+      .operate-buttons {
+        border-top: 1px solid #f0f0f0;
+        display: flex;
+        height: 48px;
+        box-sizing: border-box;
+        .buttons-group {
+          width: 100%;
+          height: 100%;
+          display: flex;
+          &:nth-child(1) {
+            .button {
+              border-right: 1px solid #f0f0f0;
+              &:nth-last-child(1) {
+                border-right: 0;
+              }
+            }
+          }
+        }
+        .button {
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          &.primary-button__text {
+            color: #00B39D;
+          }
+          &.error-button__text {
+            color: #E04040;
+          }
+        }
+      }
+    }
+    .project-title {
+      font-size: 18px;
+    }
+  }
+  .operation-buttons {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 80px;
+    padding: 16px 20px;
+    background: #fff;
+    border-top: 1px solid #f0f0f0;
+    .buttons-group {
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+      .button {
+        cursor: pointer;
+      }
+      .primary-button {
+        flex: 1;
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        background-color: #00B39D;
+        border-radius: 8px;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/jwtech-h5-page/pages/index.vue b/jwtech-h5-page/pages/index.vue
index c806c3dc..e7e354af 100644
--- a/jwtech-h5-page/pages/index.vue
+++ b/jwtech-h5-page/pages/index.vue
@@ -64,6 +64,11 @@
             text: '项目统计',
             icon: '/static/images/icon/home-total.png',
             url: '/pages/statistics/index'
+          },
+          {
+            text: '隐患排查',
+            icon: '/static/images/icon/home-total.png',
+            url: '/pages/danger/index'
           }
         ]
       }
@@ -140,11 +145,15 @@
       flex-wrap: wrap;
       justify-content: space-between;
       .home-content-list-item {
+        width: 25%;
         display: flex;
         flex-direction: column;
         align-items: center;
         // width: 25%;
         font-size: 14px;
+        &:nth-child(-n + 4) {
+          padding-bottom: 15px;
+        }
         image {
           width: 48px;
           height: 48px;