feat(ai): 新增产品题库功能

Administrator

2025-08-01 7b2d5b4570635cdee2d523f2510b702dc551792e

feat(ai): 新增产品题库功能

- 添加产品题库列表、新增、编辑、删除等功能页面
- 实现产品题库数据的分页查询、状态切换等操作
- 集成富文本编辑器用于编辑题目详情
- 添加题目分类的树形结构选择

 src/main/java/cc/mrbird/febs/ai/controller/productQuestion/AiProductQuestionController.java

New file
@@ -0,0 +1,76 @@
package cc.mrbird.febs.ai.controller.productQuestion;

import cc.mrbird.febs.ai.entity.AiProductPoint;
import cc.mrbird.febs.ai.entity.AiProductQuestion;
import cc.mrbird.febs.ai.service.AiProductQuestionService;
import cc.mrbird.febs.common.annotation.ControllerEndpoint;
import cc.mrbird.febs.common.controller.BaseController;
import cc.mrbird.febs.common.entity.FebsResponse;
import cc.mrbird.febs.common.entity.QueryRequest;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.validation.annotation.Validated;
import org.springframework.web.bind.annotation.*;

import javax.validation.Valid;
import javax.validation.constraints.NotNull;
import java.util.Map;

/**
 * @author Administrator
 */
@Slf4j
@Validated
@RestController
@RequiredArgsConstructor
@RequestMapping(value = "/admin/productQuestion")
public class AiProductQuestionController extends BaseController {

    private final AiProductQuestionService aiProductQuestionService;

    @GetMapping("list")
    public FebsResponse list(AiProductQuestion dto, QueryRequest request) {

        Map<String, Object> data = getDataTable(aiProductQuestionService.listInPage(dto, request));
        return new FebsResponse().success().data(data);
    }

    @GetMapping("changeState/{id}/{state}")
    @ControllerEndpoint(operation = "状态操作", exceptionMessage = "操作失败")
    public FebsResponse changeState(
            @NotNull(message = "{required}") @PathVariable String id,
            @NotNull(message = "{required}") @PathVariable Integer state
    ) {

        return aiProductQuestionService.changeState(id,state);
    }

    @PostMapping("add")
    @ControllerEndpoint(operation = "新增", exceptionMessage = "操作失败")
    public FebsResponse add(@RequestBody @Valid AiProductQuestion dto) {

        return aiProductQuestionService.add(dto);
    }

    @PostMapping("update")
    @ControllerEndpoint(operation = "更新", exceptionMessage = "操作失败")
    public FebsResponse update(@RequestBody @Valid AiProductQuestion dto) {

        return aiProductQuestionService.update(dto);
    }

    @GetMapping("delete/{id}")
    @ControllerEndpoint(operation = "删除", exceptionMessage = "操作失败")
    public FebsResponse delete(
            @NotNull(message = "{required}") @PathVariable String id
    ) {

        return aiProductQuestionService.delete(id);
    }

    @GetMapping(value = "/questionTree")
    public FebsResponse questionTree() {

        return new FebsResponse().success().data(aiProductQuestionService.questionTree());
    }
}

 src/main/java/cc/mrbird/febs/ai/controller/productQuestion/ViewController.java

New file
@@ -0,0 +1,48 @@
package cc.mrbird.febs.ai.controller.productQuestion;

import cc.mrbird.febs.ai.entity.AiProductPoint;
import cc.mrbird.febs.ai.entity.AiProductQuestion;
import cc.mrbird.febs.ai.service.AiProductQuestionService;
import cc.mrbird.febs.common.entity.FebsConstant;
import cc.mrbird.febs.common.utils.FebsUtil;
import lombok.RequiredArgsConstructor;
import org.apache.shiro.authz.annotation.RequiresPermissions;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * @author Administrator
 */
@Controller("AiProductQuestionView")
@RequestMapping(FebsConstant.VIEW_PREFIX + "modules/ai/productQuestion")
@RequiredArgsConstructor
public class ViewController {


    private final AiProductQuestionService aiProductQuestionService;

    @GetMapping("list")
    @RequiresPermissions("productQuestionList:view")
    public String pointList() {

        return FebsUtil.view("modules/ai/productQuestion/list");
    }

