Merge branch 'develop' of http://123.206.9.27:3000/ShinSoft_Xxhsyb/Proj_SafePlat_Vue_Sgh5 into develop

src/components/AttachmentS3ImageReturnURL.vue

@@ -0,0 +1,265 @@
+<template>
+	<div style="padding: 5px;flex: 1">
+		<div>
+			<van-uploader
+        :disabled="readonly"
+        v-model="fileListTemp"
+				accept=".txt,.pdf,.doc,.docx,.xls,.xlsx,.wps,.et,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*"
+				:after-read="uploadFile"
+        upload-icon="plus"
+        :show-upload="true"
+        :before-delete="onDelete"
+      />
+		</div>
+	</div>
+</template>
+
+
+<script setup>
+	import { ref, onMounted, getCurrentInstance, watch } from 'vue'
+  import { showFailToast, showSuccessToast, showConfirmDialog } from 'vant';
+	const { proxy } = getCurrentInstance()
+
+  const emit = defineEmits(['update:firstFileUrl'])
+
+	const props = defineProps({
+		fId: {
+			type: String,
+			default: () => ''
+		},
+		value1: {
+			type: String,
+			default: () => null
+		},
+		value2: {
+			type: String,
+			default: () => null
+		},
+		value3: {
+			type: String,
+			default: () => null
+		},
+		value4: {
+			type: String,
+			default: () => null
+		},
+		value5: {
+			type: String,
+			default: () => null
+		},
+		selectButton: {
+			type: Boolean,
+			default: () => true
+		},
+		deleteButton: {
+			type: Boolean,
+			default: () => true
+		},
+		readonly: {
+			type: Boolean,
+			default: () => false
+		},
+		isFile: {
+			type: Boolean,
+			default: () => false
+		}
+	})
+
+	onMounted(() => {
+		getTableData()
+	})
+
+	const tableData = ref([])
+	const getTableData = () => {
+		//携带自定义参数
+		var url = 'framework/Common/queryFileWithValues'
+		var param = {
+			fId: props.fId, //必填
+			value1: props.value1, //非必填
+			value2: props.value2, //非必填
+			value3: props.value3, //非必填
+			value4: props.value4, //非必填
+			value5: props.value5, //非必填
+		}
+		proxy.$axios.get(url, param).then(response => {
+			if (response.data.code === 0) {
+				tableData.value = response.data.data
+        fileListTemp.value = []
+        for (let item of tableData.value) {
+          fileListTemp.value.push({
+            id: item.id,
+            url: import.meta.env.VITE_BASE_API + 'framework/Common/downloadFileS3?bucket=' + bucket.value + '&id=' + item.id + '&fullfilename=' + Date.now() + item.fileName
+          })
+        }
+        if (fileListTemp.value.length > 0) {
+          emit('update:firstFileUrl', fileListTemp.value[0].url)
+        } else {
+          emit('update:firstFileUrl', null) // 或 ''
+        }
+
+			} else {
+				showFailToast('失败！' + response.data.msg)
+			}
+		})
+	}
+	const headers = ref({
+		token: localStorage.getItem('token'),
+		userId: localStorage.getItem('userId')
+	})
+	const fileListTemp = ref([])
+	const bucket = ref(import.meta.env.VITE_BUCKET)
+
+	/* 转成blob */
+	import {
+		atob
+	} from 'js-base64';
+
+	watch(props, (newVal, oldVal) => {
+		getTableData()
+	})
+
+	const uploadFile = (file) => {
+		const formData = new FormData()
+		formData.append('fId', props.fId);
+		formData.append('bucket', bucket.value);
+		formData.append('value1', props.value1);
+		formData.append('value2', props.value2);
+		formData.append('value3', props.value3);
+		formData.append('value4', props.value4);
+		formData.append('value5', props.value5);
+		formData.append('file', file.file);
+		formData.append('fileName', file.file.name);
+		var url = 'framework/Common/uploadFileS3'
+		proxy.$axios.post(url, formData, 'multipart/form-data').then(response => {
+			showSuccessToast('上传成功')
+			getTableData()
+		}).catch(error => {
+			showFailToast('上传失败' + res.data.msg)
+		});
+	}
+
+	/* 在线删除 */
+	const showDialogVisible = ref(false)
+	const deleteInfo = ref()
+	const handleDelete = (row) => {
+		showDialogVisible.value = true
+		deleteInfo.value = row
+	}
+
+	const onDelete = (file) => {
+    console.log(file);
+    showConfirmDialog({
+      title: '删除照片',
+      message:
+        '确定删除该照片吗?',
+    }).then(() => {
+        let url = 'framework/Common/removeFile'
+        let param = {
+          id: file.id
+        }
+        proxy.$axios.post(url, param).then(response => {
+          if (response.data.code === 0) {
+            showSuccessToast('删除成功!')
+            getTableData()
+          } else {
+            showFailToast('删除失败;' + response.data.msg)
+          }
+        });
+        return true
+      }).catch(() => {
+        return false
+      });
+	}
+
+	// 获取文件图标类名
+	const getFileIconClass = (fileType) => {
+		if (fileType === 'pdf') return 'pdf-icon';
+		if (fileType === 'image' || fileType === 'jpg' || fileType === 'png' || fileType === 'gif')
+			return 'image-icon';
+		if (fileType === 'doc' || fileType === 'docx') return 'doc-icon';
+		if (fileType === 'xls' || fileType === 'xlsx') return 'excel-icon';
+		if (fileType === 'txt') return 'text-icon';
+		return 'other-icon';
+	}
+
+	// 获取文件图标
+	const getFileIcon = (fileType) => {
+		if (fileType === 'pdf') return 'description';
+		if (fileType === 'image' || fileType === 'jpg' || fileType === 'png' || fileType === 'gif') return 'photo-o';
+		if (fileType === 'doc' || fileType === 'docx') return 'notes-o';
+		if (fileType === 'xls' || fileType === 'xlsx') return 'chart-trending-o';
+		if (fileType === 'txt') return 'document';
+		return 'description';
+	}
+
+	const convertBytesToSize = (bytes) => {
+		const kb = 1024;
+		const mb = kb * 1024;
+
+		if (bytes < kb) return bytes + ' B';
+		else if (bytes < mb) return (bytes / kb).toFixed(2) + ' KB';
+		else return (bytes / mb).toFixed(2) + ' MB';
+	}
+</script>
+
+<style scoped>
+	* {
+		box-sizing: border-box;
+		margin: 0;
+		padding: 0;
+	}
+
+	body {
+		font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
+		background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
+		color: #333;
+		line-height: 1.6;
+		min-height: 100vh;
+	}
+
+	.header h1 {
+		font-size: 2.5rem;
+		color: #1989fa;
+		margin-bottom: 10px;
+		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
+	}
+
+	.header p {
+		font-size: 1.1rem;
+		color: #666;
+		max-width: 600px;
+		margin: 0 auto;
+	}
+
+	.section-title i {
+		margin-right: 10px;
+		font-size: 1.6rem;
+	}
+
+	.table-row {
+		background-color: white;
+		border-radius: 8px;
+		margin-bottom: 8px;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+		transition: transform 0.2s ease, box-shadow 0.2s ease;
+		align-items: center;
+	}
+
+	.table-row:hover {
+		transform: translateX(5px);
+		box-shadow: 0 5px 15px rgba(25, 137, 250, 0.15);
+	}
+
+	.file-name {
+		font-weight: 500;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.action-buttons {
+		display: flex;
+		gap: 10px;
+		justify-content: flex-start;
+	}
+</style>

src/router/index.ts

@@ -599,6 +599,56 @@ const router = createRouter({
 			name: 'accidentJuBaoLedger',
 			component: () => import('@/view/accidentManager/accidentJuBaoLedger/index.vue')
 		},
+		{
+			path: '/knowledge/accident',
+			name: '事故案例',
+			component: () => import('@/view/knowledge/accident.vue')
+		},
+		{
+			path: '/accidentList',
+			name: '事故案例编辑',
+			component: () => import('@/view/knowledge/accidentList.vue')
+		},
+		{
+			path: '/knowledge/manager',
+			name: '管理案例',
+			component: () => import('@/view/knowledge/manager.vue')
+		},
+		{
+			path: '/managerList',
+			name: '管理案例编辑',
+			component: () => import('@/view/knowledge/managerList.vue')
+		},
+		{
+			path: '/knowledge/Culture',
+			name: '安全文化',
+			component: () => import('@/view/knowledge/Culture.vue')
+		},
+		{
+			path: '/CultureList',
+			name: '安全文化编辑',
+			component: () => import('@/view/knowledge/CultureList.vue')
+		},
+		{
+			path: '/knowledge/project',
+			name: '项目案例库',
+			component: () => import('@/view/knowledge/project.vue')
+		},
+		{
+			path: '/projectList',
+			name: '项目案例库编辑',
+			component: () => import('@/view/knowledge/projectList.vue')
+		},
+		{
+			path: '/moneySafe/safeMoneyManagement',
+			name: '安环费用管理',
+			component: () => import('@/view/moneySafe/safeMoneyManagement.vue')
+		},
+		{
+			path: '/safeMoneyManagementList',
+			name: '安环费用管理编辑',
+			component: () => import('@/view/moneySafe/safeMoneyManagementList.vue')
+		}
 	]
 })
 

src/view/Home2.vue

@@ -237,6 +237,40 @@
         </van-grid-item>
       </van-grid>
     </div>
+    <div class="card">
+      <div class="title">知识共享库</div>
+      <van-grid :border="false" :column-num="4" v-if="showCheckTakeN">
+        <van-grid-item to="/knowledge/accident">
+          <img src="../../public/images/zd.png" width="45rpx" />
+          <span class="vanicon_text">事故案例</span>
+        </van-grid-item>
+        <van-grid-item to="/notice" v-if="showCheckTakeN">
+          <img src="../../public/images/yj.png" width="45rpx" />
+          <span class="vanicon_text">通知公告</span>
+        </van-grid-item>
+        <van-grid-item to="/knowledge/manager">
+          <img src="../../public/images/zd.png" width="45rpx" />
+          <span class="vanicon_text">管理案例</span>
+        </van-grid-item>
+        <van-grid-item to="/knowledge/Culture">
+          <img src="../../public/images/zd.png" width="45rpx" />
+          <span class="vanicon_text">安全环保文化</span>
+        </van-grid-item>
+        <van-grid-item to="/knowledge/project">
+          <img src="../../public/images/zd.png" width="45rpx" />
+          <span class="vanicon_text">项目案例库</span>
+        </van-grid-item>
+      </van-grid>
+    </div>
+    <div class="card">
+      <div class="title">安环费用管理</div>
+      <van-grid :border="false" :column-num="4" v-if="showCheckTakeN">
+        <van-grid-item to="/moneySafe/safeMoneyManagement">
+          <img src="../../public/images/aq.png" width="45rpx" />
+          <span class="vanicon_text">安环费用管理</span>
+        </van-grid-item>
+      </van-grid>
+    </div>
 
   </div>
 
@@ -261,7 +295,7 @@ const role = localStorage.getItem('role')[0].roleCode;
 if (role == 'SX0201' || role == 'SX0201' || role == 'SX0302' || role == 'SX0303') {
  showCheckTake.value = true;
 }
-if (userDesc == '贾俊臣' || userDesc == '张瑞楠') {
+if (userDesc == '贾俊臣' || userDesc == '张瑞楠' || userDesc == '刘焯') {
   showCheckTake.value = true;
   showCheckTakeN.value=true
 }

src/view/accidentManager/accidentJuBao/accidentJuBao_edit/index.vue

@@ -181,22 +181,6 @@ const checklistForm = ref({
   checklistType: '',
   hiddenDangerId: ''
 });
-const saveCheckInfo = async () => {
-  let url = '/safe/ActivityRecords/save';
-  if (checklistForm.value.checklistType === 'equipment') {
-    url = '/safe/EquipmentRecords/save';
-  }
-  const param = {
-    json: JSON.stringify(checklistForm.value)
-  };
-  const res = await proxy.$axios.post(url, param);
-  if (res.data.code === 0) {
-    showSuccessToast('新增排查记录成功！');
-    sessionStorage.setItem('inspectionResult', '已排查');
-  } else {
-    showFailToast('操作失败！' + res.data.msg);
-  }
-};
 
 const ifElseReadonly = ref(false)
 const title = ref('')
@@ -228,16 +212,6 @@ onMounted(async () => {
   }
 });
 
