Administrator
2026-02-12 e9b5df3159b82b625784ffe5fca33bed2c70af44
src/main/resources/templates/febs/views/modules/ai/productQuestion/list.html
@@ -56,6 +56,11 @@
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productQuestionList:aiAdd" lay-event="productQuestionStateOpen">启用</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productQuestionList:aiAdd" lay-event="productQuestionStateClose">禁用</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productQuestionList:aiAdd" lay-event="productQuestionDelete">删除</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productQuestionList:aiAdd" lay-event="productQuestionAddLabel">打标签</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" shiro:hasPermission="productQuestionList:aiAdd"  lay-event="exportProductQuestion">导出(审核)</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" shiro:hasPermission="productQuestionList:aiAdd" id="importProductQuestion"  lay-event="importProductQuestion">导入(审核)</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" shiro:hasPermission="productQuestionList:aiAdd"  lay-event="exportNewProductQuestion">模板导出(新增)</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain" shiro:hasPermission="productQuestionList:aiAdd" id="importNewProductQuestion"  lay-event="importNewProductQuestion">模板导入(新增)</button>
    </div>
</script>
@@ -93,11 +98,12 @@
<!-- 表格操作栏 end -->
<script data-th-inline="none" type="text/javascript">
    // 引入组件并初始化
    layui.use([ 'jquery', 'form', 'table', 'febs', 'xmSelect'], function () {
    layui.use([ 'jquery', 'form', 'table', 'febs', 'xmSelect', 'upload'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            form = layui.form,
            table = layui.table,
            upload = layui.upload,
            $view = $('#febs-productQuestion'),
            $query = $view.find('#query'),
            $reset = $view.find('#reset'),
@@ -252,6 +258,207 @@
                    productQuestionDelete(ids.join(','));
                });
            }
            if (layEvent == 'exportProductQuestion') {
                var checkData = table.checkStatus('productQuestionTable').data;
                if (checkData.length <= 0) {
                    febs.alert.warn('请选择');
                    return;
                }
                var ids = [];
                layui.each(checkData, function (key, item) {
                    ids.push(item.id)
                });
                window.location.href = ctx + "admin/productQuestion/exportProductQuestion?ids="+ids;
            }
            if (layEvent === 'productQuestionAddLabel') {
                var checkData = table.checkStatus('productQuestionTable').data;
                if (checkData.length <= 0) {
                    febs.alert.warn('请选择');
                    return;
                }
                var ids = [];
                layui.each(checkData, function (key, item) {
                    ids.push(item.id)
                });
                let strIds = ids.join(',');
                febs.modal.open('打标签', 'modules/ai/productQuestion/labelSet/' + strIds, {
                    btn: ['确定', '取消'],
                    area:['100%','100%'],
                    yes: function (index, layero) {
                        $('#labelSet').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
            if (layEvent == 'exportNewProductQuestion') {
                window.location.href = ctx + "admin/productQuestion/exportNewProductQuestion";
            }
            if (layEvent == 'importNewProductQuestion') {
                layui.use(['layer', 'upload', 'form', 'xmSelect'], function(){
                    var layer = layui.layer;
                    var upload = layui.upload;
                    var form = layui.form;
                    // 在外层定义变量,使其在多个函数中可访问
                    var selectedCategoryId = '';
                    var selectedFile = null;
                    // 使用 layer.open 替代 febs.modal.open
                    layer.open({
                        title: '模板导入(新增)',
                        type: 1,
                        area: ['500px', '350px'],
                        btn: ['开始导入', '取消'],
                        content: '<div style="padding: 20px;">' +
                            '<div class="layui-form-item">' +
                            '<label class="layui-form-label">选择分类</label>' +
                            '<div class="layui-input-block">' +
                            '<div id="importCategorySelect"></div>' +
                            '</div>' +
                            '</div>' +
                            '<div class="layui-form-item">' +
                            '<label class="layui-form-label">上传文件</label>' +
                            '<div class="layui-input-block">' +
                            '<button type="button" class="layui-btn" id="importFileBtn">' +
                            '<i class="layui-icon">&#xe67c;</i>选择文件' +
                            '</button>' +
                            '<div id="fileInfo" style="margin-top: 10px; color: #666;"></div>' +
                            '</div>' +
                            '</div>' +
                            '</div>',
                        success: function(layero, index) {
                            // 确保 xmSelect 已加载
                            if (typeof xmSelect === 'undefined') {
                                layer.msg('xmSelect 组件未加载');
                                return;
                            }
                            // 初始化分类选择器
                            var importCategory = xmSelect.render({
                                el: '#importCategorySelect',
                                language: 'zn',
                                prop: {
                                    name: 'name',
                                    value: 'id',
                                    children: 'child'
                                },
                                tips: '请选择分类',
                                filterable: true,
                                radio: true,
                                clickClose: true,
                                tree: {
                                    show: true,
                                    strict: false,
                                },
                                data: [],
                                on: function(data) {
                                    console.log('xmSelect 选择数据:', data); // 调试用
                                    // 监听分类选择变化
                                    if (data.arr && data.arr.length > 0) {
                                        // 尝试不同的属性名
                                        selectedCategoryId = data.arr[0].value || data.arr[0].id || data.arr[0].val;
                                        console.log('选择的分类ID:', selectedCategoryId); // 调试用
                                    } else {
                                        selectedCategoryId = '';
                                    }
                                }
                            });
                            // 获取分类列表
                            $.ajax({
                                url: ctx + 'admin/productCategory/categoryTree',
                                type: 'GET',
                                success: function(res) {
                                    console.log('分类数据:', res); // 调试用
                                    if (res.code === 200) {
                                        importCategory.update({ data: res.data });
                                    }
                                }
                            });
                            // 初始化文件选择(不上传)
                            $('#importFileBtn').click(function() {
                                // 创建隐藏的文件输入
                                var fileInput = $('<input type="file" style="display:none">');
                                $('body').append(fileInput);
                                fileInput.click();
                                fileInput.on('change', function() {
                                    var file = this.files[0];
                                    if (file) {
                                        selectedFile = file;
                                        $('#fileInfo').html('<span style="color:#666">已选择文件: ' + file.name + '</span>');
                                    }
                                    fileInput.remove();
                                });
                            });
                        },
                        yes: function(index, layero) {
                            console.log('开始导入,selectedCategoryId:', selectedCategoryId); // 调试用
                            console.log('开始导入,selectedFile:', selectedFile); // 调试用
                            // 点击"开始导入"按钮
                            if (!selectedCategoryId) {
                                layer.msg('请先选择分类', { icon: 2 });
                                return false;
                            }
                            if (!selectedFile) {
                                layer.msg('请先选择文件', { icon: 2 });
                                return false;
                            }
                            // 创建 FormData
                            var formData = new FormData();
                            formData.append('file', selectedFile);
                            // 显示加载中
                            var loadingIndex = layer.load(1);
                            // 使用 AJAX 上传文件
                            $.ajax({
                                url: ctx + 'admin/productQuestion/importNewProductQuestion?categoryId=' + selectedCategoryId,
                                type: 'POST',
                                data: formData,
                                contentType: false,
                                processData: false,
                                success: function(res) {
                                    layer.close(loadingIndex);
                                    if (res.code === 200) {
                                        layer.msg('导入成功', { icon: 1 });
                                        layer.close(index);
                                        // 刷新表格
                                        if (typeof $query !== 'undefined') {
                                            $query.click();
                                        }
                                    } else {
                                        layer.msg(res.msg || '导入失败', { icon: 2 });
                                    }
                                },
                                error: function() {
                                    layer.close(loadingIndex);
                                    layer.msg('上传失败', { icon: 2 });
                                }
                            });
                        }
                    });
                });
            }
        });
        upload.render({
            elem: '#importProductQuestion'
            ,url: 'admin/productQuestion/importProductQuestion' //此处配置你自己的上传接口即可
            ,accept: 'file' //普通文件
            ,done: function(res){
                console.log("123");
                febs.alert.success('操作成功');
                $query.click();
            }
        });
@@ -282,7 +489,9 @@
                    {type: 'numbers', title: '', width: 80},
                    {title: '操作', toolbar: '#productQuestionOption', minWidth: 200, align: 'center'},
                    {field: 'state', title: '状态', templet: '#productQuestionStateSwitch', minWidth: 130,align:'center'},
                    {field: 'productCategoryName', title: '分类', minWidth: 100,align:'center'},
                    {field: 'title', title: '题目', minWidth: 100,align:'center'},
                    {field: 'label', title: '标签', minWidth: 100,align:'center'},
                    {templet:"#difficultyFormat",  title: '难度', minWidth: 140,align:'center'},
                    {field: 'companyId', title: '公司编码', minWidth: 150,align:'center'},
                ]]