feat(ai): 新增 AI 陪练配置功能

Administrator

2025-08-01 85e05f4a7c93fb4715e26b1b9ee04fab944abf15

feat(ai): 新增 AI 陪练配置功能

- 添加 AI产品角色管理模块，包括角色列表、新增角色、编辑角色等功能
- 在产品列表页面增加 AI陪练配置按钮，实现产品与角色的关联设置
- 优化产品信息页面，将"商品分类"改为"产品分类"

 src/main/java/cc/mrbird/febs/ai/controller/product/AiProductController.java

@@ -76,4 +76,12 @@

        return aiProductService.productSet(dto);
    }


    @PostMapping("productRoleSet")
    @ControllerEndpoint(operation = "AI陪练配置", exceptionMessage = "操作失败")
    public FebsResponse productRoleSet(@RequestBody @Valid AdminMoveChooseInfoDto dto) {

        return aiProductService.productRoleSet(dto);
    }
}

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

@@ -1,12 +1,8 @@
package cc.mrbird.febs.ai.controller.product;

import cc.mrbird.febs.ai.entity.AiProduct;
import cc.mrbird.febs.ai.entity.AiProductPoint;
import cc.mrbird.febs.ai.entity.AiProductPointLink;
import cc.mrbird.febs.ai.entity.*;
import cc.mrbird.febs.ai.res.AdminMoveChooseInfoVo;
import cc.mrbird.febs.ai.service.AiProductPointLinkService;
import cc.mrbird.febs.ai.service.AiProductPointService;
import cc.mrbird.febs.ai.service.AiProductService;
import cc.mrbird.febs.ai.service.*;
import cc.mrbird.febs.common.entity.FebsConstant;
import cc.mrbird.febs.common.utils.FebsUtil;
import cn.hutool.core.collection.CollUtil;
@@ -40,6 +36,8 @@
    private final AiProductService aiProductService;
    private final AiProductPointLinkService aiProductPointLinkService;
    private final AiProductPointService aiProductPointService;
    private final AiProductRoleLinkService aiProductRoleLinkService;
    private final AiProductRoleService aiProductRoleService;

    @GetMapping("list")
    @RequiresPermissions("productList:view")
@@ -102,4 +100,44 @@
        model.addAttribute("chooseId", id);
        return FebsUtil.view("modules/ai/product/pointSet");
    }



    @GetMapping("productRoleSet/{id}")
    @RequiresPermissions("productList:productRoleSet")
    public String productRoleSet(@PathVariable String id, Model model) {
        List<AdminMoveChooseInfoVo> vos = new ArrayList<>();
        Set<String> productIds = new HashSet<>();

        AiProduct entity = aiProductService.getById(id);
        if(ObjectUtil.isNotNull(entity)){
            //右侧数据
            LambdaQueryWrapper<AiProductRoleLink> query = Wrappers.lambdaQuery(AiProductRoleLink.class);
            if(StrUtil.isNotEmpty(id)){
                query.eq(AiProductRoleLink::getProductId, id);
            }
            List<AiProductRoleLink> selectedList = aiProductRoleLinkService.selectListByQuery(query);
            if(CollUtil.isNotEmpty(selectedList)){
                //stream流操作happyMemberLabelRecords，获取memberId的set集合
                productIds = selectedList.stream().map(AiProductRoleLink::getProductRoleId).collect(Collectors.toSet());
            }

            //左侧数据
            List<AiProductRole> allList = aiProductRoleService.productRoleTree();
            if(CollUtil.isNotEmpty(allList)){
                //stream流操作mallMembers，生成一个新的List<MallMemberVo>
                vos = allList.stream().map(AiProductRole -> {
                    AdminMoveChooseInfoVo vo = new AdminMoveChooseInfoVo();
                    vo.setId(AiProductRole.getId());
                    vo.setName(AiProductRole.getName());
                    return vo;
                }).collect(Collectors.toList());
            }
        }

        model.addAttribute("productRoleAll", vos);
        model.addAttribute("productRoleSelected", productIds);
        model.addAttribute("chooseId", id);
        return FebsUtil.view("modules/ai/product/productRoleSet");
    }
}

 src/main/java/cc/mrbird/febs/ai/controller/productRole/AiProductRoleController.java

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

import cc.mrbird.febs.ai.entity.AiProductRole;
import cc.mrbird.febs.ai.service.AiProductRoleService;
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/productRole")
public class AiProductRoleController extends BaseController {