-const getTimeFormatter = (date) => {
-  const year = date.getFullYear();
-  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需加 1
-  const day = String(date.getDate()).padStart(2, '0');
-  const hours = String(date.getHours()).padStart(2, '0');
-  const minutes = String(date.getMinutes()).padStart(2, '0');
-  const seconds = String(date.getSeconds()).padStart(2, '0');
-  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
-};
-
 /**表单*/
 const form = ref({
   seriousInjuryCount:'',//重伤人数
@@ -318,17 +292,6 @@ const onConfirmDatetime = () => {
   dateOrTime.value = false;
 };
 
-const showPicker2 = ref(false);
-
-const onConfirmYhdj = ({ selectedOptions }) => {
-  showPicker2.value = false;
-  form.value.hdLevel = selectedOptions[0].value;
-  console.log('选择的内容', form.value);
-};
-
-const yhdjs = ref([{ text: '一般隐患', value: '一般隐患' },
-  { text: '重大隐患', value: '重大隐患' }]
-);
 
 const formRef = ref(null);
 const qvxiao = () => {
@@ -360,16 +323,6 @@ const baocun = async () => {
   }
 };
 
-const handleChangeHdSelect = (value) => {
-  form.value.hdSelect = value;
-  if (value === '隐患举报') {
-    isStandardFlow.value = true;
-  } else if (value === '即查即改') {
-    isStandardFlow.value = false;
-  }
-  getYHID();
-};
-
 const guid = () => {
   function S4() {
     return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
@@ -377,27 +330,6 @@ const guid = () => {
 
   return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4());
 };
-/* 发现人 */
-const leaderKey = guid();
-const PopupDepartmentLeaderNameRef = ref();
-const handleDepartmentLeaderName = () => {
-  PopupDepartmentLeaderNameRef.value.open();
-};
-
-const codeAndDesc = ref([]);
-const getDepartmentLeaderName = (item) => {
-  form.value.discoverer = item.user.userCode;
-  form.value.discovererDesc = item.user.userDesc;
-  form.value.discovererDeptCode = item.dept.deptCode;
-  form.value.discovererDept = item.dept.deptName;
-};
-
-/* 其他发现人 */
-const leaderKey2 = guid();
-const PopupDepartmentLeaderNameRef2 = ref();
-const handleDepartmentLeaderName2 = () => {
-  PopupDepartmentLeaderNameRef2.value.open();
-};
 
 const codeAndDesc2 = ref([]);
 const getDepartmentLeaderName2 = (items) => {
@@ -707,29 +639,4 @@ const accidentLevel = computed(()=>{
   padding-bottom: 20px;
 }
 
-.radio-group {
-  display: flex;
-  background-color: white;
-  padding: 10px;
-  border-radius: 5px;
-  margin: 10px 0;
-  gap: 10px;
-}
-
-.radio-item {
-  padding: 8px 12px;
-  border: 1px solid #222;
-  border-radius: 4px;
-  background-color: white;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
-  /* 添加过渡效果 */
-}
-
-.radio-item.active {
-  background-color: #4285f4;
-  /* 选中时的蓝色 */
-  color: white;
-  border-color: #4285f4;
-}
 </style>

src/view/knowledge/Culture.vue

@@ -0,0 +1,617 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="安全环保文化" @click-left="onClickLeft" @click-right="handAdd">
+      <template #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+    </van-nav-bar>
+    <van-search v-model="query.caseTitle" show-action placeholder="请输入案例标题" @search="onRefresh"
+                @cancel="handdelectTitle" />
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list v-model:loading="isLoading" :finished="isFinished" finished-text="没有更多了" offset="200" @load="onLoad">
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell style="min-height: 100px; padding: 0 0 0 0; display: flex; align-items: flex-start;" @click="edits(item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.activityTitle }}
+                    </div>
+                  </template>
+                  <template #label>
+                      <div>案例编号：{{ item.caseNumber }} </div>
+                      <div>案例类型：{{ item.caseType }}</div>
+                      <div> 浏览量：{{item.viewCount}}</div>
+
+<!--                    <div style="width: 112px" :class="getStatusClass(item.isFinish)">
+                      类型：
+                      <span v-if="item.isFinish === '待学习'" style="width: 200px">待学习</span>
+                      <span v-else-if="item.isFinish === '已学习'" style="width: 200px">已学习</span>
+                      <span v-else-if="item.isFinish === '已扣除'" style="width: 200px">已扣除</span>
+                    </div>-->
+                  </template>
+                </van-cell>
+                <div class="swipe-cell-default-icon">
+                  <van-icon v-if="openStatus[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                  <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                </div>
+              </div>
+            </template>
+
+            <template #right>
+              <van-button  square class="delete-button" text="删除" v-show="item.canDelete"  @click="handleDelete(item)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+
+      </van-list>
+    </van-pull-refresh>
+
+    <!-- 删除确认弹窗 -->
+    <van-dialog v-model:show="deleteDialogVisible" show-cancel-button @confirm="confirmDelete">
+      <template #title>
+        <div>删除确认</div>
+      </template>
+      <div style="padding: 30px;">确定要删除该项目吗？</div>
+    </van-dialog>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast } from 'vant';
+
+import tools from '@/tools'
+
+const { proxy } = getCurrentInstance();
+
+const onClickLeft = () => {
+  history.back();
+};
+const headers = ref({
+  token: localStorage.getItem('token'),
+  userId: localStorage.getItem('userId'),
+  dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+});
+const switchIconState = (idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+// const onClickRight = () =>{
+//   searchShow.value = !searchShow.value;
+// }
+
+const searchShow = ref(false);
+const query = ref({
+  caseNumber:'',
+  caseTitle:'',
+})
+
+
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const dialogVisibleLook = ref(false);
+const deleteDialogVisible = ref(false);
+const currentDeleteItem = ref([]);
+const dialogVisible = ref(false);
+const dialogVisibleFile = ref(false);
+const date = ref(null);
+
+const kz = ref(true);
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const handAdd =  () => {
+
+  router.push({ path: "/CultureList",
+    query: {
+      mark:-1
+    } });
+
+};
+const goaddPeo = (item) => {
+  router.push({
+    path: '/addPeo',
+    query: {
+      data: JSON.stringify(item)
+    }
+  })
+}
+
+const edits = (row) => {
+  const isOwner = String(row.addId) === currentUserId;
+  kz.value = true;
+  form.value = { ...row };
+  router.push({ path: "/CultureList",
+    query: {
+      mark:1,
+      data:JSON.stringify(form.value),
+      readOnly: !isOwner ? 'true' : undefined
+    } });
+  //浏览量
+  saveManagerRecord(form.value)
+};
+
+const saveManagerRecord = async (formValue) => {
+  const payload = formValue;
+  payload.viewCount = String((Number(payload.viewCount) || 0) + 1);
+
+  var url = '/sgsafe/Manager/saveCulture';
+  var param = {
+    json: JSON.stringify(payload)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      getTableData();
+    }
+  });
+};
+const form = ref({
+  caseNumber:'',
+  caseTitle:'',
+  caseSource:'',
+  accidentLevel:'',
+  accidentDept:'',
+  accidentLocation:'',
+  accidentTime:'',
+  accidentType:'',
+  accidentTags:'',
+  casualtyCount:'',
+  accidentSummary:'',
+  preventiveMeasures:'',
+  fileId:'',
+  viewCount:'',
+  downloadCount:''
+});
+
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+
+const dept=localStorage.getItem("dept")[0].deptCode;
+const currentUserId = String(localStorage.getItem('userId'));
+const getTableData = async () => {
+  var url = '/sgsafe/Manager/queryCulture'
+  var param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(query.value)
+  }
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code == 0) {
+    tableData.value = response.data.data.records.map(item => ({
+      ...item,
+      canDelete: String(item.addId) === currentUserId
+    }));
+    console.log('列表数据',tableData.value)
+    totalRows.value = response.data.data.total;
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+const ruleIds = ref([]);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+//*************************************
+
+
+
+//定义字典集合
+const dicList = ref([])
+
+const getDicList = () => {
+  tools.dic.getDicList([ 'case_type','SEX', 'case_source','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    dicList.value = response.data.data
+
+  }))
+}
+
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+
+  getDicList()
+
+
+
+
+
+  try {
+    await getTableData();
+
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+
+    console.log('resultData',resultData.value)
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+/*onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+/!*  currentPage.value = 1;
+  isFinished.value = false;
+  tableData.value = [];*!/
+  basicReset()
+  onLoad()
+};*/
+
+const handdelectNumber = () => {
+  query.value.caseNumber = '';
+  onRefresh()
+};
+
+const handdelectTitle = () => {
+  query.value.caseTitle = '';
+  onRefresh()
+};
+
+
+
+
+// 定义生成编号的函数
+const generateCode = () => {
+  // 获取当前日期并格式化为 YYYYMMDD
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需加1
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  // 时间部分：HHmmss
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+
+  // 模拟生成三位流水号（可以根据需要替换为递增逻辑）
+  const sequenceNumber = Math.floor(Math.random() * 1000); // 随机生成 0-999
+  const paddedSequence = String(sequenceNumber).padStart(3, '0'); // 补零到三位
+
+  // 拼接编号
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 使用 ref 存储生成的编号
+const generatedCode = ref(generateCode());
+
+// 定义重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+const handleDetailLook = (row) => {
+  form.value = { ...row };
+  proxy.$router.push({
+    name: 'taiZhang_detail',
+    query: {
+      form: form.value.id
+    }
+  });
+  // dialogVisibleLook.value = true;
+};
+const deleteData=ref({})
+
+const handleDelete = (item) => {
+
+  deleteData.value=item
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  deleteData.value.cancelTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+
+    deleteData.value.cancelFlag='1'
+  var url = '/sgsafe/Manager/saveCulture';
+  var param = {
+    json: JSON.stringify(deleteData.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast("删除成功")
+      onRefresh();
+
+    } else {
+    }
+
+  })
+};
+
+
+const confirmDelete = () => {
+  for (let item of currentDeleteItem.value) {
+    if (item.addId !== headers.value.userId) {
+      showToast({
+        type: 'warning',
+        message: '只能删除自己添加的数据！'
+      });
+      return;
+    }
+  }
+
+  if (currentDeleteItem.value[0].status !== '0' && currentDeleteItem.value[0].hdSelect !== '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+  if (currentDeleteItem.value[0].status !== '2' && currentDeleteItem.value[0].hdSelect === '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+
+  var url = 'sgsafe/Hiddendanger/remove';
+  var param = {
+    params: JSON.stringify({ ...currentDeleteItem.value.map(x => x.id) })
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == 0) {
+      showToast({
+        type: 'success',
+        message: '删除成功'
+      });
+      onRefresh();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+
+
+
+const resetForm = () => {
+  form.value = {
+    projectName: '',
+    projectLeader: '',
+    phone: '',
+    dept: ''
+  };
+};
+
+
+//处理人员code
+const repairLL = ref('');
+const repairOO = ref('');
+const acceptLL = ref('');
+
+const jsons = ref({});
+
+const reback = () => {
+  // 返回逻辑
+};
+
+const deleteRow = (row) => {
+  selectedRows.value = [row];
+  handleDelete(row);
+};
+
+const deleteRowa = (row) => {
+  deleteRow(row);
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStatus = ref([])
+const swipeCellRefs = ref([])
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+}
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false
+    swipeCellRefs.value[idx].open('right')
+  }
+  document.addEventListener('click', handleDocumentClick)
+}
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true
+    swipeCellRefs.value[idx].close()
+  }
+}
+// *********************************** 事故案例 ************************************************
+
+
+
+
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.status-pending {
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-registered {
+  background-color: #d1ecf1;
+  color: #0c5460;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-analyzing {
+  background-color: #fff8e1;
+  color: #ff8f00;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-rectifying {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-accepting {
+  background-color: #e3f2fd;
+  color: #1565c0;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-closed {
+  background-color: #f8bbd0;
+  color: #b71c1c;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-finished {
+  background-color: #e8eaf6;
+  color: #311b92;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-unknown {
+  background-color: #efebe9;
+  color: #424242;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.cell-title {
+  display: -webkit-box;
+  /* 旧版弹性盒子模型 */
+  -webkit-box-orient: vertical;
+  /* 内容垂直排列 */
+  -webkit-line-clamp: 2;
+  /* 限制显示行数 */
+  overflow: hidden;
+  /* 超出隐藏 */
+  text-overflow: ellipsis;
+  /* 省略号 */
+  line-height: 1.5;
+  /* 可选：设置行高 */
+  max-height: calc(1.5em * 2);
+  /* 可选：根据行高限制最大高度 */
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  /* 字号 */
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.submit-button {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.subsuccess {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub1.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+.single-line-text {
+  white-space: nowrap;        /* 强制不换行 */
+  overflow: hidden;           /* 超出部分隐藏 */
+  text-overflow: ellipsis;    /* 超出显示省略号 ... */
+  width: 100%;                /* 或指定宽度 */
+  box-sizing: border-box;
+}
+</style>

src/view/knowledge/CultureList.vue

@@ -0,0 +1,710 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref , computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools'
+
+const {
+  proxy
+} = getCurrentInstance()
+const accidentDictList = ref([])
+const columns =  ref([])
+const columnsLevel =  ref([])
+const columnsprimary=ref([])
+
+//     [
+//   { text: '杭州', value: 'Hangzhou' },
+//   { text: '宁波', value: 'Ningbo' },
+//   { text: '温州', value: 'Wenzhou' },
+//   { text: '绍兴', value: 'Shaoxing' },
+//   { text: '湖州', value: 'Huzhou' },
+// ];
+
+// 定义生成编号的函数（你已写好的逻辑）
+
+const generateCode = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+  const sequenceNumber = Math.floor(Math.random() * 1000);
+  const paddedSequence = String(sequenceNumber).padStart(3, '0');
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 存储生成的编号（响应式变量）
+const generatedCode = ref('');
+
+// 重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+
+
+const getAccidentDicList = () => {
+  tools.dic.getDicList([ 'case_type','sgsafe_culture_case_type', 'case_source','primary_domain','primary_domain_two','accident_level','accident_type','sgsafe_taccidentTags','sgsafe_culture_activity_type']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    accidentDictList.value = response.data.data
+    console.log('case_source',accidentDictList.value.case_source)
+    columns.value = accidentDictList.value.sgsafe_culture_case_type.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+    columnsLevel.value = accidentDictList.value.sgsafe_culture_activity_type.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+    columnsprimary.value = accidentDictList.value.primary_domain.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+
+
+    console.log('accident_level',accidentDictList.value.accident_level)
+
+  }))
+}
+
+
+const caseSourceFlag = ref(false)
+const accidentLevelFlag = ref(false)
+const primaryDomainFlag = ref(false)
+const primaryDomainTwoFlag = ref(false)
+let title = '新增事故案例'
+
+/* 返回上一级页面 */
+const router = useRouter()
+const onClickLeft = () => {
+  router.go(-1)
+}
+
+const currentYear = ref()
+currentYear.value = new Date().getFullYear()
+
+/* 获取用户部门信息 */
+const jsonArray = localStorage.getItem('dept')
+const deptInformation = ref([])
+try {
+  deptInformation.value = jsonArray ? JSON.parse(jsonArray) : [];
+} catch (error) {
+  deptInformation.value = [];
+}
+const deptName = deptInformation.value[0].deptName
+const deptCode = deptInformation.value[0].deptCode
+
+const guid = () =>  {
+  function S4() {
+    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+  }
+  return (S4()+S4()+S4()+S4()+S4()+S4()+S4()+S4())
+}
+const formJieguo = ref({
+  resultWhether:'',
+  resultDetail:'',
+  resultWhy:'',
+  resultFile:'',
+  itemsId:'',
+  resultFileId:'',
+  resType:''
+})
+const route = useRoute()
+let planInfo = {}
+const  userName1=localStorage.getItem('userName');
+const isEdit = ref(route.query.mark === '1');
+
+const result1=ref('')
+const result2=ref('')
+const result3=ref('')
+const result4=ref('')
+const result5=ref('')
+const fromVue=ref({})
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark)
+}
+console.log(planInfo);
+if (planInfo==-1){
+  result1.value=guid()
+  result2.value=guid()
+  result3.value=guid()
+  result4.value=guid()
+  result5.value=guid()
+  generatedCode.value = generateCode();
+
+}
+
+const resDetail=ref('')
+const ruleIds = ref([]);
+/*const getRuleId = () => {
+  var url = '/sgsafe/ExamHead/getCheckRuleId'
+  var param = {}
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      ruleIds.value = response.data.data
+    } else {
+      console.log("1111111");
+    }
+  })
+  console.log('ruleIds', ruleIds)
+}
+getRuleId()*/
+const showRule=ref(false);
+const showSmit=ref(true);
+const distestType=ref(false)
+if (planInfo==1) {
+  console.log(planInfo);
+  title = '修改管理档案'
+  fromVue.value= JSON.parse(route.query.data)
+  generatedCode.value = fromVue.value.caseNumber || '';
+  result1.value=fromVue.value.filePlan
+  result2.value=fromVue.value.filePic
+  result3.value=fromVue.value.fileEnd
+  result4.value=fromVue.value.fileOther
+  const userIds= localStorage.getItem('userId')
+  if (userIds != fromVue.value.addId) {
+    showSmit.value=false
+    title = '查看管理档案'
+  }
+
+}
+ const  whether=ref(false)
+
+const planLevelList1=ref([])
+
+
+/* 下拉框 */
+const showActionSheet = ref(false)
+const showActionSheet1 = ref(false)
+const planLevelList = [
+  { name: '转发', value: '转发' },
+  { name: '内部', value: '内部' },
+  { name: '文章', value: '文章' }
+];
+const isdisabled=ref(true)
+const isdisabled2=ref(true)
+const onSelect = (item) => {
+fromVue.value.fileContent = item.name
+
+  showActionSheet.value=false
+}
+
+const onSelect2 = (item) => {
+  fromVue.value.fileType=item.name
+  showActionSheet2.value=false
+  }
+
+const onCaseSourseSelect = (item) => {
+  fromVue.value.caseSource=item.dicCode
+  caseSourceFlag.value = false
+}
+
+const onAccidentLevelSelect = (item) => {
+  fromVue.value.accidentLevel = item.dicCode
+  accidentLevelFlag.value = false
+
+}
+
+const displayFileName = ref('')
+const onSelect1 = (item) => {
+  console.log(item);
+  formJieguo.value.resultFile = item.value
+  result.value=formJieguo.value.resultFile
+  displayFileName.value = item.name
+
+  showActionSheet1.value = false
+}
+const questionIds = ref([])
+const actions=ref([])
+/*const getQuestionId = () => {
+  var url = '/sgsafe/AssessmentRecord/queryRuleNoPage';
+  var param = {};
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      questionIds.value = response.data.data; // 先赋值给 questionIds.value
+
+
+      // ✅ 关键：使用 questionIds.value.map
+      actions.value = questionIds.value.map(item => ({
+        name: item.ruleName,
+        value: item.id
+      }));
+      console.log('actions:', actions.value); // 看看有没有输出
+    } else {
+      ElMessage.error('操作失败！' + response.data.msg);
+    }
+  });
+};
+getQuestionId()*/
+
+const baocun3 = (ruleFormRef) => {
+  console.log(formJieguo.value)
+  ruleFormRef.validate((valid, fields) => {
+    if (valid) {
+
+      var url = '/sgsafe/Manager/save';
+      var param = {
+        json: JSON.stringify(formJieguo.value)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code == '0') {
+          getTableData1()
+          ElMessage({
+            message: '保存成功',
+            type: 'success',
+          })
+          if (ruleFormRef.value) {
+            ruleFormRef.value.resetFields();
+          }
+          dialogVisibletemplate.value=false
+        } else {
+          ElMessage.error('操作失败！' + response.data.msg)
+        }
+
+      })
+    }
+  })
+}
+
+/* 组织树选择 */
+const showBottom = ref(false)
+import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  console.log(nodeData);
+  const [deptCode, deptName] = nodeData.split('-', 2); // 只按第一个 '-' 分割
+  fromVue.value.activityDept = deptCode.trim();
+  fromVue.value.activityName = deptName.trim();
+
+  showBottom.value = false
+}
+
+/* 组织树选择 */
+const showBottom1 = ref(false)
+
+const handleTableDataUserDeptUpdate1 = async (nodeData) => {
+  console.log('选中的部门字符串:', nodeData); // e.g. "D1101120701-型钢炼钢站"
+
+  // 确保 nodeData 是字符串
+  if (typeof nodeData !== 'string') {
+    console.warn('nodeData 不是字符串，跳过处理');
+    showBottom1.value = false; // 假设你有另一个 showBottom1 控制弹窗
+    return;
+  }
+
+  // 获取当前已选的 otherDept，转为数组（按逗号分割）
+  const currentList = fromVue.value.otherDept
+      ? fromVue.value.otherDept.split(',').filter(item => item.trim() !== '')
+      : [];
+
+  // 可选：防止重复添加
+  if (!currentList.includes(nodeData)) {
+    currentList.push(nodeData);
+  }
+
+  // 重新拼成逗号分隔的字符串
+  fromVue.value.otherDept = currentList.join(',');
+
+  showBottom1.value = false;
+}
+
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  })
+  var url = '/sgsafe/Manager/save';
+  const params = {
+    json: JSON.stringify(fromVue.value)
+  }
+  proxy.$axios.post(url,params).then(res=>{
+    if (res.data.code === 0) {
+      loadingToast.close()
+      showSuccessToast('保存成功')
+      onClickLeft()
+
+    } else {
+      loadingToast.close()
+      showFailToast('操作失败!' + res.data.msg)
+    }
+  })
+}
+const showDatePicker = ref(false)
+const onDatePicker = (value) => {
+  const dateArr = value.selectedValues
+  fromVue.value.startTime = dateArr[0] + '-' + dateArr[1] + '-' + dateArr[2]
+  showDatePicker.value = false
+}
+const currentDate = ref([2025, 7, 25])
+//定义字典集合
+const dicList = ref([])
+//获取字典集合
+// import tools from '@/tools'
+const getDicList = () => {
+  tools.dic.getDicList(['systemTypes']).then((response => {
+
+   const rawData = response.data.data
+    dicList.value = rawData.systemTypes.map(item => ({
+      name: item.dicName,      // 必须有 name 字段！
+      code: item.dicCode       // 可选，保留原始 code 供后续使用
+    }));
+    console.log(JSON.stringify(dicList.value))
+  }))
+}
+onMounted(() => {
+  getAccidentDicList()
+  console.log('这是编辑页面')
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth() + 1 // 月份从 0 开始
+  const day = today.getDate()
+  currentDate.value = [year, month, day]
+  currentDate1.value = [year, month, day]
+
+  //selectedDateText.value = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
+  getDicList()
+})
+const showActionSheet2=ref(false)
+/* 文件上传 */
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+import OrganizationalWithLeafUser from '@/components/OrganizationalWithLeafUser.vue';
+
+const onSubmit = (values) => {
+  fromVue.value.caseNumber = generatedCode.value;
+
+  fromVue.value.filePlan =result1.value
+  fromVue.value.filePic=result2.value
+  fromVue.value.fileEnd =result3.value
+  fromVue.value.fileOther=result4.value
+  fromVue.value.filePicBefore=fileUrl.value
+  addEmergencyDrillPlan()
+}
+const leaderKeyysr = guid();
+const PopupDepartmentLeaderNameRefysr = ref();
+const handleDepartmentLeaderNameysr = () => {
+  PopupDepartmentLeaderNameRefysr.value.open();
+};
+const getDepartmentLeaderNameysr = (item) => {
+  fromVue.value.punCode = item.user.userCode;
+  fromVue.value.punName = item.user.userDesc;
+  fromVue.value.punId = item.user.id
+};
+
+const onCaseSourceConfirm = ({ selectedOptions }) => {
+  caseSourceFlag.value = false;
+  fromVue.value.caseType = selectedOptions[0].text;
+};
+
+const onAccidentLevelConfirm = ({ selectedOptions }) => {
+  accidentLevelFlag.value = false;
+  fromVue.value.caseType = selectedOptions[0].text;
+};
+
+const onprimaryTwoConfirm = ({ selectedOptions }) => {
+  primaryDomainTwoFlag.value = false;
+  fromVue.value.primaryDomainTwo = selectedOptions[0].text;
+};
+const selectedPrimary = ref(null)
+const onprimaryConfirm = ({ selectedOptions }) => {
+  if (!selectedOptions?.length) {
+    selectedPrimary.value = null;
+    fromVue.value.primaryDomainTwo = '';
+    primaryDomainFlag.value = false;
+    return;
+  }
+
+  primaryDomainFlag.value = false;
+  fromVue.value.primaryDomain = selectedOptions[0].text;
+
+  const primaryList = accidentDictList.value?.primary_domain || [];
+  const selectedItem = primaryList.find(item => item.dicName === selectedOptions[0].text);
+
+  selectedPrimary.value = selectedItem || null;
+  fromVue.value.primaryDomainTwo = '';
+};
+
+const filteredSecondaryList = computed(() =>
+  selectedPrimary.value?.dicValue1
+    ? (accidentDictList.value?.primary_domain_two || [])
+      .filter(item => item.dicValue1 === selectedPrimary.value.dicValue1)
+      .map(({ dicName, dicCode }) => ({ text: dicName, value: dicCode }))
+    : []
+);
+const getDepartmentJoinPerson = (userArray) => {
+
+}
+const currentDate1 = ref([2025, 7, 25])
+const showDatePicker1 = ref(false)
+const onDatePicker1 = (value) => {
+  const dateArr = value.selectedValues
+  fromVue.value.endTime = dateArr[0] + '-' + dateArr[1] + '-' + dateArr[2]
+  showDatePicker1.value = false
+}
+const fileUrl=ref('')
+const handleFirstFileUrl = (url) => {
+  console.log('第一张文件URL:', url)
+  fileUrl.value=url
+}
+import AttachmentS3ImageReturnURL from '@/components/AttachmentS3ImageReturnURL.vue';
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky class="header">
+      <van-nav-bar
+        :title="title"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft" >
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form @submit="onSubmit">
+<!--        <van-field-->
+<!--          v-model="fromVue.caseNumber"-->
+<!--          label="案例编号"-->
+<!--          name="caseNumber"-->
+<!--          required-->
+<!--          placeholder="请输入案例编号"-->
+<!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
+<!--        />-->
+        <van-field
+            v-model="generatedCode"
+        label="案例编号"
+        name="caseNumber"
+            :readonly="true"
+        :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
+        />
+
+        <van-field
+          v-model="fromVue.activityTitle"
+          label="活动主题"
+          name="caseTitle"
+          required
+          placeholder="请输入活动主题"
+          :rules="[{required: true, message: '请输入活动主题'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseType"
+          readonly
+          label="案例类型"
+          name="caseType"
+          required
+          @click="caseSourceFlag = true"
+        />
+        <van-field
+          readonly
+          v-model="fromVue.activityType"
+          label="活动形式"
+          name="activityType"
+          @click="accidentLevelFlag = true"
+        />
+
+        <van-field
+            v-model="fromVue.startTime"
+            readonly
+            label="开始时间"
+            name="startTime"
+            required
+            placeholder="请选择开始时间"
+            :rules="[{required: true, message: '请输入开始时间'}]"
+            @click="showDatePicker = true"
+        />
+        <van-field
+            v-model="fromVue.endTime"
+            readonly
+            label="结束时间"
+            name="endTime"
+            required
+            placeholder="请选择结束时间"
+            :rules="[{required: true, message: '请输入结束时间'}]"
+            @click="showDatePicker1 = true"
+        />
+        <van-field
+            readonly
+            v-model="fromVue.activityName"
+            label="主办单位"
+            name="perName"
+            @click="showBottom=true"
+        />
+        <van-field
+            readonly
+            v-model="fromVue.otherDept"
+            label="协办/承办单位"
+            name="perName"
+            @click="showBottom1=true"
+        />
+
+        <van-field
+            v-model="fromVue.activitySummary"
+            label="活动简介"
+            name="activitySummary"
+            required
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入活动简介"
+            :rules="[{required: true, message: '请输入活动简介'}]"
+        />
+
+        <van-field label="活动照片">
+          <template #input>
+            <AttachmentS3ImageReturnURL style="background-color: white;" :f-id="result2"  @update:firstFileUrl="handleFirstFileUrl" />
+          </template>
+        </van-field>
+
+        <van-field label="活动方案" >
+          <template #input>
+            <AttachmentS3 :f-id="result1" />
+          </template>
+        </van-field>
+        <van-field label="活动总结及效果评价" >
+          <template #input>
+            <AttachmentS3 :f-id="result3" />
+          </template>
+        </van-field>
+        <van-field label="签到表及其他材料" >
+          <template #input>
+            <AttachmentS3 :f-id="result4" />
+          </template>
+        </van-field>
+        <div style="margin: 16px;">
+          <van-button round block type="primary" v-show='showSmit' native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <van-action-sheet
+        v-model:show="showActionSheet"
+        :actions="planLevelList"
+        @select="onSelect"
+      />
+      <van-action-sheet
+        v-model:show="showActionSheet2"
+        :actions="dicList"
+        @select="onSelect2"
+      />
+
+      <van-popup v-model:show="caseSourceFlag" round position="bottom">
+        <van-picker
+            :columns="columns"
+            @cancel="caseSourceFlag = false"
+            @confirm="onCaseSourceConfirm"
+        />
+      </van-popup>
+
+      <van-popup v-model:show="accidentLevelFlag" round position="bottom">
+        <van-picker
+            :columns="columnsLevel"
+            @cancel="accidentLevelFlag = false"
+            @confirm="onAccidentLevelConfirm"
+        />
+      </van-popup>
+      <van-popup v-model:show="primaryDomainFlag" round position="bottom">
+        <van-picker
+          :columns="columnsprimary"
+          @cancel="primaryDomainFlag = false"
+          @confirm="onprimaryConfirm"
+        />
+      </van-popup>
+      <van-popup v-model:show="primaryDomainTwoFlag" round position="bottom">
+        <van-picker
+          :columns="filteredSecondaryList"
+          @cancel="primaryDomainTwoFlag = false"
+          @confirm="onprimaryTwoConfirm"
+        />
+      </van-popup>
+
+<!--      <van-action-sheet-->
+<!--          v-model:show="accidentLevelFlag"-->
+<!--          :actions="accidentDictList.accident_level"-->
+<!--          @select="onAccidentLevelSelect"-->
+<!--      />-->
+
+<!--      <van-action-sheet-->
+<!--        v-model:show="showActionSheet1"-->
+<!--        :actions="planLevelList1"-->
+<!--        field-names="{ text: 'fileName', value: 'fileId' }"-->
+<!--        @select="onSelect1"-->
+<!--      />-->
+
+      <van-popup v-model:show="showBottom" position="bottom" :style="{ height: '30%' }">
+        <OrganizationalWithLeaf @update:selected-node="handleTableDataUserDeptUpdate" />
+      </van-popup>
+      <van-popup v-model:show="showBottom1" position="bottom" :style="{ height: '30%' }">
+        <OrganizationalWithLeaf @update:selected-node="handleTableDataUserDeptUpdate1" />
+      </van-popup>
+      <van-popup v-model:show="showDatePicker" position="bottom">
+        <van-date-picker
+          v-model="currentDate"
+          @confirm="onDatePicker"
+          @cancel="showDatePicker = false" />
+      </van-popup>
+      <van-popup v-model:show="showDatePicker1" position="bottom">
+        <van-date-picker
+            v-model="currentDate1"
+            @confirm="onDatePicker1"
+            @cancel="showDatePicker1 = false" />
+      </van-popup>
+
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.header, .footer {
+  /* 固定高度区域 */
+  flex-shrink: 0; /* 防止被压缩 */
+  background: #f5f5f5;
+  padding: 12px;
+}
+.row-container {
+  display: flex;
+  justify-content: space-between; /* 关键：左右分布 */
+  align-items: center;             /* 垂直居中 */
+
+}
+
+.cell-period-text {
+  font-size: 14px;
+  color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+}
+
+.mini-btn {
+  height: 22px;
+  font-size: 12px;
+  padding: 0 8px;
+  min-width: 60px;                 /* 可选：保持按钮最小宽度一致 */
+}
+</style>

src/view/knowledge/accident.vue