    @GetMapping(value = "/add")
    @RequiresPermissions("productQuestionList:add")
    public String artAdd() {

        return FebsUtil.view("modules/ai/productQuestion/add");
    }

    @GetMapping("info/{id}")
    @RequiresPermissions("productQuestionList:info")
    public String artInfo(@PathVariable String id, Model model) {
        AiProductQuestion entity = aiProductQuestionService.getById(id);
        model.addAttribute("aiProductQuestion", entity);
        return FebsUtil.view("modules/ai/productQuestion/info");
    }
}

 src/main/java/cc/mrbird/febs/ai/service/AiProductQuestionService.java

@@ -1,6 +1,9 @@
package cc.mrbird.febs.ai.service;

import cc.mrbird.febs.ai.entity.AiProductQuestion;
import cc.mrbird.febs.common.entity.FebsResponse;
import cc.mrbird.febs.common.entity.QueryRequest;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.extension.service.IService;
import java.util.List;

@@ -19,4 +22,15 @@
     */
    AiProductQuestion getById(String id);

    IPage<AiProductQuestion> listInPage(AiProductQuestion dto, QueryRequest request);

    FebsResponse changeState(String id, Integer state);

    FebsResponse add(AiProductQuestion dto);

    FebsResponse update(AiProductQuestion dto);

    FebsResponse delete(String id);

    List<AiProductQuestion> questionTree();
}

 src/main/java/cc/mrbird/febs/ai/service/impl/AiProductQuestionServiceImpl.java

@@ -1,15 +1,25 @@
package cc.mrbird.febs.ai.service.impl;

import cc.mrbird.febs.ai.entity.AiMemberRole;
import cc.mrbird.febs.ai.entity.AiProductPoint;
import cc.mrbird.febs.ai.entity.AiProductQuestion;
import cc.mrbird.febs.ai.mapper.AiProductQuestionMapper;
import cc.mrbird.febs.ai.service.AiProductQuestionService;
import cc.mrbird.febs.ai.util.UUID;
import cc.mrbird.febs.common.entity.FebsResponse;
import cc.mrbird.febs.common.entity.QueryRequest;
import cn.hutool.core.util.ObjectUtil;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.metadata.IPage;
import com.baomidou.mybatisplus.core.toolkit.Wrappers;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Service;
import org.springframework.transaction.annotation.Transactional;

import java.util.Date;
import java.util.List;

