src/router/index.ts

@@ -604,6 +604,16 @@ const router = createRouter({
 			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')
+		},
 	]
 })
 

src/view/Home2.vue

@@ -240,6 +240,10 @@
           <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>
     </div>
 

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>