样式修改

src/main/resources/static/js/imageUpload/importantMatter/child/importantMatterForm.js

@@ -24,90 +24,6 @@ layui.use(['laydate', 'upload'], function () {
         sourceTypeName: "重要事项及宣传照片" // 来源类型名称
     })
 
-    // 已上传图片计数
-    var uploadedCount = 0;
-    // 最大允许上传数量
-    var maxCount = 9;
-    // 渲染上传组件
-    upload.render({
-        elem: '#uploadBtn',        // 绑定按钮
-        url: '/imgTool/sys/file/uploadFile?token=' + tokens, // 上传接口地址
-        accept: 'images',          // 只允许上传图片
-        multiple: true,            // 允许多文件上传
-        auto: true,                // 选择文件后自动上传
-        number: 9,                 // 每次最多选择3个文件
-        field: 'files',
-        data: {params: violation},
-        choose: function(obj){     // 选择文件后的回调
-            debugger;
-            // 检查已上传数量
-            var files  = obj.pushFile();
-            console.log(files)
-            alert(uploadedCount)
-            // 如果已上传+新选择的数量超过限制
-            alert(files.length)
-            if(uploadedCount + files.length > maxCount){
-                var canUpload = maxCount - uploadedCount;
-                layer.msg('最多上传'+maxCount+'张图片，还可上传'+canUpload+'张');
-                // 截断文件数组，只保留可上传数量
-                this.files = files.slice(0, canUpload);
-                // 如果已经没有可上传数量，则阻止上传
-                if(canUpload <= 0){
-                    return false;
-                }
-            }
-
-            // 预览图片
-            obj.preview(function(index, file, result){
-                $('#previewBox').append(
-                    '<div class="img-item" data-index="'+ index +'" style="display: inline-block; position: relative; margin: 5px 5px" >' +
-                    '<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img" style="width: 90px; height: 90px;" >' +
-                    '<div class="img-operate">' +
-                    '<i class="layui-icon layui-icon-close" onclick="deleteImg('+ index +')"></i>' +
-                    '</div>' +
-                    '</div>'
-                );
-            });
-        },
-        before: function(obj){
-            // 上传前可以做一些处理
-        },
-        done: function(res, index, upload){
-            // 上传成功回调
-            uploadedCount++;
-
-            // 如果已达到最大数量，禁用上传按钮
-            if(uploadedCount >= maxCount){
-                $('#uploadBtn').addClass('layui-btn-disabled').prop('disabled', true);
-            }
-
-            // 在实际应用中，这里可以处理服务器返回的数据
-            console.log(res);
-        },
-        error: function(index, upload){
-            // 上传失败回调
-            layer.msg('第'+(index+1)+'张图片上传失败');
-        },
-        allDone: function(obj){
-            // 全部上传完成回调
-            console.log('全部上传完成');
-        }
-    });
-
-    // 删除图片函数
-    window.deleteImg = function(index){
-        // 这里应该添加删除服务器上图片的逻辑
-        // 例如通过AJAX请求删除接口
-        // 从预览中移除
-        $('.img-item[data-index="'+ index +'"]').remove();
-        // 减少计数
-        uploadedCount--;
-        // 重新启用上传按钮
-        $('#uploadBtn').removeClass('layui-btn-disabled').prop('disabled', false);
-    }
-
-
-
     // 多图片上传
     var uploadcom1 = upload.render({
         elem: '#test1',

src/main/resources/static/pages/imageUpload/importantMatter/child/importantMatterForm.html

@@ -104,7 +104,7 @@
             </div>
         </div>
 
-        <!--<div class="layui-form-item">
+        <div class="layui-form-item">
             <label class="layui-form-label"><i style="padding: 0 10px;">*</i>照片:</label>
             <div class="layui-input-block">
                 <div class="layui-upload">
@@ -118,14 +118,14 @@
                 </div>
                 <button id="hideUpload1" type="button" style="display: none"></button>
             </div>
-        </div>-->
+        </div>
 
-        <div class="layui-upload">
+        <!--<div class="layui-upload">
             <button type="button" class="layui-btn" id="uploadBtn">选择图片</button>
             <div class="layui-upload-list">
                 <div id="previewBox"></div>
             </div>
-        </div>
+        </div>-->
 
         <button type="submit" id="formSubmit" class="layui-btn" lay-submit="" lay-filter="formData"
                 style="display: none;"></button>