/**
@@ -27,7 +37,89 @@

    @Override
    public AiProductQuestion getById(String id) {

        return aiProductQuestionMapper.selectById(id);
    }

    @Override
    public IPage<AiProductQuestion> listInPage(AiProductQuestion dto, QueryRequest request) {
        Page<AiProductQuestion> page = new Page<>(request.getPageNum(), request.getPageSize());
        LambdaQueryWrapper<AiProductQuestion> query = Wrappers.lambdaQuery(AiProductQuestion.class);
        Page<AiProductQuestion> pages = aiProductQuestionMapper.selectPage(page, query);
        return pages;
    }

    @Override
    public FebsResponse changeState(String id, Integer state) {
        AiProductQuestion entity = this.getById(id);
        if(ObjectUtil.isNotEmpty(entity)){
            this.update(null,
                    Wrappers.lambdaUpdate(AiProductQuestion.class)
                            .set(AiProductQuestion::getState, state)
                            .set(AiProductQuestion::getUpdatedTime, new Date())
                            .eq(AiProductQuestion::getId, id));
        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse add(AiProductQuestion dto) {

        AiProductQuestion entity = new AiProductQuestion();
        entity.setId(UUID.getSimpleUUIDString());
        entity.setCompanyId(dto.getCompanyId());
        entity.setProductCategoryId(dto.getProductCategoryId());
        entity.setTitle(dto.getTitle());
        entity.setAnswer(dto.getAnswer());
        entity.setCorrectAnswer(dto.getCorrectAnswer());
        entity.setParentId(dto.getParentId());
        entity.setAnswerAnalysis(dto.getAnswerAnalysis());
        entity.setDifficulty(dto.getDifficulty());
        entity.setCreatedTime(new Date());
        this.save(entity);
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse update(AiProductQuestion dto) {
        String id = dto.getId();
        AiProductQuestion entity = this.getById(id);
        if (ObjectUtil.isNotNull( entity)){
            this.update(null,
                    Wrappers.lambdaUpdate(AiProductQuestion.class)
                            .set(AiProductQuestion::getCompanyId, dto.getCompanyId())
                            .set(AiProductQuestion::getProductCategoryId, dto.getProductCategoryId())
                            .set(AiProductQuestion::getTitle, dto.getTitle())
                            .set(AiProductQuestion::getAnswer, dto.getAnswer())
                            .set(AiProductQuestion::getCorrectAnswer, dto.getCorrectAnswer())
                            .set(AiProductQuestion::getParentId, dto.getParentId())
                            .set(AiProductQuestion::getAnswerAnalysis, dto.getAnswerAnalysis())
                            .set(AiProductQuestion::getDifficulty, dto.getDifficulty())
                            .set(AiProductQuestion::getUpdatedTime, new Date())
                            .eq(AiProductQuestion::getId, id)
            );
        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse delete(String id) {
        AiProductQuestion entity = this.getById(id);
        if(ObjectUtil.isNotNull( entity)){
            this.update(null,
                    Wrappers.lambdaUpdate(AiProductQuestion.class)
                            .set(AiProductQuestion::getState, 2)
                            .set(AiProductQuestion::getUpdatedTime, new Date())
                            .eq(AiProductQuestion::getId, id));

        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public List<AiProductQuestion> questionTree() {

        return aiProductQuestionMapper.selectList(null);
    }

}

 src/main/resources/templates/febs/views/modules/ai/productQuestion/add.html

New file
@@ -0,0 +1,160 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productQuestion-add" lay-title="新增">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-fluid" id="productQuestion-add">
                <form class="layui-form" action="" lay-filter="productQuestion-add-form">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">基础信息</li>
                        </ul>
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">分类：</label>
                                        <div class="layui-input-block">
                                            <div id="product-category"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">标题：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="title" lay-verify="required"
                                                   placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">答案：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="answer" lay-verify="required"
                                                   placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">正确答案：</label>
                                        <div class="layui-input-block">
                                            <input type="radio" name="correctAnswer" value="1" title="是" >
                                            <input type="radio" name="correctAnswer" value="2" title="否" checked="">
                                        </div>
                                    </div>
                                </div>


                                <div class="layui-form-item">
                                    <label class="layui-form-label febs-form-item-require">详情：</label>
                                    <div class="layui-input-block">
                                        <div style="border: 1px solid #ccc;">
                                            <div id="product-point-toolbar-container" class="toolbar"></div>
                                            <div id="product-point-text-container" class="text" style="height: 450px;"></div>
                                        </div>
                                    </div>
                                </div>



                            </div>
                        </div>
                    </div>

                    <div class="layui-form-item febs-hide">
                        <button class="layui-btn" lay-submit="" lay-filter="productQuestion-add-form-submit" id="submit">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!-- 表格操作栏 end -->
<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect','jquery'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            layer = layui.layer,
            table = layui.table,
            formSelects = layui.formSelects,
            treeSelect = layui.treeSelect,
            form = layui.form,
            laydate = layui.laydate,
            eleTree = layui.eleTree,
            $view = $('#productQuestion-add'),
            layedit = layui.layedit,
            upload = layui.upload,
            validate = layui.validate,
            element = layui.element;

        form.render();

        var category = xmSelect.render({
            el: '#product-category',
            language: 'zn',
            prop : {
                value : 'id',
                children : 'child'
            },
            iconfont: {
                parent: 'hidden',
            },
            tips: '请选择',
            filterable: true,
            radio: true,
            clickClose: true,
            tree: {
                show: true,
                //非严格模式
                strict: false,
            },
            data: []
        })

        febs.get(ctx + 'admin/productCategory/categoryTree', null, function(res) {
            category.update({
                data : res.data,
                autoRow: true,
            });
        })

        form.on('select(point-type-select)', function(data){
            $('.tc-set').each(function() {
                if (data.value == 2) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            })
        });

        form.on('submit(productQuestion-add-form-submit)', function (data) {
            data.field.description = editor.txt.html();
            $.ajax({
                'url':ctx + 'admin/productQuestion/add',
                'type':'post',
                'dataType':'json',
                'headers' : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式
                'traditional': true,//ajax传递数组必须添加属性
                'data':JSON.stringify(data.field),
                'success':function (data) {
                    if(data.code==200){
                        layer.closeAll();
                        febs.alert.success(data.message);
                        $('#febs-productQuestion').find('#query').click();
                    }else{
                        febs.alert.warn(data.message);
                    }
                },
                'error':function () {
                    febs.alert.warn('服务器繁忙');
                }
            })
            return false;
        });

    });
</script>

 src/main/resources/templates/febs/views/modules/ai/productQuestion/info.html

New file
@@ -0,0 +1,186 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productPoint-Info" lay-title="编辑">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-fluid" id="productPoint-info">
                <form class="layui-form" action="" lay-filter="productPoint-info-form">
                    <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                        <ul class="layui-tab-title">
                            <li class="layui-this">基础信息</li>
                        </ul>
                        <div class="layui-tab-content">
                            <input type="text" name="id"
                                   placeholder="" autoComplete="off" class="layui-input febs-hide">
                            <div class="layui-tab-item layui-show">

                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">类型：</label>
                                        <div class="layui-input-block">
                                            <select name="isNormal" class="point-type" lay-filter="point-type-select">
                                                <option value="1">普通内容</option>
                                                <option value="2">视频号内容</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>

                                <blockquote class="layui-elem-quote blue-border febs-hide tc-set">视频号信息</blockquote>
                                <div class="layui-form-item febs-hide tc-set">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label">视频号 id:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="finderUserName" placeholder="请输入" autocomplete="off" class="layui-input">
                                            <div class="layui-form-mid layui-word-aux">视频号 id，以“sph”开头的id，可在视频号助手获取。</div>
                                        </div>
                                    </div>
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label">视频 feedId:</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="feedId" placeholder="请输入" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-row layui-col-space10 layui-form-item">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label febs-form-item-require">标题：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="title" lay-verify="required"
                                                   placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-form-item">
                                    <label class="layui-form-label febs-form-item-require">详情：</label>
                                    <div class="layui-input-block">
                                        <div style="border: 1px solid #ccc;">
                                            <div id="product-point-toolbar-container" class="toolbar"></div>
                                            <div id="product-point-text-container" class="text" style="height: 450px;"></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item febs-hide">
                        <button class="layui-btn" lay-submit="" lay-filter="productPoint-info-form-submit" id="submit">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
    .blue-border {
        border-left-color: #2db7f5;
        font-size: 18px;
    }
    .layui-table-cell {
        height:auto;
    }
    .layui-upload-list {
        margin: 0 !important;
    }
    .multi-images {
        margin: 0 5px !important;
    }
</style>
<!-- 表格操作栏 end -->
<script data-th-inline="javascript">
    layui.use(['febs', 'form', 'formSelects', 'validate', 'treeSelect', 'eleTree','dropdown', 'laydate', 'layedit', 'upload', 'element', 'table', 'xmSelect','jquery'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            layer = layui.layer,
            table = layui.table,
            form = layui.form,
            $view = $('#productPoint-info'),
            aiProductPoint = [[${aiProductPoint}]],
            upload = layui.upload,
            validate = layui.validate;

        form.render();

        const E = window.wangEditor;
        const editor = new E('#product-point-toolbar-container', '#product-point-text-container'); // 传入两个元素
        editor.config.showLinkImg = false;
        editor.config.uploadFileName = 'file';
        editor.config.customUploadImg = function (files, insertImgFn) {
            // files 是 input 中选中的文件列表
            // insertImgFn 是获取图片 url 后，插入到编辑器的方法
            // 上传图片，返回结果，将图片插入到编辑器中
            for (let i = 0; i < files.length; i++){
                var form = new FormData();
                form.append("file", files[0]);
                $.ajax({
                    url:'/admin/goods/uploadFileBase64',
                    type: "post",
                    processData: false,
                    contentType: false,
                    data: form,
                    dataType: 'json',
                    success(res) {
                        // 上传代码返回结果之后，将图片插入到编辑器中
                        insertImgFn(res.data.src, res.data.title, '')
                    }
                })
            }
        };
        editor.create();

        form.on('select(point-type-select)', function(data){
            $('.tc-set').each(function() {
                if (data.value == 2) {
                    $(this).show();
                } else {
                    $(this).hide();
                }
            })
        });

        setTimeout(() => {
            initProductPointInfo();
        }, 500);
        function initProductPointInfo() {
            form.val("productPoint-info-form", {
                "id": aiProductPoint.id,
                "title": aiProductPoint.title,
                "isNormal": aiProductPoint.isNormal,
                "finderUserName": aiProductPoint.finderUserName,
                "feedId": aiProductPoint.feedId,
            });

            editor.txt.html(aiProductPoint.description);

            if (aiProductPoint.isNormal == 2) {
                $(".tc-set").show();
            }
        }

        form.on('submit(productPoint-info-form-submit)', function (data) {
            data.field.description = editor.txt.html();
            $.ajax({
                'url':ctx + 'admin/productPoint/update',
                'type':'post',
                'dataType':'json',
                'headers' : {'Content-Type' : 'application/json;charset=utf-8'}, //接口json格式
                'traditional': true,//ajax传递数组必须添加属性
                'data':JSON.stringify(data.field),
                'success':function (data) {
                    if(data.code==200){
                        layer.closeAll();
                        febs.alert.success(data.message);
                        $('#febs-productPoint').find('#query').click();
                    }else{
                        febs.alert.warn(data.message);
                    }
                },
                'error':function () {
                    febs.alert.warn('服务器繁忙');
                }
            })
            return false;
        });

    });
</script>

 src/main/resources/templates/febs/views/modules/ai/productQuestion/list.html

New file
@@ -0,0 +1,215 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productQuestion" lay-title="产品题库">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body febs-table-full">
                    <form class="layui-form layui-table-form" lay-filter="productQuestion-table-form">
                        <div class="layui-row">
                            <div class="layui-col-md10">
                                <div class="layui-form-item">
                                </div>
                            </div>
                            <div class="layui-col-md2 layui-col-sm12 layui-col-xs12 table-action-area">
                                <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-blue-plain table-action" id="query">
                                    <i class="layui-icon">&#xe848;</i>
                                </div>
                                <div class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain table-action" id="reset">
                                    <i class="layui-icon">&#xe79b;</i>
                                </div>
                            </div>
                        </div>
                    </form>
                    <table lay-filter="productQuestionTable" lay-data="{id: 'productQuestionTable'}"></table>

                    <style type="text/css">
                        .layui-table-cell{
                            text-align:center;
                            height: auto;
                            white-space: nowrap; /*文本不会换行，在同一行显示*/
                            overflow: hidden; /*超出隐藏*/
                            text-overflow: ellipsis; /*省略号显示*/
                        }
                        .layui-table img{
                            max-width:100px
                        }
                        ::-webkit-scrollbar {
                            height: 20px !important;
                            background-color: #f4f4f4;
                        }
                    </style>
                </div>
            </div>
        </div>
    </div>
