Merge remote-tracking branch 'origin/develop' into develop

# Conflicts:
#	src/router/index.ts
#	src/view/Home2.vue

src/router/index.ts

 			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')
+		},
 	]
 })
 

src/view/Home2.vue

           <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>
 

src/view/knowledge/accident.vue

                   <template #label>
                       <div>案例编号：{{ item.caseNumber }} </div>
                       <div>事故等级：{{ item.accidentLevel }}</div>
-                      <div>下载量：{{ item.downloadCount }} 浏览量：{{item.viewCount}}</div>
+                      <div> 浏览量：{{item.viewCount}}</div>
 
 <!--                    <div style="width: 112px" :class="getStatusClass(item.isFinish)">
                       类型：
             </template>
 
             <template #right>
-              <van-button  square class="delete-button" text="删除" @click="handleDelete(item)" />
+              <van-button v-if="item.canDelete" square class="delete-button" text="删除" @click="handleDelete(item)" />
             </template>
           </van-swipe-cell>
         </div>
 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'),
-  dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+  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]
   })
 }
 
-const edits = (row) => {
-  const isOwner = String(row.addId) === currentUserId;
+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",
   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);
   handleSearch();
 });
 
+
 const handleSearch = () => {
 /!*  currentPage.value = 1;
   isFinished.value = false;
 };
 
 const handleDetailLook = (row) => {
+
   form.value = { ...row };
   proxy.$router.push({
     name: 'taiZhang_detail',
 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();

src/view/knowledge/accidentList.vue

 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){
-  result.value=guid()
+  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 distestType=ref(false)
 if (planInfo==1) {
   console.log(planInfo);
-  title = '修改事故案例'
+  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;
+  }
 
-  result.value=fromVue.value.fileId
-  console.log(result.value);
+  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)
     message: '加载中',
     forbidClick: true
   })
+  
+  fromVue.value.fileId = result.value
+
   var url = '/sgsafe/Manager/saveAccident';
   const params = {
     json: JSON.stringify(fromVue.value)
   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()
 })
 <!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
 <!--        />-->
         <van-field
-            v-model="generatedCode"
+            v-model="fromVue.caseNumber"
         label="案例编号"
         name="caseNumber"
-            :readonly="isCaseSubmitted"
+            readonly
         :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
         />
 
           v-model="fromVue.caseTitle"
           label="案例标题"
           name="caseTitle"
+          :readonly="isCaseSubmitted"
           required
           placeholder="请输入案例标题"
-          :rules="[{required: true, message: '请输入文件名称'}]"
+          :rules="[{required: true, message: '请输入标题名称'}]"
         />
 
         <van-field
           readonly
           label="案例来源"
           name="caseSource"
-          required
-          @click="caseSourceFlag = true"
+          :readonly="isCaseSubmitted"
+          @click="!isCaseSubmitted && (caseSourceFlag = true)"
         />
         <van-field
           readonly
           v-model="fromVue.accidentLevel"
           label="事故等级"
           name="accidentLevel"
-          @click="accidentLevelFlag = true"
+          :readonly="isCaseSubmitted"
+          @click="!isCaseSubmitted && (accidentLevelFlag = true)"
         />
 
-
-
         <van-field
             v-model="fromVue.accidentDept"
             label="事故单位"
             name="accidentDept"
-            required
             placeholder="请输入事故单位"
+            :readonly="isCaseSubmitted"
             :rules="[{required: true, message: '请输入事故单位'}]"
         />
 
             v-model="fromVue.accidentLocation"
             label="事故地点"
             name="accidentLocation"
-            required
+            :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"
-            required
             rows="1"
             autosize
             type="textarea"
             placeholder="请输入事故造成后果"
+            :readonly="isCaseSubmitted"
             :rules="[{required: true, message: '请输入事故造成后果'}]"
         />
         <van-field
             v-model="fromVue.accidentSummary"
             label="事故简要经过"
             name="accidentSummary"
-            required
             rows="3"
             autosize
             type="textarea"
             placeholder="请输入事故简要经过"
+            :readonly="isCaseSubmitted"
             :rules="[{required: true, message: '请输入事故简要经过'}]"
         />
         <van-field
             v-model="fromVue.preventiveMeasures"
             label="防范与整改措施"
             name="preventiveMeasures"
-            required
             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 round block type="primary" native-type="submit">
+          <van-button v-if="!isReadOnly" round block type="primary" native-type="submit">
             {{ isEdit ? '保存' : '提交' }}
           </van-button>
         </div>

src/view/knowledge/project.vue

+<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

+<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>