安环费用管理移动端

src/router/index.ts

@@ -634,6 +634,16 @@ const router = createRouter({
 			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

@@ -254,6 +254,15 @@
         </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>
 

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>