移动端-课程管理,人员小节,课程小节实现

src/components/AttachmentS3Required.vue

@@ -0,0 +1,346 @@
+<template>
+	<div style="padding: 5px;flex: 1">
+		<div>
+			<van-uploader :disabled="readonly" v-model="fileListTemp"
+				accept=".txt,.pdf,.doc,.docx,.xls,.xlsx,.wps,.et,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*"
+				:after-read="uploadFile" upload-icon="plus" :show-upload="plusIcon" :max-count="1" />
+		</div>
+
+		<van-row v-for="item in tableData" :key="item.id" class="table-row">
+			<van-col :span="15">
+				<div style="display: flex; align-items: center; padding: 10px;">
+					<div :class="getFileIconClass(item.fileType) + ' file-icon'">
+						<van-icon :name="getFileIcon(item.fileType)" />
+					</div>
+					<div class="file-name">{{ item.fileName }}</div>
+				</div>
+			</van-col>
+			<van-col :span="9">
+				<div class="action-buttons">
+					<van-button size="small" plain type="primary" circle @click="handlePreview(item)">
+						<van-icon name="eye-o" />
+					</van-button>
+					<van-button size="small" plain type="success" circle @click="handleDownload(item)">
+						<van-icon name="down" />
+					</van-button>
+					<van-button size="small" plain type="danger" circle @click="handleDelete(item)">
+						<van-icon name="delete-o" />
+					</van-button>
+				</div>
+			</van-col>
+		</van-row>
+		<van-dialog v-model:show="showDialogVisible" title="删除文件" show-cancel-button confirm-button-color="#ee0124"
+			message="确定删除该文件吗?" @confirm="onDelete" />
+	</div>
+</template>
+
+
+<script setup>
+	import {
+		ref,
+		onMounted,
+		getCurrentInstance,
+		watch
+	} from 'vue'
+	const {
+		proxy
+	} = getCurrentInstance()
+
+	const props = defineProps({
+		fId: {
+			type: String,
+			default: () => ''
+		},
+		value1: {
+			type: String,
+			default: () => null
+		},
+		value2: {
+			type: String,
+			default: () => null
+		},
+		value3: {
+			type: String,
+			default: () => null
+		},
+		value4: {
+			type: String,
+			default: () => null
+		},
+		value5: {
+			type: String,
+			default: () => null
+		},
+		selectButton: {
+			type: Boolean,
+			default: () => true
+		},
+		deleteButton: {
+			type: Boolean,
+			default: () => true
+		},
+		readonly: {
+			type: Boolean,
+			default: () => false
+		},
+		plusIcon: {
+			type: Boolean,
+			default: () => true
+		},
+		isFile: {
+			type: Boolean,
+			default: () => false
+		}
+	})
+
+	const initImage = 'image/*'
+	const initFile =
+		'.txt,.pdf,.doc,.docx,.xls,.xlsx,.wps,.et,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,image/*'
+
+	onMounted(() => {
+		getTableData()
+	})
+
+	const tableData = ref([])
+	const getTableData = () => {
+		//携带自定义参数
+		var url = 'framework/Common/queryFileWithValues'
+		var param = {
+			fId: props.fId, //必填
+			value1: props.value1, //非必填
+			value2: props.value2, //非必填
+			value3: props.value3, //非必填
+			value4: props.value4, //非必填
+			value5: props.value5, //非必填
+		}
+		proxy.$axios.get(url, param).then(response => {
+			if (response.data.code === 0) {
+				tableData.value = response.data.data
+			} else {
+				showFailToast('失败！' + response.data.msg)
+			}
+		})
+	}
+	const headers = ref({
+		token: localStorage.getItem('token'),
+		userId: localStorage.getItem('userId')
+	})
+	const fileListTemp = ref([])
+	const bucket = ref(import.meta.env.VITE_BUCKET)
+
+	/* 转成blob */
+	import {
+		atob
+	} from 'js-base64';
+
+	function base64ToBlob(base64) {
+		const contentType = base64.substring(base64.indexOf(':') + 1, base64.indexOf(';'))
+		const byteCharacters = atob(base64);
+		const byteArrays = [];
+
+		for (let i = 0; i < byteCharacters.length; i++) {
+			byteArrays.push(byteCharacters.charCodeAt(i));
+		}
+
+		const byteArray = new Uint8Array(byteArrays);
+		return new Blob([byteArray], {
+			type: contentType
+		});
+	}
+	watch(props, (newVal, oldVal) => {
+		getTableData()
+
+	})
+	const uploadFile = (file) => {
+		const formData = new FormData()
+		formData.append('fId', props.fId);
+		formData.append('bucket', bucket.value);
+		formData.append('value1', props.value1 || '');
+		formData.append('value2', props.value2 || '');
+		formData.append('value3', props.value3 || '');
+		formData.append('value4', props.value4 || '');
+		formData.append('value5', props.value5 || '');
+		formData.append('file', file.file);
+		formData.append('fileName', file.file.name);
+		var url = 'framework/Common/uploadFileS3'
+		proxy.$axios.post(url, formData, 'multipart/form-data').then(response => {
+			if (response.data.code === 0 || response.data.code === '0') {
+				showSuccessToast('上传成功')
+				getTableData()
+			} else {
+				showFailToast('上传失败：' + (response.data.msg || '未知错误'))
+			}
+		}).catch(error => {
+			showFailToast('上传失败：' + (error.message || '网络错误'))
+		});
+	}
+
+	/* 在线预览 */
+	import {
+		Base64
+	} from "js-base64"
+	import {
+		showFailToast,
+		showSuccessToast
+	} from 'vant';
+
+	import tools from "../tools" 
+	const handlePreview = (row) => { 
+		var baseUrl = ''
+		if (tools.tool.isImage(row.fileType)) {
+			baseUrl = import.meta.env.VITE_BASE_API
+		} else {
+			baseUrl = import.meta.env.VITE_PREVIEW_BASE_API
+		}
+		var originUrl = baseUrl + 'framework/Common/downloadFileS3?bucket=' + bucket
+			.value +
+			'&id=' + row.id
+		var previewUrl = originUrl + '&fullfilename=' + Date.now() + row.fileName
+		var url = import.meta.env.VITE_PREVIEW_API + 'onlinePreview?url=' + encodeURIComponent(Base64.encode(
+			previewUrl)) + '&officePreviewType=pdf'
+		window.open(url);
+	}
+
+	/* 在线下载 */
+	const handleDownload = (row) => {
+		location.href = import.meta.env.VITE_BASE_API + '/framework/Common/downloadFileS3?bucket=' + bucket.value +
+			'&id=' + row.id
+	}
+
+	/* 在线删除 */
+	const showDialogVisible = ref(false)
+	const deleteInfo = ref()
+	const handleDelete = (row) => {
+		showDialogVisible.value = true
+		deleteInfo.value = row
+	}
+	const onDelete = () => {
+		let url = 'framework/Common/removeFile'
+		let param = {
+			id: deleteInfo.value.id
+		}
+		proxy.$axios.post(url, param).then(response => {
+			if (response.data.code === 0) {
+				showSuccessToast('删除成功!')
+				getTableData()
+			} else {
+				showFailToast('删除失败;' + response.data.msg)
+			}
+		});
+	}
+
+	// 获取文件图标类名
+	const getFileIconClass = (fileType) => {
+		if (fileType === 'pdf') return 'pdf-icon';
+		if (fileType === 'image' || fileType === 'jpg' || fileType === 'png' || fileType === 'gif')
+			return 'image-icon';
+		if (fileType === 'doc' || fileType === 'docx') return 'doc-icon';
+		if (fileType === 'xls' || fileType === 'xlsx') return 'excel-icon';
+		if (fileType === 'txt') return 'text-icon';
+		return 'other-icon';
+	}
+
+	// 获取文件图标
+	const getFileIcon = (fileType) => {
+		if (fileType === 'pdf') return 'description';
+		if (fileType === 'image' || fileType === 'jpg' || fileType === 'png' || fileType === 'gif') return 'photo-o';
+		if (fileType === 'doc' || fileType === 'docx') return 'notes-o';
+		if (fileType === 'xls' || fileType === 'xlsx') return 'chart-trending-o';
+		if (fileType === 'txt') return 'document';
+		return 'description';
+	}
+
+	const convertBytesToSize = (bytes) => {
+		const kb = 1024;
+		const mb = kb * 1024;
+
+		if (bytes < kb) return bytes + ' B';
+		else if (bytes < mb) return (bytes / kb).toFixed(2) + ' KB';
+		else return (bytes / mb).toFixed(2) + ' MB';
+	}
+
+	// 获取文件数量，用于验证
+	const getFileCount = () => {
+		return tableData.value.length
+	}
+
+	// 验证是否至少有一个文件
+	const validate = () => {
+		return tableData.value.length > 0
+	}
+
+	// 刷新文件列表
+	const refreshFileList = () => {
+		getTableData()
+	}
+
+	// 暴露方法供父组件调用
+	defineExpose({
+		getFileCount,
+		validate,
+		refreshFileList
+	})
+</script>
+
+<style scoped>
+	* {
+		box-sizing: border-box;
+		margin: 0;
+		padding: 0;
+	}
+
+	body {
+		font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif;
+		background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);
+		color: #333;
+		line-height: 1.6;
+		min-height: 100vh;
+	}
+
+	.header h1 {
+		font-size: 2.5rem;
+		color: #1989fa;
+		margin-bottom: 10px;
+		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
+	}
+
+	.header p {
+		font-size: 1.1rem;
+		color: #666;
+		max-width: 600px;
+		margin: 0 auto;
+	}
+
+	.section-title i {
+		margin-right: 10px;
+		font-size: 1.6rem;
+	}
+
+	.table-row {
+		background-color: white;
+		border-radius: 8px;
+		margin-bottom: 8px;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+		transition: transform 0.2s ease, box-shadow 0.2s ease;
+		align-items: center;
+	}
+
+	.table-row:hover {
+		transform: translateX(5px);
+		box-shadow: 0 5px 15px rgba(25, 137, 250, 0.15);
+	}
+
+	.file-name {
+		font-weight: 500;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.action-buttons {
+		display: flex;
+		gap: 10px;
+		justify-content: flex-start;
+	}
+</style>
+

src/components/OrganizationalWithLeafUserForCourse.vue

@@ -0,0 +1,626 @@
+<template>
+  <van-popup :close-on-click-overlay="false" v-model:show="deptCascadeVisible" position="bottom">
+    <div class="content-container">
+      <div class="action-buttons-container">
+        <div style="color:#dc3545;" @click="close">取消</div>
+        <div>部门选择</div>
+        <div style="color: #007bff" @click="switchPeople">下一步</div>
+      </div>
+      <div class="cascade-container">
+        <van-cascader
+          v-model="cascadeValue"
+          title="请选择组织"
+          :options="options"
+          :swipeable="true"
+          :columns-num="3"
+          @change="SelectedDeptChange"
+          :field-names="{
+            text: 'text',
+            value: 'value',
+            children: 'children'
+          }"
+        />
+      </div>
+    </div>
+  </van-popup>
+  <van-popup :close-on-click-overlay="false" v-model:show="dialogVisible" position="bottom">
+
+    <div class="action-buttons-container">
+      <div style="color: #ffc107" @click="switchDept">返回</div>
+      <div>人员选择</div>
+      <div v-if="multiple" style="color: #28a745" @click="handleSelect">确认</div>
+    </div>
+
+    <div class="content-container">
+      <div class="search-container">
+        <div class="search-label">人员查询</div>
+        <div class="search-row">
+          <van-field v-model="userName" class="search-field" placeholder="请输入姓名"></van-field>
+          <div class="action-buttons">
+            <van-button icon="Search" type="primary" @click="getAllTableData">查询</van-button>
+          </div>
+        </div>
+      </div>
+
+      <div class="table-container">
+        <div class="table-label">人员选择</div>
+        <div class="table">
+          <div class="table-header">
+            <div class="table-column">
+              <div class="th" style="flex: 0 0 40px;"></div>
+              <div class="th">工号</div>
+              <div class="th">姓名</div>
+              <div v-if="!multiple" class="th">操作</div>
+            </div>
+          </div>
+          <div class="table-body">
+            <!-- 多选模式 -->
+            <van-checkbox-group v-if="multiple" v-model="checked" @change="onChange">
+              <van-checkbox v-for="item in tableData" shape="square" :name="item.user">
+                <div class="employee-row">
+                  <div class="employee-id">{{ item.user.userCode }}</div>
+                  <div class="employee-name">{{ item.user.userDesc }}</div>
+                </div>
+              </van-checkbox>
+            </van-checkbox-group>
+            <!-- 单选模式 -->
+            <div v-else class="employee-list">
+              <div
+                v-for="item in tableData"
+                :key="item.user.id"
+                class="employee-item"
+              >
+                <div class="employee-row">
+                  <div class="employee-id">{{ item.user.userCode }}</div>
+                  <div class="employee-name">{{ item.user.userDesc }}</div>
+                  <div class="employee-name">
+                    <van-button style="margin: 10px"
+                                icon="Select"
+                                type="success"
+                                size="small"
+                                plain
+                                @click="handleSelectSingle(item)"
+                    >
+                      选择
+                    </van-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </van-popup>
+</template>
+
+
+<script setup>
+import { ref, getCurrentInstance, nextTick } from 'vue';
+import { showFailToast } from 'vant';
+
+const {
+  proxy
+} = getCurrentInstance();
+
+const props = defineProps({
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  mainKey: {
+    type: String,
+    default: ''
+  }
+});
+
+const getUserCodeList = (mainKey) => {
+  if (!mainKey) return [];
+  const json = sessionStorage.getItem(mainKey);
+  try {
+    return json ? JSON.parse(json) : [];
+  } catch (error) {
+    return [];
+  }
+};
+
+/* 组织树 */
+const deptCascadeVisible = ref(false)
+const switchPeople = () => {
+  // 多选模式：初始化缓存数据
+  if (props.multiple && props.mainKey) {
+    selectedUsers.value = getUserCodeList(props.mainKey);
+  }
+  deptCascadeVisible.value = false
+  dialogVisible.value = true
+}
+
+/* 人员列表 */
+const dialogVisible = ref(false);
+const switchDept = () => {
+  if (props.multiple && props.mainKey) {
+    // 多选模式：删除上次已选数据
+    for (let item of lastCheckedUsers.value) {
+      selectedUsers.value = selectedUsers.value.filter(user => user.userCode !== item.userCode);
+    }
+
+    // 切换其他部门前将数据加入缓存
+    for (let item of checkedUsers.value) {
+      selectedUsers.value.push(item);
+    }
+    sessionStorage.setItem(props.mainKey, JSON.stringify(selectedUsers.value));
+  }
+  dialogVisible.value = false
+  deptCascadeVisible.value = true
+}
+
+/* 读取用户所在部门信息 */
+const deptJson = localStorage.getItem('dept');
+const deptInformation = ref([]);
+try {
+  deptInformation.value = deptJson ? JSON.parse(deptJson) : [];
+} catch (error) {
+  deptInformation.value = [];
+}
+const deptCode = deptInformation.value[0]?.deptCode || '';
+const rawSuperDeptCode = deptCode.length > 2 ? deptCode.slice(0, -2) : '';
+
+/* 读取用户角色信息 */
+const roleJson = localStorage.getItem('role');
+const roleInformation = ref([]);
+try {
+  roleInformation.value = roleJson ? JSON.parse(roleJson) : [];
+} catch (error) {
+  roleInformation.value = [];
+}
+const roleCodes = roleInformation.value
+  .filter(item => item.roleCode && item.roleCode.includes('SX0'))
+  .map(item => item.roleCode);
+
+const hasRole = (codes) => {
+  if (!roleCodes.length) return false;
+  return roleCodes.some(code => codes.some(target => code.includes(target)));
+};
+
+const normalizeSuperDept = (code) => {
+  if (!code) return '';
+  if (code === 'D11011301') return 'D110113';
+  if (code === 'D1101') return 'D11';
+  return code;
+};
+
+/* 打开和关闭弹出框 */
+const currentDeptCode = ref('');
+const open = async () => {
+  // 多选模式：初始化缓存数据
+  if (props.multiple && props.mainKey) {
+    selectedUsers.value = getUserCodeList(props.mainKey);
+  }
+
+  // 始终使用 'D' 查询所有组织，确保显示完整组织树
+  // currentDeptCode 仅用于默认选择，不影响查询
+  const userDeptCode = deptInformation.value[0]?.deptCode || 'D';
+  currentDeptCode.value = userDeptCode;
+
+  // 先显示弹窗，再加载数据
+  deptCascadeVisible.value = true;
+  
+  // 重置并加载数据
+  options.value = [];
+  cascadeValue.value = '';
+  
+  // getSafeDataTree 内部会强制使用 'D' 查询所有组织
+  await getSafeDataTree('D');
+};
+const close = () => {
+  deptCascadeVisible.value = false
+  dialogVisible.value = false;
+};
+defineExpose({
+  open,
+  close
+});
+
+/* 条件查询该部门下的所有人员信息 */
+const currentPage = ref(1);
+const pageSize = ref(10);
+const userName = ref('');
+const tableData = ref([]);
+
+/* 多选模式相关 */
+const selectedUsers = ref([]);
+const lastCheckedUsers = ref([]);
+const checkedUsers = ref([]);
+const checked = ref([]);
+
+const currentDeptId = ref('');
+/* 获取表格信息 */
+const getTableData = async () => {
+  var url = 'framework/SysUserDept/queryByDeptUserNamePage';
+  var param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    deptId: currentDeptId.value,
+    userName: userName.value
+  };
+  await proxy.$axios.get(url, param).then(response => {
+    if (response.data.code === 0) {
+      tableData.value = response.data.data.records;
+      pageSize.value = response.data.data.total;
+
+      // 多选模式：处理缓存数据
+      if (props.multiple && props.mainKey) {
+        selectedUsers.value = getUserCodeList(props.mainKey);
+        lastCheckedUsers.value = [];
+        checked.value = [];
+        for (let item of tableData.value) {
+          if (selectedUsers.value.find(content => content.userCode === item.user.userCode)) {
+            checked.value.push(item.user);
+            lastCheckedUsers.value.push(item.user);
+          }
+        }
+      }
+    } else {
+      showFailToast('操作失败！' + response.data.msg);
+    }
+  });
+};
+
+const getAllTableData = async () => {
+  await getTableData();
+  await getTableData();
+};
+
+const SelectedDeptChange = (selectInfo) => {
+  currentDeptInfo.value = findNodeWithBacktrack(dataTree.value[0], selectInfo.value);
+  currentDeptId.value = currentDeptInfo.value.id;
+  getAllTableData();
+};
+
+/* 选中数据返回主页面 */
+const emit = defineEmits(['receiveFromChild']);
+
+// 单选模式：选择单个人员
+const handleSelectSingle = (item) => {
+  emit('receiveFromChild', item);
+  close();
+};
+
+// 多选模式：确认选择
+const handleSelect = () => {
+  if (!props.multiple) return;
+  
+  // 确保 selectedUsers 已初始化
+  if (props.mainKey && selectedUsers.value.length === 0) {
+    selectedUsers.value = getUserCodeList(props.mainKey);
+  }
+  
+  // 删除上次已选数据
+  for (let item of lastCheckedUsers.value) {
+    selectedUsers.value = selectedUsers.value.filter(user => user.userCode !== item.userCode);
+  }
+
+  // 将当前选中的数据加入缓存
+  for (let item of checkedUsers.value) {
+    // 避免重复添加
+    if (!selectedUsers.value.find(user => user.userCode === item.userCode)) {
+      selectedUsers.value.push(item);
+    }
+  }
+  
+  if (props.mainKey) {
+    sessionStorage.setItem(props.mainKey, JSON.stringify(selectedUsers.value));
+  }
+
+  emit('receiveFromChild', selectedUsers.value);
+  close();
+};
+
+const onChange = (value) => {
+  if (props.multiple) {
+    checkedUsers.value = value;
+  }
+};
+
+// 转换部门数据为 cascade 格式
+function convertToCascadeFormat(data) {
+  if (!data || !Array.isArray(data)) return [];
+  return data.map(item => ({
+    text: item.deptName,
+    value: item.deptCode,
+    children: item.children && item.children.length > 0 ? convertToCascadeFormat(item.children) : []
+  }));
+}
+
+// 叶子节点去掉children
+const processTreeNodes  = (node) => {
+  // 如果节点没有子节点，删除children属性并返回
+  if (!node.children || node.children.length === 0) {
+    if (node.children) delete node.children;
+    return;
+  }
+
+  // 递归处理所有子节点
+  node.children.forEach(child => processTreeNodes(child));
+
+  // 检查当前节点是否应该保留children属性
+  const hasChildrenWithChildren = node.children.some(child =>
+    child.children && child.children.length > 0
+  );
+
+  // 如果所有子节点都没有子节点（都是叶子节点），删除它们的children属性
+  if (!hasChildrenWithChildren) {
+    node.children.forEach(child => {
+      if (child.children) delete child.children;
+    });
+  }
+}
+
+const dataTree = ref([]);
+const options = ref([]);
+const cascadeValue = ref();
+const currentDeptInfo = ref({});
+const getSafeDataTree = async (deptCode) => {
+  // 强制使用 'D' 查询所有组织，确保显示完整组织树
+  const finalDeptCode = 'D';
+  
+  let url = 'sgsafe/SafeDepartment/queryDeptTreeWithLeafByDeptCode';
+  let param = {
+    deptCode: finalDeptCode
+  };
+  
+  await proxy.$axios.get(url, param).then(res => {
+    if (!res || !res.data || !res.data.data) {
+      showFailToast('获取组织架构数据失败');
+      return;
+    }
+    
+    dataTree.value = res.data.data;
+    
+    // 不过滤部门树，直接使用原始数据，显示完整组织架构
+    options.value = convertToCascadeFormat(dataTree.value);
+
+    options.value.forEach(child => {
+      processTreeNodes(child)
+    })
+
+    /* 组件默认选择用户当前部门，如果查询的是所有组织（'D'），则使用用户实际部门代码 */
+    const userDeptCode = deptInformation.value[0]?.deptCode || 'D';
+    const defaultDeptCode = finalDeptCode === 'D' ? userDeptCode : currentDeptCode.value;
+    cascadeValue.value = defaultDeptCode;
+
+    /* 默认返回当前部门所有信息 */
+    if (dataTree.value && dataTree.value.length > 0) {
+      currentDeptInfo.value = findNodeWithBacktrack(dataTree.value[0], defaultDeptCode);
+      if (currentDeptInfo.value && currentDeptInfo.value.id) {
+        currentDeptId.value = currentDeptInfo.value.id;
+        getAllTableData();
+      } else {
+        // 如果找不到默认部门，则选择根节点
+        if (dataTree.value[0]) {
+          currentDeptInfo.value = dataTree.value[0];
+          currentDeptId.value = dataTree.value[0].id;
+          cascadeValue.value = dataTree.value[0].deptCode;
+          getAllTableData();
+        }
+      }
+    }
+  }).catch(error => {
+    showFailToast('获取组织架构数据出错');
+  });
+};
+
+/* 根据deptCode查出部门信息 */
+function findNodeWithBacktrack(node, targetDeptCode) {
+  if (node.deptCode === targetDeptCode) {
+    return node;
+  }
+  if (node.children && node.children.length > 0) {
+    for (const child of node.children) {
+      const found = findNodeWithBacktrack(child, targetDeptCode);
+      if (found && found.deptCode) {
+        return found;
+      }
+    }
+  }
+  return {};
+}
+
+</script>
+
+<style scoped>
+
+:deep(.van-checkbox__label) {
+  flex: 1;
+}
+
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;
+}
+
+body {
+  background: linear-gradient(135deg, #f5f7fa 0%, #e4edf9 100%);
+  min-height: 100vh;
+  padding: 20px;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.content-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #f8fafd;
+}
+
+.search-container {
+  background: #f8fafd;
+  border-radius: 12px;
+  padding: 15px;
+  margin-bottom: 20px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+}
+
+.search-label {
+  font-size: 14px;
+  color: #5a7eb5;
+  font-weight: 500;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.search-label::before {
+  content: "";
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  background: #4a90e2;
+  border-radius: 2px;
+  margin-right: 8px;
+}
+
+.search-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 10px;
+  background: white;
+  border-radius: 8px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
+}
+
+.search-field {
+  flex: 1;
+  min-width: 250px;
+}
+
+.action-buttons {
+  display: flex;
+  gap: 12px;
+}
+
+.table-container {
+  background: #f8fafd;
+  border-radius: 12px;
+  padding: 15px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+}
+
+.table-label {
+  font-size: 14px;
+  color: #5a7eb5;
+  font-weight: 500;
+  margin-bottom: 8px;
+  display: flex;
+  align-items: center;
+}
+
+.table-label::before {
+  content: "";
+  display: inline-block;
+  width: 4px;
+  height: 16px;
+  background: #4a90e2;
+  border-radius: 2px;
+  margin-right: 8px;
+}
+
+.table {
+  width: 100%;
+  border-collapse: separate;
+  border-spacing: 0;
+  background: white;
+  border-radius: 8px;
+  overflow: hidden;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
+}
+
+.table-header {
+  background: linear-gradient(120deg, #f0f7ff, #e6f1ff);
+}
+
+.table-column {
+  display: flex;
+  width: 100%;
+  border-bottom: 1px solid #e0eeff;
+}
+
+.th {
+  padding: 16px 15px;
+  font-weight: 600;
+  color: #3a6ab7;
+  flex: 1;
+}
+
+.table-body .table-column {
+  transition: background-color 0.2s;
+  border-bottom: 1px solid #f0f7ff;
+}
+
+.table-body .tr:last-child {
+  border-bottom: none;
+}
+
+.table-body .tr:hover {
+  background-color: #f8fbff;
+}
+
+.employee-row {
+  display: flex;
+  width: 100%;
+}
+
+.employee-id, .employee-name {
+  flex: 1;
+  padding: 0 15px;
+  display: flex;
+  align-items: center;
+}
+
+.employee-row {
+  transition: all 0.3s ease;
+}
+
+.van-checkbox {
+  width: 100%;
+  padding: 12px 15px;
+}
+
+.van-checkbox__label {
+  width: 100%;
+}
+
+.action-buttons-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px 20px;
+  background: white;
+  border-bottom: 1px solid #e8e8e8;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  z-index: 10;
+}
+
+.cascade-container {
+  flex: 1;
+  overflow: hidden;
+  background: rgb(255, 255, 255);
+  height: calc(100vh - 200px);
+  min-height: 400px;
+}
+
+.cascade-container :deep(.van-cascader) {
+  height: 100%;
+}
+
+.cascade-container :deep(.van-cascader__content) {
+  height: calc(100% - 44px);
+}
+
+</style>

src/router/index.ts

@@ -659,6 +659,27 @@ const router = createRouter({
 			name: '安全费用预算编辑',
 			component: () => import('@/view/moneySafe/safeMoneyBudgetList.vue')
 		},
+		{
+			path: '/courseManagement',
+			name: '课程管理',
+			component: () => import('@/view/dati/courseManagement/courseManagement.vue')
+		},
+		{
+			path: '/courseManagementList',
+			name: '课程管理编辑',
+			component: () => import('@/view/dati/courseManagement/courseManagementList.vue')
+		},
+		{
+			path: '/courseAddPeo',
+			name: '课程添加人员',
+			component: () => import('@/view/dati/courseManagement/addPeo.vue')
+		},
+		{
+			path: '/section',
+			name: '课程添加小节',
+			component: () => import('@/view/dati/courseManagement/section.vue')
+		},
+
 	]
 })
 