@@ -0,0 +1,892 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="事故案例" @click-left="onClickLeft" @click-right="handAdd">
+      <template #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+    </van-nav-bar>
+    <van-search v-model="query.caseTitle" show-action placeholder="请输入案例标题" @search="onRefresh"
+                @cancel="handdelectTitle" />
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list v-model:loading="isLoading" :finished="isFinished" finished-text="没有更多了" offset="200" @load="onLoad">
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell style="min-height: 100px; padding: 0 0 0 0; display: flex; align-items: flex-start;" @click="edits(item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.caseTitle }}
+                    </div>
+                  </template>
+                  <template #label>
+                      <div>案例编号：{{ item.caseNumber }} </div>
+                      <div>事故等级：{{ item.accidentLevel }}</div>
+                      <div> 浏览量：{{item.viewCount}}</div>
+
+<!--                    <div style="width: 112px" :class="getStatusClass(item.isFinish)">
+                      类型：
+                      <span v-if="item.isFinish === '待学习'" style="width: 200px">待学习</span>
+                      <span v-else-if="item.isFinish === '已学习'" style="width: 200px">已学习</span>
+                      <span v-else-if="item.isFinish === '已扣除'" style="width: 200px">已扣除</span>
+                    </div>-->
+                  </template>
+                </van-cell>
+                <div class="swipe-cell-default-icon">
+                  <van-icon v-if="openStatus[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                  <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                </div>
+              </div>
+            </template>
+
+            <template #right>
+              <van-button v-if="item.canDelete" square class="delete-button" text="删除" @click="handleDelete(item)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+
+      </van-list>
+    </van-pull-refresh>
+
+    <!-- 删除确认弹窗 -->
+    <van-dialog v-model:show="deleteDialogVisible" show-cancel-button @confirm="confirmDelete">
+      <template #title>
+        <div>删除确认</div>
+      </template>
+      <div style="padding: 30px;">确定要删除该项目吗？</div>
+    </van-dialog>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast } from 'vant';
+
+import tools from '@/tools'
+
+const { proxy } = getCurrentInstance();
+
+const onClickLeft = () => {
+  history.back();
+};
+// const headers = ref({
+//   token: localStorage.getItem('token'),
+//   userId: localStorage.getItem('userId'),
+//   dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+// });
+const headers = ref({
+  token: localStorage.getItem('token') || '',
+  userId: localStorage.getItem('userId') || '', // 防止 null/undefined
+  dept: JSON.parse(localStorage.getItem('dept'))?.[0]?.deptCode || ''
+});
+const switchIconState = (idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+// const onClickRight = () =>{
+//   searchShow.value = !searchShow.value;
+// }
+
+const searchShow = ref(false);
+const query = ref({
+  caseNumber:'',
+  caseTitle:'',
+})
+
+
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const dialogVisibleLook = ref(false);
+const deleteDialogVisible = ref(false);
+const currentDeleteItem = ref([]);
+const dialogVisible = ref(false);
+const dialogVisibleFile = ref(false);
+const date = ref(null);
+
+const kz = ref(true);
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const handAdd =  () => {
+
+  router.push({ path: "/accidentList",
+    query: {
+      mark:-1
+    } });
+
+};
+const goaddPeo = (item) => {
+  router.push({
+    path: '/addPeo',
+    query: {
+      data: JSON.stringify(item)
+    }
+  })
+}
+
+const edits = async (row) => {
+  const currentUserId = localStorage.getItem('userId');
+  const addId = row.addId;
+
+  const isOwner = String(addId).trim().toLowerCase() === String(currentUserId).trim().toLowerCase();
+
+  // 更新浏览量
+  await updateViewCount(row);
+
+  kz.value = true;
+  form.value = { ...row };
+  router.push({ path: "/accidentList",
+    query: {
+      mark:1,
+      data:JSON.stringify(form.value),
+      readOnly: !isOwner ? 'true' : undefined
+    } });
+};
+const form = ref({
+  caseNumber:'',
+  caseTitle:'',
+  caseSource:'',
+  accidentLevel:'',
+  accidentDept:'',
+  accidentLocation:'',
+  accidentTime:'',
+  accidentType:'',
+  accidentTags:'',
+  casualtyCount:'',
+  accidentSummary:'',
+  preventiveMeasures:'',
+  fileId:'',
+  viewCount:'',
+  downloadCount:''
+});
+
+const updateViewCount = async (item) => {
+  try {
+    const payload = { ...item };
+    // 将浏览量 +1
+    payload.viewCount = String((Number(payload.viewCount) || 0) + 1);
+
+    const url = '/sgsafe/Manager/saveAccident';
+    const param = {
+      json: JSON.stringify(payload)
+    };
+
+    const response = await proxy.$axios.post(url, param);
+    if (response.data.code === '0' || response.data.code === 0) {
+      // 更新成功后，更新本地列表中的浏览量显示
+      const index = resultData.value.findIndex(data => data.id === item.id);
+      if (index !== -1) {
+        resultData.value[index].viewCount = payload.viewCount;
+      }
+    }
+  } catch (error) {
+    console.error('更新浏览量失败:', error);
+    // 即使更新失败也不阻塞页面跳转
+  }
+};
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+
+const dept=localStorage.getItem("dept")[0].deptCode;
+const currentUserId = String(localStorage.getItem('userId'));
+const getTableData = async () => {
+  var url = '/sgsafe/Manager/queryAccident'
+  var param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(query.value)
+  }
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code == 0) {
+    tableData.value = response.data.data.records.map(item => ({
+      ...item,
+      canDelete: String(item.addId) === currentUserId
+    }));
+    console.log('列表数据',tableData.value)
+    totalRows.value = response.data.data.total;
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+const ruleIds = ref([]);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+//*************************************
+
+
+
+//定义字典集合
+const dicList = ref([])
+
+const getDicList = () => {
+  tools.dic.getDicList([ 'case_type','SEX', 'case_source','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    dicList.value = response.data.data
+
+  }))
+}
+
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+
+  getDicList()
+
+
+
+
+
+  try {
+    await getTableData();
+
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+
+    console.log('resultData',resultData.value)
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+/*onMounted(() => {
+  handleSearch();
+});
+
+
+const handleSearch = () => {
+/!*  currentPage.value = 1;
+  isFinished.value = false;
+  tableData.value = [];*!/
+  basicReset()
+  onLoad()
+};*/
+
+const handdelectNumber = () => {
+  query.value.caseNumber = '';
+  onRefresh()
+};
+
+const handdelectTitle = () => {
+  query.value.caseTitle = '';
+  onRefresh()
+};
+
+
+
+
+// 定义生成编号的函数
+const generateCode = () => {
+  // 获取当前日期并格式化为 YYYYMMDD
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需加1
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  // 时间部分：HHmmss
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+
+  // 模拟生成三位流水号（可以根据需要替换为递增逻辑）
+  const sequenceNumber = Math.floor(Math.random() * 1000); // 随机生成 0-999
+  const paddedSequence = String(sequenceNumber).padStart(3, '0'); // 补零到三位
+
+  // 拼接编号
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 使用 ref 存储生成的编号
+const generatedCode = ref(generateCode());
+
+// 定义重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+const handleDetailLook = (row) => {
+
+  form.value = { ...row };
+  proxy.$router.push({
+    name: 'taiZhang_detail',
+    query: {
+      form: form.value.id
+    }
+  });
+  // dialogVisibleLook.value = true;
+};
+const deleteData=ref({})
+
+const handleDelete = (item) => {
+  const currentUserId = headers.value.userId;
+  const addId = item.addId;
+
+  if (!currentUserId || !addId || String(addId).trim() !== String(currentUserId).trim()) {
+    showToast({
+      type: 'warning',
+      message: '无权限删除！只能删除自己添加的案例。'
+    });
+    return;
+  }
+  
+  deleteData.value=item
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  deleteData.value.cancelTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+
+    deleteData.value.cancelFlag='1'
+  var url = '/sgsafe/Manager/saveAccident';
+  var param = {
+    json: JSON.stringify(deleteData.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast("删除成功")
+      onRefresh();
+
+    } else {
+    }
+
+  })
+};
+
+
+const confirmDelete = () => {
+  for (let item of currentDeleteItem.value) {
+    if (item.addId !== headers.value.userId) {
+      showToast({
+        type: 'warning',
+        message: '只能删除自己添加的数据！'
+      });
+      return;
+    }
+  }
+
+  if (currentDeleteItem.value[0].status !== '0' && currentDeleteItem.value[0].hdSelect !== '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+  if (currentDeleteItem.value[0].status !== '2' && currentDeleteItem.value[0].hdSelect === '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+
+  var url = 'sgsafe/Hiddendanger/remove';
+  var param = {
+    params: JSON.stringify({ ...currentDeleteItem.value.map(x => x.id) })
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == 0) {
+      showToast({
+        type: 'success',
+        message: '删除成功'
+      });
+      onRefresh();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+
+
+
+const resetForm = () => {
+  form.value = {
+    projectName: '',
+    projectLeader: '',
+    phone: '',
+    dept: ''
+  };
+};
+
+const baocun = () => {
+  nextTick(() => {
+    if (form.value.hdSelect === '正常登记') {
+      form.value.status = '0';
+    } else if (form.value.hdSelect === '下发隐患') {
+      form.value.status = '2';
+    } else {
+      form.value.status = '-1';
+    }
+  });
+  // 原有保存逻辑保持不变
+  var url = 'sgsafe/Hiddendanger/save';
+  var param = {
+    json: JSON.stringify(form.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast('保存成功！');
+      getTableData();
+      orJsons();
+      // clearDeptUsers()
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+//处理人员code
+const repairLL = ref('');
+const repairOO = ref('');
+const acceptLL = ref('');
+const orJsons = () => {
+  // console.log('forms',form.value)
+  if (form.value.hdSelect === '正常登记') {
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.discoverer);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.discovererOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  } else {
+    // console.log('noiajdoifjpoewjfopjp')
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.acceptLeader);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.acceptOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  }
+};
+
+const jsons = ref({});
+const qq = (a, val) => {
+  let aa = '';
+  var url = 'sgsafe/Hiddendanger/qqId';
+  var param = {
+    params: val
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == 0) {
+
+      aa = response.data.data;
+      switch (a) {
+        case 'repairLL':
+          repairLL.value = response.data.data;
+          // console.log('repairLL',repairLL.value);
+          break;
+        case 'repairOO':
+          repairOO.value = response.data.data;
+          // console.log('repairOO',repairLL.value);
+          break;
+        case 'acceptLL':
+          acceptLL.value = response.data.data;
+          // console.log('acceptLL',repairLL.value);
+          break;
+        default:
+          break;
+      }
+      jsons.value = {
+        hdConfirm: repairLL.value,
+        hdConfirmO: repairOO.value,
+        hdCancel: acceptLL.value
+      };
+
+      // 处理函数
+      function processValue(value) {
+        // 将逗号替换为分号
+        const replacedValue = value.replace(/,/g, ';');
+        // 分割值
+        const parts = replacedValue.split(';');
+        // 每个部分前加上 U_
+        const processedParts = parts.map(part => `U_${part.trim()}`);
+        // 重新组合
+        return processedParts.join(';');
+      }
+
+      // 处理整个对象
+      const processedData = {};
+      for (const key in jsons.value) {
+        if (jsons.value.hasOwnProperty(key)) {
+          processedData[key] = processValue(jsons.value[key]);
+        }
+      }
+
+      console.log('对象', toRaw(processedData));
+
+      let b = {
+        acceptL: processedData.hdConfirm,
+        acceptO: processedData.hdConfirmO,
+        id: form.value.id
+      };
+
+      if (form.value.hdSelect === '即查即改') {
+        b = {
+          hdFxr: processedData.hdCancel,
+          id: form.value.id
+        };
+      }
+
+      if (form.value.hdSelect === '正常登记') {
+        b = {
+          // hdConfirm: processedData.hdConfirm,
+          // hdConfirmO: processedData.hdConfirmO,
+          id: form.value.id
+        };
+      }
+
+      const aaa = JSON.stringify(toRaw(b));
+      sessionStorage.setItem('variables', aaa);
+      console.log('aaa', aaa);
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+  return aa;
+};
+
+const reback = () => {
+  // 返回逻辑
+};
+
+const deleteRow = (row) => {
+  selectedRows.value = [row];
+  handleDelete(row);
+};
+
+const deleteRowa = (row) => {
+  deleteRow(row);
+};
+
+const bm = (val) => {
+  // 部门选择逻辑
+};
+
+//提交审批流程
+import { workflowSubmit, workflowCancel } from '@/tools/workflow.js';
+
+const flowId = ref('');
+flowId.value = 'hazardManagementFlowId';
+const handleSubmit2 = (val, idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  console.log('提交');
+  console.log('selectedRows', selectedRows.value);
+  let row = val;
+  form.value = { ...row }
+  form.value.workCreate = headers.value.dept;
+
+  let b = {
+    id: form.value.id,
+  }
+  const aaa = JSON.stringify(toRaw(b))
+  sessionStorage.setItem('variables', aaa)
+
+  if (form.value.hdSelect === '正常登记') {
+    flowId.value = 'hazardManagementFlowId'
+  } else if (form.value.hdSelect === '下发隐患') {
+    flowId.value = 'hazardImmediatelyCM'
+    form.value.status = '2'
+  } else {
+    flowId.value = 'hazardImmediatelyCMUpdate'
+    form.value.status = '-1'
+  }
+
+  console.log('----');
+  console.log(flowId.value);
+  console.log(sessionStorage.getItem('variables'));
+  console.log(row.workId);
+  console.log(row.trackId);
+  let titles = '隐患排查治理'
+  showDialog({
+    title: '提示',
+    message: '确定提交审批？',
+    showCancelButton: true,
+    confirmButtonText: '确定',
+    type: 'warning',
+    cancelButtonText: '取消'
+  }
+  ).then(() => {
+    return workflowSubmit(
+      flowId.value,
+      '隐患排查治理',
+      '初始化提交',
+      // JSON.stringify({}),
+      sessionStorage.getItem('variables'),
+      row.workId,
+      row.trackId);
+  }).then((result) => {
+    if (result.status === 'success') {
+      // 将结果返回的workId和trackId保存
+      var url = 'sgsafe/Hiddendanger/saveProcessInfo';
+      console.log('id', result, row.id);
+      var process = {
+        'id': form.value.id,
+        'workId': result.workId,
+        'trackId': result.trackId
+      };
+      var param = {
+        json: JSON.stringify(process)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code === 0) {
+          form.value = response.data.data;
+          console.log('我要进来啦保存成功');
+          showToast({
+            type: 'success',
+            message: '提交审批成功'
+          });
+          onRefresh()
+        }
+      });
+    } else {
+      showToast({
+        type: 'error',
+        message: '提交审批失败，' + result.msg
+      });
+    }
+  }).catch(() => {
+    showToast({
+      type: 'info',
+      message: '已取消提交'
+    });
+  });
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStatus = ref([])
+const swipeCellRefs = ref([])
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+}
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false
+    swipeCellRefs.value[idx].open('right')
+  }
+  document.addEventListener('click', handleDocumentClick)
+}
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true
+    swipeCellRefs.value[idx].close()
+  }
+}
+// *********************************** 事故案例 ************************************************
+
+
+
+
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.status-pending {
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-registered {
+  background-color: #d1ecf1;
+  color: #0c5460;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-analyzing {
+  background-color: #fff8e1;
+  color: #ff8f00;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-rectifying {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-accepting {
+  background-color: #e3f2fd;
+  color: #1565c0;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-closed {
+  background-color: #f8bbd0;
+  color: #b71c1c;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-finished {
+  background-color: #e8eaf6;
+  color: #311b92;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-unknown {
+  background-color: #efebe9;
+  color: #424242;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.cell-title {
+  display: -webkit-box;
+  /* 旧版弹性盒子模型 */
+  -webkit-box-orient: vertical;
+  /* 内容垂直排列 */
+  -webkit-line-clamp: 2;
+  /* 限制显示行数 */
+  overflow: hidden;
+  /* 超出隐藏 */
+  text-overflow: ellipsis;
+  /* 省略号 */
+  line-height: 1.5;
+  /* 可选：设置行高 */
+  max-height: calc(1.5em * 2);
+  /* 可选：根据行高限制最大高度 */
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  /* 字号 */
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.submit-button {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.subsuccess {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub1.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+.single-line-text {
+  white-space: nowrap;        /* 强制不换行 */
+  overflow: hidden;           /* 超出部分隐藏 */
+  text-overflow: ellipsis;    /* 超出显示省略号 ... */
+  width: 100%;                /* 或指定宽度 */
+  box-sizing: border-box;
+}
+</style>

src/view/knowledge/accidentList.vue

@@ -0,0 +1,753 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref , computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools'
+import OrganizationalWithLeafUserOne from '@/components/OrganizationalWithLeafUserOne.vue';
+const {
+  proxy
+} = getCurrentInstance()
+const accidentDictList = ref([])
+const columns =  ref([])
+const columnsLevel =  ref([])
+
+//     [
+//   { text: '杭州', value: 'Hangzhou' },
+//   { text: '宁波', value: 'Ningbo' },
+//   { text: '温州', value: 'Wenzhou' },
+//   { text: '绍兴', value: 'Shaoxing' },
+//   { text: '湖州', value: 'Huzhou' },
+// ];
+
+// 定义生成编号的函数（你已写好的逻辑）
+
+const generateCode = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+  const sequenceNumber = Math.floor(Math.random() * 1000);
+  const paddedSequence = String(sequenceNumber).padStart(3, '0');
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 存储生成的编号（响应式变量）
+const generatedCode = ref(generateCode());
+
+// 重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+
+
+const getAccidentDicList = () => {
+  tools.dic.getDicList([ 'case_type','SEX', 'case_source','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    accidentDictList.value = response.data.data
+    console.log('case_source',accidentDictList.value.case_source)
+    columns.value = accidentDictList.value.case_source.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+    columnsLevel.value = accidentDictList.value.accident_level.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+
+
+    console.log('accident_level',accidentDictList.value.accident_level)
+
+  }))
+}
+
+
+const caseSourceFlag = ref(false)
+const accidentLevelFlag = ref(false)
+let title = '新增事故案例'
+
+/* 返回上一级页面 */
+const router = useRouter()
+const onClickLeft = () => {
+  router.go(-1)
+}
+
+const currentYear = ref()
+currentYear.value = new Date().getFullYear()
+
+/* 获取用户部门信息 */
+const jsonArray = localStorage.getItem('dept')
+const deptInformation = ref([])
+try {
+  deptInformation.value = jsonArray ? JSON.parse(jsonArray) : [];
+} catch (error) {
+  deptInformation.value = [];
+}
+const deptName = deptInformation.value[0].deptName
+const deptCode = deptInformation.value[0].deptCode
+
+const guid = () =>  {
+  function S4() {
+    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+  }
+  return (S4()+S4()+S4()+S4()+S4()+S4()+S4()+S4())
+}
+const formJieguo = ref({
+  resultWhether:'',
+  resultDetail:'',
+  resultWhy:'',
+  resultFile:'',
+  itemsId:'',
+  resultFileId:'',
+  resType:''
+})
+const route = useRoute()
+let planInfo = {}
+const  userName1=localStorage.getItem('userName');
+const isEdit = ref(route.query.mark === '1');
+const isReadOnly = ref(route.query.readOnly === 'true');
+const isCaseSubmitted = computed(() => isReadOnly.value && isEdit.value);
+const result=ref('')
+const fromVue=ref({})
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark)
+}
+console.log(planInfo);
+// 新增模式
+if (planInfo==-1){
+  const caseNumber = generateCode();
+  const fileId = ref()
+  result.value= caseNumber
+  //初始化 fromVue
+  fromVue.value = {
+    caseNumber: caseNumber,
+    caseTitle: '',
+    caseSource: '',
+    accidentLevel: '',
+    accidentDept: '',
+    accidentLocation: '',
+    accidentTime: '',
+    accidentType: '',
+    accidentTags: '',
+    casualtyCount: '',
+    accidentSummary: '',
+    preventiveMeasures: '',
+    fileId: fileId,
+    viewCount: '0',
+    downloadCount: '0'
+  };
+  console.log( result.value);
+}
+
+const resDetail=ref('')
+const ruleIds = ref([]);
+/*const getRuleId = () => {
+  var url = '/sgsafe/ExamHead/getCheckRuleId'
+  var param = {}
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      ruleIds.value = response.data.data
+    } else {
+      console.log("1111111");
+    }
+  })
+  console.log('ruleIds', ruleIds)
+}
+getRuleId()*/
+const showRule=ref(false);
+
+const distestType=ref(false)
+if (planInfo==1) {
+  console.log(planInfo);
+  title = '查看事故案例'
+  fromVue.value= JSON.parse(route.query.data)
+  if (!fromVue.value.fileId) {
+    const newFileId = guid();
+    fromVue.value.fileId = newFileId;
+    result.value = newFileId;
+  } else {
+    result.value = fromVue.value.fileId;
+  }
+
+  console.log('编辑模式 - fileId:', result.value);
+}
+ const  whether=ref(false)
+
+const planLevelList1=ref([])
+
+const onConfirmDatetime = () => {
+  const year = currentDate.value[0];
+  const month = currentDate.value[1].toString().padStart(2, '0');
+  const day = currentDate.value[2].toString().padStart(2, '0');
+  const hours = currentTime.value[0].toString().padStart(2, '0');
+  const minutes = currentTime.value[1].toString().padStart(2, '0');
+  const seconds = currentTime.value[2].toString().padStart(2, '0');
+
+  fromVue.value.accidentTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  showDatetimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+
+const showDatetimePicker = ref(false);
+const currentTime = ref();
+const minDate = ref();
+const maxDate = ref();
+
+const dateOrTime = ref(false);
+const onDateConfirm = () => {
+  // 日期选择确认后的处理
+  dateOrTime.value = true;
+};
+const resetDatetime = () => {
+  dateOrTime.value = false;
+
+  // 初始化日期和时间
+  if (fromVue.value.accidentTime) {
+    const dt = new Date(fromVue.value.accidentTime);
+    currentDate.value = [dt.getFullYear(), dt.getMonth() + 1, dt.getDate()];
+    currentTime.value = [
+      String(dt.getHours()).padStart(2, '0'),
+      String(dt.getMinutes()).padStart(2, '0'),
+      String(dt.getSeconds()).padStart(2, '0')
+    ];
+  } else {
+    const now = new Date();
+    currentDate.value = [now.getFullYear(), now.getMonth() + 1, now.getDate()];
+    currentTime.value = [
+      String(now.getHours()).padStart(2, '0'),
+      String(now.getMinutes()).padStart(2, '0'),
+      String(now.getSeconds()).padStart(2, '0')
+    ];
+  }
+};
+const cancelDatePicker = () => {
+  showDatetimePicker.value = false;
+  resetDatetime();
+};
+
+// 时间选择器取消
+const cancelTimePicker = () => {
+  resetDatetime();
+  // 重置为当前时间或从表单获取时间
+  if (fromVue.value.accidentTime) {
+    const dt = new Date(fromVue.value.accidentTime);
+    currentTime.value = [
+      String(dt.getHours()).padStart(2, '0'),
+      String(dt.getMinutes()).padStart(2, '0'),
+      String(dt.getSeconds()).padStart(2, '0')
+    ];
+  } else {
+    const now = new Date();
+    currentTime.value = [
+      String(now.getHours()).padStart(2, '0'),
+      String(now.getMinutes()).padStart(2, '0'),
+      String(now.getSeconds()).padStart(2, '0')
+    ];
+  }
+};
+
+
+/* 下拉框 */
+const showActionSheet = ref(false)
+const showActionSheet1 = ref(false)
+const planLevelList = [
+  { name: '转发', value: '转发' },
+  { name: '内部', value: '内部' },
+  { name: '文章', value: '文章' }
+];
+const isdisabled=ref(true)
+const isdisabled2=ref(true)
+const onSelect = (item) => {
+fromVue.value.fileContent = item.name
+
+  showActionSheet.value=false
+}
+
+const onSelect2 = (item) => {
+  fromVue.value.fileType=item.name
+  showActionSheet2.value=false
+  }
+
+const onCaseSourseSelect = (item) => {
+  fromVue.value.caseSource=item.dicCode
+  caseSourceFlag.value = false
+}
+
+const onAccidentLevelSelect = (item) => {
+  fromVue.value.accidentLevel = item.dicCode
+  accidentLevelFlag.value = false
+
+}
+
+const displayFileName = ref('')
+const onSelect1 = (item) => {
+  console.log(item);
+  formJieguo.value.resultFile = item.value
+  result.value=formJieguo.value.resultFile
+  displayFileName.value = item.name
+  console.log(result.value);
+  showActionSheet1.value = false
+}
+const questionIds = ref([])
+const actions=ref([])
+/*const getQuestionId = () => {
+  var url = '/sgsafe/AssessmentRecord/queryRuleNoPage';
+  var param = {};
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      questionIds.value = response.data.data; // 先赋值给 questionIds.value
+
+
+      // ✅ 关键：使用 questionIds.value.map
+      actions.value = questionIds.value.map(item => ({
+        name: item.ruleName,
+        value: item.id
+      }));
+      console.log('actions:', actions.value); // 看看有没有输出
+    } else {
+      ElMessage.error('操作失败！' + response.data.msg);
+    }
+  });
+};
+getQuestionId()*/
+
+const baocun3 = (ruleFormRef) => {
+  console.log(formJieguo.value)
+  ruleFormRef.validate((valid, fields) => {
+    if (valid) {
+
+      var url = '/sgsafe/ItemsResult/save';
+      var param = {
+        json: JSON.stringify(formJieguo.value)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code == '0') {
+          getTableData1()
+          ElMessage({
+            message: '保存成功',
+            type: 'success',
+          })
+          if (ruleFormRef.value) {
+            ruleFormRef.value.resetFields();
+          }
+          dialogVisibletemplate.value=false
+        } else {
+          ElMessage.error('操作失败！' + response.data.msg)
+        }
+
+      })
+    }
+  })
+}
+
+/* 组织树选择 */
+const showBottom = ref(false)
+import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  formJieguo.value.drillDept = nodeData.deptCode + '-' + nodeData.deptName
+  showBottom.value = false
+}
+
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  })
+  
+  fromVue.value.fileId = result.value
+
+  var url = '/sgsafe/Manager/saveAccident';
+  const params = {
+    json: JSON.stringify(fromVue.value)
+  }
+  proxy.$axios.post(url,params).then(res=>{
+    if (res.data.code === 0) {
+      loadingToast.close()
+      showSuccessToast('保存成功')
+      onClickLeft()
+
+    } else {
+      loadingToast.close()
+      showFailToast('操作失败!' + res.data.msg)
+    }
+  })
+}
+const showDatePicker = ref(false)
+const onDatePicker = (value) => {
+  const dateArr = value.selectedValues
+  fromVue.value.checkTime = dateArr[0] + '-' + dateArr[1] + '-' + dateArr[2]
+  showDatePicker.value = false
+}
+const currentDate = ref([2025, 7, 25])
+//定义字典集合
+const dicList = ref([])
+//获取字典集合
+// import tools from '@/tools'
+const getDicList = () => {
+  tools.dic.getDicList(['systemTypes']).then((response => {
+
+   const rawData = response.data.data
+    dicList.value = rawData.systemTypes.map(item => ({
+      name: item.dicName,      // 必须有 name 字段！
+      code: item.dicCode       // 可选，保留原始 code 供后续使用
+    }));
+    console.log(JSON.stringify(dicList.value))
+  }))
+}
+onMounted(() => {
+  getAccidentDicList()
+  console.log('这是编辑页面')
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth() + 1 // 月份从 0 开始
+  const day = today.getDate()
+  currentDate.value = [year, month, day]
+  // 初始化时间
+  currentTime.value = [today.getHours(), today.getMinutes(), today.getSeconds()];
+  // 如果是编辑模式且有已有的事故时间，解析并初始化
+  if (isEdit.value && fromVue.value.accidentTime) {
+    try {
+      // 解析格式如 "2025-01-15 14:30:00" 的时间字符串
+      const timeStr = fromVue.value.accidentTime;
+      const [datePart, timePart] = timeStr.split(' ');
+      if (datePart && timePart) {
+        const [year, month, day] = datePart.split('-').map(Number);
+        const [hours, minutes, seconds] = timePart.split(':').map(Number);
+        currentDate.value = [year, month, day];
+        currentTime.value = [hours || 0, minutes || 0, seconds || 0];
+      }
+    } catch (error) {
+      console.error('解析事故时间失败:', error);
+    }
+  }
+  //selectedDateText.value = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
+  getDicList()
+})
+const showActionSheet2=ref(false)
+/* 文件上传 */
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+
+const onSubmit = (values) => {
+  addEmergencyDrillPlan()
+}
+const leaderKeyysr = guid();
+const PopupDepartmentLeaderNameRefysr = ref();
+const handleDepartmentLeaderNameysr = () => {
+  PopupDepartmentLeaderNameRefysr.value.open();
+};
+const getDepartmentLeaderNameysr = (item) => {
+  fromVue.value.punCode = item.user.userCode;
+  fromVue.value.punName = item.user.userDesc;
+  fromVue.value.punId = item.user.id
+};
+
+const onCaseSourceConfirm = ({ selectedOptions }) => {
+  caseSourceFlag.value = false;
+  fromVue.value.caseSource = selectedOptions[0].text;
+};
+
+const onAccidentLevelConfirm = ({ selectedOptions }) => {
+  accidentLevelFlag.value = false;
+  fromVue.value.accidentLevel = selectedOptions[0].text;
+};
+
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky class="header">
+      <van-nav-bar
+        :title="title"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft" >
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form @submit="onSubmit">
+<!--        <van-field-->
+<!--          v-model="fromVue.caseNumber"-->
+<!--          label="案例编号"-->
+<!--          name="caseNumber"-->
+<!--          required-->
+<!--          placeholder="请输入案例编号"-->
+<!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
+<!--        />-->
+        <van-field
+            v-model="fromVue.caseNumber"
+        label="案例编号"
+        name="caseNumber"
+            readonly
+        :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseTitle"
+          label="案例标题"
+          name="caseTitle"
+          :readonly="isCaseSubmitted"
+          required
+          placeholder="请输入案例标题"
+          :rules="[{required: true, message: '请输入标题名称'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseSource"
+          readonly
+          label="案例来源"
+          name="caseSource"
+          :readonly="isCaseSubmitted"
+          @click="!isCaseSubmitted && (caseSourceFlag = true)"
+        />
+        <van-field
+          readonly
+          v-model="fromVue.accidentLevel"
+          label="事故等级"
+          name="accidentLevel"
+          :readonly="isCaseSubmitted"
+          @click="!isCaseSubmitted && (accidentLevelFlag = true)"
+        />
+
+        <van-field
+            v-model="fromVue.accidentDept"
+            label="事故单位"
+            name="accidentDept"
+            placeholder="请输入事故单位"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入事故单位'}]"
+        />
+
+        <van-field
+            v-model="fromVue.accidentLocation"
+            label="事故地点"
+            name="accidentLocation"
+            :readonly="isCaseSubmitted"
+            placeholder="请输入事故地点"
+            :rules="[{required: true, message: '请输入事故地点'}]"
+        />
+
+<!--        //时间-->
+        <van-field
+            v-model="fromVue.accidentTime"
+            is-link
+            readonly
+            name="datetime"
+            label="发生时间"
+            :colon="true"
+            placeholder="点击选择日期和时间"
+            @click="showDatetimePicker = !isCaseSubmitted"
+            :rules="[{ required:true, message: '请选择内容' }]"
+        />
+
+        <van-popup
+            v-model:show="showDatetimePicker"
+            position="bottom"
+            round
+            style="max-height: 50vh;"
+        >
+          <van-date-picker
+              v-if="!dateOrTime"
+              v-model="currentDate"
+              title="选择日期"
+              :min-date="minDate"
+              :max-date="maxDate"
+              @confirm="onDateConfirm"
+              @cancel="cancelDatePicker"
+          >
+            <template #confirm>
+              <van-button type="primary" @click="onDateConfirm">下一步</van-button>
+            </template>
+            <template #cancel>
+              <van-button type="danger" @click="cancelDatePicker">取消</van-button>
+            </template>
+          </van-date-picker>
+
+          <van-time-picker
+              v-if="dateOrTime"
+              v-model="currentTime"
+              title="选择时间"
+              :columns-type="['hour', 'minute', 'second']"
+              @confirm="onConfirmDatetime"
+              @cancel="cancelTimePicker"
+          >
+            <template #confirm>
+              <van-button type="primary" @click="onConfirmDatetime">确定</van-button>
+            </template>
+            <template #cancel>
+              <van-button type="danger" @click="cancelTimePicker">取消</van-button>
+            </template>
+          </van-time-picker>
+        </van-popup>
+<!--        // 标签-->
+
+        <van-field
+            v-model="fromVue.accidentTags"
+            label="关键词/标签"
+            name="accidentTags"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入事故关键词/标签”'}]"
+        />
+
+        <van-field
+            v-model="fromVue.casualtyCount"
+            label="事故造成后果"
+            name="casualtyCount"
+            rows="1"
+            autosize
+            type="textarea"
+            placeholder="请输入事故造成后果"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入事故造成后果'}]"
+        />
+        <van-field
+            v-model="fromVue.accidentSummary"
+            label="事故简要经过"
+            name="accidentSummary"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入事故简要经过"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入事故简要经过'}]"
+        />
+        <van-field
+            v-model="fromVue.preventiveMeasures"
+            label="防范与整改措施"
+            name="preventiveMeasures"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入防范与整改措施"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入防范与整改措施'}]"
+        />
+
+        <van-field label="附件上传" >
+          <template #input>
+            <AttachmentS3 :f-id="result" />
+          </template>
+        </van-field>
+        <div style="margin: 16px;">
+          <van-button v-if="!isReadOnly" round block type="primary" native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <van-action-sheet
+        v-model:show="showActionSheet"
+        :actions="planLevelList"
+        @select="onSelect"
+      />
+      <van-action-sheet
+        v-model:show="showActionSheet2"
+        :actions="dicList"
+        @select="onSelect2"
+      />
+
+      <van-action-sheet
+          v-model:show="caseSourceFlag"
+          :actions="accidentDictList.case_source"
+          @select="onCaseSourseSelect"
+      />
+
+      <van-popup v-model:show="caseSourceFlag" round position="bottom">
+        <van-picker
+            :columns="columns"
+            @cancel="caseSourceFlag = false"
+            @confirm="onCaseSourceConfirm"
+        />
+      </van-popup>
+
+      <van-popup v-model:show="accidentLevelFlag" round position="bottom">
+        <van-picker
+            :columns="columnsLevel"
+            @cancel="accidentLevelFlag = false"
+            @confirm="onAccidentLevelConfirm"
+        />
+      </van-popup>
+
+<!--      <van-action-sheet-->
+<!--          v-model:show="accidentLevelFlag"-->
+<!--          :actions="accidentDictList.accident_level"-->
+<!--          @select="onAccidentLevelSelect"-->
+<!--      />-->
+
+<!--      <van-action-sheet-->
+<!--        v-model:show="showActionSheet1"-->
+<!--        :actions="planLevelList1"-->
+<!--        field-names="{ text: 'fileName', value: 'fileId' }"-->
+<!--        @select="onSelect1"-->
+<!--      />-->
+
+      <van-popup v-model:show="showBottom" position="bottom" :style="{ height: '30%' }">
+        <OrganizationalWithLeaf @update:selected-node="handleTableDataUserDeptUpdate" />
+      </van-popup>
+      <van-popup v-model:show="showDatePicker" position="bottom">
+        <van-date-picker
+          v-model="currentDate"
+          @confirm="onDatePicker"
+          @cancel="showDatePicker = false" />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.header, .footer {
+  /* 固定高度区域 */
+  flex-shrink: 0; /* 防止被压缩 */
+  background: #f5f5f5;
+  padding: 12px;
+}
+.row-container {
+  display: flex;
+  justify-content: space-between; /* 关键：左右分布 */
+  align-items: center;             /* 垂直居中 */
+
+}
+
+.cell-period-text {
+  font-size: 14px;
+  color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+}
+
+.mini-btn {
+  height: 22px;
+  font-size: 12px;
+  padding: 0 8px;
+  min-width: 60px;                 /* 可选：保持按钮最小宽度一致 */
+}
+</style>