    private final AiProductRoleService aiProductRoleService;

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

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

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

        return aiProductRoleService.add(dto);
    }

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

        return aiProductRoleService.update(dto);
    }

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

        return aiProductRoleService.delete(id);
    }

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

        return new FebsResponse().success().data(aiProductRoleService.productRoleTree());
    }
}

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

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

import cc.mrbird.febs.ai.entity.AiProductPoint;
import cc.mrbird.febs.ai.entity.AiProductRole;
import cc.mrbird.febs.ai.service.AiProductRoleService;
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("AiProductRoleView")
@RequestMapping(FebsConstant.VIEW_PREFIX + "modules/ai/productRole")
@RequiredArgsConstructor
public class ViewController {


    private final AiProductRoleService aiProductRoleService;

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

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

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

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

    @GetMapping("info/{id}")
    @RequiresPermissions("productRoleList:info")
    public String artInfo(@PathVariable String id, Model model) {
        AiProductRole entity = aiProductRoleService.getById(id);
        model.addAttribute("aiProductRole", entity);
        return FebsUtil.view("modules/ai/productRole/info");
    }
}

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

@@ -1,10 +1,22 @@
package cc.mrbird.febs.ai.service;

import cc.mrbird.febs.ai.entity.AiProductPointLink;
import cc.mrbird.febs.ai.entity.AiProductRoleLink;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.service.IService;

import java.util.List;

/**
 * @author Administrator
 */
public interface AiProductRoleLinkService extends IService<AiProductRoleLink> {

    void deleteByProductRoleId(String id);

    List<AiProductRoleLink> selectListByRoleId(String id);

    List<AiProductRoleLink> selectListByQuery(LambdaQueryWrapper<AiProductRoleLink> query);

    void deleteByQuery(LambdaQueryWrapper<AiProductRoleLink> query);
}

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

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

import cc.mrbird.febs.ai.entity.AiProductRole;
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,13 @@
     */
    AiProductRole getById(String id);

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

    FebsResponse add(AiProductRole dto);

    FebsResponse update(AiProductRole dto);

    FebsResponse delete(String id);

    List<AiProductRole> productRoleTree();
}

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

@@ -37,4 +37,6 @@
    List<AiProduct> selectList();

    FebsResponse productSet(AdminMoveChooseInfoDto dto);

    FebsResponse productRoleSet(AdminMoveChooseInfoDto dto);
}

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

@@ -1,12 +1,20 @@
package cc.mrbird.febs.ai.service.impl;

import cc.mrbird.febs.ai.entity.AiProductPointLink;
import cc.mrbird.febs.ai.entity.AiProductRoleLink;
import cc.mrbird.febs.ai.mapper.AiProductRoleLinkMapper;
import cc.mrbird.febs.ai.service.AiProductRoleLinkService;
import cn.hutool.core.collection.CollUtil;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.toolkit.Wrappers;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import lombok.RequiredArgsConstructor;
import lombok.extern.slf4j.Slf4j;
import org.springframework.stereotype.Service;

import java.util.List;
import java.util.Set;
import java.util.stream.Collectors;