src/view/Home2.vue

@@ -132,6 +132,10 @@
           <img src="../../public/images/zyqk.png" width="45rpx" />
           <span class="vanicon_text">考试任务</span>
         </van-grid-item>
+        <van-grid-item to="/courseManagement" v-if="showCheckTake">
+          <img src="../../public/images/zyqk.png" width="45rpx" />
+          <span class="vanicon_text">课程管理</span>
+        </van-grid-item>
       </van-grid>
     </div>
     <div class="card">

src/view/dati/courseManagement/addPeo.vue

@@ -0,0 +1,362 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="添加人员" @click-left="onClickLeft">
+      <template #right>
+        <van-icon name="add" size="25" color="#000" @click="handleDepartmentLeaderNameOne" />
+      </template>
+    </van-nav-bar>
+
+    <!-- 项目列表 -->
+    <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 || item.userId || idx">
+          <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="height: 100%; display: flex; align-items: center;">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.userName }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div>工号：{{ item.userCode }}</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="删除" @click="deleteRowUser(item)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+
+    <!-- 人员选择组件 -->
+    <OrganizationalWithLeafUserForCourse
+        ref="PopupDepartmentLeaderNameRef2"
+        :multiple="false"
+        @receiveFromChild="getDepartmentLeaderNameOne"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, getCurrentInstance } from 'vue';
+import { showFailToast, showSuccessToast, showToast, showConfirmDialog } from 'vant';
+import OrganizationalWithLeafUserForCourse from '@/components/OrganizationalWithLeafUserForCourse.vue';
+import { useRoute, useRouter } from 'vue-router';
+
+const { proxy } = getCurrentInstance();
+const router = useRouter();
+const route = useRoute();
+
+const onClickLeft = () => {
+  history.back();
+};
+
+const guid = () => {
+  function S4() {
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+  }
+  return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4());
+};
+
+const leaderKey = guid();
+const ClassId = ref('');
+const planInfo = ref({});
+
+if (route.query.data) {
+  planInfo.value = JSON.parse(route.query.data);
+  ClassId.value = planInfo.value.id;
+  sessionStorage.setItem('id', ClassId.value);
+}
+
+if (!planInfo.value || !ClassId.value) {
+  showToast({
+    type: 'error',
+    message: '请退出重试'
+  });
+}
+
+const PopupDepartmentLeaderNameRef2 = ref();
+const handleDepartmentLeaderNameOne = () => {
+  if (PopupDepartmentLeaderNameRef2.value) {
+    PopupDepartmentLeaderNameRef2.value.open();
+  }
+};
+
+
+const getDepartmentLeaderNameOne = (item) => {
+  // 检查 item 和 item.user 是否存在
+  if (!item || !item.user) {
+    showFailToast('用户数据无效');
+    return;
+  }
+
+  // 获取当前已有的用户列表（从 resultData 中提取，格式为 userCode-userName）
+  const currentUsers = resultData.value
+    .filter(user => user && user.userCode)
+    .map(user => `${user.userCode}-${user.userName || user.userDesc || ''}`);
+  
+  // 检查用户是否已存在
+  const newUserStr = `${item.user.userCode}-${item.user.userDesc || ''}`;
+  if (currentUsers.includes(newUserStr)) {
+    showFailToast('该用户已添加，请勿重复添加');
+    return;
+  }
+
+  // 构建新的用户列表（包含已有用户和新用户），格式为 userCode-userName
+  const allUsers = [...currentUsers, newUserStr];
+  userNameArr.value = allUsers.join(',');
+
+  // 保存用户
+  usersave();
+};
+
+
+const userNameArr = ref([]);
+const getDepartmentLeaderName = (userArray) => {
+  // 处理用户对象数组，提取 userCode
+  if (userArray && userArray.length > 0) {
+    if (typeof userArray[0] === 'string') {
+      // 如果是字符串数组，直接使用
+      userNameArr.value = userArray.join(',');
+    } else {
+      // 如果是对象数组，提取 userCode
+      userNameArr.value = userArray.map(user => user.userCode).join(',');
+    }
+  } else {
+    userNameArr.value = '';
+  }
+  usersave();
+};
+
+const usersave = () => {
+  const classId = sessionStorage.getItem('id') || ClassId.value;
+  
+  if (!classId) {
+    showFailToast('课程ID不存在，请重新进入页面');
+    return;
+  }
+
+  if (!userNameArr.value || userNameArr.value.trim() === '') {
+    showFailToast('用户列表为空，无法保存');
+    return;
+  }
+
+  const url = '/sgsafe/Class/userSave';
+  const param = {
+    json: userNameArr.value,
+    classId: classId
+  };
+
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0' || response.data.code === 0) {
+      showSuccessToast('保存成功');
+      // 重新获取用户列表
+      getClassUserData();
+    } else {
+      // 根据错误信息显示更友好的提示
+      const errorMsg = response.data.msg || '未知错误';
+      if (errorMsg.includes('未配置小节') || errorMsg.includes('小节')) {
+        showFailToast('该课程未配置小节，请先添加小节后再添加人员');
+      } else {
+        showFailToast('操作失败：' + errorMsg);
+      }
+    }
+  }).catch(error => {
+    showFailToast('保存失败：' + (error.message || '网络错误'));
+  });
+};
+
+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 getClassUserData = async () => {
+  const classId = sessionStorage.getItem('id') || ClassId.value;
+  if (!classId) {
+    return;
+  }
+
+  const url = '/sgsafe/Class/queryUserById';
+  const param = {
+    params: classId
+  };
+
+  try {
+    const response = await proxy.$axios.get(url, param);
+    if (response.data.code == '0') {
+      const userList = response.data.data || [];
+      tableData.value = userList;
+      totalRows.value = userList.length;
+      
+      // 直接更新 resultData，确保数据能立即显示
+      resultData.value = [...userList];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+      isLoading.value = false;
+    } else {
+      showToast({
+        type: 'error',
+        message: '操作失败！' + (response.data.msg || '未知错误')
+      });
+    }
+  } catch (error) {
+    showToast({
+      type: 'error',
+      message: '获取数据失败：' + (error.message || '网络错误')
+    });
+  }
+};
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+
+  try {
+    await getClassUserData();
+    // getClassUserData 已经直接更新了 resultData，这里只需要标记完成
+    isLoading.value = false;
+  } catch (error) {
+    isFinished.value = true;
+    isLoading.value = false;
+  }
+};
+
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+const deleteRowUser = (row) => {
+  showConfirmDialog({
+    title: '提示',
+    message: '确定要删除吗？'
+  }).then(() => {
+    const qiyongUser = ref({});
+    qiyongUser.value = { ...row };
+    qiyongUser.value.cancelFlag = '1';
+    const url = '/sgsafe/Class/delectUser';
+    const param = {
+      json: JSON.stringify(qiyongUser.value)
+    };
+    proxy.$axios.post(url, param).then(response => {
+      if (response.data.code == '0') {
+        showSuccessToast('删除成功');
+        getClassUserData();
+      } else {
+        showToast({
+          type: 'error',
+          message: '操作失败！' + response.data.msg
+        });
+      }
+    });
+  }).catch(() => {
+  });
+};
+
+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();
+  }
+};
+
+onMounted(() => {
+  // 确保 ClassId 已设置
+  const classId = sessionStorage.getItem('id') || ClassId.value;
+  if (classId) {
+    if (!ClassId.value) {
+      ClassId.value = classId;
+    }
+    getClassUserData();
+  }
+});
+</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/dati/courseManagement/courseManagement.vue

