src/view/knowledge/accident.vue

@@ -24,7 +24,7 @@
                   <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)">
                       类型：
@@ -42,7 +42,7 @@
             </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>
@@ -72,10 +72,15 @@ const { proxy } = getCurrentInstance();
 const onClickLeft = () => {
   history.back();
 };
+// const headers = ref({
+//   token: localStorage.getItem('token'),
+//   userId: localStorage.getItem('userId'),
+//   dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+// });
 const headers = ref({
-  token: localStorage.getItem('token'),
-  userId: localStorage.getItem('userId'),
-  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]
@@ -123,8 +128,15 @@ const goaddPeo = (item) => {
   })
 }
 
-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",
@@ -152,6 +164,30 @@ const form = ref({
   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);
@@ -255,6 +291,7 @@ const basicReset = () => {
   handleSearch();
 });
 
+
 const handleSearch = () => {
 /!*  currentPage.value = 1;
   isFinished.value = false;
@@ -307,6 +344,7 @@ const regenerateCode = () => {
 };
 
 const handleDetailLook = (row) => {
+
   form.value = { ...row };
   proxy.$router.push({
     name: 'taiZhang_detail',
@@ -319,7 +357,17 @@ const handleDetailLook = (row) => {
 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

@@ -109,15 +109,37 @@ const route = useRoute()
 let planInfo = {}
 const  userName1=localStorage.getItem('userName');
 const isEdit = ref(route.query.mark === '1');
-
+const isReadOnly = ref(route.query.readOnly === 'true');
+const isCaseSubmitted = computed(() => isReadOnly.value && isEdit.value);
 const result=ref('')
 const fromVue=ref({})
 if (route.query.mark) {
   planInfo = JSON.parse(route.query.mark)
 }
 console.log(planInfo);
+// 新增模式
 if (planInfo==-1){
-  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);
 }
 
@@ -143,14 +165,92 @@ if (planInfo==1) {
   console.log(planInfo);
   title = '修改事故案例'
   fromVue.value= JSON.parse(route.query.data)
+  if (!fromVue.value.fileId) {
+    const newFileId = guid();
+    fromVue.value.fileId = newFileId;
+    result.value = newFileId;
+  } else {
+    result.value = fromVue.value.fileId;
+  }
 
-  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)
@@ -260,6 +360,9 @@ const addEmergencyDrillPlan = async () => {
     message: '加载中',
     forbidClick: true
   })
+  
+  fromVue.value.fileId = result.value
+
   var url = '/sgsafe/Manager/saveAccident';
   const params = {
     json: JSON.stringify(fromVue.value)
@@ -306,6 +409,24 @@ onMounted(() => {
   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()
 })
@@ -361,10 +482,10 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
 <!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
 <!--        />-->
         <van-field
-            v-model="generatedCode"
+            v-model="fromVue.caseNumber"
         label="案例编号"
         name="caseNumber"
-            :readonly="isCaseSubmitted"
+            readonly
         :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
         />
 
@@ -372,9 +493,10 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
           v-model="fromVue.caseTitle"
           label="案例标题"
           name="caseTitle"
+          :readonly="isCaseSubmitted"
           required
           placeholder="请输入案例标题"
-          :rules="[{required: true, message: '请输入文件名称'}]"
+          :rules="[{required: true, message: '请输入标题名称'}]"
         />
 
         <van-field
@@ -382,25 +504,24 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
           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: '请输入事故单位'}]"
         />
 
@@ -408,57 +529,114 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
             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>