/**
 * @author Administrator
@@ -15,4 +23,33 @@
@Service
@RequiredArgsConstructor
public class AiProductRoleLinkServiceImpl extends ServiceImpl<AiProductRoleLinkMapper, AiProductRoleLink> implements AiProductRoleLinkService {

    private final AiProductRoleLinkMapper aiProductRoleLinkMapper;

    @Override
    public void deleteByProductRoleId(String id) {
        List<AiProductRoleLink> list = this.selectListByRoleId(id);
        if(CollUtil.isNotEmpty(list)){
            Set<String> collect = list.stream().map(AiProductRoleLink::getId).collect(Collectors.toSet());
            aiProductRoleLinkMapper.deleteBatchIds(collect);
        }
    }

    @Override
    public List<AiProductRoleLink> selectListByRoleId(String id) {
        LambdaQueryWrapper<AiProductRoleLink> query = Wrappers.lambdaQuery(AiProductRoleLink.class);
        query.eq(AiProductRoleLink::getProductRoleId, id);
        List<AiProductRoleLink> list = aiProductRoleLinkMapper.selectList(query);
        return list;
    }

    @Override
    public List<AiProductRoleLink> selectListByQuery(LambdaQueryWrapper<AiProductRoleLink> query) {
        return aiProductRoleLinkMapper.selectList( query);
    }

    @Override
    public void deleteByQuery(LambdaQueryWrapper<AiProductRoleLink> query) {
        aiProductRoleLinkMapper.delete(query);
    }
}

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

@@ -2,14 +2,22 @@

import cc.mrbird.febs.ai.entity.AiProductRole;
import cc.mrbird.febs.ai.mapper.AiProductRoleMapper;
import cc.mrbird.febs.ai.service.AiProductRoleLinkService;
import cc.mrbird.febs.ai.service.AiProductRoleService;
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;

/**
@@ -24,11 +32,73 @@
public class AiProductRoleServiceImpl extends ServiceImpl<AiProductRoleMapper, AiProductRole> implements AiProductRoleService {

    private final AiProductRoleMapper aiProductRoleMapper;
    private final AiProductRoleLinkService aiProductRoleLinkService;

    @Override
    public AiProductRole getById(String id) {
        return aiProductRoleMapper.selectById(id);
    }

    @Override
    public IPage<AiProductRole> listInPage(AiProductRole dto, QueryRequest request) {

        Page<AiProductRole> page = new Page<>(request.getPageNum(), request.getPageSize());
        LambdaQueryWrapper<AiProductRole> query = Wrappers.lambdaQuery(AiProductRole.class);
        Page<AiProductRole> pages = aiProductRoleMapper.selectPage(page, query);
        return pages;
    }

    @Override
    public FebsResponse add(AiProductRole dto) {
        AiProductRole entity = new AiProductRole();
        entity.setId(UUID.getSimpleUUIDString());
        entity.setCompanyId(dto.getCompanyId());
        entity.setName(dto.getName());
        entity.setDescription(dto.getDescription());
        entity.setPromptTemplate(dto.getPromptTemplate());
        entity.setIconImg(dto.getIconImg());
        entity.setModelId(dto.getModelId());
        entity.setLinkId(dto.getLinkId());
        entity.setCreatedTime(new Date());
        this.save(entity);
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse update(AiProductRole dto) {
        String id = dto.getId();
        AiProductRole entity = this.getById(id);
        if (ObjectUtil.isNotNull( entity)){
            this.update(null,
                    Wrappers.lambdaUpdate(AiProductRole.class)
                            .set(AiProductRole::getCompanyId, dto.getCompanyId())
                            .set(AiProductRole::getName, dto.getName())
                            .set(AiProductRole::getDescription, dto.getDescription())
                            .set(AiProductRole::getPromptTemplate, dto.getPromptTemplate())
                            .set(AiProductRole::getIconImg, dto.getIconImg())
                            .set(AiProductRole::getModelId, dto.getModelId())
                            .set(AiProductRole::getLinkId, dto.getLinkId())
                            .set(AiProductRole::getUpdatedTime, new Date())
                            .eq(AiProductRole::getId, id)
            );
        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse delete(String id) {
        AiProductRole entity = this.getById(id);
        if(ObjectUtil.isNotNull( entity)){
            // 删除
            aiProductRoleMapper.deleteById( id);
            aiProductRoleLinkService.deleteByProductRoleId(id);
        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public List<AiProductRole> productRoleTree() {
        return aiProductRoleMapper.selectList(null);
    }

}

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

@@ -5,6 +5,7 @@
import cc.mrbird.febs.ai.req.AdminMoveChooseInfoDto;
import cc.mrbird.febs.ai.service.AiProductCategoryService;
import cc.mrbird.febs.ai.service.AiProductPointLinkService;
import cc.mrbird.febs.ai.service.AiProductRoleLinkService;
import cc.mrbird.febs.ai.service.AiProductService;
import cc.mrbird.febs.ai.util.UUID;
import cc.mrbird.febs.common.entity.FebsResponse;
@@ -40,6 +41,7 @@
    private final AiProductMapper aiProductMapper;
    private final AiProductCategoryService aiProductCategoryService;
    private final AiProductPointLinkService aiProductPointLinkService;
    private final AiProductRoleLinkService aiProductRoleLinkService;

    @Override
    public AiProduct getById(String id) {
@@ -189,4 +191,30 @@
        }
        return new FebsResponse().success().message("操作成功");
    }

    @Override
    public FebsResponse productRoleSet(AdminMoveChooseInfoDto dto) {

        String chooseId = dto.getChooseId();
        List<String> chooseIds = dto.getChooseIds();
        AiProduct aiProduct = this.getById(chooseId);
        if (ObjectUtil.isNotNull(aiProduct)) {
            aiProductRoleLinkService.deleteByQuery(
                    Wrappers.lambdaQuery(AiProductRoleLink.class)
                            .eq(AiProductRoleLink::getProductId,chooseId)
            );
            if(CollUtil.isNotEmpty(chooseIds)){
                Date createdTime = new Date();
                for (String item : chooseIds){
                    AiProductRoleLink entity = new AiProductRoleLink();
                    entity.setId(UUID.getSimpleUUIDString());
                    entity.setProductId(chooseId);
                    entity.setProductRoleId(item);
                    entity.setCreatedTime(createdTime);
                    aiProductRoleLinkService.getBaseMapper().insert(entity);
                }
            }
        }
        return new FebsResponse().success().message("操作成功");
    }
}

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

@@ -11,7 +11,7 @@
                            <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>
                                        <label class="layui-form-label febs-form-item-require">产品分类：</label>
                                        <div class="layui-input-block">
                                            <div id="product-category"></div>
                                        </div>

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

@@ -14,7 +14,7 @@

                                <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>
                                        <label class="layui-form-label febs-form-item-require">产品分类：</label>
                                        <div class="layui-input-block">
                                            <div id="product-category"></div>
                                        </div>

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

@@ -53,6 +53,7 @@
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productList:add" lay-event="productAdd">新增</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productList:pointSet" lay-event="pointSet">知识点配置</button>
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productList:productRoleSet" lay-event="productRoleSet">AI陪练配置</button>
    </div>
</script>

@@ -263,6 +264,24 @@
                    }
                });
            }

            if (layEvent === 'productRoleSet') {
                var checkData = table.checkStatus('productTable').data;
                if (checkData.length > 1 || checkData.length === 0) {
                    febs.alert.warn('每次操作只能操作一行数据');
                    return;
                }
                febs.modal.open('AI陪练配置', 'modules/ai/product/productRoleSet/' + checkData[0].id, {
                    btn: ['提交', '取消'],
                    area:['100%','100%'],
                    yes: function (index, layero) {
                        $('#productRole-set').find('#submit').trigger('click');
                    },
                    btn2: function () {
                        layer.closeAll();
                    }
                });
            }
        });

        function initproductTable() {

 src/main/resources/templates/febs/views/modules/ai/product/productRoleSet.html

New file
@@ -0,0 +1,128 @@
<div class="layui-fluid layui-anim febs-anim" id="productRole-set" lay-title="AI培训配置">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-fluid" id="productRole-type-set">
                <form class="layui-form" action="" lay-filter="productRole-type-set-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="chooseId"
                                   placeholder="" autoComplete="off" class="layui-input febs-hide">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form-item">
                                    <div id="productRoleSetMove"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-form-item febs-hide">
                        <button class="layui-btn" lay-submit="" lay-filter="productRole-type-set-form-submit" id="submit">保存</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script data-th-inline="javascript">
    layui.use(['febs','form', 'transfer'], function () {
        var $ = layui.jquery,
            febs = layui.febs,
            layer = layui.layer,
            form = layui.form,
            transfer = layui.transfer,
            productRoleTypeAll = [[${productRoleAll}]],
            productRoleTypeChoose = [[${productRoleSelected}]],
            chooseId = [[${chooseId}]],
            $view = $('#productRole-set'),

            $productRoleSetMoveQuery = $view.find('#productRoleSetMoveQuery')
        ;

        // 查询按钮
        $productRoleSetMoveQuery.on('click', function () {
            console.log(transfer.getData('productRoleSetMove-set'))

            let data1 = transfer.getData('productRoleSetMove-set');
            //获取data1中的value，返回一个数组
            let productRoleIdList = data1.map(function(item){
                return item.value;
            });

            console.log(productRoleIdList)
        });


        form.render();

        initproductRoleTypeSet();

        function initproductRoleTypeSet() {
            console.log("productRoleTypeAll:", productRoleTypeAll); // 调试信息
            console.log("productRoleTypeChoose:", productRoleTypeChoose); // 调试信息
            console.log("chooseId:", chooseId); // 调试信息
            form.val("productRole-type-set-form", {
                "chooseId": chooseId,
            });
            // 转换数据格式（假设接口返回的数据结构需要处理）
            var dataLeft = productRoleTypeAll.map(function(item){
                return {
                    value: item.id,  // 值字段
                    title: item.name // 显示文本
                }
            });
            var dataRight = productRoleTypeChoose.map(function(item){
                return {
                    value: item,  // 值字段
                }
            });

            // 渲染穿梭框
            transfer.render({
                elem: '#productRoleSetMove',
                data: dataLeft,
                id: 'productRoleSetMove-set', // 唯一标识
                title: ['待选择列表', '已选择列表'],
                width: 300,
                height: 400,
                showSearch: true,
                value: productRoleTypeChoose,
            });
        }

        form.on('submit(productRole-type-set-form-submit)', function (data) {
            let data1 = transfer.getData('productRoleSetMove-set');
            //获取data1中的value，返回一个数组
            let productRoleIdList = data1.map(function(item){
                return item.value;
            });
            data.field.chooseIds = productRoleIdList;
            data.field.chooseId = chooseId;
            $.ajax({
                'url':ctx + 'admin/product/productRoleSet',
                '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-type').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/productRole/add.html

New file
@@ -0,0 +1,188 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productRole-add" lay-title="新增">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-fluid" id="productRole-add">
                <form class="layui-form" action="" lay-filter="productRole-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">
                                            <input type="text" name="name" 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">
                                            <div class="layui-upload">
                                                <button type="button" class="layui-btn layui-btn-normal layui-btn" id="productRoleImageUploadButton">上传</button>
                                                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                                    <div class="layui-upload-list" id="productRoleImageUpload"></div>
                                                </blockquote>
                                            </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="promptTemplate" 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">模型ID：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="modelId" 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">接入点ID：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="linkId" lay-verify="required"
                                                   placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-row layui-col-space10 layui-form-item febs-hide">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label">小图标链接：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="iconImg" lay-verify="required" name="iconImg" autocomplete="off" class="layui-input" readonly>
                                        </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-role-toolbar-container" class="toolbar"></div>
                                            <div id="product-role-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="productRole-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 = $('#productRole-add'),
            layedit = layui.layedit,
            upload = layui.upload,
            validate = layui.validate,
            element = layui.element;

        form.render();

        const E = window.wangEditor;
        const editor = new E('#product-role-toolbar-container', '#product-role-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();

        //图片上传
        upload.render({
            elem: '#productRoleImageUploadButton'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,accept: 'file' //普通文件
            ,size: 10240 //限制文件大小，单位 KB
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#productRoleImageUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
                });
            }
            ,done: function(res){
                $("#iconImg").val(res.data.src);
            }
        });

        form.on('submit(productRole-add-form-submit)', function (data) {
            data.field.description = editor.txt.html();
            $.ajax({
                'url':ctx + 'admin/productRole/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-productRole').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/productRole/info.html

New file
@@ -0,0 +1,216 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productRole-Info" lay-title="编辑">
    <div class="layui-row febs-container">
        <div class="layui-col-md12">
            <div class="layui-fluid" id="productRole-info">
                <form class="layui-form" action="" lay-filter="productRole-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">
                                            <input type="text" name="name" 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">
                                            <div class="layui-upload">
                                                <button type="button" class="layui-btn layui-btn-normal layui-btn" id="productRoleImageUploadButton">上传</button>
                                                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                                                    <div class="layui-upload-list" id="productRoleImageUpload"></div>
                                                </blockquote>
                                            </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="promptTemplate" 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">模型ID：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="modelId" 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">接入点ID：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="linkId" lay-verify="required"
                                                   placeholder="" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>
                                </div>

                                <div class="layui-row layui-col-space10 layui-form-item febs-hide">
                                    <div class="layui-col-lg6">
                                        <label class="layui-form-label">小图标链接：</label>
                                        <div class="layui-input-block">
                                            <input type="text" id="iconImg" lay-verify="required" name="iconImg" autocomplete="off" class="layui-input" readonly>
                                        </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-role-toolbar-container" class="toolbar"></div>
                                            <div id="product-role-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="productRole-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 = $('#productRole-info'),
            aiProductRole = [[${aiProductRole}]],
            upload = layui.upload,
            validate = layui.validate;

        form.render();

        const E = window.wangEditor;
        const editor = new E('#product-role-toolbar-container', '#product-role-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();

        //图片上传
        upload.render({
            elem: '#productRoleImageUploadButton'
            ,url: ctx + 'admin/goods/uploadFileBase64' //改成您自己的上传接口
            ,accept: 'file' //普通文件
            ,size: 10240 //限制文件大小，单位 KB
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#productRoleImageUpload').html('<img src="'+ result +'" alt="'+ file.name +'" class="layui-upload-img single-image" style="width: 130px">')
                });
            }
            ,done: function(res){
                $("#iconImg").val(res.data.src);
            }
        });

        setTimeout(() => {
            initProductRoleInfo();
        }, 500);
        function initProductRoleInfo() {
            form.val("productRole-info-form", {
                "id": aiProductRole.id,
                "name": aiProductRole.name,
                "promptTemplate": aiProductRole.promptTemplate,
                "modelId": aiProductRole.modelId,
                "linkId": aiProductRole.linkId,
            });

            $('#productRoleImageUpload').append('<img src="' + aiProductRole.iconImg + '" alt="" class="layui-upload-img single-image" style="width: 130px">');
            $("#iconImg").val(aiProductRole.iconImg);

            editor.txt.html(aiProductRole.description);

        }

        form.on('submit(productRole-info-form-submit)', function (data) {
            data.field.description = editor.txt.html();
            $.ajax({
                'url':ctx + 'admin/productRole/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-productRole').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/productRole/list.html

New file
@@ -0,0 +1,204 @@
<div class="layui-fluid layui-anim febs-anim" id="febs-productRole" 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="productRole-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="productRoleTable" lay-data="{id: 'productRoleTable'}"></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="productRoleToolbar">
    <div class="layui-btn-container">
        <button class="layui-btn layui-btn-sm layui-btn-primary febs-button-green-plain" shiro:hasPermission="productRoleList:add" lay-event="productRoleAdd">新增</button>
    </div>
</script>

<script type="text/html" id="productRoleOption">
    <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" shiro:hasPermission="productRoleList:info" lay-event="productRoleInfoEvent">编辑</button>
    <button class="layui-btn layui-btn-danger layui-btn-sm" type="button" shiro:hasPermission="productRoleList:info" lay-event="productRoleDeleteEvent">删除</button>
</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-productRole'),
            $query = $view.find('#query'),
            $reset = $view.find('#reset'),
            $searchForm = $view.find('form'),
            sortObject = {field: 'orderNum', type: null},
            tableIns;

        form.render();

        // 表格初始化
        initProductRoleTable();

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

            if (layEvent === 'seeImage') {
                var t = $view.find('#seeImage'+data.id+'');
                //页面层
                layer.open({
                    type: 1,
                    title: "小图标",
                    skin: 'layui-layer-rim', //加上边框
                    area: ['100%', '100%'], //宽高
                    shadeClose: true, //开启遮罩关闭
                    end: function (index, layero) {
                        return false;
                    },
                    content: '<div style="text-align:center"><img src="' + $(t).attr('src') + '" /></div>'
                });
            }

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

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

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

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

        function initProductRoleTable() {
            tableIns = febs.table.init({
                elem: $view.find('table'),
                id: 'productRoleTable',
                url: ctx + 'admin/productRole/list',
                toolbar:"#productRoleToolbar",
                defaultToolbar:[],
                cols: [[
                    {type: 'checkbox'},
                    {type: 'numbers', title: '', width: 80},
                    {title: '操作', toolbar: '#productRoleOption', minWidth: 200, align: 'center'},
                    {field: 'name', title: '名称', minWidth: 100,align:'center'},
                    {field: 'modelId', title: '模型ID', minWidth: 100,align:'center'},
                    {field: 'linkId', title: '接入点ID', minWidth: 100,align:'center'},
                    {field: 'iconImg',title: '小图标',
                        templet: function (d) {
                            return '<a lay-event="seeImage">' +
                                '<img id="seeImage' + d.id + '" src="' + d.iconImg +
                                '" alt="小图标" style="width: 50px; height: 50px; object-fit: cover; border-radius: 5px; cursor: pointer;">' +
                                '</a>';
                        },
                        minWidth: 150,align: 'center'},
                    {field: 'companyId', title: '公司编码', minWidth: 150,align:'center'},
                ]]
            });
        }


        // 查询按钮
        $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>