@@ -0,0 +1,357 @@
+<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.name" show-action placeholder="请输入课程名称" @search="onRefresh"
+      @cancel="handdelect" />
+
+    <!-- 年份选择 -->
+    <van-field
+      v-model="selectedYearText"
+      readonly
+      is-link
+      label="年份"
+      placeholder="请选择年份"
+      @click="showYearPicker = true"
+    />
+
+    <!-- 项目列表 -->
+    <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="height: 100%; display: flex; align-items: flex-start;" @click="queryInfo(item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.projectName }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div>培训学时：{{ item.trainHours }}</div>
+                    <div>培训类别：{{ item.projectType }}</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="edit-button" text="编辑" @click="openTrain(item)" />
+              <van-button square class="delete-button" text="删除" @click="handleDelete(item)" />
+              <van-button square class="submit-button" text="添加人员" @click="openClassName(item)" />
+              <van-button square class="submit-button" text="添加小节" @click="jumpsection(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>
+
+    <!-- 年份选择器 -->
+    <van-popup v-model:show="showYearPicker" round position="bottom">
+      <van-picker
+        :columns="yearOptions"
+        @confirm="onYearConfirm"
+        @cancel="showYearPicker = false"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast, showConfirmDialog } from 'vant';
+import { useRouter } from 'vue-router';
+
+const { proxy } = getCurrentInstance();
+const router = useRouter();
+
+const onClickLeft = () => {
+  history.back();
+};
+
+const searchShow = ref(false);
+const query = ref({
+  year: '',
+  name: ''
+});
+
+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 deleteDialogVisible = ref(false);
+const deleteId = ref('');
+
+const currentYear = ref(new Date().getFullYear());
+const years = Array.from({ length: 5 }, (_, i) => {
+  const year = new Date().getFullYear();
+  return year - 4 + i;
+});
+
+const yearOptions = years.map(year => ({
+  text: String(year),
+  value: String(year)
+}));
+
+const selectedYearText = ref(String(currentYear.value));
+const showYearPicker = ref(false);
+
+const onYearConfirm = ({ selectedOptions }) => {
+  query.value.year = selectedOptions[0].value;
+  selectedYearText.value = selectedOptions[0].text;
+  showYearPicker.value = false;
+  onRefresh();
+};
+
+const getTableData = async () => {
+  const url = '/sgsafe/Class/query';
+  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;
+    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;
+    }
+  } 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 handdelect = () => {
+  query.value.name = '';
+  onRefresh();
+};
+
+const handAdd = () => {
+  router.push({
+    path: "/courseManagementList",
+    query: {
+      mark: -1
+    }
+  });
+};
+
+const openTrain = (row) => {
+  router.push({
+    path: "/courseManagementList",
+    query: {
+      mark: 1,
+      data: JSON.stringify(row)
+    }
+  });
+};
+
+const openClassName = (item) => {
+  router.push({
+    path: '/courseAddPeo',
+    query: {
+      data: JSON.stringify(item)
+    }
+  });
+};
+
+const jumpsection = (row) => {
+  router.push({
+    path: '/section',
+    query: {
+      data: JSON.stringify(row)
+    }
+  });
+};
+
+const queryInfo = (row) => {
+  router.push({
+    path: "/courseManagementList",
+    query: {
+      mark: 1,
+      data: JSON.stringify(row),
+      readOnly: 'true'
+    }
+  });
+};
+
+const handleDelete = (item) => {
+  deleteId.value = item.id;
+  deleteDialogVisible.value = true;
+};
+
+const confirmDelete = () => {
+  const qiyong = ref({});
+  qiyong.value = { ...resultData.value.find(item => item.id === deleteId.value) };
+  qiyong.value.cancelFlag = '1';
+  const url = '/sgsafe/Class/save';
+  const param = {
+    json: JSON.stringify(qiyong.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast('删除成功');
+      deleteDialogVisible.value = false;
+      onRefresh();
+    } else {
+      showToast({
+        type: 'error',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+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();
+  }
+};
+
+onMounted(() => {
+  query.value.year = String(currentYear.value);
+  selectedYearText.value = String(currentYear.value);
+});
+</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;
+  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;
+}
+
+.edit-button {
+  height: 100%;
+  border: none;
+  color: #F9CC9D;
+  background-image: url('@/assets/img/edit.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;
+}
+</style>

src/view/dati/courseManagement/courseManagementList.vue

@@ -0,0 +1,499 @@
+<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.projectName"
+          label="课程名称"
+          name="projectName"
+          required
+          placeholder="请输入课程名称"
+          :readonly="ifReadOnly"
+          :rules="[{required: true, message: '请输入课程名称'}]"
+        />
+
+        <van-field
+          v-model="selectedYearText"
+          readonly
+          is-link
+          label="培训年份"
+          placeholder="请选择年份"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showYearPicker = true)"
+        />
+
+        <van-field
+          v-model="selectedTypeText"
+          readonly
+          is-link
+          label="培训类别"
+          placeholder="请选择培训类别"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showTypePicker = true)"
+        />
+
+        <van-field
+          v-model="fromVue.trainLeader"
+          readonly
+          is-link
+          label="培训负责人"
+          placeholder="请选择培训负责人"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && handleDepartmentLeaderNameOne()"
+        />
+
+        <van-field
+          v-model="selectedPlanYonText"
+          readonly
+          is-link
+          label="是否计划内"
+          placeholder="请选择"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showPlanYonPicker = true)"
+        />
+
+        <van-field
+          v-if="planWhyShow"
+          v-model="fromVue.planWhy"
+          label="计划外原因"
+          name="planWhy"
+          placeholder="请输入计划外原因"
+          :readonly="ifReadOnly"
+        />
+
+        <van-field
+          v-model="fromVue.trainHours"
+          label="培训学时"
+          name="trainHours"
+          type="number"
+          placeholder="请输入培训学时"
+          :readonly="ifReadOnly"
+        />
+
+        <van-field
+          v-model="selectedPlanNameText"
+          readonly
+          is-link
+          label="计划名称"
+          placeholder="请选择计划"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showPlanNamePicker = true)"
+        />
+
+        <van-field
+          v-model="fromVue.fromDate"
+          readonly
+          is-link
+          label="开始时间"
+          placeholder="请选择开始时间"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showStartDatePicker = true)"
+        />
+
+        <van-field
+          v-model="fromVue.toDate"
+          readonly
+          is-link
+          label="结束时间"
+          placeholder="请选择结束时间"
+          :readonly="ifReadOnly"
+          @click="!ifReadOnly && (showEndDatePicker = true)"
+        />
+
+        <van-field
+          v-model="fromVue.trainContent"
+          label="培训内容"
+          name="trainContent"
+          type="textarea"
+          rows="3"
+          autosize
+          placeholder="请输入培训内容"
+          :readonly="ifReadOnly"
+        />
+
+        <van-field label="附件上传">
+          <template #input>
+            <AttachmentS3 :f-id="result" />
+          </template>
+        </van-field>
+
+        <div style="margin: 16px;" v-if="!ifReadOnly">
+          <van-button round block type="primary" native-type="submit">
+            {{ isEdit ? '保存' : '提交' }}
+          </van-button>
+        </div>
+      </van-form>
+
+      <!-- 年份选择器 -->
+      <van-popup v-model:show="showYearPicker" round position="bottom">
+        <van-picker
+          :columns="yearOptions"
+          @confirm="onYearConfirm"
+          @cancel="showYearPicker = false"
+        />
+      </van-popup>
+
+      <!-- 培训类别选择器 -->
+      <van-popup v-model:show="showTypePicker" round position="bottom">
+        <van-picker
+          :columns="typeOptions"
+          @confirm="onTypeConfirm"
+          @cancel="showTypePicker = false"
+        />
+      </van-popup>
+
+      <!-- 是否计划内选择器 -->
+      <van-popup v-model:show="showPlanYonPicker" round position="bottom">
+        <van-picker
+          :columns="planYonOptions"
+          @confirm="onPlanYonConfirm"
+          @cancel="showPlanYonPicker = false"
+        />
+      </van-popup>
+
+      <!-- 计划名称选择器 -->
+      <van-popup v-model:show="showPlanNamePicker" round position="bottom">
+        <van-picker
+          :columns="planNameOptions"
+          @confirm="onPlanNameConfirm"
+          @cancel="showPlanNamePicker = false"
+        />
+      </van-popup>
+
+      <!-- 开始日期选择器 -->
+      <van-popup v-model:show="showStartDatePicker" round position="bottom">
+        <van-date-picker
+          v-model="currentStartDate"
+          @confirm="onStartDateConfirm"
+          @cancel="showStartDatePicker = false"
+        />
+      </van-popup>
+
+      <!-- 结束日期选择器 -->
+      <van-popup v-model:show="showEndDatePicker" round position="bottom">
+        <van-date-picker
+          v-model="currentEndDate"
+          @confirm="onEndDateConfirm"
+          @cancel="showEndDatePicker = false"
+        />
+      </van-popup>
+    </div>
+  </div>
+
+  <!-- 人员选择组件 -->
+  <OrganizationalWithLeafUserForCourse ref="PopupDepartmentLeaderNameRef2"
+    @receiveFromChild="getDepartmentLeaderNameOne" />
+</template>
+
+<script setup>
+import { getCurrentInstance, onMounted, ref, computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import tools from '@/tools';
+import OrganizationalWithLeafUserForCourse from '@/components/OrganizationalWithLeafUserForCourse.vue';
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+
+const { proxy } = getCurrentInstance();
+const router = useRouter();
+const route = useRoute();
+
+let title = '新增课程';
+
+const onClickLeft = () => {
+  router.go(-1);
+};
+
+const currentYear = ref(new Date().getFullYear());
+const years = Array.from({ length: 5 }, (_, i) => {
+  const year = new Date().getFullYear();
+  return year - 4 + i;
+});
+
+const yearOptions = years.map(year => ({
+  text: String(year),
+  value: String(year)
+}));
+
+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 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 `XJXX${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+const result = ref('');
+const fromVue = ref({});
+const isEdit = ref(route.query.mark === '1');
+const isReadOnly = ref(route.query.readOnly === 'true');
+const ifReadOnly = computed(() => isReadOnly.value && isEdit.value);
+
+let planInfo = {};
+if (route.query.mark) {
+  planInfo = JSON.parse(route.query.mark);
+}
+
+if (planInfo == -1) {
+  const fileId = generateCode();
+  result.value = fileId;
+  fromVue.value = {
+    id: '',
+    projectName: '',
+    projectNo: '',
+    trainYear: String(currentYear.value),
+    projectType: '',
+    trainLeader: localStorage.getItem('userDesc') || '',
+    planYon: '',
+    planName: '',
+    planWhy: '',
+    fromDate: '',
+    toDate: '',
+    trainContent: '',
+    trainHours: '',
+    fileId: fileId
+  };
+}
+
+if (planInfo == 1) {
+  title = '修改课程';
+  fromVue.value = JSON.parse(route.query.data);
+  if (fromVue.value.fileId) {
+    result.value = fromVue.value.fileId;
+  } else {
+    result.value = generateCode();
+    fromVue.value.fileId = result.value;
+  }
+}
+
+const dicList = ref([]);
+const getDicList = () => {
+  tools.dic.getDicList(['SGSAFE_CLASS']).then((response => {
+    dicList.value = response.data.data.SGSAFE_CLASS || [];
+  }));
+};
+
+const PlantableData = ref([]);
+const getDeptPlanData = () => {
+  const url = '/sgsafe/Plan/query';
+  const param = {
+    page: 1,
+    rows: 100,
+    params: JSON.stringify({ deptCode: deptCode })
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      PlantableData.value = response.data.data.records.map(item => item.planName);
+    }
+  });
+};
+
+const selectedYearText = ref('');
+const selectedTypeText = ref('');
+const selectedPlanYonText = ref('');
+const selectedPlanNameText = ref('');
+const planWhyShow = ref(false);
+
+const showYearPicker = ref(false);
+const showTypePicker = ref(false);
+const showPlanYonPicker = ref(false);
+const showPlanNamePicker = ref(false);
+const showStartDatePicker = ref(false);
+const showEndDatePicker = ref(false);
+
+const currentStartDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
+const currentEndDate = ref([new Date().getFullYear(), new Date().getMonth() + 1, new Date().getDate()]);
+
+const typeOptions = computed(() => {
+  return dicList.value.map(item => ({
+    text: item.dicName,
+    value: item.dicCode
+  }));
+});
+
+const planYonOptions = [
+  { text: '是', value: '是' },
+  { text: '否', value: '否' }
+];
+
+const planNameOptions = computed(() => {
+  return PlantableData.value.map(name => ({
+    text: name,
+    value: name
+  }));
+});
+
+const onYearConfirm = ({ selectedOptions }) => {
+  fromVue.value.trainYear = selectedOptions[0].value;
+  selectedYearText.value = selectedOptions[0].text;
+  showYearPicker.value = false;
+};
+
+const onTypeConfirm = ({ selectedOptions }) => {
+  fromVue.value.projectType = selectedOptions[0].value;
+  selectedTypeText.value = selectedOptions[0].text;
+  showTypePicker.value = false;
+};
+
+const onPlanYonConfirm = ({ selectedOptions }) => {
+  fromVue.value.planYon = selectedOptions[0].value;
+  selectedPlanYonText.value = selectedOptions[0].text;
+  if (selectedOptions[0].value === '是') {
+    planWhyShow.value = false;
+  } else {
+    planWhyShow.value = true;
+  }
+  showPlanYonPicker.value = false;
+};
+
+const onPlanNameConfirm = ({ selectedOptions }) => {
+  fromVue.value.planName = selectedOptions[0].value;
+  selectedPlanNameText.value = selectedOptions[0].text;
+  showPlanNamePicker.value = false;
+};
+
+const onStartDateConfirm = ({ selectedValues }) => {
+  fromVue.value.fromDate = `${selectedValues[0]}-${String(selectedValues[1]).padStart(2, '0')}-${String(selectedValues[2]).padStart(2, '0')}`;
+  showStartDatePicker.value = false;
+};
+
+const onEndDateConfirm = ({ selectedValues }) => {
+  fromVue.value.toDate = `${selectedValues[0]}-${String(selectedValues[1]).padStart(2, '0')}-${String(selectedValues[2]).padStart(2, '0')}`;
+  showEndDatePicker.value = false;
+};
+
+const PopupDepartmentLeaderNameRef2 = ref();
+const handleDepartmentLeaderNameOne = () => {
+  if (PopupDepartmentLeaderNameRef2.value) {
+    PopupDepartmentLeaderNameRef2.value.open();
+  }
+};
+
+const getDepartmentLeaderNameOne = (item) => {
+  fromVue.value.trainLeader = item.user.userDesc;
+};
+
+const addEmergencyDrillPlan = async () => {
+  const loadingToast = showLoadingToast({
+    duration: 0,
+    message: '加载中',
+    forbidClick: true
+  });
+
+  fromVue.value.addDeptCode = deptCode;
+  if (!fromVue.value.fileId) {
+    fromVue.value.fileId = result.value;
+  }
+
+  const url = '/sgsafe/Class/save';
+  const params = {
+    json: JSON.stringify(fromVue.value)
+  };
+
+  try {
+    const res = await proxy.$axios.post(url, params);
+    if (res.data.code === 0 || res.data.code == '0') {
+      loadingToast.close();
+      showSuccessToast('保存成功');
+      onClickLeft();
+    } else {
+      loadingToast.close();
+      showFailToast('操作失败!' + (res.data.msg || '未知错误'));
+    }
+  } catch (error) {
+    loadingToast.close();
+    console.error('保存失败：', error);
+    showFailToast('保存失败：' + (error.message || '网络错误，请稍后重试'));
+  }
+};
+
+const onSubmit = (values) => {
+  addEmergencyDrillPlan();
+};
+
+onMounted(() => {
+  getDicList();
+  getDeptPlanData();
+
+  if (fromVue.value.trainYear) {
+    selectedYearText.value = fromVue.value.trainYear;
+  } else {
+    selectedYearText.value = String(currentYear.value);
+    fromVue.value.trainYear = String(currentYear.value);
+  }
+
+  if (fromVue.value.projectType) {
+    const typeItem = dicList.value.find(item => item.dicCode === fromVue.value.projectType);
+    if (typeItem) {
+      selectedTypeText.value = typeItem.dicName;
+    }
+  }
+
+  if (fromVue.value.planYon) {
+    selectedPlanYonText.value = fromVue.value.planYon;
+    planWhyShow.value = fromVue.value.planYon === '否';
+  }
+
+  if (fromVue.value.planName) {
+    selectedPlanNameText.value = fromVue.value.planName;
+  }
+
+  if (fromVue.value.fromDate) {
+    const dateParts = fromVue.value.fromDate.split('-');
+    currentStartDate.value = [parseInt(dateParts[0]), parseInt(dateParts[1]), parseInt(dateParts[2])];
+  }
+
+  if (fromVue.value.toDate) {
+    const dateParts = fromVue.value.toDate.split('-');
+    currentEndDate.value = [parseInt(dateParts[0]), parseInt(dateParts[1]), parseInt(dateParts[2])];
+  }
+});
+</script>
+
+<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 {
+  flex-shrink: 0;
+  background: #f5f5f5;
+  padding: 12px;
+}
+</style>

src/view/dati/courseManagement/section.vue

@@ -0,0 +1,707 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="小节管理" @click-left="onClickLeft">
+      <template #right>
+        <van-dropdown-menu>
+          <van-dropdown-item v-model="addType" :options="addTypeOptions" @change="handleAddType" />
+        </van-dropdown-menu>
+      </template>
+    </van-nav-bar>
+
+    <!-- 项目列表 -->
+    <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="height: 100%; display: flex; align-items: flex-start;" @click="openTrain(item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.sectionName }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div>小节类型：{{ item.studyorExam }}</div>
+                    <div v-if="item.studyorExam === 'study'">观看时长：{{ item.watchTime }} 分钟</div>
+                    <div v-if="item.studyorExam === 'exam'">关联题库：{{ item.questionName }}</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="edit-button" text="编辑" @click="openTrain(item)" />
+              <van-button square class="delete-button" text="删除" @click="deleteRow(item)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+      </van-list>
+    </van-pull-refresh>
+
+    <!-- 考试弹窗 -->
+    <van-popup v-model:show="examDialogVisible" round position="bottom" :style="{ height: '90%' }">
+      <div class="popup-container">
+        <van-nav-bar title="新增考试" left-arrow @click-left="examDialogVisible = false" />
+        <div class="popup-content">
+          <van-form @submit="submitStudy">
+            <van-field
+              v-model="form.sectionName"
+              label="小节名称"
+              name="sectionName"
+              required
+              placeholder="请输入小节名称"
+              :rules="[{required: true, message: '请输入小节名称'}]"
+            />
+
+            <van-field
+              v-model="form.sectionOrder"
+              label="顺序"
+              name="sectionOrder"
+              type="number"
+              required
+              placeholder="请输入顺序"
+              :rules="[{required: true, message: '请输入顺序'}]"
+            />
+
+            <van-field
+              v-model="selectedQuestionText"
+              readonly
+              is-link
+              label="关联题库"
+              placeholder="请选择题库"
+              @click="showQuestionPicker = true"
+            />
+
+            <van-field
+              v-model="totalExamScoreText"
+              label="试卷总分"
+              readonly
+            />
+
+            <van-field
+              v-model="form.singleChoice"
+              label="单选数量"
+              name="singleChoice"
+              type="number"
+              placeholder="请输入单选数量"
+            />
+
+            <van-field
+              v-model="form.singleChoiceScore"
+              label="每题分数"
+              name="singleChoiceScore"
+              type="number"
+              placeholder="请输入每题分数"
+            />
+
+            <van-field
+              v-model="totalScoreText"
+              label="总分"
+              readonly
+            />
+
+            <van-field
+              v-model="form.multipleChoice"
+              label="多选数量"
+              name="multipleChoice"
+              type="number"
+              placeholder="请输入多选数量"
+            />
+
+            <van-field
+              v-model="form.multipleChoiceScore"
+              label="每题分数"
+              name="multipleChoiceScore"
+              type="number"
+              placeholder="请输入每题分数"
+            />
+
+            <van-field
+              v-model="totalChoiceText"
+              label="总分"
+              readonly
+            />
+
+            <van-field
+              v-model="form.judge"
+              label="判断数量"
+              name="judge"
+              type="number"
+              placeholder="请输入判断数量"
+            />
+
+            <van-field
+              v-model="form.judgeScore"
+              label="每题分数"
+              name="judgeScore"
+              type="number"
+              placeholder="请输入每题分数"
+            />
+
+            <van-field
+              v-model="totaljudgeText"
+              label="总分"
+              readonly
+            />
+
+            <van-field
+              v-model="form.qualifiedScore"
+              label="及格分数"
+              name="qualifiedScore"
+              type="number"
+              placeholder="请输入及格分数"
+            />
+
+            <div style="margin: 16px;">
+              <van-button round block type="primary" native-type="submit">
+                确定
+              </van-button>
+            </div>
+          </van-form>
+
+          <van-popup v-model:show="showQuestionPicker" round position="bottom">
+            <van-picker
+              :columns="questionOptions"
+              @confirm="onQuestionConfirm"
+              @cancel="showQuestionPicker = false"
+            />
+          </van-popup>
+        </div>
+      </div>
+    </van-popup>
+
+    <!-- 学习弹窗 -->
+    <van-popup v-model:show="studyDialogVisible" round position="bottom" :style="{ height: '90%' }">
+      <div class="popup-container">
+        <van-nav-bar title="新增学习" left-arrow @click-left="studyDialogVisible = false" />
+        <div class="popup-content">
+          <van-form @submit="submitStudy">
+            <van-field
+              v-model="form.sectionName"
+              label="小节名称"
+              name="sectionName"
+              required
+              placeholder="请输入小节名称"
+              :rules="[{required: true, message: '请输入小节名称'}]"
+            />
+
+            <van-field
+              v-model="form.sectionOrder"
+              label="顺序"
+              name="sectionOrder"
+              type="number"
+              required
+              placeholder="请输入顺序"
+              :rules="[{required: true, message: '请输入顺序'}]"
+            />
+
+            <van-field
+              v-model="form.watchTime"
+              label="观看时长/分"
+              name="watchTime"
+              type="number"
+              required
+              placeholder="请输入观看时长"
+              :rules="[{required: true, message: '请输入观看时长'}]"
+            />
+
+            <van-field label="附件上传">
+              <template #input>
+                <AttachmentS3Required ref="attachmentRef" :f-id="fId" />
+              </template>
+            </van-field>
+
+            <div style="margin: 16px;">
+              <van-button round block type="primary" native-type="submit">
+                确定
+              </van-button>
+            </div>
+          </van-form>
+        </div>
+      </div>
+    </van-popup>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, getCurrentInstance } from 'vue';
+import { showFailToast, showSuccessToast, showToast, showConfirmDialog } from 'vant';
+import { useRoute, useRouter } from 'vue-router';
+import AttachmentS3Required from '@/components/AttachmentS3Required.vue';
+
+const { proxy } = getCurrentInstance();
+const router = useRouter();
+const route = useRoute();
+
+const onClickLeft = () => {
+  router.back();
+};
+
+const rowData = ref({});
+const ClassId = ref('');
+
+onMounted(async () => {
+  if (route.query.data) {
+    const rowData1 = JSON.parse(route.query.data);
+    rowData.value = rowData1;
+    ClassId.value = rowData.value.id;
+    queryFetch();
+  } else {
+    showToast({
+      type: 'error',
+      message: '未接收到数据参数'
+    });
+  }
+  getQuestionId();
+});
+
+const queryFetch = () => {
+  basicReset();
+  onLoad();
+};
+
+const currentPage = ref(1);
+const totalRows = ref(0);
+const pageSize = ref(10);
+const tableData = ref([]);
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const resultData = ref([]);
+
+const form = ref({
+  sectionName: '',
+  sectionOrder: '',
+  studyorExam: '',
+  classId: '',
+  watchTime: '',
+  fileId: '',
+  sectionId: '',
+  questionName: '',
+  questionId: '',
+  singleChoice: '',
+  multipleChoice: '',
+  judge: '',
+  singleChoiceScore: '',
+  multipleChoiceScore: '',
+  judgeScore: '',
+  qualifiedScore: ''
+});
+
+const getTableData = async () => {
+  if (!ClassId.value) {
+    return;
+  }
+
+  const url = '/sgsafe/Class/querySection';
+  const param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: ClassId.value
+  };
+
+  try {
+    const response = await proxy.$axios.get(url, param);
+    if (response.data.code == '0') {
+      tableData.value = response.data.data.records || [];
+      totalRows.value = response.data.data.total || 0;
+    } else {
+      showToast({
+        type: 'error',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  } catch (error) {
+    console.error('获取数据失败：', error);
+    showToast({
+      type: 'error',
+      message: '获取数据失败'
+    });
+  }
+};
+
+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;
+    }
+  } 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 addType = ref('');
+const addTypeOptions = [
+  { text: '新增', value: '' },
+  { text: '考试', value: 'exam' },
+  { text: '学习', value: 'study' }
+];
+
+const examDialogVisible = ref(false);
+const studyDialogVisible = ref(false);
+const fId = 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 `XJXX${formattedDate}${formattedTime}${paddedSequence}`;
+};
+
+const generatedCode = ref(generateCode());
+
+const regenerateCode = () => {
+  generatedCode.value = generateCode();
+};
+
+const handleAddType = (value) => {
+  if (!value) {
+    return;
+  }
+
+  const cId = ClassId.value;
+
+  if (value === 'exam') {
+    form.value = {
+      sectionName: '',
+      sectionOrder: '',
+      studyorExam: 'exam',
+      classId: cId,
+      questionName: '',
+      questionId: '',
+      singleChoice: '',
+      multipleChoice: '',
+      judge: '',
+      singleChoiceScore: '',
+      multipleChoiceScore: '',
+      judgeScore: '',
+      qualifiedScore: ''
+    };
+    examDialogVisible.value = true;
+  } else if (value === 'study') {
+    regenerateCode();
+    form.value = {
+      sectionName: '',
+      sectionOrder: '',
+      studyorExam: 'study',
+      classId: cId,
+      watchTime: '',
+      fileId: generatedCode.value
+    };
+    fId.value = generatedCode.value;
+    studyDialogVisible.value = true;
+  }
+  addType.value = '';
+};
+
+const questionIds = ref([]);
+const getQuestionId = () => {
+  const url = '/sgsafe/Rule/getQuestionId';
+  const param = {};
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == '0') {
+      questionIds.value = response.data.data || [];
+    } else {
+      showToast({
+        type: 'error',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+const selectedQuestionText = ref('');
+const showQuestionPicker = ref(false);
+
+const questionOptions = computed(() => {
+  return questionIds.value.map(item => ({
+    text: item.questionName,
+    value: item.id
+  }));
+});
+
+const onQuestionConfirm = ({ selectedOptions }) => {
+  form.value.questionId = selectedOptions[0].value;
+  const targetItem = questionIds.value.find(item => item.id === selectedOptions[0].value);
+  if (targetItem) {
+    form.value.questionName = targetItem.questionName;
+    selectedQuestionText.value = targetItem.questionName;
+  }
+  showQuestionPicker.value = false;
+};
+
+const totalScore = computed(() => {
+  const num = parseInt(form.value.singleChoice) || 0;
+  const score = parseFloat(form.value.singleChoiceScore) || 0;
+  if (num > 0 && score >= 0) {
+    return (num * score).toFixed(0);
+  }
+  return '0';
+});
+
+const totalScoreText = computed(() => totalScore.value);
+
+const totalChoice = computed(() => {
+  const num = parseInt(form.value.multipleChoice) || 0;
+  const score = parseFloat(form.value.multipleChoiceScore) || 0;
+  if (num > 0 && score >= 0) {
+    return (num * score).toFixed(0);
+  }
+  return '0';
+});
+
+const totalChoiceText = computed(() => totalChoice.value);
+
+const totaljudge = computed(() => {
+  const num = parseInt(form.value.judge) || 0;
+  const score = parseFloat(form.value.judgeScore) || 0;
+  if (num > 0 && score >= 0) {
+    return (num * score).toFixed(0);
+  }
+  return '0';
+});
+
+const totaljudgeText = computed(() => totaljudge.value);
+
+const totalExamScore = computed(() => {
+  const s1 = parseFloat(totalScore.value) || 0;
+  const s2 = parseFloat(totalChoice.value) || 0;
+  const s3 = parseFloat(totaljudge.value) || 0;
+  const total = (s1 + s2 + s3).toFixed(0);
+  return isNaN(total) ? '0' : total;
+});
+
+const totalExamScoreText = computed(() => totalExamScore.value);
+
+const attachmentRef = ref(null);
+
+const submitStudy = async () => {
+  if (form.value.studyorExam == 'study') {
+    // 验证必须上传至少一个附件
+    if (!attachmentRef.value || !attachmentRef.value.validate()) {
+      showFailToast('请至少上传一个附件');
+      return;
+    }
+    form.value.fileId = fId.value;
+  }
+
+  const param = {
+    json: JSON.stringify(form.value)
+  };
+
+  try {
+    const response = await proxy.$axios.post('/sgsafe/Class/saveStudySection', param);
+    if (response.data.code == '0') {
+      showSuccessToast('保存成功');
+      // 关闭弹窗
+      studyDialogVisible.value = false;
+      examDialogVisible.value = false;
+      // 重置表单
+      form.value = {
+        sectionName: '',
+        sectionOrder: '',
+        studyorExam: '',
+        classId: '',
+        watchTime: '',
+        fileId: '',
+        sectionId: '',
+        questionName: '',
+        questionId: '',
+        singleChoice: '',
+        multipleChoice: '',
+        judge: '',
+        singleChoiceScore: '',
+        multipleChoiceScore: '',
+        judgeScore: '',
+        qualifiedScore: ''
+      };
+      fId.value = '';
+      selectedQuestionText.value = '';
+      // 刷新列表
+      queryFetch();
+    } else {
+      showFailToast('保存失败：' + response.data.msg);
+    }
+  } catch (error) {
+    console.error('保存失败：', error);
+    showFailToast('保存失败：' + (error.message || '网络错误'));
+  }
+};
+
+const openTrain = (row) => {
+  if (row.studyorExam == 'study') {
+    form.value = { ...row };
+    fId.value = row.fileId || '';
+    studyDialogVisible.value = true;
+  } else {
+    form.value = { ...row };
+    if (row.questionId) {
+      const targetItem = questionIds.value.find(item => item.id === row.questionId);
+      if (targetItem) {
+        selectedQuestionText.value = targetItem.questionName;
+      }
+    }
+    examDialogVisible.value = true;
+  }
+};
+
+const deleteRow = (row) => {
+  showConfirmDialog({
+    title: '提示',
+    message: '确定要删除吗？'
+  }).then(() => {
+    const qiyong = ref({});
+    qiyong.value = { ...row };
+    qiyong.value.cancelFlag = '1';
+    const url = '/sgsafe/Class/saveStudySection';
+    const param = {
+      json: JSON.stringify(qiyong.value)
+    };
+    proxy.$axios.post(url, param).then(response => {
+      if (response.data.code == '0') {
+        showSuccessToast('删除成功');
+        queryFetch();
+      } else {
+        showToast({
+          type: 'error',
+          message: '操作失败！' + response.data.msg
+        });
+      }
+    });
+  }).catch(() => {
+  });
+};
+
+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;
+}
+
+.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;
+}
+
+.edit-button {
+  height: 100%;
+  border: none;
+  color: #F9CC9D;
+  background-image: url('@/assets/img/edit.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.popup-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.popup-content {
+  flex: 1;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch;
+}
+</style>

src/view/knowledge/accident.vue

@@ -254,9 +254,6 @@ const onLoad = async () => {
   getDicList()
 
 
-
-
-
   try {
     await getTableData();
 
@@ -443,9 +440,6 @@ const confirmDelete = () => {
   });
 };
 
-
-
-
 const resetForm = () => {
   form.value = {
     projectName: '',

src/view/knowledge/accidentList.vue

@@ -1,14 +1,15 @@
 <script setup>
-import { getCurrentInstance, onMounted, ref , computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
+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 columns = ref([])
+const columnsLevel = ref([])
 
 //     [
 //   { text: '杭州', value: 'Hangzhou' },
@@ -44,12 +45,11 @@ const regenerateCode = () => {
 };
 
 
-
 const getAccidentDicList = () => {
-  tools.dic.getDicList([ 'case_type','SEX', 'case_source','accident_level','accident_type','sgsafe_taccidentTags']).then((response => {
+  tools.dic.getDicList(['case_type', 'SEX', 'case_source', 'accident_level', 'accident_type', 'sgsafe_taccidentTags']).then((response => {
     console.log(JSON.stringify(response.data.data))
     accidentDictList.value = response.data.data
-    console.log('case_source',accidentDictList.value.case_source)
+    console.log('case_source', accidentDictList.value.case_source)
     columns.value = accidentDictList.value.case_source.map(item => ({
       text: item.dicName,
       value: item.dicCode
@@ -60,7 +60,7 @@ const getAccidentDicList = () => {
     }));
 
 
-    console.log('accident_level',accidentDictList.value.accident_level)
+    console.log('accident_level', accidentDictList.value.accident_level)
 
   }))
 }
@@ -90,38 +90,39 @@ try {
 const deptName = deptInformation.value[0].deptName
 const deptCode = deptInformation.value[0].deptCode
 
-const guid = () =>  {
+const guid = () => {
   function S4() {
-    return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
   }
-  return (S4()+S4()+S4()+S4()+S4()+S4()+S4()+S4())
+
+  return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4())
 }
 const formJieguo = ref({
-  resultWhether:'',
-  resultDetail:'',
-  resultWhy:'',
-  resultFile:'',
-  itemsId:'',
-  resultFileId:'',
-  resType:''
+  resultWhether: '',
+  resultDetail: '',
+  resultWhy: '',
+  resultFile: '',
+  itemsId: '',
+  resultFileId: '',
+  resType: ''
 })
 const route = useRoute()
 let planInfo = {}
-const  userName1=localStorage.getItem('userName');
+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({})
+const result = ref('')
+const fromVue = ref({})
 if (route.query.mark) {
   planInfo = JSON.parse(route.query.mark)
 }
 console.log(planInfo);
 // 新增模式
-if (planInfo==-1){
+if (planInfo == -1) {
   const caseNumber = generateCode();
   const fileId = ref()
-  result.value= caseNumber
+  result.value = caseNumber
   //初始化 fromVue
   fromVue.value = {
     caseNumber: caseNumber,
@@ -140,10 +141,10 @@ if (planInfo==-1){
     viewCount: '0',
     downloadCount: '0'
   };
-  console.log( result.value);
+  console.log(result.value);
 }
 
-const resDetail=ref('')
+const resDetail = ref('')
 const ruleIds = ref([]);
 /*const getRuleId = () => {
   var url = '/sgsafe/ExamHead/getCheckRuleId'
@@ -158,13 +159,13 @@ const ruleIds = ref([]);
   console.log('ruleIds', ruleIds)
 }
 getRuleId()*/
-const showRule=ref(false);
+const showRule = ref(false);
 
-const distestType=ref(false)
-if (planInfo==1) {
+const distestType = ref(false)
+if (planInfo == 1) {
   console.log(planInfo);
   title = '查看事故案例'
-  fromVue.value= JSON.parse(route.query.data)
+  fromVue.value = JSON.parse(route.query.data)
   if (!fromVue.value.fileId) {
     const newFileId = guid();
     fromVue.value.fileId = newFileId;
@@ -175,9 +176,9 @@ if (planInfo==1) {
 
   console.log('编辑模式 - fileId:', result.value);
 }
- const  whether=ref(false)
+const whether = ref(false)
 
-const planLevelList1=ref([])
+const planLevelList1 = ref([])
 
 const onConfirmDatetime = () => {
   const year = currentDate.value[0];
@@ -256,25 +257,25 @@ const cancelTimePicker = () => {
 const showActionSheet = ref(false)
 const showActionSheet1 = ref(false)
 const planLevelList = [
-  { name: '转发', value: '转发' },
-  { name: '内部', value: '内部' },
-  { name: '文章', value: '文章' }
+  {name: '转发', value: '转发'},
+  {name: '内部', value: '内部'},
+  {name: '文章', value: '文章'}
 ];
-const isdisabled=ref(true)
-const isdisabled2=ref(true)
+const isdisabled = ref(true)
+const isdisabled2 = ref(true)
 const onSelect = (item) => {
-fromVue.value.fileContent = item.name
+  fromVue.value.fileContent = item.name
 
-  showActionSheet.value=false
+  showActionSheet.value = false
 }
 
 const onSelect2 = (item) => {
-  fromVue.value.fileType=item.name
-  showActionSheet2.value=false
-  }
+  fromVue.value.fileType = item.name
+  showActionSheet2.value = false
+}
 
 const onCaseSourseSelect = (item) => {
-  fromVue.value.caseSource=item.dicCode
+  fromVue.value.caseSource = item.dicCode
   caseSourceFlag.value = false
 }
 
@@ -288,13 +289,13 @@ const displayFileName = ref('')
 const onSelect1 = (item) => {
   console.log(item);
   formJieguo.value.resultFile = item.value
-  result.value=formJieguo.value.resultFile
+  result.value = formJieguo.value.resultFile
   displayFileName.value = item.name
   console.log(result.value);
   showActionSheet1.value = false
 }
 const questionIds = ref([])
-const actions=ref([])
+const actions = ref([])
 /*const getQuestionId = () => {
   var url = '/sgsafe/AssessmentRecord/queryRuleNoPage';
   var param = {};
@@ -335,7 +336,7 @@ const baocun3 = (ruleFormRef) => {
           if (ruleFormRef.value) {
             ruleFormRef.value.resetFields();
           }
-          dialogVisibletemplate.value=false
+          dialogVisibletemplate.value = false
         } else {
           ElMessage.error('操作失败！' + response.data.msg)
         }
@@ -348,7 +349,8 @@ const baocun3 = (ruleFormRef) => {
 /* 组织树选择 */
 const showBottom = ref(false)
 import OrganizationalWithLeaf from '@/components/OrganizationalWithLeaf.vue';
-import { showFailToast, showLoadingToast, showSuccessToast } from 'vant';
+import {showFailToast, showLoadingToast, showSuccessToast} from 'vant';
+
 const handleTableDataUserDeptUpdate = async (nodeData) => {
   formJieguo.value.drillDept = nodeData.deptCode + '-' + nodeData.deptName
   showBottom.value = false
@@ -360,14 +362,14 @@ const addEmergencyDrillPlan = async () => {
     message: '加载中',
     forbidClick: true
   })
-  
+
   fromVue.value.fileId = result.value
 
   var url = '/sgsafe/Manager/saveAccident';
   const params = {
     json: JSON.stringify(fromVue.value)
   }
-  proxy.$axios.post(url,params).then(res=>{
+  proxy.$axios.post(url, params).then(res => {
     if (res.data.code === 0) {
       loadingToast.close()
       showSuccessToast('保存成功')
@@ -393,7 +395,7 @@ const dicList = ref([])
 const getDicList = () => {
   tools.dic.getDicList(['systemTypes']).then((response => {
 
-   const rawData = response.data.data
+    const rawData = response.data.data
     dicList.value = rawData.systemTypes.map(item => ({
       name: item.dicName,      // 必须有 name 字段！
       code: item.dicCode       // 可选，保留原始 code 供后续使用
@@ -430,7 +432,7 @@ onMounted(() => {
   //selectedDateText.value = `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}`
   getDicList()
 })
-const showActionSheet2=ref(false)
+const showActionSheet2 = ref(false)
 /* 文件上传 */
 import AttachmentS3 from '@/components/AttachmentS3.vue';
 
@@ -448,12 +450,12 @@ const getDepartmentLeaderNameysr = (item) => {
   fromVue.value.punId = item.user.id
 };
 
-const onCaseSourceConfirm = ({ selectedOptions }) => {
+const onCaseSourceConfirm = ({selectedOptions}) => {
   caseSourceFlag.value = false;
   fromVue.value.caseSource = selectedOptions[0].text;
 };
 
-const onAccidentLevelConfirm = ({ selectedOptions }) => {
+const onAccidentLevelConfirm = ({selectedOptions}) => {
   accidentLevelFlag.value = false;
   fromVue.value.accidentLevel = selectedOptions[0].text;
 };
@@ -465,55 +467,55 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
   <div class="page-container">
     <van-sticky class="header">
       <van-nav-bar
-        :title="title"
-        left-text="返回"
-        left-arrow
-        @click-left="onClickLeft" >
+          :title="title"
+          left-text="返回"
+          left-arrow
+          @click-left="onClickLeft">
       </van-nav-bar>
     </van-sticky>
     <div class="scroll-container">
       <van-form @submit="onSubmit">
-<!--        <van-field-->
-<!--          v-model="fromVue.caseNumber"-->
-<!--          label="案例编号"-->
-<!--          name="caseNumber"-->
-<!--          required-->
-<!--          placeholder="请输入案例编号"-->
-<!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
-<!--        />-->
+        <!--        <van-field-->
+        <!--          v-model="fromVue.caseNumber"-->
+        <!--          label="案例编号"-->
+        <!--          name="caseNumber"-->
+        <!--          required-->
+        <!--          placeholder="请输入案例编号"-->
+        <!--          :rules="[{required: true, message: '请输入文件编号'}]"-->
+        <!--        />-->
         <van-field
             v-model="fromVue.caseNumber"
-        label="案例编号"
-        name="caseNumber"
+            label="案例编号"
+            name="caseNumber"
             readonly
-        :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
+            :rules="[{required: true, message: '编号生成失败，请点击“重新生成”'}]"
         />
 
         <van-field
-          v-model="fromVue.caseTitle"
-          label="案例标题"
-          name="caseTitle"
-          :readonly="isCaseSubmitted"
-          required
-          placeholder="请输入案例标题"
-          :rules="[{required: true, message: '请输入标题名称'}]"
+            v-model="fromVue.caseTitle"
+            label="案例标题"
+            name="caseTitle"
+            :readonly="isCaseSubmitted"
+            required
+            placeholder="请输入案例标题"
+            :rules="[{required: true, message: '请输入标题名称'}]"
         />
 
         <van-field
-          v-model="fromVue.caseSource"
-          readonly
-          label="案例来源"
-          name="caseSource"
-          :readonly="isCaseSubmitted"
-          @click="!isCaseSubmitted && (caseSourceFlag = true)"
+            v-model="fromVue.caseSource"
+            readonly
+            label="案例来源"
+            name="caseSource"
+            :readonly="isCaseSubmitted"
+            @click="!isCaseSubmitted && (caseSourceFlag = true)"
         />
         <van-field
-          readonly
-          v-model="fromVue.accidentLevel"
-          label="事故等级"
-          name="accidentLevel"
-          :readonly="isCaseSubmitted"
-          @click="!isCaseSubmitted && (accidentLevelFlag = true)"
+            readonly
+            v-model="fromVue.accidentLevel"
+            label="事故等级"
+            name="accidentLevel"
+            :readonly="isCaseSubmitted"
+            @click="!isCaseSubmitted && (accidentLevelFlag = true)"
         />
 
         <van-field
@@ -534,7 +536,7 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
             :rules="[{required: true, message: '请输入事故地点'}]"
         />
 
-<!--        //时间-->
+        <!--        //时间-->
         <van-field
             v-model="fromVue.accidentTime"
             is-link
@@ -586,7 +588,7 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
             </template>
           </van-time-picker>
         </van-popup>
-<!--        // 标签-->
+        <!--        // 标签-->
 
         <van-field
             v-model="fromVue.accidentTags"
@@ -630,9 +632,9 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
             :rules="[{required: true, message: '请输入防范与整改措施'}]"
         />
 
-        <van-field label="附件上传" >
+        <van-field label="附件上传">
           <template #input>
-            <AttachmentS3 :f-id="result" />
+            <AttachmentS3 :f-id="result"/>
           </template>
         </van-field>
         <div style="margin: 16px;">
@@ -643,14 +645,14 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
       </van-form>
 
       <van-action-sheet
-        v-model:show="showActionSheet"
-        :actions="planLevelList"
-        @select="onSelect"
+          v-model:show="showActionSheet"
+          :actions="planLevelList"
+          @select="onSelect"
       />
       <van-action-sheet
-        v-model:show="showActionSheet2"
-        :actions="dicList"
-        @select="onSelect2"
+          v-model:show="showActionSheet2"
+          :actions="dicList"
+          @select="onSelect2"
       />
 
       <van-action-sheet
@@ -675,27 +677,27 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
         />
       </van-popup>
 
-<!--      <van-action-sheet-->
-<!--          v-model:show="accidentLevelFlag"-->
-<!--          :actions="accidentDictList.accident_level"-->
-<!--          @select="onAccidentLevelSelect"-->
-<!--      />-->
+      <!--      <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-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" />
+        <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" />
+            v-model="currentDate"
+            @confirm="onDatePicker"
+            @cancel="showDatePicker = false"/>
       </van-popup>
     </div>
   </div>
@@ -708,6 +710,7 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
   flex-direction: column;
 
 }
+
 /*  overflow-y: auto; !* 启用垂直滚动 *!*/
 
 
@@ -728,10 +731,11 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
   background: #f5f5f5;
   padding: 12px;
 }
+
 .row-container {
   display: flex;
   justify-content: space-between; /* 关键：左右分布 */
-  align-items: center;             /* 垂直居中 */
+  align-items: center; /* 垂直居中 */
 
 }
 
@@ -748,6 +752,6 @@ const onAccidentLevelConfirm = ({ selectedOptions }) => {
   height: 22px;
   font-size: 12px;
   padding: 0 8px;
-  min-width: 60px;                 /* 可选：保持按钮最小宽度一致 */
+  min-width: 60px; /* 可选：保持按钮最小宽度一致 */
 }
 </style>