src/view/knowledge/manager.vue

@@ -0,0 +1,617 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="管理案例" @click-left="onClickLeft" @click-right="handAdd">
+      <template #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+    </van-nav-bar>
+    <van-search v-model="query.caseTitle" show-action placeholder="请输入案例标题" @search="onRefresh"
+                @cancel="handdelectTitle" />
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list v-model:loading="isLoading" :finished="isFinished" finished-text="没有更多了" offset="200" @load="onLoad">
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell style="min-height: 100px; padding: 0 0 0 0; display: flex; align-items: flex-start;" @click="edits(item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.caseTitle }}
+                    </div>
+                  </template>
+                  <template #label>
+                      <div>案例编号：{{ item.caseNumber }} </div>
+                      <div>案例类型：{{ item.caseType }}</div>
+                      <div> 浏览量：{{item.viewCount}}</div>
+
+<!--                    <div style="width: 112px" :class="getStatusClass(item.isFinish)">
+                      类型：
+                      <span v-if="item.isFinish === '待学习'" style="width: 200px">待学习</span>
+                      <span v-else-if="item.isFinish === '已学习'" style="width: 200px">已学习</span>
+                      <span v-else-if="item.isFinish === '已扣除'" style="width: 200px">已扣除</span>
+                    </div>-->
+                  </template>
+                </van-cell>
+                <div class="swipe-cell-default-icon">
+                  <van-icon v-if="openStatus[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                  <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                </div>
+              </div>
+            </template>
+
+            <template #right>
+              <van-button  square class="delete-button" text="删除" v-show="item.canDelete"  @click="handleDelete(item)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+
+      </van-list>
+    </van-pull-refresh>
+
+    <!-- 删除确认弹窗 -->
+    <van-dialog v-model:show="deleteDialogVisible" show-cancel-button @confirm="confirmDelete">
+      <template #title>
+        <div>删除确认</div>
+      </template>
+      <div style="padding: 30px;">确定要删除该项目吗？</div>
+    </van-dialog>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast } from 'vant';
+
+import tools from '@/tools'
+
+const { proxy } = getCurrentInstance();
+
+const onClickLeft = () => {
+  history.back();
+};
+const headers = ref({
+  token: localStorage.getItem('token'),
+  userId: localStorage.getItem('userId'),
+  dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+});
+const switchIconState = (idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+// const onClickRight = () =>{
+//   searchShow.value = !searchShow.value;
+// }
+
+const searchShow = ref(false);
+const query = ref({
+  caseNumber:'',
+  caseTitle:'',
+})
+
+
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const dialogVisibleLook = ref(false);
+const deleteDialogVisible = ref(false);
+const currentDeleteItem = ref([]);
+const dialogVisible = ref(false);
+const dialogVisibleFile = ref(false);
+const date = ref(null);
+
+const kz = ref(true);
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const handAdd =  () => {
+
+  router.push({ path: "/managerList",
+    query: {
+      mark:-1
+    } });
+
+};
+const goaddPeo = (item) => {
+  router.push({
+    path: '/addPeo',
+    query: {
+      data: JSON.stringify(item)
+    }
+  })
+}
+
+const edits = (row) => {
+  const isOwner = String(row.addId) === currentUserId;
+  kz.value = true;
+  form.value = { ...row };
+  router.push({ path: "/managerList",
+    query: {
+      mark:1,
+      data:JSON.stringify(form.value),
+      readOnly: !isOwner ? 'true' : undefined
+    } });
+  //浏览量
+  saveManagerRecord(form.value)
+};
+
+const saveManagerRecord = async (formValue) => {
+  const payload = formValue;
+  payload.viewCount = String((Number(payload.viewCount) || 0) + 1);
+
+  var url = '/sgsafe/Manager/save';
+  var param = {
+    json: JSON.stringify(payload)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      getTableData();
+    }
+  });
+};
+const form = ref({
+  caseNumber:'',
+  caseTitle:'',
+  caseSource:'',
+  accidentLevel:'',
+  accidentDept:'',
+  accidentLocation:'',
+  accidentTime:'',
+  accidentType:'',
+  accidentTags:'',
+  casualtyCount:'',
+  accidentSummary:'',
+  preventiveMeasures:'',
+  fileId:'',
+  viewCount:'',
+  downloadCount:''
+});
+
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+
+const dept=localStorage.getItem("dept")[0].deptCode;
+const currentUserId = String(localStorage.getItem('userId'));
+const getTableData = async () => {
+  var url = '/sgsafe/Manager/query'
+  var param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(query.value)
+  }
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code == 0) {
+    tableData.value = response.data.data.records.map(item => ({
+      ...item,
+      canDelete: String(item.addId) === currentUserId
+    }));
+    console.log('列表数据',tableData.value)
+    totalRows.value = response.data.data.total;
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+const ruleIds = ref([]);
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+//*************************************
+
+
+
+//定义字典集合
+const dicList = ref([])
+
+const getDicList = () => {
+  tools.dic.getDicList([ 'case_type','SEX', 'case_source','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    dicList.value = response.data.data
+
+  }))
+}
+
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+
+  getDicList()
+
+
+
+
+
+  try {
+    await getTableData();
+
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+
+    console.log('resultData',resultData.value)
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+/*onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+/!*  currentPage.value = 1;
+  isFinished.value = false;
+  tableData.value = [];*!/
+  basicReset()
+  onLoad()
+};*/
+
+const handdelectNumber = () => {
+  query.value.caseNumber = '';
+  onRefresh()
+};
+
+const handdelectTitle = () => {
+  query.value.caseTitle = '';
+  onRefresh()
+};
+
+
+
+
+// 定义生成编号的函数
+const generateCode = () => {
+  // 获取当前日期并格式化为 YYYYMMDD
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需加1
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  // 时间部分：HHmmss
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+
+  // 模拟生成三位流水号（可以根据需要替换为递增逻辑）
+  const sequenceNumber = Math.floor(Math.random() * 1000); // 随机生成 0-999
+  const paddedSequence = String(sequenceNumber).padStart(3, '0'); // 补零到三位
+
+  // 拼接编号
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 使用 ref 存储生成的编号
+const generatedCode = ref(generateCode());
+
+// 定义重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+const handleDetailLook = (row) => {
+  form.value = { ...row };
+  proxy.$router.push({
+    name: 'taiZhang_detail',
+    query: {
+      form: form.value.id
+    }
+  });
+  // dialogVisibleLook.value = true;
+};
+const deleteData=ref({})
+
+const handleDelete = (item) => {
+
+  deleteData.value=item
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  deleteData.value.cancelTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+
+    deleteData.value.cancelFlag='1'
+  var url = '/sgsafe/Manager/save';
+  var param = {
+    json: JSON.stringify(deleteData.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast("删除成功")
+      onRefresh();
+
+    } else {
+    }
+
+  })
+};
+
+
+const confirmDelete = () => {
+  for (let item of currentDeleteItem.value) {
+    if (item.addId !== headers.value.userId) {
+      showToast({
+        type: 'warning',
+        message: '只能删除自己添加的数据！'
+      });
+      return;
+    }
+  }
+
+  if (currentDeleteItem.value[0].status !== '0' && currentDeleteItem.value[0].hdSelect !== '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+  if (currentDeleteItem.value[0].status !== '2' && currentDeleteItem.value[0].hdSelect === '下发隐患'
+    && currentDeleteItem.value[0].hdSelect !== '即查即改') {
+    showToast({
+      type: 'fail',
+      message: '只有尚未提交流程的记录或回到起点的流程经过作废后才可以删除！'
+    });
+    return;
+  }
+
+  var url = 'sgsafe/Hiddendanger/remove';
+  var param = {
+    params: JSON.stringify({ ...currentDeleteItem.value.map(x => x.id) })
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == 0) {
+      showToast({
+        type: 'success',
+        message: '删除成功'
+      });
+      onRefresh();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+
+
+
+const resetForm = () => {
+  form.value = {
+    projectName: '',
+    projectLeader: '',
+    phone: '',
+    dept: ''
+  };
+};
+
+
+//处理人员code
+const repairLL = ref('');
+const repairOO = ref('');
+const acceptLL = ref('');
+
+const jsons = ref({});
+
+const reback = () => {
+  // 返回逻辑
+};
+
+const deleteRow = (row) => {
+  selectedRows.value = [row];
+  handleDelete(row);
+};
+
+const deleteRowa = (row) => {
+  deleteRow(row);
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStatus = ref([])
+const swipeCellRefs = ref([])
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+}
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false
+    swipeCellRefs.value[idx].open('right')
+  }
+  document.addEventListener('click', handleDocumentClick)
+}
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true
+    swipeCellRefs.value[idx].close()
+  }
+}
+// *********************************** 事故案例 ************************************************
+
+
+
+
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.status-pending {
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-registered {
+  background-color: #d1ecf1;
+  color: #0c5460;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-analyzing {
+  background-color: #fff8e1;
+  color: #ff8f00;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-rectifying {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-accepting {
+  background-color: #e3f2fd;
+  color: #1565c0;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-closed {
+  background-color: #f8bbd0;
+  color: #b71c1c;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-finished {
+  background-color: #e8eaf6;
+  color: #311b92;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.status-unknown {
+  background-color: #efebe9;
+  color: #424242;
+  padding: 2px 2px;
+  border-radius: 2px;
+}
+
+.cell-title {
+  display: -webkit-box;
+  /* 旧版弹性盒子模型 */
+  -webkit-box-orient: vertical;
+  /* 内容垂直排列 */
+  -webkit-line-clamp: 2;
+  /* 限制显示行数 */
+  overflow: hidden;
+  /* 超出隐藏 */
+  text-overflow: ellipsis;
+  /* 省略号 */
+  line-height: 1.5;
+  /* 可选：设置行高 */
+  max-height: calc(1.5em * 2);
+  /* 可选：根据行高限制最大高度 */
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  /* 字号 */
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.submit-button {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.subsuccess {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub1.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+.single-line-text {
+  white-space: nowrap;        /* 强制不换行 */
+  overflow: hidden;           /* 超出部分隐藏 */
+  text-overflow: ellipsis;    /* 超出显示省略号 ... */
+  width: 100%;                /* 或指定宽度 */
+  box-sizing: border-box;
+}
+</style>

src/view/knowledge/managerList.vue

@@ -0,0 +1,632 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref , computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools'
+import OrganizationalWithLeafUserOne from '@/components/OrganizationalWithLeafUserOne.vue';
+const {
+  proxy
+} = getCurrentInstance()
+const accidentDictList = ref([])
+const columns =  ref([])
+const columnsLevel =  ref([])
+const columnsprimary=ref([])
+
+//     [
+//   { text: '杭州', value: 'Hangzhou' },
+//   { text: '宁波', value: 'Ningbo' },
+//   { text: '温州', value: 'Wenzhou' },
+//   { text: '绍兴', value: 'Shaoxing' },
+//   { text: '湖州', value: 'Huzhou' },
+// ];
+
+// 定义生成编号的函数（你已写好的逻辑）
+
+const generateCode = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+  const sequenceNumber = Math.floor(Math.random() * 1000);
+  const paddedSequence = String(sequenceNumber).padStart(3, '0');
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 存储生成的编号（响应式变量）
+const generatedCode = ref('');
+
+// 重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+
+
+const getAccidentDicList = () => {
+  tools.dic.getDicList([ 'case_type','SEX', 'case_source','primary_domain','primary_domain_two','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    accidentDictList.value = response.data.data
+    console.log('case_source',accidentDictList.value.case_source)
+    columns.value = accidentDictList.value.case_source.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+    columnsLevel.value = accidentDictList.value.case_type.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+    columnsprimary.value = accidentDictList.value.primary_domain.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    }));
+
+
+    console.log('accident_level',accidentDictList.value.accident_level)
+
+  }))
+}
+
+
+const caseSourceFlag = ref(false)
+const accidentLevelFlag = ref(false)
+const primaryDomainFlag = ref(false)
+const primaryDomainTwoFlag = ref(false)
+let title = '新增事故案例'
+
+/* 返回上一级页面 */
+const router = useRouter()
+const onClickLeft = () => {
+  router.go(-1)
+}
+
+const currentYear = ref()
+currentYear.value = new Date().getFullYear()
+
+/* 获取用户部门信息 */
+const jsonArray = localStorage.getItem('dept')
+const deptInformation = ref([])
+try {
+  deptInformation.value = jsonArray ? JSON.parse(jsonArray) : [];
+} catch (error) {
+  deptInformation.value = [];
+}
+const deptName = deptInformation.value[0].deptName
+const deptCode = deptInformation.value[0].deptCode
+
+const guid = () =>  {
+  function S4() {
+    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+  }
+  return (S4()+S4()+S4()+S4()+S4()+S4()+S4()+S4())
+}
+const formJieguo = ref({
+  resultWhether:'',
+  resultDetail:'',
+  resultWhy:'',
+  resultFile:'',
+  itemsId:'',
+  resultFileId:'',
+  resType:''
+})
+const route = useRoute()
+let planInfo = {}
+const  userName1=localStorage.getItem('userName');
+const isEdit = ref(route.query.mark === '1');
+
+const result=ref('')
+const fromVue=ref({})
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark)
+}
+console.log(planInfo);
+if (planInfo==-1){
+  result.value=guid()
+  generatedCode.value = generateCode();
+  console.log( result.value);
+}
+
+const resDetail=ref('')
+const ruleIds = ref([]);
+/*const getRuleId = () => {
+  var url = '/sgsafe/ExamHead/getCheckRuleId'
+  var param = {}
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      ruleIds.value = response.data.data
+    } else {
+      console.log("1111111");
+    }
+  })
+  console.log('ruleIds', ruleIds)
+}
+getRuleId()*/
+const showRule=ref(false);
+const showSmit=ref(true);
+const distestType=ref(false)
+if (planInfo==1) {
+  console.log(planInfo);
+  title = '修改管理档案'
+  fromVue.value= JSON.parse(route.query.data)
+  generatedCode.value = fromVue.value.caseNumber || '';
+  result.value=fromVue.value.fileId
+  const userIds= localStorage.getItem('userId')
+  if (userIds != fromVue.value.addId) {
+    showSmit.value=false
+    title = '查看管理档案'
+  }
+  console.log(result.value);
+}
+ const  whether=ref(false)
+
+const planLevelList1=ref([])
+
+
+/* 下拉框 */
+const showActionSheet = ref(false)
+const showActionSheet1 = ref(false)
+const planLevelList = [
+  { name: '转发', value: '转发' },
+  { name: '内部', value: '内部' },
+  { name: '文章', value: '文章' }
+];
+const isdisabled=ref(true)
+const isdisabled2=ref(true)
+const onSelect = (item) => {
+fromVue.value.fileContent = item.name
+
+  showActionSheet.value=false
+}
+
+const onSelect2 = (item) => {
+  fromVue.value.fileType=item.name
+  showActionSheet2.value=false
+  }
+
+const onCaseSourseSelect = (item) => {
+  fromVue.value.caseSource=item.dicCode
+  caseSourceFlag.value = false
+}
+
+const onAccidentLevelSelect = (item) => {
+  fromVue.value.accidentLevel = item.dicCode
+  accidentLevelFlag.value = false
+
+}
+
+const displayFileName = ref('')
+const onSelect1 = (item) => {
+  console.log(item);
+  formJieguo.value.resultFile = item.value
+  result.value=formJieguo.value.resultFile
+  displayFileName.value = item.name
+  console.log(result.value);
+  showActionSheet1.value = false
+}
+const questionIds = ref([])
+const actions=ref([])
+/*const getQuestionId = () => {
+  var url = '/sgsafe/AssessmentRecord/queryRuleNoPage';
+  var param = {};
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      questionIds.value = response.data.data; // 先赋值给 questionIds.value
+
+
+      // ✅ 关键：使用 questionIds.value.map
+      actions.value = questionIds.value.map(item => ({
+        name: item.ruleName,
+        value: item.id
+      }));
+      console.log('actions:', actions.value); // 看看有没有输出
+    } else {
+      ElMessage.error('操作失败！' + response.data.msg);
+    }
+  });
+};
+getQuestionId()*/
+
+const baocun3 = (ruleFormRef) => {
+  console.log(formJieguo.value)
+  ruleFormRef.validate((valid, fields) => {
+    if (valid) {
+
+      var url = '/sgsafe/Manager/save';
+      var param = {
+        json: JSON.stringify(formJieguo.value)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code == '0') {
+          getTableData1()
+          ElMessage({
+            message: '保存成功',
+            type: 'success',
+          })
+          if (ruleFormRef.value) {
+            ruleFormRef.value.resetFields();
+          }
+          dialogVisibletemplate.value=false
+        } else {
+          ElMessage.error('操作失败！' + response.data.msg)
+        }
+
+      })
+    }
+  })
+}
+
+/* 组织树选择 */
+const showBottom = ref(false)
+import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  formJieguo.value.drillDept = nodeData.deptCode + '-' + nodeData.deptName
+  showBottom.value = false
+}
+
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  })
+  var url = '/sgsafe/Manager/save';
+  const params = {
+    json: JSON.stringify(fromVue.value)
+  }
+  proxy.$axios.post(url,params).then(res=>{
+    if (res.data.code === 0) {
+      loadingToast.close()
+      showSuccessToast('保存成功')
+      onClickLeft()
+
+    } else {
+      loadingToast.close()
+      showFailToast('操作失败!' + res.data.msg)
+    }
+  })
+}
+const showDatePicker = ref(false)
+const onDatePicker = (value) => {
+  const dateArr = value.selectedValues
+  fromVue.value.checkTime = dateArr[0] + '-' + dateArr[1] + '-' + dateArr[2]
+  showDatePicker.value = false
+}
+const currentDate = ref([2025, 7, 25])
+//定义字典集合
+const dicList = ref([])
+//获取字典集合
+// import tools from '@/tools'
+const getDicList = () => {
+  tools.dic.getDicList(['systemTypes']).then((response => {
+
+   const rawData = response.data.data
+    dicList.value = rawData.systemTypes.map(item => ({
+      name: item.dicName,      // 必须有 name 字段！
+      code: item.dicCode       // 可选，保留原始 code 供后续使用
+    }));
+    console.log(JSON.stringify(dicList.value))
+  }))
+}
+onMounted(() => {
+  getAccidentDicList()
+  console.log('这是编辑页面')
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth() + 1 // 月份从 0 开始
+  const day = today.getDate()
+  currentDate.value = [year, month, day]
+  //selectedDateText.value = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
+  getDicList()
+})
+const showActionSheet2=ref(false)
+/* 文件上传 */
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+
+const onSubmit = (values) => {
+  fromVue.value.caseNumber = generatedCode.value;
+  fromVue.value.fileId = generatedCode.value;
+  addEmergencyDrillPlan()
+}
+const leaderKeyysr = guid();
+const PopupDepartmentLeaderNameRefysr = ref();
+const handleDepartmentLeaderNameysr = () => {
+  PopupDepartmentLeaderNameRefysr.value.open();
+};
+const getDepartmentLeaderNameysr = (item) => {
+  fromVue.value.punCode = item.user.userCode;
+  fromVue.value.punName = item.user.userDesc;
+  fromVue.value.punId = item.user.id
+};
+
+const onCaseSourceConfirm = ({ selectedOptions }) => {
+  caseSourceFlag.value = false;
+  fromVue.value.caseSource = selectedOptions[0].text;
+};
+
+const onAccidentLevelConfirm = ({ selectedOptions }) => {
+  accidentLevelFlag.value = false;
+  fromVue.value.caseType = selectedOptions[0].text;
+};
+
+const onprimaryTwoConfirm = ({ selectedOptions }) => {
+  primaryDomainTwoFlag.value = false;
+  fromVue.value.primaryDomainTwo = selectedOptions[0].text;
+};
+const selectedPrimary = ref(null)
+const onprimaryConfirm = ({ selectedOptions }) => {
+  if (!selectedOptions?.length) {
+    selectedPrimary.value = null;
+    fromVue.value.primaryDomainTwo = '';
+    primaryDomainFlag.value = false;
+    return;
+  }
+
+  primaryDomainFlag.value = false;
+  fromVue.value.primaryDomain = selectedOptions[0].text;
+
+  const primaryList = accidentDictList.value?.primary_domain || [];
+  const selectedItem = primaryList.find(item => item.dicName === selectedOptions[0].text);
+
+  selectedPrimary.value = selectedItem || null;
+  fromVue.value.primaryDomainTwo = '';
+};
+
+const filteredSecondaryList = computed(() =>
+  selectedPrimary.value?.dicValue1
+    ? (accidentDictList.value?.primary_domain_two || [])
+      .filter(item => item.dicValue1 === selectedPrimary.value.dicValue1)
+      .map(({ dicName, dicCode }) => ({ text: dicName, value: dicCode }))
+    : []
+);
+
+
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky class="header">
+      <van-nav-bar
+        :title="title"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft" >
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form @submit="onSubmit">
+<!--        <van-field-->
+<!--          v-model="fromVue.caseNumber"-->
+<!--          label="案例编号"-->
+<!--          name="caseNumber"-->
+<!--          required-->
+<!--          placeholder="请输入案例编号"-->
+<!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
+<!--        />-->
+        <van-field
+            v-model="generatedCode"
+        label="案例编号"
+        name="caseNumber"
+            :readonly="true"
+        :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseTitle"
+          label="案例标题"
+          name="caseTitle"
+          required
+          placeholder="请输入案例标题"
+          :rules="[{required: true, message: '请输入文件名称'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseSource"
+          readonly
+          label="案例来源"
+          name="caseSource"
+          required
+          @click="caseSourceFlag = true"
+        />
+        <van-field
+          readonly
+          v-model="fromVue.caseType"
+          label="案例类型"
+          name="caseType"
+          @click="accidentLevelFlag = true"
+        />
+        <van-field
+          readonly
+          v-model="fromVue.primaryDomain"
+          label="专业领域一级分类"
+          name="primaryDomain"
+          @click="primaryDomainFlag = true"
+        />
+        <van-field
+          readonly
+          v-model="fromVue.primaryDomainTwo"
+          label="专业领域二级分类"
+          name="primaryDomainTwo"
+          @click="primaryDomainTwoFlag = true"
+        />
+        <van-field
+          v-model="fromVue.tags"
+          label="标签"
+          name="tags"
+          required
+          placeholder="请输入案例标题"
+          :rules="[{required: true, message: '请输入标签'}]"
+        />
+
+        <van-field
+            v-model="fromVue.caseSummary"
+            label="案例摘要"
+            name="caseSummary"
+            required
+            rows="1"
+            autosize
+            type="textarea"
+            placeholder="请输入案例摘要"
+            :rules="[{required: true, message: '请输入案例摘要'}]"
+        />
+        <van-field
+            v-model="fromVue.highLights"
+            label="创新点与亮点"
+            name="highLights"
+            required
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入创新点与亮点"
+            :rules="[{required: true, message: '请输入创新点与亮点'}]"
+        />
+        <van-field
+            v-model="fromVue.resultsValue"
+            label="应用成效与价值"
+            name="resultsValue"
+            required
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入应用成效与价值"
+            :rules="[{required: true, message: '请输入应用成效与价值'}]"
+        />
+        <van-field label="附件上传" >
+          <template #input>
+            <AttachmentS3 :f-id="result" />
+          </template>
+        </van-field>
+        <div style="margin: 16px;">
+          <van-button round block type="primary" v-show='showSmit' native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <van-action-sheet
+        v-model:show="showActionSheet"
+        :actions="planLevelList"
+        @select="onSelect"
+      />
+      <van-action-sheet
+        v-model:show="showActionSheet2"
+        :actions="dicList"
+        @select="onSelect2"
+      />
+
+      <van-action-sheet
+          v-model:show="caseSourceFlag"
+          :actions="accidentDictList.case_source"
+          @select="onCaseSourseSelect"
+      />
+
+      <van-popup v-model:show="caseSourceFlag" round position="bottom">
+        <van-picker
+            :columns="columns"
+            @cancel="caseSourceFlag = false"
+            @confirm="onCaseSourceConfirm"
+        />
+      </van-popup>
+
+      <van-popup v-model:show="accidentLevelFlag" round position="bottom">
+        <van-picker
+            :columns="columnsLevel"
+            @cancel="accidentLevelFlag = false"
+            @confirm="onAccidentLevelConfirm"
+        />
+      </van-popup>
+      <van-popup v-model:show="primaryDomainFlag" round position="bottom">
+        <van-picker
+          :columns="columnsprimary"
+          @cancel="primaryDomainFlag = false"
+          @confirm="onprimaryConfirm"
+        />
+      </van-popup>
+      <van-popup v-model:show="primaryDomainTwoFlag" round position="bottom">
+        <van-picker
+          :columns="filteredSecondaryList"
+          @cancel="primaryDomainTwoFlag = false"
+          @confirm="onprimaryTwoConfirm"
+        />
+      </van-popup>
+
+<!--      <van-action-sheet-->
+<!--          v-model:show="accidentLevelFlag"-->
+<!--          :actions="accidentDictList.accident_level"-->
+<!--          @select="onAccidentLevelSelect"-->
+<!--      />-->
+
+<!--      <van-action-sheet-->
+<!--        v-model:show="showActionSheet1"-->
+<!--        :actions="planLevelList1"-->
+<!--        field-names="{ text: 'fileName', value: 'fileId' }"-->
+<!--        @select="onSelect1"-->
+<!--      />-->
+
+      <van-popup v-model:show="showBottom" position="bottom" :style="{ height: '30%' }">
+        <OrganizationalWithLeaf @update:selected-node="handleTableDataUserDeptUpdate" />
+      </van-popup>
+      <van-popup v-model:show="showDatePicker" position="bottom">
+        <van-date-picker
+          v-model="currentDate"
+          @confirm="onDatePicker"
+          @cancel="showDatePicker = false" />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.header, .footer {
+  /* 固定高度区域 */
+  flex-shrink: 0; /* 防止被压缩 */
+  background: #f5f5f5;
+  padding: 12px;
+}
+.row-container {
+  display: flex;
+  justify-content: space-between; /* 关键：左右分布 */
+  align-items: center;             /* 垂直居中 */
+
+}
+
+.cell-period-text {
+  font-size: 14px;
+  color: #333;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+}
+
+.mini-btn {
+  height: 22px;
+  font-size: 12px;
+  padding: 0 8px;
+  min-width: 60px;                 /* 可选：保持按钮最小宽度一致 */
+}
+</style>

src/view/knowledge/project.vue

@@ -0,0 +1,363 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="项目案例" @click-left="onClickLeft" @click-right="handAdd">
+      <template #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+    </van-nav-bar>
+    
+    <van-search 
+      v-model="query.projectName" 
+      show-action 
+      placeholder="请输入项目名称" 
+      @search="onRefresh"
+      @cancel="handleClearSearch" 
+    />
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list 
+        v-model:loading="isLoading" 
+        :finished="isFinished" 
+        finished-text="没有更多了" 
+        offset="200" 
+        @load="onLoad"
+      >
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell 
+            title-style="color: #007aff" 
+            style="height: 80px;" 
+            :ref="el => getSwipeCellRef(el, idx)"
+          >
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell 
+                  style="min-height: 120px; padding: 0 0 0 0; display: flex; align-items: flex-start;" 
+                  @click="edits(item)"
+                >
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.projectName }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div>案例编号：{{ item.caseNumber }}</div>
+                    <div>案例类型：{{ item.caseType }}</div>
+                    <div>浏览量：{{ item.viewCount }}</div>
+                  </template>
+                </van-cell>
+                <div class="swipe-cell-default-icon">
+                  <van-icon 
+                    v-if="openStatus[idx]" 
+                    name="arrow-double-left" 
+                    @click.stop="openSwipe(idx)" 
+                  />
+                  <van-icon 
+                    v-else 
+                    name="arrow-double-right" 
+                    @click.stop="closeSwipe(idx)" 
+                  />
+                </div>
+              </div>
+            </template>
+
+            <template #right>
+              <van-button 
+                v-if="item.canDelete" 
+                square 
+                class="delete-button" 
+                text="删除" 
+                @click="handleDelete(item)" 
+              />
+            </template>
+          </van-swipe-cell>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+  </div>
+</template>
+
+<script setup>
+import { ref, getCurrentInstance } from 'vue';
+import { useRouter } from 'vue-router';
+import { showDialog, showSuccessToast, showToast } from 'vant';
+
+const { proxy } = getCurrentInstance();
+const router = useRouter();
+
+const onClickLeft = () => {
+  history.back();
+};
+
+const query = ref({
+  caseNumber: '',
+  projectName: ''
+});
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+const tableData = ref([]);
+
+const currentUserId = String(localStorage.getItem('userId'));
+
+// 获取列表数据
+const getTableData = async () => {
+  const url = '/sgsafe/Manager/queryProject';
+  const param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(query.value)
+  };
+  
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code == 0) {
+    tableData.value = response.data.data.records.map(item => ({
+      ...item,
+      canDelete: String(item.addId) === currentUserId
+    }));
+    console.log('列表数据', tableData.value);
+    totalRows.value = response.data.data.total;
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+
+// 刷新
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+// 加载数据
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+
+  try {
+    await getTableData();
+
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+
+    console.log('resultData', resultData.value);
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+
+// 重置列表
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+// 清空搜索
+const handleClearSearch = () => {
+  query.value.projectName = '';
+  onRefresh();
+};
+
+// 新增
+const handAdd = () => {
+  router.push({ 
+    path: "/projectList",
+    query: { mark: -1 } 
+  });
+};
+
+// 编辑/查看
+const edits = async (row) => {
+  const currentUserId = localStorage.getItem('userId');
+  const addId = row.addId;
+  const isOwner = String(addId).trim().toLowerCase() === String(currentUserId).trim().toLowerCase();
+
+  // 更新浏览量
+  await updateViewCount(row);
+
+  router.push({ 
+    path: "/projectList",
+    query: {
+      mark: 1,
+      data: JSON.stringify(row),
+      readOnly: !isOwner ? 'true' : undefined
+    } 
+  });
+};
+
+// 更新浏览量
+const updateViewCount = async (item) => {
+  try {
+    const payload = { ...item };
+    payload.viewCount = String((Number(payload.viewCount) || 0) + 1);
+
+    const url = '/sgsafe/Manager/saveProject';
+    const param = {
+      json: JSON.stringify(payload)
+    };
+
+    const response = await proxy.$axios.post(url, param);
+    if (response.data.code === '0' || response.data.code === 0) {
+      const index = resultData.value.findIndex(data => data.id === item.id);
+      if (index !== -1) {
+        resultData.value[index].viewCount = payload.viewCount;
+      }
+    }
+  } catch (error) {
+    console.error('更新浏览量失败:', error);
+  }
+};
+
+// 删除
+const handleDelete = (item) => {
+  const currentUserId = localStorage.getItem('userId');
+  const addId = item.addId;
+  
+  if (!currentUserId || !addId || String(addId).trim() !== String(currentUserId).trim()) {
+    showToast({
+      type: 'warning',
+      message: '无权限删除！只能删除自己添加的案例。'
+    });
+    return;
+  }
+  
+  showDialog({
+    title: '删除确认',
+    message: `确定要删除项目"${item.projectName}"吗？删除后将无法恢复。`,
+    showCancelButton: true,
+    confirmButtonText: '确定删除',
+    cancelButtonText: '取消',
+  }).then(() => {
+    executeDelete(item);
+  }).catch(() => {
+    console.log('取消删除');
+  });
+};
+
+// 执行删除
+const executeDelete = (item) => {
+  const deleteData = { ...item };
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  deleteData.cancelTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  deleteData.cancelFlag = '1';
+  
+  const url = '/sgsafe/Manager/saveProject';
+  const param = {
+    json: JSON.stringify(deleteData)
+  };
+  
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0' || response.data.code === 0) {
+      showSuccessToast("删除成功");
+      onRefresh();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '删除失败：' + (response.data.msg || '未知错误')
+      });
+    }
+  }).catch(error => {
+    showToast({
+      type: 'fail',
+      message: '删除失败：网络错误'
+    });
+    console.error('删除失败:', error);
+  });
+};
+
+// 滑动单元格控制
+const openStatus = ref([]);
+const swipeCellRefs = ref([]);
+
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+};
+
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false;
+    swipeCellRefs.value[idx].open('right');
+  }
+};
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true;
+    swipeCellRefs.value[idx].close();
+  }
+};
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.cell-title {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1.5;
+  max-height: calc(1.5em * 2);
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+</style>

src/view/knowledge/projectList.vue

@@ -0,0 +1,563 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref, computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools'
+const {
+  proxy
+} = getCurrentInstance()
+
+const projectDictList = ref([])
+const caseTypeColumns = ref([])
+const caseSourceColumns = ref([])
+
+// 定义生成编号的函数
+const generateCode = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+  const sequenceNumber = Math.floor(Math.random() * 1000);
+  const paddedSequence = String(sequenceNumber).padStart(3, '0');
+  return `XMAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 获取字典数据
+const getProjectDicList = () => {
+  tools.dic.getDicList(['sgsafe_project_case_type', 'sgsafe_project_case_source']).then((response => {
+    console.log(JSON.stringify(response.data.data))
+    projectDictList.value = response.data.data
+    
+    caseTypeColumns.value = projectDictList.value.sgsafe_project_case_type?.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    })) || [];
+    
+    caseSourceColumns.value = projectDictList.value.sgsafe_project_case_source?.map(item => ({
+      text: item.dicName,
+      value: item.dicCode
+    })) || [];
+    
+    console.log('案例类型:', caseTypeColumns.value)
+  }))
+}
+
+const caseTypeFlag = ref(false)
+const caseSourceFlag = ref(false)
+let title = '新增项目案例'
+
+/* 返回上一级页面 */
+const router = useRouter()
+const onClickLeft = () => {
+  router.go(-1)
+}
+
+const guid = () => {
+  function S4() {
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+  }
+  return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4())
+}
+
+const route = useRoute()
+let planInfo = {}
+const isEdit = ref(route.query.mark === '1');
+const isReadOnly = ref(route.query.readOnly === 'true');
+const isCaseSubmitted = computed(() => isReadOnly.value && isEdit.value);
+const result = ref('')
+const fromVue = ref({})
+
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark)
+}
+
+
+// 新增模式
+if (planInfo == -1) {
+  const caseNumber = generateCode();
+  result.value = caseNumber;
+  
+  fromVue.value = {
+    caseNumber: caseNumber,
+    projectName: '',
+    caseType: '',
+    caseSource: '',
+    startTime: '',
+    endTime: '',
+    tags: '',
+    caseSummary: '',
+    highLights: '',
+    resultsValue: '',
+    fileId: caseNumber,
+    viewCount: '0',
+    downloadCount: '0'
+  };
+  
+}
+
+// 编辑模式
+if (planInfo == 1) {
+  title = '查看项目案例'
+  fromVue.value = JSON.parse(route.query.data)
+  
+  // 清理微秒格式
+  if (fromVue.value.startTime && String(fromVue.value.startTime).includes('.')) {
+    fromVue.value.startTime = String(fromVue.value.startTime).split('.')[0];
+  }
+  if (fromVue.value.endTime && String(fromVue.value.endTime).includes('.')) {
+    fromVue.value.endTime = String(fromVue.value.endTime).split('.')[0];
+  }
+  
+  // fileId 与 caseNumber 保持一致
+  if (!fromVue.value.fileId || fromVue.value.fileId !== fromVue.value.caseNumber) {
+    fromVue.value.fileId = fromVue.value.caseNumber;
+  }
+  result.value = fromVue.value.fileId;
+}
+
+// 时间选择器
+const showStartTimePicker = ref(false);
+const showEndTimePicker = ref(false);
+const currentStartDate = ref([2025, 1, 1])
+const currentEndDate = ref([2025, 1, 1])
+const currentStartTime = ref([0, 0, 0]);
+const currentEndTime = ref([0, 0, 0]);
+const minDate = ref(new Date(1900, 0, 1));
+const maxDate = ref(new Date(2100, 11, 31));
+
+const startDateOrTime = ref(false);
+const endDateOrTime = ref(false);
+
+// 开始时间选择
+const onStartDateConfirm = () => {
+  startDateOrTime.value = true;
+};
+
+const onConfirmStartDatetime = () => {
+  const year = currentStartDate.value[0];
+  const month = currentStartDate.value[1].toString().padStart(2, '0');
+  const day = currentStartDate.value[2].toString().padStart(2, '0');
+  const hours = currentStartTime.value[0].toString().padStart(2, '0');
+  const minutes = currentStartTime.value[1].toString().padStart(2, '0');
+  const seconds = currentStartTime.value[2].toString().padStart(2, '0');
+
+  fromVue.value.startTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  showStartTimePicker.value = false;
+  startDateOrTime.value = false;
+};
+
+const cancelStartDatePicker = () => {
+  showStartTimePicker.value = false;
+  startDateOrTime.value = false;
+};
+
+const cancelStartTimePicker = () => {
+  showStartTimePicker.value = false;
+  startDateOrTime.value = false;
+};
+
+// 结束时间选择
+const onEndDateConfirm = () => {
+  endDateOrTime.value = true;
+};
+
+const onConfirmEndDatetime = () => {
+  const year = currentEndDate.value[0];
+  const month = currentEndDate.value[1].toString().padStart(2, '0');
+  const day = currentEndDate.value[2].toString().padStart(2, '0');
+  const hours = currentEndTime.value[0].toString().padStart(2, '0');
+  const minutes = currentEndTime.value[1].toString().padStart(2, '0');
+  const seconds = currentEndTime.value[2].toString().padStart(2, '0');
+
+  fromVue.value.endTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  showEndTimePicker.value = false;
+  endDateOrTime.value = false;
+};
+
+const cancelEndDatePicker = () => {
+  showEndTimePicker.value = false;
+  endDateOrTime.value = false;
+};
+
+const cancelEndTimePicker = () => {
+  showEndTimePicker.value = false;
+  endDateOrTime.value = false;
+};
+
+// 标签选择
+const addTag = (item) => {
+  if (isCaseSubmitted.value) return;
+  
+  const valueToStore = item.value?.trim() || '';
+  if (!valueToStore) return;
+
+  const currentTags = fromVue.value.tags
+    ? fromVue.value.tags.split(',').map(t => t.trim()).filter(Boolean)
+    : [];
+
+  if (currentTags.includes(valueToStore)) return;
+
+  currentTags.push(valueToStore);
+  fromVue.value.tags = currentTags.join(', ');
+};
+
+/* 组织树选择 */
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+
+// 保存
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  })
+  
+  fromVue.value.fileId = result.value
+
+  var url = '/sgsafe/Manager/saveProject';
+  const params = {
+    json: JSON.stringify(fromVue.value)
+  }
+  proxy.$axios.post(url, params).then(res => {
+    if (res.data.code === 0 || res.data.code === '0') {
+      loadingToast.close()
+      showSuccessToast('保存成功')
+      onClickLeft()
+    } else {
+      loadingToast.close()
+      showFailToast('操作失败!' + res.data.msg)
+    }
+  }).catch(error => {
+    loadingToast.close()
+    showFailToast('保存失败: 网络错误')
+    console.error('保存失败:', error)
+  })
+}
+
+onMounted(() => {
+  getProjectDicList()
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth() + 1
+  const day = today.getDate()
+  currentStartDate.value = [year, month, day]
+  currentEndDate.value = [year, month, day]
+  currentStartTime.value = [today.getHours(), today.getMinutes(), today.getSeconds()];
+  currentEndTime.value = [today.getHours(), today.getMinutes(), today.getSeconds()];
+  
+  // 如果是编辑模式且有已有的时间，解析并初始化
+  if (isEdit.value) {
+    if (fromVue.value.startTime) {
+      try {
+        const timeStr = fromVue.value.startTime;
+        const [datePart, timePart] = timeStr.split(' ');
+        if (datePart && timePart) {
+          const [year, month, day] = datePart.split('-').map(Number);
+          const [hours, minutes, seconds] = timePart.split(':').map(Number);
+          currentStartDate.value = [year, month, day];
+          currentStartTime.value = [hours || 0, minutes || 0, seconds || 0];
+        }
+      } catch (error) {
+        // 解析失败，使用默认值
+      }
+    }
+    
+    if (fromVue.value.endTime) {
+      try {
+        const timeStr = fromVue.value.endTime;
+        const [datePart, timePart] = timeStr.split(' ');
+        if (datePart && timePart) {
+          const [year, month, day] = datePart.split('-').map(Number);
+          const [hours, minutes, seconds] = timePart.split(':').map(Number);
+          currentEndDate.value = [year, month, day];
+          currentEndTime.value = [hours || 0, minutes || 0, seconds || 0];
+        }
+      } catch (error) {
+        // 解析失败，使用默认值
+      }
+    }
+  }
+})
+
+/* 文件上传 */
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+
+const onSubmit = (values) => {
+  addEmergencyDrillPlan()
+}
+
+const onCaseTypeConfirm = ({ selectedOptions }) => {
+  caseTypeFlag.value = false;
+  fromVue.value.caseType = selectedOptions[0].text;
+};
+
+const onCaseSourceConfirm = ({ selectedOptions }) => {
+  caseSourceFlag.value = false;
+  fromVue.value.caseSource = selectedOptions[0].text;
+};
+
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky class="header">
+      <van-nav-bar
+        :title="title"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft" >
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form @submit="onSubmit">
+        <van-field
+            v-model="fromVue.caseNumber"
+            label="案例编号"
+            name="caseNumber"
+            readonly
+            :rules="[{required: true, message: '编号生成失败'}]"
+        />
+
+        <van-field
+          v-model="fromVue.projectName"
+          label="项目名称"
+          name="projectName"
+          :readonly="isCaseSubmitted"
+          required
+          placeholder="请输入项目名称"
+          :rules="[{required: true, message: '请输入项目名称'}]"
+        />
+
+        <van-field
+          v-model="fromVue.caseType"
+          readonly
+          label="案例类型"
+          name="caseType"
+          required
+          placeholder="请选择案例类型"
+          :rules="[{required: true, message: '请选择案例类型'}]"
+          @click="!isCaseSubmitted && (caseTypeFlag = true)"
+        />
+        
+        <van-field
+          v-model="fromVue.caseSource"
+          readonly
+          label="案例来源"
+          name="caseSource"
+          placeholder="请选择案例来源"
+          @click="!isCaseSubmitted && (caseSourceFlag = true)"
+        />
+
+        <!-- 开始时间 -->
+        <van-field
+            v-model="fromVue.startTime"
+            is-link
+            readonly
+            name="startTime"
+            label="开始时间"
+            :colon="true"
+            placeholder="点击选择开始时间"
+            @click="!isCaseSubmitted && (showStartTimePicker = true)"
+        />
+
+        <!-- 结束时间 -->
+        <van-field
+            v-model="fromVue.endTime"
+            is-link
+            readonly
+            name="endTime"
+            label="结束时间"
+            :colon="true"
+            placeholder="点击选择结束时间"
+            @click="!isCaseSubmitted && (showEndTimePicker = true)"
+        />
+
+        <!-- 关键词/标签 -->
+        <van-field
+            v-model="fromVue.tags"
+            label="关键词/标签"
+            name="tags"
+            placeholder="请手动输入标签，多个标签用逗号分隔"
+            :readonly="isCaseSubmitted"
+        />
+        
+        <!-- 标签按钮 -->
+        <!-- 整个 van-cell 删除 -->
+
+        <van-field
+            v-model="fromVue.caseSummary"
+            label="案例摘要"
+            name="caseSummary"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入案例摘要"
+            :readonly="isCaseSubmitted"
+        />
+        
+        <van-field
+            v-model="fromVue.highLights"
+            label="创新点与亮点"
+            name="highLights"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入创新点与亮点"
+            :readonly="isCaseSubmitted"
+        />
+        
+        <van-field
+            v-model="fromVue.resultsValue"
+            label="应用成效与价值"
+            name="resultsValue"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入应用成效与价值"
+            :readonly="isCaseSubmitted"
+        />
+
+        <van-field label="附件上传" >
+          <template #input>
+            <AttachmentS3 :f-id="result" :readonly="isCaseSubmitted" />
+          </template>
+        </van-field>
+        
+        <div style="margin: 16px;">
+          <van-button v-if="!isReadOnly" round block type="primary" native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <!-- 案例类型选择器 -->
+      <van-popup v-model:show="caseTypeFlag" round position="bottom">
+        <van-picker
+            :columns="caseTypeColumns"
+            @cancel="caseTypeFlag = false"
+            @confirm="onCaseTypeConfirm"
+        />
+      </van-popup>
+
+      <!-- 案例来源选择器 -->
+      <van-popup v-model:show="caseSourceFlag" round position="bottom">
+        <van-picker
+            :columns="caseSourceColumns"
+            @cancel="caseSourceFlag = false"
+            @confirm="onCaseSourceConfirm"
+        />
+      </van-popup>
+
+      <!-- 开始时间选择器 -->
+      <van-popup
+          v-model:show="showStartTimePicker"
+          position="bottom"
+          round
+          style="max-height: 50vh;"
+      >
+        <van-date-picker
+            v-if="!startDateOrTime"
+            v-model="currentStartDate"
+            title="选择开始日期"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onStartDateConfirm"
+            @cancel="cancelStartDatePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onStartDateConfirm">下一步</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelStartDatePicker">取消</van-button>
+          </template>
+        </van-date-picker>
+
+        <van-time-picker
+            v-if="startDateOrTime"
+            v-model="currentStartTime"
+            title="选择开始时间"
+            :columns-type="['hour', 'minute', 'second']"
+            @confirm="onConfirmStartDatetime"
+            @cancel="cancelStartTimePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onConfirmStartDatetime">确定</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelStartTimePicker">取消</van-button>
+          </template>
+        </van-time-picker>
+      </van-popup>
+
+      <!-- 结束时间选择器 -->
+      <van-popup
+          v-model:show="showEndTimePicker"
+          position="bottom"
+          round
+          style="max-height: 50vh;"
+      >
+        <van-date-picker
+            v-if="!endDateOrTime"
+            v-model="currentEndDate"
+            title="选择结束日期"
+            :min-date="minDate"
+            :max-date="maxDate"
+            @confirm="onEndDateConfirm"
+            @cancel="cancelEndDatePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onEndDateConfirm">下一步</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelEndDatePicker">取消</van-button>
+          </template>
+        </van-date-picker>
+
+        <van-time-picker
+            v-if="endDateOrTime"
+            v-model="currentEndTime"
+            title="选择结束时间"
+            :columns-type="['hour', 'minute', 'second']"
+            @confirm="onConfirmEndDatetime"
+            @cancel="cancelEndTimePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onConfirmEndDatetime">确定</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelEndTimePicker">取消</van-button>
+          </template>
+        </van-time-picker>
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.header, .footer {
+  flex-shrink: 0;
+  background: #f5f5f5;
+  padding: 12px;
+}
+</style>

src/view/moneySafe/safeMoneyManagement.vue

@@ -0,0 +1,698 @@
+<script setup>
+import { getCurrentInstance, onMounted, watch, ref, computed } from 'vue';
+import { useRouter } from 'vue-router';
+const {
+  proxy
+} = getCurrentInstance()
+
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  finished.value = false;
+  loading.value = true;
+  pageNum.value = 1
+  resultData.value = []
+}
+
+
+const dictList = ref([])
+
+/* 返回上一级页面 */
+const router = useRouter()
+
+/* 在线预览实现 */
+import {Base64} from "js-base64";
+const linShiFid=ref({
+  fileId:''
+})
+const handlePreview = (fileId) => {
+  if (fetchData.value.ruleName) {
+    sessionStorage.setItem("ruleName", fetchData.value.ruleName)
+  }
+  if (fetchData.value.ruleScope) {
+    sessionStorage.setItem("ruleScope", fetchData.value.ruleScope)
+  }
+  linShiFid.value.fileId= fileId
+  getTableDataQueryFile()
+}
+const bucket = ref(import.meta.env.VITE_BUCKET)
+const getTableDataQueryFile = () => {
+  var url = 'framework/Common/queryFileWithValues'
+  var param = {
+    fId: linShiFid.value.fileId,
+  }
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == 0) {
+      const downloadPath = import.meta.env.VITE_BASE_API + '/framework/Common/downloadFileS3?bucket='+ bucket.value + '&id='
+      const fileListWithUrls = response.data.data.map(file => ({
+        ...file,
+        url: `${downloadPath}${file.id}`, // 添加完整的下载路径
+        thumbUrl: `${downloadPath}${file.id}`, // 如果需要缩略图，可以使用相同的路径
+        name: file.fileName, // 确保有文件名属性
+        status: file.status, // 确保有状态属性
+        id: file.id
+      }));
+
+      var originUrl = import.meta.env.VITE_PREVIEW_BASE_API + 'framework/Common/downloadFileS3?bucket=' + bucket.value +'&id=' + fileListWithUrls[0].id
+      var previewUrl = originUrl + '&fullfilename=' + Date.now() + fileListWithUrls[0].name
+      var url = import.meta.env.VITE_PREVIEW_API + 'onlinePreview?url=' + encodeURIComponent(Base64.encode(
+        previewUrl)) + '&officePreviewType=pdf'
+      window.open(url);
+    } else {
+      showFailToast('失败！' + response.data.msg)
+    }
+  })
+}
+
+/* 查询数据 */
+const pageNum = ref(1)
+const pageSize = ref(10)
+const total = ref(0)
+const totalMoney = ref(0) // 费用总金额
+
+// 计算平均单笔费用
+const averageExpense = computed(() => {
+  return total.value > 0 ? (totalMoney.value / total.value).toFixed(2) : '0.00'
+})
+const resultData = ref([])
+// const fetchData = ref({
+//   ruleName:'',
+//   ruleScope: ''
+// })
+
+const onSearch = () => {
+  basicReset()
+  onLoad()
+}
+
+const resetCondition = () => {
+  basicReset()
+  fetchData.value = {
+    moneyDept: '',
+    moneyType: '',
+    moneyTypeId: '',
+    useTimeStart: '',
+    useTimeEnd: ''
+  }
+  onLoad()
+}
+
+const queryList = ref([])
+
+/* 查询请求 */
+const queryFetch = async () => {
+
+  fetchData.value.ruleScope = postBackRegimeScope.value
+
+  if (sessionStorage.getItem("ruleName")) {
+    fetchData.value.ruleName = sessionStorage.getItem("ruleName")
+    sessionStorage.removeItem("ruleName")
+  }
+  if (sessionStorage.getItem("ruleScope")) {
+    const deptInfo = sessionStorage.getItem("ruleScope")
+    fetchData.value.ruleScope = deptInfo
+    postBackRegimeScope.value = deptInfo
+    currentDeptName.value = deptInfo.split('-')[1]
+    sessionStorage.removeItem("ruleScope")
+  }
+  // if(currentDeptName.value) {
+  //   fetchData.value.moneyDept = currentDeptName.value
+  // }
+
+  // 构建查询参数，确保 moneyType 字段正确传递
+  // 如果 moneyType 是 dicCode，需要转换为名称进行查询（因为后端使用 like 查询，数据库中存储的是名称）
+  let moneyTypeForQuery = fetchData.value.moneyType || ''
+  if (moneyTypeForQuery && moneyTypeMap.value[moneyTypeForQuery]) {
+    // 如果是 dicCode，转换为名称进行查询
+    moneyTypeForQuery = moneyTypeMap.value[moneyTypeForQuery]
+  } else if (moneyTypeForQuery && moneyTypeMap.value[String(moneyTypeForQuery)]) {
+    // 兼容字符串类型的 dicCode
+    moneyTypeForQuery = moneyTypeMap.value[String(moneyTypeForQuery)]
+  }
+  
+  const queryParams = {
+    moneyDept: fetchData.value.moneyDept || '',
+    moneyType: moneyTypeForQuery, // 传递名称（因为后端使用 like 查询）
+    useTimeStart: fetchData.value.useTimeStart || '',
+    useTimeEnd: fetchData.value.useTimeEnd || ''
+  }
+  
+  console.log('查询参数:', queryParams)
+
+  const url = '/sgsafe/MoneySafe/query'
+  const param = {
+    page: pageNum.value,
+    rows: pageSize.value,
+    params: JSON.stringify(queryParams)
+  }
+  try {
+    const res = await proxy.$axios.post(url,param);
+    console.log('查询结果:', res.data)
+    if (res.data.code === 0) {
+      total.value = res.data.data.total
+      // 添加 canDelete 属性
+      const currentUserId = String(localStorage.getItem('userId') || '');
+      queryList.value = res.data.data.records.map(item => ({
+        ...item,
+        canDelete: String(item.addId || '') === currentUserId
+      }))
+      // 获取费用总金额
+      totalMoney.value = res.data.data.totalMoney || 0
+    } else {
+      console.log('操作失败!' + res.data.msg)
+    }
+  } catch (error) {
+    console.error('请求出错:', error);
+  }
+};
+/* 列表加载与下拉刷新 */
+// const list = ref([]);
+const refreshing = ref(false)
+const loading = ref(false)
+const finished = ref(false)
+
+const onRefresh = () => {
+  basicReset()
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (refreshing.value) {
+    resultData.value = [];
+    pageNum.value = 1;
+    refreshing.value = false;
+  }
+  getDicList()
+  try {
+    await  queryFetch();
+    if (pageSize.value * pageNum.value < total.value) {
+      resultData.value = [...queryList.value,...resultData.value ]
+      pageNum.value++;
+    } else {
+      resultData.value = [...queryList.value,...resultData.value ]
+      finished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    finished.value = true;
+  } finally {
+    loading.value = false;
+  }
+};
+
+/* 组织树选择 */
+const showBottom = ref(false)
+const postBackRegimeScope = ref()
+const currentDeptName = ref()
+import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
+import { showFailToast, showDialog, showSuccessToast } from 'vant';
+import tools from "@/tools/index.js";
+const showPickerHandle = () => {
+  showBottom.value = true
+}
+
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  postBackRegimeScope.value = nodeData
+  currentDeptName.value = nodeData.split('-')[1]
+  // 关键：用户主动选择部门时，设置查询条件
+  fetchData.value.moneyDept = nodeData
+  basicReset()
+  await onLoad()
+  showBottom.value = false
+}
+
+const getDeptInfo = (currentDeptInfo) => {
+  // 只用于初始化显示当前组织名称，不设置查询条件
+  postBackRegimeScope.value = currentDeptInfo
+  currentDeptName.value = currentDeptInfo.split('-')[1]
+  // 注意：这里不设置 fetchData.value.moneyDept，让查询条件保持为空
+  // 这样页面初始化时会显示所有数据
+}
+
+// 添加页面初始化逻辑
+onMounted(() => {
+  // 页面加载时，先查询所有数据（不设置部门条件）
+  getDicList()
+  basicReset()
+  onLoad()
+})
+
+//日期
+const fetchData = ref({
+  moneyDept: '', // 所属部门
+  moneyType: '', // 费用类型（dicCode，用于查询）
+  moneyTypeId: '', // 费用类型ID（兼容字段）
+  useTimeStart: '', // 使用日期开始
+  useTimeEnd: '' // 使用日期结束
+})
+
+// 添加日期范围处理
+const dateRange = ref([])
+watch(dateRange, (newVal) => {
+  if (newVal && newVal.length === 2) {
+    fetchData.value.useTimeStart = newVal[0]
+    fetchData.value.useTimeEnd = newVal[1]
+  } else {
+    fetchData.value.useTimeStart = ''
+    fetchData.value.useTimeEnd = ''
+  }
+})
+
+const guid = () => {
+  const chars = '0123456789abcdefghijklmnopqrstuvwxyz'
+  const length = chars.length
+  const randomString = (len) => {
+    const array = new Uint8Array(len)
+    crypto.getRandomValues(array)
+    return Array.from(array)
+        .map(byte => chars[byte % length])
+        .join('');
+  }
+  return `${randomString(8)}${randomString(8)}${randomString(8)}${randomString(8)}`;
+}
+const moneySafeForm = ref({
+  id: '',
+  moneyDept: '', // 所属部门
+  moneyNumber: '', // 投入费用
+  useTime: '', // 使用日期
+  moneyType: '', // 费用类型
+  moneyIn: '', // 资金来源
+  moneyOut: '', // 资金使用情况说明
+  otherDec: '', // 备注
+  fileId: guid(), // 附件ID
+  moneyTypeId:'' // 费用类型ID
+})
+
+const showStartTimePicker = ref(false);
+const showEndTimePicker = ref(false);
+
+// 临时存储选中的日期（因为 van-date-picker 需要数组格式）
+const tempStartTime = ref([2024, 1, 1]);
+const tempEndTime = ref([2024, 1, 1]);
+
+// 格式化日期为 YYYY-MM-DD
+const formatDate = (dateArray) => {
+  const [year, month, day] = dateArray;
+  return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`;
+};
+
+ const confirmStartTime = async () => {
+  fetchData.value.useTimeStart = formatDate(tempStartTime.value);
+  showStartTimePicker.value = false;
+  if(fetchData.value.useTimeStart) {
+   await queryFetch()
+    resultData.value = queryList.value
+
+  }
+};
+
+const confirmEndTime = async () => {
+  fetchData.value.useTimeEnd = formatDate(tempEndTime.value);
+  showEndTimePicker.value = false;
+  if(fetchData.value.useTimeEnd) {
+    await queryFetch()
+    resultData.value = queryList.value
+
+  }
+  console.log('选中的日期：', fetchData.value.useTimeEnd)
+};
+
+const showPicker = ref(false)
+// const columns = ref([{ text: '劳动保护用品', value: '劳动保护用品' },
+//   { text: '安全工作激励', value: '安全工作激励' },
+//   { text: '安全培训教育', value: '安全培训教育' },
+//   { text: '检测与检验', value: '检测与检验' },
+//   { text: '职业健康查体', value: '职业健康查体' },
+//   { text: '应急与防护设施', value: '应急与防护设施' },
+//   { text: '安全改造整改', value: '安全改造整改' },
+//   { text: '其他', value: '其他' },
+//
+// ])
+const columns = ref([])
+const dicList = ref([])
+const moneyTypeMap = ref({}) // 映射表：dicCode -> dicName，用于将数字转换为名称显示
+
+
+const getDicList = () => {
+  tools.dic.getDicList(['MONEY_TYPE']).then((response => {
+
+    dictList.value = response.data.data
+    columns.value = dictList.value.MONEY_TYPE.map(item => ({
+      text: item.dicName,
+      value: item.dicName // Web端保存的是 dicCode
+    }))
+  })).catch(error => {
+    console.error('获取字典数据出错:', error)
+    columns.value = []
+  })
+}
+
+// 根据 dicCode 获取费用类型名称（用于显示转换）
+const getMoneyTypeName = (value) => {
+  if (!value) return ''
+  
+  // 先尝试直接查找（支持 dicCode）
+  if (moneyTypeMap.value[value]) {
+    return moneyTypeMap.value[value]
+  }
+  
+  // 尝试转换为字符串查找（兼容数字类型的 dicCode）
+  const strValue = String(value)
+  if (moneyTypeMap.value[strValue]) {
+    return moneyTypeMap.value[strValue]
+  }
+  
+  // 如果找不到，可能是 H5 端保存的名称（直接返回）
+  return value
+}
+
+const onConfirm = async (value) => {
+  // value 是选中的值
+  const selectedOption = value.selectedOptions[0]
+  // 保存 dicCode 到 moneyType（用于查询）
+  fetchData.value.moneyType = selectedOption.value
+  // 同时保存到 moneyTypeId（如果后端需要）
+  if (!fetchData.value.moneyTypeId) {
+    fetchData.value.moneyTypeId = selectedOption.value
+  }
+  showPicker.value = false // 关闭弹窗
+  // 重置分页并查询
+  basicReset()
+  await queryFetch()
+  resultData.value = queryList.value
+  console.log('选中的值：', selectedOption)
+  console.log('查询条件 moneyType:', fetchData.value.moneyType)
+}
+
+const handAdd =  () => {
+  router.push({ path: "/safeMoneyManagementList",
+    query: {
+      mark:-1,
+      deptName: '测试部门名称'
+    } });
+};
+const kz = ref(true);
+
+const edits = async (row) => {
+  const currentUserId = localStorage.getItem('userId');
+  const addId = row.addId;
+
+  const isOwner = String(addId).trim().toLowerCase() === String(currentUserId).trim().toLowerCase();
+
+  kz.value = true;
+  moneySafeForm.value = { ...row };
+  router.push({ path: "/safeMoneyManagementList",
+    query: {
+      mark:1,
+      data:JSON.stringify(moneySafeForm.value),
+      readOnly: !isOwner ? 'true' : undefined  // 如果不是所有者，设置为只读
+    } });
+};
+
+// 删除数据
+const deleteData = ref({})
+
+// 处理删除
+const handleDelete = (item) => {
+  const currentUserId = localStorage.getItem('userId');
+  const addId = item.addId;
+
+  if (!currentUserId || !addId || String(addId).trim() !== String(currentUserId).trim()) {
+    showFailToast('无权限删除！只能删除自己添加的记录。');
+    return;
+  }
+  
+  showDialog({
+    title: '删除确认',
+    message: '确定要删除该费用记录吗？删除后将无法恢复。',
+    showCancelButton: true,
+    confirmButtonText: '确定删除',
+    cancelButtonText: '取消',
+  }).then(() => {
+    executeDelete(item);
+  }).catch(() => {
+    console.log('取消删除');
+  });
+};
+
+// 执行删除
+const executeDelete = (item) => {
+  const deleteDataItem = { ...item };
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  deleteDataItem.cancelTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  deleteDataItem.cancelFlag = '1';
+  
+  const url = '/sgsafe/MoneySafe/save';
+  const param = {
+    json: JSON.stringify(deleteDataItem)
+  };
+  
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0' || response.data.code === 0) {
+      showSuccessToast("删除成功");
+      onRefresh();
+    } else {
+      showFailToast('删除失败：' + (response.data.msg || '未知错误'));
+    }
+  }).catch(error => {
+    showFailToast('删除失败：网络错误');
+    console.error('删除失败:', error);
+  });
+};
+
+
+</script>
+
+<template>
+  <div class="page-container">
+    <van-sticky>
+      <van-nav-bar title="安环费用管理"  @click-right="handAdd" >
+      <template #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+      </van-nav-bar>
+    </van-sticky>
+    
+    <!-- 统计信息卡片 -->
+    <div class="statistics-container">
+      <div class="stat-item">
+        <div class="stat-label">费用总笔数</div>
+        <div class="stat-value">{{ total }}</div>
+      </div>
+      <div class="stat-item">
+        <div class="stat-label">费用总金额(元)</div>
+        <div class="stat-value">{{ totalMoney.toLocaleString() }}</div>
+      </div>
+      <div class="stat-item">
+        <div class="stat-label">平均单笔费用(元)</div>
+        <div class="stat-value">{{ averageExpense }}</div>
+      </div>
+    </div>
+    
+    <!-- 原有的查询表单 -->
+    <van-field
+        v-model="currentDeptName"
+        label="当前组织"
+        placeholder="请选择组织架构"
+        readonly
+        right-icon="arrow-down"
+        @click="showPickerHandle()"
+    />
+
+    <van-field
+        :model-value="getMoneyTypeName(fetchData.moneyType)"
+        is-link
+        readonly
+        name="picker"
+        label="费用类型"
+        placeholder="请选择"
+        @click="showPicker = true"
+    />
+    <van-popup v-model:show="showPicker" position="bottom">
+      <van-picker
+          :columns="columns"
+          @confirm="onConfirm"
+          @cancel="showPicker = false"
+      />
+    </van-popup>
+
+    <van-field
+        v-model="fetchData.useTimeStart"
+        is-link
+        readonly
+        name="useTimeStart"
+        label="开始时间"
+        :colon="true"
+        placeholder="点击选择开始时间"
+        @click="showStartTimePicker = true"
+    />
+    <!-- 结束时间 -->
+    <van-field
+        v-model="fetchData.useTimeEnd"
+        is-link
+        readonly
+        name="useTimeEnd"
+        label="结束时间"
+        :colon="true"
+        placeholder="点击选择结束时间"
+        @click="showEndTimePicker = true"
+    />
+    <!-- 开始时间选择器 -->
+    <van-popup v-model:show="showStartTimePicker" position="bottom">
+      <van-date-picker
+          v-model="tempStartTime"
+          type="date"
+          @confirm="confirmStartTime"
+          @cancel="showStartTimePicker = false"
+          :columns-type="['year', 'month', 'day']"
+      />
+    </van-popup>
+
+    <!-- 结束时间选择器 -->
+    <van-popup v-model:show="showEndTimePicker" position="bottom">
+      <van-date-picker
+          v-model="tempEndTime"
+          type="date"
+          @confirm="confirmEndTime"
+          @cancel="showEndTimePicker = false"
+          :columns-type="['year', 'month', 'day']"
+      />
+    </van-popup>
+
+    <div class="scroll-container">
+      <van-pull-refresh
+        v-model="refreshing"
+        success-text="刷新成功"
+        @refresh="onRefresh"
+      >
+        <van-list
+          class="listDiv"
+          v-model:loading="loading"
+          :finished="finished"
+          :immediate-check="false"
+          finished-text="没有更多了"
+          @load="onLoad"
+        >
+          <div v-for="item in resultData" :key="item.id" class="card">
+            <van-swipe-cell>
+              <template #default>
+                <van-cell @click="edits(item)" :border="false" is-link>
+                  <template #title>
+                    <span class="bold-title" style="margin-left: 4px;">
+                      <div>所属类型：{{ getMoneyTypeName(item.moneyType) }}</div>
+                    </span>
+                  </template>
+                  <template #label>
+                    <div class="label-content">
+                      <div>费用来源：{{ item.moneyIn }}</div>
+                      <div>投入费用：{{ item.moneyNumber }}</div>
+                    </div>
+                  </template>
+                </van-cell>
+              </template>
+              <template #right>
+                <van-button 
+                  v-if="item.canDelete" 
+                  square 
+                  class="delete-button" 
+                  text="删除" 
+                  @click="handleDelete(item)" 
+                />
+              </template>
+            </van-swipe-cell>
+          </div>
+        </van-list>
+      </van-pull-refresh>
+    </div>
+
+    <van-popup :close-on-click-overlay="false" :lazy-render="false" v-model:show="showBottom" position="bottom">
+      <OrganizationalWithLeaf @init="getDeptInfo" @close="showBottom = false" @update:selected-node="handleTableDataUserDeptUpdate" />
+    </van-popup>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+
+}
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.card {
+  margin: 10px;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  background-color: #fff;
+}
+
+.label-content {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.bold-title {
+  font-weight: bold;
+  color: #333;
+}
+
+.statistics-container {
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  padding: 16px;
+  background-color: #fff;
+  margin-bottom: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+}
+
+.stat-item {
+  flex: 1;
+  text-align: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.stat-item:not(:last-child) {
+  border-right: 1px solid #ebedf0;
+}
+
+.stat-label {
+  font-size: 12px;
+  color: #969799;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 18px;
+  font-weight: bold;
+  color: #323233;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #fff;
+  background-color: #ee0a24;
+  font-size: 16px;
+  padding: 0 20px;
+}
+</style>

src/view/moneySafe/safeMoneyManagementList.vue

@@ -0,0 +1,680 @@
+<script setup>
+import { getCurrentInstance, onMounted, ref , computed, nextTick } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools'
+import OrganizationalWithLeafUserOne from '@/components/OrganizationalWithLeafUserOne.vue';
+const {
+  proxy
+} = getCurrentInstance()
+const accidentDictList = ref([])
+const columns =  ref([])
+const columnsLevel = ref([])
+
+
+const columnsIn = ref([{text: '公司专项', value: '公司专项'},
+    {text: '自筹', value: '自筹'},
+    {text: '其他', value: '其他'},])
+
+// 定义生成编号的函数（你已写好的逻辑）
+
+const generateCode = () => {
+  const now = new Date();
+  const year = now.getFullYear();
+  const month = String(now.getMonth() + 1).padStart(2, '0');
+  const day = String(now.getDate()).padStart(2, '0');
+  const formattedDate = `${year}${month}${day}`;
+  const hours = String(now.getHours()).padStart(2, '0');
+  const minutes = String(now.getMinutes()).padStart(2, '0');
+  const seconds = String(now.getSeconds()).padStart(2, '0');
+  const formattedTime = `${hours}${minutes}${seconds}`;
+  const sequenceNumber = Math.floor(Math.random() * 1000);
+  const paddedSequence = String(sequenceNumber).padStart(3, '0');
+  return `SGAL${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+// 存储生成的编号（响应式变量）
+const generatedCode = ref(generateCode());
+
+// 重新生成编号的方法
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+const caseSourceFlag = ref(false)
+const moneyTypeFlag = ref(false)
+const moneyInFlag = ref(false)
+
+let title = '新增安全生产费用登记'
+
+/* 返回上一级页面 */
+const router = useRouter()
+
+
+
+
+const onClickLeft = () => {
+  router.go(-1)
+}
+
+const currentYear = ref()
+currentYear.value = new Date().getFullYear()
+
+/* 获取用户部门信息 */
+const jsonArray = localStorage.getItem('dept')
+const deptInformation = ref([])
+try {
+  deptInformation.value = jsonArray ? JSON.parse(jsonArray) : [];
+} catch (error) {
+  deptInformation.value = [];
+}
+const deptName = deptInformation.value[0].deptName
+const deptCode = deptInformation.value[0].deptCode
+
+const guid = () =>  {
+  function S4() {
+    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+  }
+  return (S4()+S4()+S4()+S4()+S4()+S4()+S4()+S4())
+}
+const formJieguo = ref({
+  resultWhether:'',
+  resultDetail:'',
+  resultWhy:'',
+  resultFile:'',
+  itemsId:'',
+  resultFileId:'',
+  resType:''
+})
+const route = useRoute()
+
+const currentDeptName = ref('')
+console.log('获取路由传值信息',route)
+currentDeptName.value = route.query.deptName
+let planInfo = {}
+const  userName1=localStorage.getItem('userName');
+const isEdit = ref(route.query.mark === '1');
+const isReadOnly = ref(route.query.readOnly === 'true');
+const isCaseSubmitted = computed(() => isReadOnly.value && isEdit.value);
+const result=ref('')
+
+const moneySafeForm = ref({
+  id: '',
+  moneyDept: '', // 所属部门
+  moneyNumber: '', // 投入费用
+  useTime: '', // 使用日期
+  moneyType: '', // 费用类型
+  moneyIn: '', // 资金来源
+  moneyOut: '', // 资金使用情况说明
+  otherDec: '', // 备注
+  fileId: guid(), // 附件ID
+  moneyTypeId:'' // 费用类型ID
+})
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark)
+}
+
+console.log(planInfo);
+// 新增模式
+if (planInfo==-1){
+  const caseNumber = generateCode();
+  const fileId = ref()
+  result.value= caseNumber
+  //初始化 moneySafeForm
+  moneySafeForm.value = {
+    id: '',
+    moneyDept: '', // 所属部门
+    moneyNumber: '', // 投入费用
+    useTime: '', // 使用日期
+    moneyType: '', // 费用类型
+    moneyIn: '', // 资金来源
+    moneyOut: '', // 资金使用情况说明
+    otherDec: '', // 备注
+    fileId: guid(), // 附件ID
+    moneyTypeId:'' // 费用类型ID
+  };
+  console.log( result.value);
+}
+if (planInfo==1) {
+  console.log(planInfo);
+  title = '查看安环费用管理'
+  moneySafeForm.value= JSON.parse(route.query.data)
+  if (!moneySafeForm.value.fileId) {
+    const newFileId = guid();
+    moneySafeForm.value.fileId = newFileId;
+    result.value = newFileId;
+  } else {
+    result.value = moneySafeForm.value.fileId;
+  }
+
+  console.log('编辑模式 - fileId:', result.value);
+}
+
+const moneySafeFormRef = ref()
+const moneySafeFormRules = ref({
+  moneyDept: [{ required: true, message: '请输入所属部门' }],
+  moneyNumber: [{ required: true, message: '请输入投入费用' }],
+  useTime: [{ required: true, message: '请选择使用日期' }],
+  moneyType: [{ required: true, message: '请选择费用类型' }],
+  moneyIn: [{ required: true, message: '请选择资金来源' }],
+  moneyOut: [{ required: true, message: '请输入资金使用情况说明' }]
+})
+
+
+const resDetail=ref('')
+const ruleIds = ref([]);
+/*const getRuleId = () => {
+  var url = '/sgsafe/ExamHead/getCheckRuleId'
+  var param = {}
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      ruleIds.value = response.data.data
+    } else {
+      console.log("1111111");
+    }
+  })
+  console.log('ruleIds', ruleIds)
+}
+getRuleId()*/
+
+const onConfirmDatetime = () => {
+  const year = currentDate.value[0];
+  const month = currentDate.value[1].toString().padStart(2, '0');
+  const day = currentDate.value[2].toString().padStart(2, '0');
+
+  moneySafeForm.value.useTime = `${year}-${month}-${day}`;
+  showDatetimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+
+const showDatetimePicker = ref(false);
+const currentTime = ref();
+const minDate = ref(new Date(1900, 0, 1)); // 初始化最小日期
+const maxDate = ref(new Date(2100, 11, 31)); // 初始化最大日期
+
+const dateOrTime = ref(false);
+const onDateConfirm = () => {
+  // 日期选择确认后的处理
+  moneySafeForm.value.useTime = currentDate.value[0] + '-' + currentDate.value[1] + '-' + currentDate.value[2];
+  showDatetimePicker.value = false
+};
+const resetDatetime = () => {
+  dateOrTime.value = false;
+
+  // 初始化日期和时间
+  if (moneySafeForm.value.useTime) {
+    // 修复：使用 useTime 而不是 accidentTime
+    const dt = new Date(moneySafeForm.value.useTime);
+    currentDate.value = [dt.getFullYear(), dt.getMonth() + 1, dt.getDate()];
+  } else {
+    const now = new Date();
+    currentDate.value = [now.getFullYear(), now.getMonth() + 1, now.getDate()];
+  }
+};
+const cancelDatePicker = () => {
+  // 先关闭弹窗，避免在关闭过程中触发重置导致错误
+  showDatetimePicker.value = false;
+  // 使用 nextTick 确保弹窗关闭后再重置，避免状态冲突
+  nextTick(() => {
+    resetDatetime();
+  });
+};
+
+// 时间选择器取消
+const cancelTimePicker = () => {
+  resetDatetime();
+  // 重置为当前时间或从表单获取时间
+  if (moneySafeForm.value.useTime) {
+    const dt = new Date(moneySafeForm.value.useTime);
+  } else {
+    const now = new Date();
+    currentTime.value = [
+      String(now.getHours()).padStart(2, '0'),
+      String(now.getMinutes()).padStart(2, '0'),
+      String(now.getSeconds()).padStart(2, '0')
+    ];
+  }
+};
+
+
+/* 下拉框 */
+const showActionSheet = ref(false)
+const showActionSheet1 = ref(false)
+const planLevelList = [
+  { name: '转发', value: '转发' },
+  { name: '内部', value: '内部' },
+  { name: '文章', value: '文章' }
+];
+const isdisabled=ref(true)
+const isdisabled2=ref(true)
+const onSelect = (item) => {
+  moneySafeForm.value.fileContent = item.name
+
+  showActionSheet.value=false
+}
+
+const onSelect2 = (item) => {
+  moneySafeForm.value.fileType=item.name
+  showActionSheet2.value=false
+  }
+
+const onCaseSourseSelect = (item) => {
+  moneySafeForm.value.caseSource=item.dicCode
+  caseSourceFlag.value = false
+}
+
+const onAccidentLevelSelect = (item) => {
+  moneySafeForm.value.accidentLevel = item.dicCode
+  moneyTypeFlag.value = false
+
+}
+
+const displayFileName = ref('')
+const onSelect1 = (item) => {
+  console.log(item);
+  formJieguo.value.resultFile = item.value
+  result.value=formJieguo.value.resultFile
+  displayFileName.value = item.name
+  console.log(result.value);
+  showActionSheet1.value = false
+}
+const questionIds = ref([])
+const actions=ref([])
+/*const getQuestionId = () => {
+  var url = '/sgsafe/AssessmentRecord/queryRuleNoPage';
+  var param = {};
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      questionIds.value = response.data.data; // 先赋值给 questionIds.value
+
+
+      // ✅ 关键：使用 questionIds.value.map
+      actions.value = questionIds.value.map(item => ({
+        name: item.ruleName,
+        value: item.id
+      }));
+      console.log('actions:', actions.value); // 看看有没有输出
+    } else {
+      ElMessage.error('操作失败！' + response.data.msg);
+    }
+  });
+};
+getQuestionId()*/
+
+const baocun3 = (ruleFormRef) => {
+  console.log(formJieguo.value)
+  ruleFormRef.validate((valid, fields) => {
+    if (valid) {
+
+      var url = '/sgsafe/ItemsResult/save';
+      var param = {
+        json: JSON.stringify(formJieguo.value)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code == '0') {
+          getTableData1()
+          ElMessage({
+            message: '保存成功',
+            type: 'success',
+          })
+          if (ruleFormRef.value) {
+            ruleFormRef.value.resetFields();
+          }
+          dialogVisibletemplate.value=false
+        } else {
+          ElMessage.error('操作失败！' + response.data.msg)
+        }
+
+      })
+    }
+  })
+}
+
+/* 组织树选择 */
+const showBottom = ref(false)
+import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  moneySafeForm.value.moneyDept = nodeData
+  showBottom.value = false
+}
+
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  })
+
+  moneySafeForm.value.fileId = result.value
+
+  var url = '/sgsafe/MoneySafe/save';
+  const params = {
+    json: JSON.stringify(moneySafeForm.value)
+  }
+  proxy.$axios.post(url,params).then(res=>{
+    if (res.data.code === 0) {
+      loadingToast.close()
+      showSuccessToast('保存成功')
+      onClickLeft()
+
+    } else {
+      loadingToast.close()
+      showFailToast('操作失败!' + res.data.msg)
+    }
+  })
+}
+const showDatePicker = ref(false)
+const onDatePicker = (value) => {
+  const dateArr = value.selectedValues
+  moneySafeForm.value.checkTime = dateArr[0] + '-' + dateArr[1] + '-' + dateArr[2]
+  showDatePicker.value = false
+}
+const currentDate = ref([2025, 7, 25])
+//定义字典集合
+const dicList = ref([])
+const dictList = ref([])
+
+const getDicList = () => {
+  tools.dic.getDicList(['MONEY_TYPE']).then((response => {
+
+    dictList.value = response.data.data
+    columnsLevel.value = dictList.value.MONEY_TYPE.map(item => ({
+      text: item.dicName,
+      value: item.dicName // Web端保存的是 dicCode
+    }))
+  })).catch(error => {
+    console.error('获取字典数据出错:', error)
+    columns.value = []
+  })
+}
+onMounted(() => {
+  //getAccidentDicList()
+  console.log('这是编辑页面')
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth() + 1 // 月份从 0 开始
+  const day = today.getDate()
+  currentDate.value = [year, month, day]
+  
+  // 确保 minDate 和 maxDate 已初始化
+  if (!minDate.value) {
+    minDate.value = new Date(1900, 0, 1);
+  }
+  if (!maxDate.value) {
+    maxDate.value = new Date(2100, 11, 31);
+  }
+  
+  // 初始化时间
+  currentTime.value = [today.getHours(), today.getMinutes(), today.getSeconds()];
+  // 如果是编辑模式且有已有的使用日期，解析并初始化
+  if (isEdit.value && moneySafeForm.value.useTime) {
+    try {
+      // 解析格式如 "2025-01-15" 的日期字符串
+      const dateStr = moneySafeForm.value.useTime;
+      const [year, month, day] = dateStr.split('-').map(Number);
+      if (year && month && day) {
+        currentDate.value = [year, month, day];
+      }
+    } catch (error) {
+      console.error('解析使用日期失败:', error);
+    }
+  }
+  getDicList()
+})
+const showActionSheet2=ref(false)
+/* 文件上传 */
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+
+const onSubmit = (values) => {
+  addEmergencyDrillPlan()
+}
+const leaderKeyysr = guid();
+const PopupDepartmentLeaderNameRefysr = ref();
+const handleDepartmentLeaderNameysr = () => {
+  PopupDepartmentLeaderNameRefysr.value.open();
+};
+const getDepartmentLeaderNameysr = (item) => {
+  moneySafeForm.value.punCode = item.user.userCode;
+  moneySafeForm.value.punName = item.user.userDesc;
+  moneySafeForm.value.punId = item.user.id
+};
+
+const onCaseSourceConfirm = ({ selectedOptions }) => {
+  caseSourceFlag.value = false;
+  moneySafeForm.value.caseSource = selectedOptions[0].text;
+};
+
+const moneyTypeLevelConfirm = ({ selectedOptions }) => {
+  moneyTypeFlag.value = false;
+  moneySafeForm.value.moneyTypeId = selectedOptions[0].value;
+  moneySafeForm.value.moneyType = selectedOptions[0].text;
+};
+
+const moneyInConfirm = ({ selectedOptions }) => {
+  moneyInFlag.value = false;
+  moneySafeForm.value.moneyIn = selectedOptions[0].text;
+};
+
+const getDeptInfo = (currentDeptInfo) => {
+  // 如果需要初始化部门信息，可以在这里处理
+  // 例如：moneySafeForm.value.moneyDept = currentDeptInfo
+}
+</script>
+
+<template>
+
+  <div class="page-container">
+    <van-sticky class="header">
+      <van-nav-bar
+        :title="title"
+        left-text="返回"
+        left-arrow
+        @click-left="onClickLeft" >
+      </van-nav-bar>
+    </van-sticky>
+    <div class="scroll-container">
+      <van-form @submit="onSubmit">
+        <van-field
+            v-model="moneySafeForm.moneyDept"
+        label="所属部门"
+        name="moneyDept"
+        readonly
+        placeholder="请选择所属部门"
+        @click="!isCaseSubmitted && (showBottom = true)"
+        :rules="[{required: true, message: '请选择所属部门'}]"
+        required
+      />
+
+        <van-field
+          v-model="moneySafeForm.moneyNumber"
+          label="投入费用"
+          name="moneyNumber"
+          :readonly="isCaseSubmitted"
+          required
+          placeholder="请输入投入费用"
+          :rules="[{required: true, message: '请输入投入费用'}]"
+        />
+
+        <!--        //时间-->
+        <van-field
+            v-model="moneySafeForm.useTime"
+            is-link
+            readonly
+            name="useTime"
+            label="使用日期"
+            :colon="true"
+            placeholder="点击选择日期"
+            @click="showDatetimePicker = !isCaseSubmitted"
+            :rules="[{ required:true, message: '请点击选择日期' }]"
+            required
+        />
+        <van-popup
+            v-model:show="showDatetimePicker"
+            position="bottom"
+            round
+            style="max-height: 50vh;"
+        >
+          <van-date-picker
+              v-model="currentDate"
+              title="选择日期"
+              :min-date="minDate"
+              :max-date="maxDate"
+              @confirm="onDateConfirm"
+              @cancel="cancelDatePicker"
+          >
+            <template #confirm>
+              <van-button type="primary" @click="onDateConfirm">确认</van-button>
+            </template>
+            <template #cancel>
+              <van-button type="danger" @click="cancelDatePicker">取消</van-button>
+            </template>
+          </van-date-picker>
+
+        </van-popup>
+
+
+        <van-field
+          v-model="moneySafeForm.moneyType"
+          is-link
+          readonly
+          label="费用类型"
+          name="moneyType"
+          placeholder="请选择"
+          @click="!isCaseSubmitted && (moneyTypeFlag = true)"
+          :rules="[{required: true, message: '请选择费用类型'}]"
+          required
+        />
+
+        <van-field
+            v-model="moneySafeForm.moneyIn"
+            is-link
+            readonly
+            label="资金来源"
+            name="moneyIn"
+            placeholder="请选择"
+            :rules="[{required: true, message: '请选择资金来源'}]"
+            @click="!isCaseSubmitted && (moneyInFlag = true)"
+            required
+        />
+
+        <van-field
+            v-model="moneySafeForm.moneyOut"
+            label="资金使用情况说明"
+            name="casualtyCount"
+            rows="1"
+            autosize
+            type="textarea"
+            placeholder="请输入事故造成后果"
+            :readonly="isCaseSubmitted"
+            :rules="[{required: true, message: '请输入事故造成后果'}]"
+            required
+        />
+        <van-field
+            v-model="moneySafeForm.otherDec"
+            label="备注"
+            name="accidentSummary"
+            rows="3"
+            autosize
+            type="textarea"
+            placeholder="请输入事故简要经过"
+            :readonly="isCaseSubmitted"
+        />
+        <div style="margin: 16px;">
+          <van-button v-if="!isReadOnly" round block type="primary" native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <van-action-sheet
+        v-model:show="showActionSheet"
+        :actions="planLevelList"
+        @select="onSelect"
+      />
+      <van-action-sheet
+        v-model:show="showActionSheet2"
+        :actions="dicList"
+        @select="onSelect2"
+      />
+
+      <van-action-sheet
+          v-model:show="caseSourceFlag"
+          :actions="accidentDictList.case_source"
+          @select="onCaseSourseSelect"
+      />
+
+      <van-popup v-model:show="caseSourceFlag" round position="bottom">
+        <van-picker
+            :columns="columns"
+            @cancel="caseSourceFlag = false"
+            @confirm="onCaseSourceConfirm"
+        />
+      </van-popup>
+
+      <van-popup v-model:show="moneyTypeFlag" round position="bottom">
+        <van-picker
+            :columns="columnsLevel"
+            @cancel="moneyTypeFlag = false"
+            @confirm="moneyTypeLevelConfirm"
+        />
+      </van-popup>
+
+      <van-popup v-model:show="moneyInFlag" round position="bottom">
+        <van-picker
+            :columns="columnsIn"
+            @cancel="moneyInFlag = false"
+            @confirm="moneyInConfirm"
+        />
+      </van-popup>
+
+      <van-popup 
+        :close-on-click-overlay="false" 
+        :lazy-render="false" 
+        v-model:show="showBottom" 
+        position="bottom"
+      >
+        <OrganizationalWithLeaf 
+          @init="getDeptInfo" 
+          @close="showBottom = false" 
+          @update:selected-node="handleTableDataUserDeptUpdate" 
+        />
+      </van-popup>
+      <van-popup v-model:show="showDatePicker" position="bottom">
+        <van-date-picker
+          v-model="currentDate"
+          @confirm="onDatePicker"
+          @cancel="showDatePicker = false" />
+      </van-popup>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.page-container {
+  height: 100vh; /* 关键：外层容器高度设为视口高度 */
+  display: flex;
+  flex-direction: column;
+
+}
+/*  overflow-y: auto; !* 启用垂直滚动 *!*/
+
+
+.scroll-container {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; /* iOS 平滑滚动 */
+}
+
+/* 可选：隐藏滚动条（视觉优化） */
+.scroll-container::-webkit-scrollbar {
+  display: none;
+}
+
+.header, .footer {
+  /* 固定高度区域 */
+  flex-shrink: 0; /* 防止被压缩 */
+  background: #f5f5f5;
+  padding: 12px;
+}
+</style>

src/view/yinhuan/JuBaoheLedger_detail/index.vue

@@ -22,9 +22,9 @@
           margin: 0 -10px 10px -10px;">奖励信息</div>
           <van-field v-model="form.bonusAmount" name="奖励金额" label="奖励金额" :colon="true" readonly clickable @touchstart.stop="showBonusAmount = true" />
           <van-number-keyboard
-            v-model="form.bonusAmount"
-            :show="showBonusAmount"
-            @blur="showBonusAmount = false"
+              v-model="form.bonusAmount"
+              :show="showBonusAmount"
+              @blur="showBonusAmount = false"
           />
           <van-divider :style="{ color: '#7e98b2', borderColor: '#60708a', padding: '0 16px' }" />
           <van-field border v-model="form.bonusDetail" name="奖励详情" label="奖励详情"
@@ -35,22 +35,22 @@
           <div style="color: #4C93E6;font-size: 14px;margin-left: 0px;background-color: #f5f5f5;padding: 8px 12px;
           margin: 0 -10px 10px -10px;">隐患信息</div>
           <van-field border v-model="form.hdId" name="隐患编号" label="隐患编号" :colon="true" placeholder=""
-            :readonly="form.status > 0" />
+                     :readonly="form.status > 0" />
           <van-field is-link :colon="true" readonly v-model="form.hdType" required label="隐患类型" placeholder="选择隐患类型"
-            @click="showPicker = true" :rules="[{ required: true, message: '请选择内容' }]" />
+                     @click="showPicker = true" :rules="[{ required: true, message: '请选择内容' }]" />
           <van-popup v-model:show="showPicker" round position="bottom">
             <van-picker :columns="yhlxs" @cancel="showPicker = false" @confirm="onConfirmYhlx" />
           </van-popup>
 
           <van-field readonly v-model="form.discoveryTime" is-link name="datetime" label="发现时间" :colon="true"
-            placeholder="点击选择日期和时间" @click="showDatetimePicker = true" required
-            :rules="[{ required: true, message: '请选择内容' }]" />
+                     placeholder="点击选择日期和时间" @click="showDatetimePicker = true" required
+                     :rules="[{ required: true, message: '请选择内容' }]" />
           <van-popup v-if="!form.status > 0" v-model:show="showDatetimePicker" position="bottom" round
-            style="height: 60%">
+                     style="height: 60%">
             <van-date-picker v-model="currentDate" title="选择日期" :min-date="minDate" :max-date="maxDate"
-              @confirm="onDateConfirm" @cancel="showDatetimePicker = false" />
+                             @confirm="onDateConfirm" @cancel="showDatetimePicker = false" />
             <van-time-picker v-model="currentTime" title="选择时间" :columns-type="['hour', 'minute', 'second']"
-              @confirm="onTimeConfirm" @cancel="showDatetimePicker = false" />
+                             @confirm="onTimeConfirm" @cancel="showDatetimePicker = false" />
             <div style="display: flex; justify-content: space-between; padding: 10px;">
               <van-button type="danger" @click="showDatetimePicker = false">取消</van-button>
               <van-button type="primary" @click="onConfirmDatetime">确定</van-button>
@@ -59,16 +59,16 @@
           <van-field readonly v-model="form.hdLocation" :colon="true" label="隐患区域" name="隐患区域"
                      required :rules="[{ required: true, message: '请选择' }]" @click="handleDepartmentLeaderName" />
           <van-field readonly v-model="form.discovererDesc" :colon="true" label="发现人" name="发现人" placeholder="请选择发现人"
-            required :rules="[{ required: true, message: '请选择' }]" @click="handleDepartmentLeaderName" />
+                     required :rules="[{ required: true, message: '请选择' }]" @click="handleDepartmentLeaderName" />
           <OrganizationalWithLeafUserOne v-if="!form.status > 0" ref="PopupDepartmentLeaderNameRef"
-            @receive-from-child="getDepartmentLeaderName" :main-key="leaderKey" />
+                                         @receive-from-child="getDepartmentLeaderName" :main-key="leaderKey" />
           <van-field :readonly="form.status > 0" border v-model="form.hdDescription" name="隐患描述" label="隐患描述"
-            :colon="true" placeholder="请输入内容" required :rules="[{ required: true, message: '请输入内容' }]" type="textarea"
-            rows="1" autosize />
+                     :colon="true" placeholder="请输入内容" required :rules="[{ required: true, message: '请输入内容' }]" type="textarea"
+                     rows="1" autosize />
 
           <van-field v-if="form.hdSelect !== '下发隐患'" is-link :colon="true" readonly v-model="form.hdLevel" required
-            label="隐患等级" placeholder="选择等级" @click="showPicker2 = true"
-            :rules="[{ required: true, message: '请选择内容' }]" />
+                     label="隐患等级" placeholder="选择等级" @click="showPicker2 = true"
+                     :rules="[{ required: true, message: '请选择内容' }]" />
           <van-popup v-if="!form.status > 0" v-model:show="showPicker2" round position="bottom">
             <van-picker :columns="yhdjs" @cancel="showPicker2 = false" @confirm="onConfirmYhdj" />
           </van-popup>
@@ -82,23 +82,23 @@
           <div v-if="form.status > 0" style="color: #4C93E6;font-size: 14px;margin-left: 0px;background-color: #f5f5f5;padding: 8px 12px;
           margin: 0 -10px 10px -10px;">隐患分析确认</div>
           <van-field v-if="form.status > 0" readonly v-model="form.repairLeaderDesc" :colon="true" label="整改人"
-            name="整改人" placeholder="请选择整改人" required :rules="[{ required: true, message: '请选择' }]"
-            @click="handleDepartmentLeaderNamezgr" />
+                     name="整改人" placeholder="请选择整改人" required :rules="[{ required: true, message: '请选择' }]"
+                     @click="handleDepartmentLeaderNamezgr" />
           <OrganizationalWithLeafUserOne ref="PopupDepartmentLeaderNameRefzgr"
-            @receive-from-child="getDepartmentLeaderNamezgr" :main-key="leaderKeyzgr" />
-          
+                                         @receive-from-child="getDepartmentLeaderNamezgr" :main-key="leaderKeyzgr" />
+
           <van-field v-if="form.status > 0" border
-            v-model="form.repairSuggest" name="整改建议" label="整改建议" :colon="true" placeholder="请输入整改建议" required
-            :rules="[{ required: true, message: '请输入整改建议' }]" type="textarea" rows="1" autosize />
+                     v-model="form.repairSuggest" name="整改建议" label="整改建议" :colon="true" placeholder="请输入整改建议" required
+                     :rules="[{ required: true, message: '请输入整改建议' }]" type="textarea" rows="1" autosize />
 
           <van-field v-if="form.status > 0"
-            v-model="form.repairDdl" is-link readonly name="datetime" label="整改期限" :colon="true" placeholder="点击选择整改期限"
-            @click="showDatetimePicker2 = true" required :rules="[{ required: true, message: '请选择整改期限' }]" />
+                     v-model="form.repairDdl" is-link readonly name="datetime" label="整改期限" :colon="true" placeholder="点击选择整改期限"
+                     @click="showDatetimePicker2 = true" required :rules="[{ required: true, message: '请选择整改期限' }]" />
           <van-popup v-model:show="showDatetimePicker2" position="bottom" round style="height: 60%">
             <van-date-picker v-model="currentDate2" title="选择日期" :min-date="minDate2" :max-date="maxDate2"
-              @confirm="onDateConfirm2" @cancel="showDatetimePicker2 = false" />
+                             @confirm="onDateConfirm2" @cancel="showDatetimePicker2 = false" />
             <van-time-picker v-model="currentTime2" title="选择时间" :columns-type="['hour', 'minute', 'second']"
-              @confirm="onTimeConfirm2" @cancel="showDatetimePicker2 = false" />
+                             @confirm="onTimeConfirm2" @cancel="showDatetimePicker2 = false" />
             <div style="display: flex; justify-content: space-between; padding: 10px;">
               <van-button type="danger" @click="showDatetimePicker2 = false">取消</van-button>
               <van-button type="primary" @click="onConfirmDatetime2">确定</van-button>
@@ -107,48 +107,48 @@
 
           <!--        部门选择-->
           <van-field v-if="form.status > 0" v-model="form.repairDept" label="整改部门"
-            placeholder="请选择整改部门" readonly right-icon="arrow-down" @click="showPickerHandle" required
-            :rules="[{ required: true, message: '请选择' }]" />
+                     placeholder="请选择整改部门" readonly right-icon="arrow-down" @click="showPickerHandle" required
+                     :rules="[{ required: true, message: '请选择' }]" />
           <!--        部门弹出框-->
           <van-popup v-model:show="showBottom" position="bottom">
             <OrganizationalWithLeaf @update:selected-node="handleTableDataUserDeptUpdate" />
           </van-popup>
 
           <van-field v-if="form.status > 0 && form.hdSelect !== '即查即改' && false" readonly v-model="form.acceptLeaderDesc"
-            :colon="true" label="验收人" name="验收人" placeholder="请选择验收人" required
-            :rules="[{ required: true, message: '请选择' }]" @click="handleDepartmentLeaderNameysr" />
+                     :colon="true" label="验收人" name="验收人" placeholder="请选择验收人" required
+                     :rules="[{ required: true, message: '请选择' }]" @click="handleDepartmentLeaderNameysr" />
           <OrganizationalWithLeafUserOne ref="PopupDepartmentLeaderNameRefysr"
-            @receive-from-child="getDepartmentLeaderNameysr" :main-key="leaderKeyysr" />
+                                         @receive-from-child="getDepartmentLeaderNameysr" :main-key="leaderKeyysr" />
 
           <van-field v-if="form.status > 0 && form.hdSelect !== '下发隐患' && form.hdSelect !== '即查即改' && false" readonly border
-            v-model="form.acceptOtherDesc" name="其他验收人" label="其他验收人" :colon="true" placeholder="请选择其他验收人"
-            @click="handleDepartmentLeaderName2qtysr" required :rules="[{ required: true, message: '请选择' }]" />
+                     v-model="form.acceptOtherDesc" name="其他验收人" label="其他验收人" :colon="true" placeholder="请选择其他验收人"
+                     @click="handleDepartmentLeaderName2qtysr" required :rules="[{ required: true, message: '请选择' }]" />
           <OrganizationalWithLeafUser ref="PopupDepartmentLeaderNameRef2qtysr"
-            @receive-from-child="getDepartmentLeaderName2qtysr" :main-key="leaderKey2qtysr" />
+                                      @receive-from-child="getDepartmentLeaderName2qtysr" :main-key="leaderKey2qtysr" />
 
           <van-field label-width="300px" v-if="form.status > 1 && form.hdSelect !== '下发隐患'" :colon="true" readonly label="临时管控现场图片" />
           <AttachmentS3Image style="background-color: white;" v-if="form.status > 1 && form.hdSelect !== '下发隐患'"
-            :f-id="form.hdPicId + 'lsgkxctp'" />
+                             :f-id="form.hdPicId + 'lsgkxctp'" />
           <van-field label-width="300px" v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'" :colon="true"
-            readonly label="临时管控告知书" />
+                     readonly label="临时管控告知书" />
           <AttachmentS3 style="background-color: white;"
-            v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'"
-            :f-id="form.hdPicId + 'lsgkwj'" />
+                        v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'"
+                        :f-id="form.hdPicId + 'lsgkwj'" />
           <van-field v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'" :colon="true"
-            readonly label="销号单" />
+                     readonly label="销号单" />
           <AttachmentS3 style="background-color: white;"
-            v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'"
-            :f-id="form.hdPicId + 'xhdwj'" />
+                        v-if="form.status > 1 && form.hdSelect !== '即查即改' && form.hdSelect !== '下发隐患'"
+                        :f-id="form.hdPicId + 'xhdwj'" />
           <van-field v-if="form.status > 1" v-model="form.picAfter" :colon="true" readonly label="整改后图片" />
           <AttachmentS3Image style="background-color: white;" v-if="form.status > 1" :f-id="form.hdPicId + 'zgh'" />
 
           <van-field label-width="110px" v-if="form.status > 1" border v-model="form.repairDescription" name="整改后情况描述" label="整改后情况描述"
-            :colon="true" placeholder="请输入整改后情况描述" required :rules="[{ required: true, message: '请输入内容' }]"
-            type="textarea" rows="1" autosize />
+                     :colon="true" placeholder="请输入整改后情况描述" required :rules="[{ required: true, message: '请输入内容' }]"
+                     type="textarea" rows="1" autosize />
 
           <van-field v-if="form.status > 3 && false" border v-model="form.hdRoot" name="隐患溯源" label="隐患溯源" :colon="true"
-            placeholder="请输入隐患溯源" required :rules="[{ required: true, message: '请输入内容' }]" type="textarea" rows="1"
-            autosize />
+                     placeholder="请输入隐患溯源" required :rules="[{ required: true, message: '请输入内容' }]" type="textarea" rows="1"
+                     autosize />
 
         </van-form>
 
@@ -184,32 +184,32 @@
 
 
   <van-dialog v-model:show="showDialog" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleJumpRejectStart" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleJumpRejectStart" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 
   <van-dialog v-model:show="showDialog2" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleGetBack" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleGetBack" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 
   <van-dialog v-model:show="showDialog3" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleStop" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleStop" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 
   <van-dialog v-model:show="showDialog4" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleReaded" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleReaded" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 
   <van-dialog v-model:show="showDialog5" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleReject" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleReject" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 
   <van-dialog v-model:show="showDialog7" title="提示" show-cancel-button :confirm-button-text="confirmButtonText"
-    :cancel-button-text="cancelButtonText" @confirm="handleConfirmSubmitQueDing" @cancel="handleCancel">
+              :cancel-button-text="cancelButtonText" @confirm="handleConfirmSubmitQueDing" @cancel="handleCancel">
     <div>确定退回？</div>
   </van-dialog>
 </template>
@@ -323,8 +323,8 @@ const showConfirmDialog7 = () => {
 const handleConfirmSubmit = (nodeName) => {
   variables.value = oldVariables.value;
   if (sessionStorage.getItem('variables') !== null
-    && sessionStorage.getItem('variables') !== undefined
-    && sessionStorage.getItem('variables') !== '') {
+      && sessionStorage.getItem('variables') !== undefined
+      && sessionStorage.getItem('variables') !== '') {
     const newVariables = JSON.parse(sessionStorage.getItem('variables'));
 
     variables.value = { ...oldVariables.value, ...newVariables };
@@ -419,13 +419,13 @@ const buttonType = (buttonId) => {
 };
 const shouldShowButton = (buttonId) => {
   return buttonId === 'submit'
-    || buttonId === 'reject'
-    // || buttonId === 'jumpreject'
-    || buttonId === 'jumprejectstart'
-    || buttonId === 'stop'
-    || buttonId === 'getback'
-    || buttonId === 'readed'
-    || buttonId === 'move';
+      || buttonId === 'reject'
+      // || buttonId === 'jumpreject'
+      || buttonId === 'jumprejectstart'
+      || buttonId === 'stop'
+      || buttonId === 'getback'
+      || buttonId === 'readed'
+      || buttonId === 'move';
 };
 
 import style from '@/tools/style';
@@ -665,8 +665,8 @@ const handleTabsClick = (tab, event, item) => {
     getHistory();
   } else if (activeTab.value == 'image') {
     urlFrame.value =
-      `${import.meta.env.VITE_WORKFLOW_ADDR}` + '/horizon-workflow-boot/workflow/module/designer/index.html?workid=' + workId
-        .value + '&showtype=2&dataid=' + workId.value;
+        `${import.meta.env.VITE_WORKFLOW_ADDR}` + '/horizon-workflow-boot/workflow/module/designer/index.html?workid=' + workId
+            .value + '&showtype=2&dataid=' + workId.value;
   }
 };
 
@@ -911,8 +911,8 @@ const variables = ref({});
 const handlePreSubmit = () => {
   variables.value = oldVariables.value;
   if (sessionStorage.getItem('variables') !== null
-    && sessionStorage.getItem('variables') !== undefined
-    && sessionStorage.getItem('variables') !== '') {
+      && sessionStorage.getItem('variables') !== undefined
+      && sessionStorage.getItem('variables') !== '') {
     const newVariables = JSON.parse(sessionStorage.getItem('variables'));
     variables.value = { ...oldVariables.value, ...newVariables };
   }
@@ -944,7 +944,7 @@ const handlePreSubmit = () => {
         // 后续就只有一个节点，不需要选择节点
         if (nextNodes && nextNodes.length === 1) {
           if ((nextNodes[0].authors.Author && nextNodes[0].authors.Author.initAuthor)
-            || (nextNodes[0].authors.Author && nextNodes[0].authors.Author.selectAuthor === undefined)) {
+              || (nextNodes[0].authors.Author && nextNodes[0].authors.Author.selectAuthor === undefined)) {
 
             var positions = undefined;
             var depts = undefined;
@@ -975,7 +975,7 @@ const handlePreSubmit = () => {
             }
 
             if (nextNodes[0].authors.Author.initAuthor === undefined
-              && nextNodes[0].authors.Author.selectAuthor === undefined) {
+                && nextNodes[0].authors.Author.selectAuthor === undefined) {
               getDataPost();
               getDataDeptTree();
             }
@@ -1385,7 +1385,7 @@ const onConfirmYhdj = ({ selectedOptions }) => {
 };
 
 const yhdjs = ref([{ text: '一般隐患', value: '一般隐患' },
-{ text: '重大隐患', value: '重大隐患' }]
+  { text: '重大隐患', value: '重大隐患' }]
 );
 
 const formRef = ref(null);