' +
+ '' +
+ '
' +
+ '
' +
+ '' +
+ '暂无数据
+' +
+ '
+ let addTjdNum = $('.addTjd').length;
+ if (addTjdNum === 0) {
+ $('#tjd').after(html);
+ } else {
+ $('.addTjd').eq(addTjdNum - 1).after(html);
+ }
+ layui.form.render();
+}
+
+// 删除途径点
+function delTjd(that, addNum) {
+ addNums = addNums - 1;
+ // 使用closest查找最近的.addTjd父元素
+ $(that).closest('.addTjd').remove();
+}
+
+// 初始化文件上传（原生方式）
+function initFileUpload() {
+ const fileInput = document.getElementById('fileInput');
+
+ if (!fileInput) {
+ console.error('文件输入框不存在');
+ return;
+ }
+
+
+ // 给input添加点击事件（调试用）
+ fileInput.addEventListener('click', function (e) {
+
+ }, true);
+
+ // 给按钮添加点击事件 - 手动触发input
+ setTimeout(function () {
+ $('.upload-btn').on('click', function (e) {
+
+ // 阻止事件冒泡到form，避免被form的onclick阻止
+ e.stopPropagation();
+
+ // 使用原生方式触发，确保能弹出文件选择器
+ if (fileInput) {
+ // 延迟一点触发，确保事件处理完成
+ setTimeout(function () {
+ fileInput.click();
+ }, 10);
+ }
+ });
+
+ // 给包装器添加点击事件 - 手动触发input
+ $('.upload-btn-wrapper').on('click', function (e) {
+
+ // 如果点击的不是input本身，则触发input
+ if (e.target !== fileInput && !$(e.target).closest('#fileInput').length) {
+
+ e.stopPropagation(); // 阻止冒泡到form
+ setTimeout(function () {
+ fileInput.click();
+ }, 10);
+ }
+ });
+
+ // 给上传区域添加点击事件（调试用）
+ $('.upload-area').on('click', function (e) {
+
+ });
+
+ // 给input本身添加点击事件，确保不被form阻止
+ $(fileInput).on('click', function (e) {
+
+ e.stopPropagation(); // 阻止冒泡到form
+ });
+ }, 100);
+
+ // 确保input的点击事件不被阻止
+ fileInput.addEventListener('click', function (e) {
+
+ // 阻止事件冒泡到form，避免被form的onclick阻止
+ e.stopPropagation();
+ // 不阻止默认行为，让浏览器正常处理
+ }, false);
+
+ // 监听文件选择
+ fileInput.addEventListener('change', function (e) {
+
+ const files = e.target.files;
+ if (!files || files.length === 0) {
+ return;
+ }
+
+ // 检查已上传文件数量
+ let length = $('.file-iteme').length;
+ if (length >= 5) {
+ layer.msg('最多上传5个附件证明', { icon: 7 });
+ fileInput.value = ''; // 清空选择
+ return;
+ }
+
+ // 处理每个文件
+ Array.from(files).forEach((file, fileIndex) => {
+ if (length >= 5) {
+ return; // 已达到最大数量
+ }
+
+ // 验证文件大小（10MB = 1024 * 10 KB）
+ const maxSize = 1024 * 10; // 10MB
+ if (file.size > maxSize * 1024) {
+ layer.msg(`文件 ${file.name} 超过10MB限制`, { icon: 7 });
+ return;
+ }
+
+ // 验证文件类型
+ const allowedTypes = [
+ 'image/jpg', 'image/png', 'image/jpeg',
+ 'application/pdf',
+ 'application/msword',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+ 'application/vnd.ms-excel',
+ 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+ ];
+
+ const fileExt = file.name.split('.').pop().toLowerCase();
+ const allowedExts = ['jpg', 'png', 'jpeg', 'doc', 'docx', 'pdf', 'xlsx', 'xls'];
+
+ if (!allowedExts.includes(fileExt)) {
+ layer.msg(`文件 ${file.name} 格式不支持`, { icon: 7 });
+ return;
+ }
+
+ const index = fileList.length; // 使用fileList的长度作为index
+
+ // 判断是否为图片文件
+ const isImage = file.type.startsWith('image/');
+
+ if (isImage) {
+ // 图片文件：使用FileReader读取预览
+ const reader = new FileReader();
+ reader.onload = function (e) {
+ const result = e.target.result;
+
+ // 添加到文件列表
+ $('#uploader-list').append(
+ 'x
x
' + displayName + '
' + + '暂无数据
+您还没选择需用车辆吊车类型
+请先添加机具类型后再执申请操作
+ +