</div>

<script type="text/html" id="productQuestionToolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productQuestionList:add" lay-event="productQuestionAdd">新增</button>
    </div>
</script>

<script type="text/html" id="productQuestionOption">
    <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="productQuestionList:info" lay-event="productQuestionInfoEvent">编辑</button>
    <button class="layui-btn layui-btn-danger layui-btn-sm" type="button" shiro:hasPermission="productQuestionList:info" lay-event="productQuestionDeleteEvent">删除</button>
</script>


<script type="text/html" id="productQuestionStateSwitch">
    {{# if(d.state === 1) { }}
    <input type="checkbox" value={{d.id}} lay-text="启用|禁用" checked lay-skin="switch" lay-filter="productQuestionStateSwitch">
    {{# } else { }}
    <input type="checkbox" value={{d.id}} lay-text="启用|禁用" lay-skin="switch" lay-filter="productQuestionStateSwitch">
    {{# } }}
</script>

<script type="text/html" id="difficultyFormat">
    {{# if(d.difficulty == 1) { }}
    <span>简单</span>
    {{# }else if(d.isNormal == 2) { }}
    <span>中等</span>
    {{# }else if(d.isNormal == 3) { }}
    <span>困难</span>
    {{# } else { }}
    <span>-</span>
    {{# } }}
</script>

<style>
    .layui-form-onswitch {
        background-color: #5FB878 !important;
    }
</style>
<!-- 表格操作栏 end -->
<script data-th-inline="none" type="text/javascript">
    // 引入组件并初始化
    layui.use([ 'jquery', 'form', 'table', 'febs'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            form = layui.form,
            table = layui.table,
            $view = $('#febs-productQuestion'),
            $query = $view.find('#query'),
            $reset = $view.find('#reset'),
            $searchForm = $view.find('form'),
            sortObject = {field: 'orderNum', type: null},
            tableIns;

        form.render();

        // 表格初始化
        initProductQuestionTable();

        // 初始化表格操作栏各个按钮功能
        table.on('tool(productQuestionTable)', function (obj) {
            console.log("触发事件:", obj.event); // 调试信息
            var data = obj.data,
                layEvent = obj.event;

            if (layEvent === 'productQuestionInfoEvent') {
                if (data.state == 1){
                    febs.alert.warn('请先禁用这行数据');
                    return;
                }
                febs.modal.open('编辑','modules/ai/productQuestion/info/' + data.id, {
                    btn: ['提交', '取消'],
                    area: ['100%', '100%'],
                    yes: function (index, layero) {
                        $('#febs-productQuestion-Info').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }

            if (layEvent === 'productQuestionDeleteEvent') {
                if (data.state == 1){
                    febs.alert.warn('请先禁用这行数据');
                    return;
                }
                febs.modal.confirm('删除', '确认删除？', function () {
                    productQuestionDeleteEvent(data.id);
                });
            }
        });

        function productQuestionDeleteEvent(id) {
            febs.get(ctx + 'admin/productQuestion/delete/' + id, null, function (data) {
                febs.alert.success(data.message);
                $query.click();
            });
        }

        // 初始化表格操作栏各个按钮功能
        table.on('toolbar(productQuestionTable)', function (obj) {
            let data = obj.data,
                layEvent = obj.event;
            if(layEvent === 'productQuestionAdd'){
                febs.modal.open('新增', 'modules/ai/productQuestion/add/', {
                    btn: ['提交', '取消'],
                    area:['100%','100%'],
                    yes: function (index, layero) {
                        $('#febs-productQuestion-add').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
        });

        function initProductQuestionTable() {
            tableIns = febs.table.init({
                elem: $view.find('table'),
                id: 'productQuestionTable',
                url: ctx + 'admin/productQuestion/list',
                toolbar:"#productQuestionToolbar",
                defaultToolbar:[],
                cols: [[
                    {type: 'checkbox'},
                    {type: 'numbers', title: '', width: 80},
                    {title: '操作', toolbar: '#productQuestionOption', minWidth: 200, align: 'center'},
                    {field: 'state', title: '状态', templet: '#productQuestionStateSwitch', minWidth: 130,align:'center'},
                    {field: 'title', title: '题目', minWidth: 100,align:'center'},
                    {templet:"#difficultyFormat",  title: '难度', minWidth: 140,align:'center'},
                    {field: 'companyId', title: '公司编码', minWidth: 150,align:'center'},
                ]]
            });
        }

        form.on('switch(productQuestionStateSwitch)', function (data) {
            if (data.elem.checked) {
                productSwitch(data.value,1);
            } else {
                productSwitch(data.value,0);
            }
        })
        function productSwitch(id,type,state) {
            febs.get(ctx + 'admin/productQuestion/changeState/' + id+'/' + state, null, function (data) {
                febs.alert.success(data.message);
                $query.click();
            });
        }


        // 查询按钮
        $query.on('click', function () {
            var params = $.extend(getQueryParams(), {field: sortObject.field, order: sortObject.type});
            tableIns.reload({where: params, page: {curr: 1}});
        });

        // 刷新按钮
        $reset.on('click', function () {
            $searchForm[0].reset();
            sortObject.type = 'null';
            tableIns.reload({where: getQueryParams(), page: {curr: 1}, initSort: sortObject});
        });
        // 获取查询参数
        function getQueryParams() {
            return {
            };
        }

    })
</script>