30 changed files with 1841 additions and 226 deletions
Unified View
Diff Options
-
+1 -12jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/AppletApiTTService.java
-
+1 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiBooksServiceImpl.java
-
+89 -103jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiTTServiceImpl.java
-
+182 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/controller/AppletTtsCacheController.java
-
+87 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/entity/AppletTtsCache.java
-
+17 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/mapper/AppletTtsCacheMapper.java
-
+5 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/mapper/xml/AppletTtsCacheMapper.xml
-
+14 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/service/IAppletTtsCacheService.java
-
+19 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/service/impl/AppletTtsCacheServiceImpl.java
-
+120 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp/AppletTtsCacheForm.vue
-
+44 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp/AppletTtsCacheList.vue
-
+37 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheData.ts
-
+305 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheForm.vue
-
+148 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheList.vue
-
+64 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCache.api.ts
-
+128 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCache.data.ts
-
+206 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCacheList.vue
-
+26 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/V20250921_1__menu_insert_AppletTtsCache.sql
-
+70 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/components/AppletTtsCacheForm.vue
-
+99 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/components/AppletTtsCacheModal.vue
-
+1 -1jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/controller/AppletTtsPlayLogController.java
-
+15 -15jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/entity/AppletTtsPlayLog.java
-
+1 -1jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/mapper/AppletTtsPlayLogMapper.java
-
+1 -1jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/service/IAppletTtsPlayLogService.java
-
+1 -1jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/service/impl/AppletTtsPlayLogServiceImpl.java
-
+9 -8jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp/AppletTtsPlayLogForm.vue
-
+15 -12jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp3/AppletTtsPlayLogData.ts
-
+54 -42jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp3/AppletTtsPlayLogForm.vue
-
+56 -30jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/vue3/AppletTtsPlayLog.data.ts
-
+26 -0jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/vue3/V20250921_1__menu_insert_AppletTtsPlayLog.sql
+ 1
- 12
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/AppletApiTTService.java
View File
+ 1
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiBooksServiceImpl.java
View File
+ 89
- 103
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/applet/service/impl/AppletApiTTServiceImpl.java
View File
+ 182
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/controller/AppletTtsCacheController.java
View File
| @ -0,0 +1,182 @@ | |||||
| package org.jeecg.modules.demo.appletTtsCache.controller; | |||||
| import java.util.Arrays; | |||||
| import java.util.HashMap; | |||||
| import java.util.List; | |||||
| import java.util.Map; | |||||
| import java.util.stream.Collectors; | |||||
| import java.io.IOException; | |||||
| import java.io.UnsupportedEncodingException; | |||||
| import java.net.URLDecoder; | |||||
| import javax.servlet.http.HttpServletRequest; | |||||
| import javax.servlet.http.HttpServletResponse; | |||||
| import org.jeecg.common.api.vo.Result; | |||||
| import org.jeecg.common.system.query.QueryGenerator; | |||||
| import org.jeecg.common.system.query.QueryRuleEnum; | |||||
| import org.jeecg.common.util.oConvertUtils; | |||||
| import org.jeecg.modules.demo.appletTtsCache.entity.AppletTtsCache; | |||||
| import org.jeecg.modules.demo.appletTtsCache.service.IAppletTtsCacheService; | |||||
| import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper; | |||||
| import com.baomidou.mybatisplus.core.metadata.IPage; | |||||
| import com.baomidou.mybatisplus.extension.plugins.pagination.Page; | |||||
| import lombok.extern.slf4j.Slf4j; | |||||
| import org.jeecgframework.poi.excel.ExcelImportUtil; | |||||
| import org.jeecgframework.poi.excel.def.NormalExcelConstants; | |||||
| import org.jeecgframework.poi.excel.entity.ExportParams; | |||||
| import org.jeecgframework.poi.excel.entity.ImportParams; | |||||
| import org.jeecgframework.poi.excel.view.JeecgEntityExcelView; | |||||
| import org.jeecg.common.system.base.controller.JeecgController; | |||||
| import org.springframework.beans.factory.annotation.Autowired; | |||||
| import org.springframework.web.bind.annotation.*; | |||||
| import org.springframework.web.multipart.MultipartFile; | |||||
| import org.springframework.web.multipart.MultipartHttpServletRequest; | |||||
| import org.springframework.web.servlet.ModelAndView; | |||||
| import com.alibaba.fastjson.JSON; | |||||
| import io.swagger.v3.oas.annotations.tags.Tag; | |||||
| import io.swagger.v3.oas.annotations.Operation; | |||||
| import org.jeecg.common.aspect.annotation.AutoLog; | |||||
| import org.apache.shiro.authz.annotation.RequiresPermissions; | |||||
| /** | |||||
| * @Description: 朗读音频 | |||||
| * @Author: jeecg-boot | |||||
| * @Date: 2025-09-21 | |||||
| * @Version: V1.0 | |||||
| */ | |||||
| @Tag(name="朗读音频") | |||||
| @RestController | |||||
| @RequestMapping("/appletTtsCache/appletTtsCache") | |||||
| @Slf4j | |||||
| public class AppletTtsCacheController extends JeecgController<AppletTtsCache, IAppletTtsCacheService> { | |||||
| @Autowired | |||||
| private IAppletTtsCacheService appletTtsCacheService; | |||||
| /** | |||||
| * 分页列表查询 | |||||
| * | |||||
| * @param appletTtsCache | |||||
| * @param pageNo | |||||
| * @param pageSize | |||||
| * @param req | |||||
| * @return | |||||
| */ | |||||
| //@AutoLog(value = "朗读音频-分页列表查询") | |||||
| @Operation(summary="朗读音频-分页列表查询") | |||||
| @GetMapping(value = "/list") | |||||
| public Result<IPage<AppletTtsCache>> queryPageList(AppletTtsCache appletTtsCache, | |||||
| @RequestParam(name="pageNo", defaultValue="1") Integer pageNo, | |||||
| @RequestParam(name="pageSize", defaultValue="10") Integer pageSize, | |||||
| HttpServletRequest req) { | |||||
| QueryWrapper<AppletTtsCache> queryWrapper = QueryGenerator.initQueryWrapper(appletTtsCache, req.getParameterMap()); | |||||
| Page<AppletTtsCache> page = new Page<AppletTtsCache>(pageNo, pageSize); | |||||
| IPage<AppletTtsCache> pageList = appletTtsCacheService.page(page, queryWrapper); | |||||
| return Result.OK(pageList); | |||||
| } | |||||
| /** | |||||
| * 添加 | |||||
| * | |||||
| * @param appletTtsCache | |||||
| * @return | |||||
| */ | |||||
| @AutoLog(value = "朗读音频-添加") | |||||
| @Operation(summary="朗读音频-添加") | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:add") | |||||
| @PostMapping(value = "/add") | |||||
| public Result<String> add(@RequestBody AppletTtsCache appletTtsCache) { | |||||
| appletTtsCacheService.save(appletTtsCache); | |||||
| return Result.OK("添加成功！"); | |||||
| } | |||||
| /** | |||||
| * 编辑 | |||||
| * | |||||
| * @param appletTtsCache | |||||
| * @return | |||||
| */ | |||||
| @AutoLog(value = "朗读音频-编辑") | |||||
| @Operation(summary="朗读音频-编辑") | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:edit") | |||||
| @RequestMapping(value = "/edit", method = {RequestMethod.PUT,RequestMethod.POST}) | |||||
| public Result<String> edit(@RequestBody AppletTtsCache appletTtsCache) { | |||||
| appletTtsCacheService.updateById(appletTtsCache); | |||||
| return Result.OK("编辑成功!"); | |||||
| } | |||||
| /** | |||||
| * 通过id删除 | |||||
| * | |||||
| * @param id | |||||
| * @return | |||||
| */ | |||||
| @AutoLog(value = "朗读音频-通过id删除") | |||||
| @Operation(summary="朗读音频-通过id删除") | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:delete") | |||||
| @DeleteMapping(value = "/delete") | |||||
| public Result<String> delete(@RequestParam(name="id",required=true) String id) { | |||||
| appletTtsCacheService.removeById(id); | |||||
| return Result.OK("删除成功!"); | |||||
| } | |||||
| /** | |||||
| * 批量删除 | |||||
| * | |||||
| * @param ids | |||||
| * @return | |||||
| */ | |||||
| @AutoLog(value = "朗读音频-批量删除") | |||||
| @Operation(summary="朗读音频-批量删除") | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:deleteBatch") | |||||
| @DeleteMapping(value = "/deleteBatch") | |||||
| public Result<String> deleteBatch(@RequestParam(name="ids",required=true) String ids) { | |||||
| this.appletTtsCacheService.removeByIds(Arrays.asList(ids.split(","))); | |||||
| return Result.OK("批量删除成功!"); | |||||
| } | |||||
| /** | |||||
| * 通过id查询 | |||||
| * | |||||
| * @param id | |||||
| * @return | |||||
| */ | |||||
| //@AutoLog(value = "朗读音频-通过id查询") | |||||
| @Operation(summary="朗读音频-通过id查询") | |||||
| @GetMapping(value = "/queryById") | |||||
| public Result<AppletTtsCache> queryById(@RequestParam(name="id",required=true) String id) { | |||||
| AppletTtsCache appletTtsCache = appletTtsCacheService.getById(id); | |||||
| if(appletTtsCache==null) { | |||||
| return Result.error("未找到对应数据"); | |||||
| } | |||||
| return Result.OK(appletTtsCache); | |||||
| } | |||||
| /** | |||||
| * 导出excel | |||||
| * | |||||
| * @param request | |||||
| * @param appletTtsCache | |||||
| */ | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:exportXls") | |||||
| @RequestMapping(value = "/exportXls") | |||||
| public ModelAndView exportXls(HttpServletRequest request, AppletTtsCache appletTtsCache) { | |||||
| return super.exportXls(request, appletTtsCache, AppletTtsCache.class, "朗读音频"); | |||||
| } | |||||
| /** | |||||
| * 通过excel导入数据 | |||||
| * | |||||
| * @param request | |||||
| * @param response | |||||
| * @return | |||||
| */ | |||||
| @RequiresPermissions("appletTtsCache:applet_tts_cache:importExcel") | |||||
| @RequestMapping(value = "/importExcel", method = RequestMethod.POST) | |||||
| public Result<?> importExcel(HttpServletRequest request, HttpServletResponse response) { | |||||
| return super.importExcel(request, response, AppletTtsCache.class); | |||||
| } | |||||
| } | |||||
+ 87
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/entity/AppletTtsCache.java
View File
| @ -0,0 +1,87 @@ | |||||
| package org.jeecg.modules.demo.appletTtsCache.entity; | |||||
| import java.io.Serializable; | |||||
| import java.io.UnsupportedEncodingException; | |||||
| import java.util.Date; | |||||
| import java.math.BigDecimal; | |||||
| import com.baomidou.mybatisplus.annotation.IdType; | |||||
| import com.baomidou.mybatisplus.annotation.TableId; | |||||
| import com.baomidou.mybatisplus.annotation.TableName; | |||||
| import com.baomidou.mybatisplus.annotation.TableLogic; | |||||
| import org.jeecg.common.constant.ProvinceCityArea; | |||||
| import org.jeecg.common.util.SpringContextUtils; | |||||
| import lombok.Data; | |||||
| import com.fasterxml.jackson.annotation.JsonFormat; | |||||
| import org.springframework.format.annotation.DateTimeFormat; | |||||
| import org.jeecgframework.poi.excel.annotation.Excel; | |||||
| import org.jeecg.common.aspect.annotation.Dict; | |||||
| import io.swagger.v3.oas.annotations.media.Schema; | |||||
| import lombok.EqualsAndHashCode; | |||||
| import lombok.experimental.Accessors; | |||||
| /** | |||||
| * @Description: 朗读音频 | |||||
| * @Author: jeecg-boot | |||||
| * @Date: 2025-09-21 | |||||
| * @Version: V1.0 | |||||
| */ | |||||
| @Data | |||||
| @TableName("applet_tts_cache") | |||||
| @Accessors(chain = true) | |||||
| @EqualsAndHashCode(callSuper = false) | |||||
| @Schema(description="朗读音频") | |||||
| public class AppletTtsCache implements Serializable { | |||||
| private static final long serialVersionUID = 1L; | |||||
| /**id*/ | |||||
| @TableId(type = IdType.ASSIGN_ID) | |||||
| @Schema(description = "id") | |||||
| private java.lang.String id; | |||||
| /**创建人*/ | |||||
| @Schema(description = "创建人") | |||||
| private java.lang.String createBy; | |||||
| /**更新人*/ | |||||
| @Schema(description = "更新人") | |||||
| private java.lang.String updateBy; | |||||
| /**更新日期*/ | |||||
| @JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss") | |||||
| @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss") | |||||
| @Schema(description = "更新日期") | |||||
| private java.util.Date updateTime; | |||||
| /**所属部门*/ | |||||
| @Schema(description = "所属部门") | |||||
| private java.lang.String sysOrgCode; | |||||
| /**ID*/ | |||||
| @Excel(name = "ID", width = 15) | |||||
| @Schema(description = "ID") | |||||
| private java.lang.String audioId; | |||||
| /**创建日期*/ | |||||
| @JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd HH:mm:ss") | |||||
| @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss") | |||||
| @Schema(description = "创建日期") | |||||
| private java.util.Date createTime; | |||||
| /**时长*/ | |||||
| @Excel(name = "时长", width = 15) | |||||
| @Schema(description = "时长") | |||||
| private java.lang.Double duration; | |||||
| /**文本*/ | |||||
| @Excel(name = "文本", width = 15) | |||||
| @Schema(description = "文本") | |||||
| private java.lang.String text; | |||||
| /**音色ID*/ | |||||
| @Excel(name = "音色ID", width = 15) | |||||
| @Schema(description = "音色ID") | |||||
| private java.lang.Integer voiceType; | |||||
| /**音量*/ | |||||
| @Excel(name = "音量", width = 15) | |||||
| @Schema(description = "音量") | |||||
| private java.lang.Double volume; | |||||
| /**语速*/ | |||||
| @Excel(name = "语速", width = 15) | |||||
| @Schema(description = "语速") | |||||
| private java.lang.Double speed; | |||||
| /**是否成功*/ | |||||
| @Excel(name = "是否成功", width = 15,replace = {"是_Y","否_N"} ) | |||||
| @Schema(description = "是否成功") | |||||
| private java.lang.String success; | |||||
| } | |||||
+ 17
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/mapper/AppletTtsCacheMapper.java
View File
| @ -0,0 +1,17 @@ | |||||
| package org.jeecg.modules.demo.appletTtsCache.mapper; | |||||
| import java.util.List; | |||||
| import org.apache.ibatis.annotations.Param; | |||||
| import org.jeecg.modules.demo.appletTtsCache.entity.AppletTtsCache; | |||||
| import com.baomidou.mybatisplus.core.mapper.BaseMapper; | |||||
| /** | |||||
| * @Description: 朗读音频 | |||||
| * @Author: jeecg-boot | |||||
| * @Date: 2025-09-21 | |||||
| * @Version: V1.0 | |||||
| */ | |||||
| public interface AppletTtsCacheMapper extends BaseMapper<AppletTtsCache> { | |||||
| } | |||||
+ 5
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/mapper/xml/AppletTtsCacheMapper.xml
View File
| @ -0,0 +1,5 @@ | |||||
| <?xml version="1.0" encoding="UTF-8"?> | |||||
| <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd"> | |||||
| <mapper namespace="org.jeecg.modules.demo.appletTtsCache.mapper.AppletTtsCacheMapper"> | |||||
| </mapper> | |||||
+ 14
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/service/IAppletTtsCacheService.java
View File
| @ -0,0 +1,14 @@ | |||||
| package org.jeecg.modules.demo.appletTtsCache.service; | |||||
| import org.jeecg.modules.demo.appletTtsCache.entity.AppletTtsCache; | |||||
| import com.baomidou.mybatisplus.extension.service.IService; | |||||
| /** | |||||
| * @Description: 朗读音频 | |||||
| * @Author: jeecg-boot | |||||
| * @Date: 2025-09-21 | |||||
| * @Version: V1.0 | |||||
| */ | |||||
| public interface IAppletTtsCacheService extends IService<AppletTtsCache> { | |||||
| } | |||||
+ 19
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/service/impl/AppletTtsCacheServiceImpl.java
View File
| @ -0,0 +1,19 @@ | |||||
| package org.jeecg.modules.demo.appletTtsCache.service.impl; | |||||
| import org.jeecg.modules.demo.appletTtsCache.entity.AppletTtsCache; | |||||
| import org.jeecg.modules.demo.appletTtsCache.mapper.AppletTtsCacheMapper; | |||||
| import org.jeecg.modules.demo.appletTtsCache.service.IAppletTtsCacheService; | |||||
| import org.springframework.stereotype.Service; | |||||
| import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl; | |||||
| /** | |||||
| * @Description: 朗读音频 | |||||
| * @Author: jeecg-boot | |||||
| * @Date: 2025-09-21 | |||||
| * @Version: V1.0 | |||||
| */ | |||||
| @Service | |||||
| public class AppletTtsCacheServiceImpl extends ServiceImpl<AppletTtsCacheMapper, AppletTtsCache> implements IAppletTtsCacheService { | |||||
| } | |||||
+ 120
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp/AppletTtsCacheForm.vue
View File
| @ -0,0 +1,120 @@ | |||||
| <template> | |||||
| <view> | |||||
| <!--标题和返回--> | |||||
| <cu-custom :bgColor="NavBarColor" isBack :backRouterName="backRouteName"> | |||||
| <block slot="backText">返回</block> | |||||
| <block slot="content">朗读音频</block> | |||||
| </cu-custom> | |||||
| <!--表单区域--> | |||||
| <view> | |||||
| <form> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">ID：</text></view> | |||||
| <input placeholder="请输入ID" v-model="model.audioId"/> | |||||
| </view> | |||||
| </view> | |||||
| <my-date label="创建日期：" v-model="model.createTime" placeholder="请输入创建日期"></my-date> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">时长：</text></view> | |||||
| <input type="number" placeholder="请输入时长" v-model="model.duration"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">文本：</text></view> | |||||
| <input placeholder="请输入文本" v-model="model.text"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">音色ID：</text></view> | |||||
| <input type="number" placeholder="请输入音色ID" v-model="model.voicetype"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">音量：</text></view> | |||||
| <input type="number" placeholder="请输入音量" v-model="model.volume"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">语速：</text></view> | |||||
| <input type="number" placeholder="请输入语速" v-model="model.speed"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="cu-form-group"> | |||||
| <view class="flex align-center"> | |||||
| <view class="title"><text space="ensp">是否成功：</text></view> | |||||
| <input placeholder="请输入是否成功" v-model="model.success"/> | |||||
| </view> | |||||
| </view> | |||||
| <view class="padding"> | |||||
| <button class="cu-btn block bg-blue margin-tb-sm lg" @click="onSubmit"> | |||||
| <text v-if="loading" class="cuIcon-loading2 cuIconfont-spin"></text>提交 | |||||
| </button> | |||||
| </view> | |||||
| </form> | |||||
| </view> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import myDate from '@/components/my-componets/my-date.vue' | |||||
| export default { | |||||
| name: "AppletTtsCacheForm", | |||||
| components:{ myDate }, | |||||
| props:{ | |||||
| formData:{ | |||||
| type:Object, | |||||
| default:()=>{}, | |||||
| required:false | |||||
| } | |||||
| }, | |||||
| data(){ | |||||
| return { | |||||
| CustomBar: this.CustomBar, | |||||
| NavBarColor: this.NavBarColor, | |||||
| loading:false, | |||||
| model: {}, | |||||
| backRouteName:'index', | |||||
| url: { | |||||
| queryById: "/appletTtsCache/appletTtsCache/queryById", | |||||
| add: "/appletTtsCache/appletTtsCache/add", | |||||
| edit: "/appletTtsCache/appletTtsCache/edit", | |||||
| }, | |||||
| } | |||||
| }, | |||||
| created(){ | |||||
| this.initFormData(); | |||||
| }, | |||||
| methods:{ | |||||
| initFormData(){ | |||||
| if(this.formData){ | |||||
| let dataId = this.formData.dataId; | |||||
| this.$http.get(this.url.queryById,{params:{id:dataId}}).then((res)=>{ | |||||
| if(res.data.success){ | |||||
| console.log("表单数据",res); | |||||
| this.model = res.data.result; | |||||
| } | |||||
| }) | |||||
| } | |||||
| }, | |||||
| onSubmit() { | |||||
| let myForm = {...this.model}; | |||||
| this.loading = true; | |||||
| let url = myForm.id?this.url.edit:this.url.add; | |||||
| this.$http.post(url,myForm).then(res=>{ | |||||
| console.log("res",res) | |||||
| this.loading = false | |||||
| this.$Router.push({name:this.backRouteName}) | |||||
| }).catch(()=>{ | |||||
| this.loading = false | |||||
| }); | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
+ 44
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp/AppletTtsCacheList.vue
View File
| @ -0,0 +1,44 @@ | |||||
| <template> | |||||
| <view> | |||||
| <!--标题和返回--> | |||||
| <cu-custom :bgColor="NavBarColor" isBack> | |||||
| <block slot="backText">返回</block> | |||||
| <block slot="content">朗读音频</block> | |||||
| </cu-custom> | |||||
| <!--滚动加载列表--> | |||||
| <mescroll-body ref="mescrollRef" bottom="88" @init="mescrollInit" :up="upOption" :down="downOption" @down="downCallback" @up="upCallback"> | |||||
| <view class="cu-list menu"> | |||||
| <view class="cu-item" v-for="(item,index) in list" :key="index" @click="goHome"> | |||||
| <view class="flex" style="width:100%"> | |||||
| <text class="text-lg" style="color: #000;"> | |||||
| {{ item.createBy}} | |||||
| </text> | |||||
| </view> | |||||
| </view> | |||||
| </view> | |||||
| </mescroll-body> | |||||
| </view> | |||||
| </template> | |||||
| <script> | |||||
| import MescrollMixin from "@/components/mescroll-uni/mescroll-mixins.js"; | |||||
| import Mixin from "@/common/mixin/Mixin.js"; | |||||
| export default { | |||||
| name: '朗读音频', | |||||
| mixins: [MescrollMixin,Mixin], | |||||
| data() { | |||||
| return { | |||||
| CustomBar:this.CustomBar, | |||||
| NavBarColor:this.NavBarColor, | |||||
| url: "/appletTtsCache/appletTtsCache/list", | |||||
| }; | |||||
| }, | |||||
| methods: { | |||||
| goHome(){ | |||||
| this.$Router.push({name: "index"}) | |||||
| } | |||||
| } | |||||
| } | |||||
| </script> | |||||
+ 37
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheData.ts
View File
| @ -0,0 +1,37 @@ | |||||
| import { render } from '@/common/renderUtils'; | |||||
| //列表数据 | |||||
| export const columns = [ | |||||
| { | |||||
| title: 'ID', | |||||
| align:"center", | |||||
| dataIndex: 'audioId' | |||||
| }, | |||||
| { | |||||
| title: '创建日期', | |||||
| align:"center", | |||||
| dataIndex: 'createTime' | |||||
| }, | |||||
| { | |||||
| title: '时长', | |||||
| align:"center", | |||||
| dataIndex: 'duration' | |||||
| }, | |||||
| { | |||||
| title: '音色ID', | |||||
| align:"center", | |||||
| dataIndex: 'voicetype' | |||||
| }, | |||||
| { | |||||
| title: '语速', | |||||
| align:"center", | |||||
| dataIndex: 'speed' | |||||
| }, | |||||
| { | |||||
| title: '是否成功', | |||||
| align:"center", | |||||
| dataIndex: 'success', | |||||
| customRender:({text}) => { | |||||
| return render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}]) | |||||
| }, | |||||
| }, | |||||
| ]; | |||||
+ 305
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheForm.vue
View File
| @ -0,0 +1,305 @@ | |||||
| <route lang="json5" type="page"> | |||||
| { | |||||
| layout: 'default', | |||||
| style: { | |||||
| navigationStyle: 'custom', | |||||
| navigationBarTitleText: '朗读音频', | |||||
| }, | |||||
| } | |||||
| </route> | |||||
| <template> | |||||
| <PageLayout :navTitle="navTitle" :backRouteName="backRouteName"> | |||||
| <scroll-view class="scrollArea" scroll-y> | |||||
| <view class="form-container"> | |||||
| <wd-form ref="form" :model="myFormData"> | |||||
| <wd-cell-group border> | |||||
| <view class="{ 'mt-14px': 0 == 0 }"> | |||||
| <wd-input | |||||
| label-width="100px" | |||||
| v-model="myFormData['audioId']" | |||||
| :label="get4Label('ID')" | |||||
| name='audioId' | |||||
| prop='audioId' | |||||
| placeholder="请选择ID" | |||||
| :rules="[ | |||||
| ]" | |||||
| clearable | |||||
| /> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 1 == 0 }"> | |||||
| <DateTime | |||||
| :label="get4Label('创建日期')" | |||||
| labelWidth="100px" | |||||
| type="datetime" | |||||
| format="YYYY-MM-DD HH:mm:ss" | |||||
| name='createTime' | |||||
| v-model="myFormData['createTime']" | |||||
| ></DateTime> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 0 == 0 }"> | |||||
| <wd-input | |||||
| label-width="100px" | |||||
| v-model="myFormData['duration']" | |||||
| :label="get4Label('时长')" | |||||
| name='duration' | |||||
| prop='duration' | |||||
| placeholder="请选择时长" | |||||
| inputMode="numeric" | |||||
| :rules="[ | |||||
| ]" | |||||
| clearable | |||||
| /> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 1 == 0 }"> | |||||
| <wd-textarea | |||||
| :label="get4Label('文本')" | |||||
| labelWidth="100px" | |||||
| type="textarea" | |||||
| name='text' | |||||
| prop='text' | |||||
| clearable | |||||
| :maxlength="300" | |||||
| v-model="myFormData['text']" | |||||
| ></wd-textarea> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 0 == 0 }"> | |||||
| <wd-input | |||||
| label-width="100px" | |||||
| v-model="myFormData['voicetype']" | |||||
| :label="get4Label('音色ID')" | |||||
| name='voicetype' | |||||
| prop='voicetype' | |||||
| placeholder="请选择音色ID" | |||||
| inputMode="numeric" | |||||
| :rules="[ | |||||
| ]" | |||||
| clearable | |||||
| /> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 1 == 0 }"> | |||||
| <wd-input | |||||
| label-width="100px" | |||||
| v-model="myFormData['volume']" | |||||
| :label="get4Label('音量')" | |||||
| name='volume' | |||||
| prop='volume' | |||||
| placeholder="请选择音量" | |||||
| inputMode="numeric" | |||||
| :rules="[ | |||||
| ]" | |||||
| clearable | |||||
| /> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 0 == 0 }"> | |||||
| <wd-input | |||||
| label-width="100px" | |||||
| v-model="myFormData['speed']" | |||||
| :label="get4Label('语速')" | |||||
| name='speed' | |||||
| prop='speed' | |||||
| placeholder="请选择语速" | |||||
| inputMode="numeric" | |||||
| :rules="[ | |||||
| ]" | |||||
| clearable | |||||
| /> | |||||
| </view> | |||||
| <view class="{ 'mt-14px': 1 == 0 }"> | |||||
| <!-- 开关 --> | |||||
| <wd-cell | |||||
| :label="get4Label('是否成功')" | |||||
| name='success' | |||||
| title-width="100px" | |||||
| center | |||||
| > | |||||
| <wd-switch | |||||
| :label="get4Label('是否成功')" | |||||
| name='success' | |||||
| size="18px" | |||||
| v-model="myFormData['success']" | |||||
| active-value="Y" | |||||
| inactive-value="N" | |||||
| /> | |||||
| </wd-cell> | |||||
| </view> | |||||
| </wd-cell-group> | |||||
| </wd-form> | |||||
| </view> | |||||
| </scroll-view> | |||||
| <view class="footer"> | |||||
| <wd-button :disabled="loading" block :loading="loading" @click="handleSubmit">提交</wd-button> | |||||
| </view> | |||||
| </PageLayout> | |||||
| </template> | |||||
| <script lang="ts" setup> | |||||
| import { onLoad } from '@dcloudio/uni-app' | |||||
| import { http } from '@/utils/http' | |||||
| import { useToast } from 'wot-design-uni' | |||||
| import { useRouter } from '@/plugin/uni-mini-router' | |||||
| import { ref, onMounted, computed,reactive } from 'vue' | |||||
| import OnlineImage from '@/components/online/view/online-image.vue' | |||||
| import OnlineFile from '@/components/online/view/online-file.vue' | |||||
| import OnlineFileCustom from '@/components/online/view/online-file-custom.vue' | |||||
| import OnlineSelect from '@/components/online/view/online-select.vue' | |||||
| import OnlineTime from '@/components/online/view/online-time.vue' | |||||
| import OnlineDate from '@/components/online/view/online-date.vue' | |||||
| import OnlineRadio from '@/components/online/view/online-radio.vue' | |||||
| import OnlineCheckbox from '@/components/online/view/online-checkbox.vue' | |||||
| import OnlineMulti from '@/components/online/view/online-multi.vue' | |||||
| import OnlinePopupLinkRecord from '@/components/online/view/online-popup-link-record.vue' | |||||
| import OnlinePca from '@/components/online/view/online-pca.vue' | |||||
| import SelectDept from '@/components/SelectDept/SelectDept.vue' | |||||
| import SelectUser from '@/components/SelectUser/SelectUser.vue' | |||||
| import {duplicateCheck} from "@/service/api"; | |||||
| defineOptions({ | |||||
| name: 'AppletTtsCacheForm', | |||||
| options: { | |||||
| styleIsolation: 'shared', | |||||
| }, | |||||
| }) | |||||
| const toast = useToast() | |||||
| const router = useRouter() | |||||
| const form = ref(null) | |||||
| // 定义响应式数据 | |||||
| const myFormData = reactive({}) | |||||
| const loading = ref(false) | |||||
| const navTitle = ref('新增') | |||||
| const dataId = ref('') | |||||
| const backRouteName = ref('AppletTtsCacheList') | |||||
| // 定义 initForm 方法 | |||||
| const initForm = (item) => { | |||||
| console.log('initForm item', item) | |||||
| if(item?.dataId){ | |||||
| dataId.value = item.dataId; | |||||
| navTitle.value = item.dataId?'编辑':'新增'; | |||||
| initData(); | |||||
| } | |||||
| } | |||||
| // 初始化数据 | |||||
| const initData = () => { | |||||
| http.get("/appletTtsCache/appletTtsCache/queryById",{id:dataId.value}).then((res) => { | |||||
| if (res.success) { | |||||
| let obj = res.result | |||||
| Object.assign(myFormData, { ...obj }) | |||||
| }else{ | |||||
| toast.error(res?.message || '表单加载失败！') | |||||
| } | |||||
| }) | |||||
| } | |||||
| const handleSuccess = () => { | |||||
| uni.$emit('refreshList'); | |||||
| router.back() | |||||
| } | |||||
| /** | |||||
| * 校验唯一 | |||||
| * @param values | |||||
| * @returns {boolean} | |||||
| */ | |||||
| async function fieldCheck(values: any) { | |||||
| const onlyField = [ | |||||
| ]; | |||||
| for (const field of onlyField) { | |||||
| if (values[field]) { | |||||
| // 仅校验有值的字段 | |||||
| const res: any = await duplicateCheck({ | |||||
| tableName: 'applet_tts_cache', | |||||
| fieldName: field, // 使用处理后的字段名 | |||||
| fieldVal: values[field], | |||||
| dataId: values.id, | |||||
| }); | |||||
| if (!res.success) { | |||||
| toast.warning(res.message); | |||||
| return true; // 校验失败 | |||||
| } | |||||
| } | |||||
| } | |||||
| return false; // 校验通过 | |||||
| } | |||||
| // 提交表单 | |||||
| const handleSubmit = async () => { | |||||
| // 判断字段必填和正则 | |||||
| if (await fieldCheck(myFormData)) { | |||||
| return | |||||
| } | |||||
| let url = dataId.value?'/appletTtsCache/appletTtsCache/edit':'/appletTtsCache/appletTtsCache/add'; | |||||
| form.value | |||||
| .validate() | |||||
| .then(({ valid, errors }) => { | |||||
| if (valid) { | |||||
| loading.value = true; | |||||
| http.post(url,myFormData).then((res) => { | |||||
| loading.value = false; | |||||
| if (res.success) { | |||||
| toast.success('保存成功'); | |||||
| handleSuccess() | |||||
| }else{ | |||||
| toast.error(res?.message || '表单保存失败！') | |||||
| } | |||||
| }) | |||||
| } | |||||
| }) | |||||
| .catch((error) => { | |||||
| console.log(error, 'error') | |||||
| loading.value = false; | |||||
| }) | |||||
| } | |||||
| // 标题 | |||||
| const get4Label = computed(() => { | |||||
| return (label) => { | |||||
| return label && label.length > 4 ? label.substring(0, 4) : label; | |||||
| } | |||||
| }) | |||||
| // 标题 | |||||
| const getFormSchema = computed(() => { | |||||
| return (dictTable,dictCode,dictText) => { | |||||
| return { | |||||
| dictCode, | |||||
| dictTable, | |||||
| dictText | |||||
| }; | |||||
| } | |||||
| }) | |||||
| /** | |||||
| * 获取日期控件的扩展类型 | |||||
| * @param picker | |||||
| * @returns {string} | |||||
| */ | |||||
| const getDateExtendType = (picker: string) => { | |||||
| let mapField = { | |||||
| month: 'year-month', | |||||
| year: 'year', | |||||
| quarter: 'quarter', | |||||
| week: 'week', | |||||
| day: 'date', | |||||
| } | |||||
| return picker && mapField[picker] | |||||
| ? mapField[picker] | |||||
| : 'date' | |||||
| } | |||||
| //设置pop返回值 | |||||
| const setFieldsValue = (data) => { | |||||
| Object.assign(myFormData, {...data }) | |||||
| } | |||||
| // onLoad 生命周期钩子 | |||||
| onLoad((option) => { | |||||
| initForm(option) | |||||
| }) | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .footer { | |||||
| width: 100%; | |||||
| padding: 10px 20px; | |||||
| padding-bottom: calc(constant(safe-area-inset-bottom) + 10px); | |||||
| padding-bottom: calc(env(safe-area-inset-bottom) + 10px); | |||||
| } | |||||
| :deep(.wd-cell__label) { | |||||
| font-size: 14px; | |||||
| color: #444; | |||||
| } | |||||
| :deep(.wd-cell__value) { | |||||
| text-align: left; | |||||
| } | |||||
| </style> | |||||
+ 148
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/uniapp3/AppletTtsCacheList.vue
View File
| @ -0,0 +1,148 @@ | |||||
| <route lang="json5" type="page"> | |||||
| { | |||||
| layout: 'default', | |||||
| style: { | |||||
| navigationBarTitleText: '朗读音频', | |||||
| navigationStyle: 'custom', | |||||
| }, | |||||
| } | |||||
| </route> | |||||
| <template> | |||||
| <PageLayout navTitle="朗读音频" backRouteName="index" routeMethod="pushTab"> | |||||
| <view class="wrap"> | |||||
| <z-paging | |||||
| ref="paging" | |||||
| :fixed="false" | |||||
| v-model="dataList" | |||||
| @query="queryList" | |||||
| :default-page-size="15" | |||||
| > | |||||
| <template v-for="item in dataList" :key="item.id"> | |||||
| <wd-swipe-action> | |||||
| <view class="list" @click="handleEdit(item)"> | |||||
| <template v-for="(cItem, cIndex) in columns" :key="cIndex"> | |||||
| <view v-if="cIndex < 3" class="box" :style="getBoxStyle"> | |||||
| <view class="field ellipsis">{{ cItem.title }}</view> | |||||
| <view class="value cu-text-grey">{{ item[cItem.dataIndex] }}</view> | |||||
| </view> | |||||
| </template> | |||||
| </view> | |||||
| <template #right> | |||||
| <view class="action"> | |||||
| <view class="button" @click="handleAction('del', item)">删除</view> | |||||
| </view> | |||||
| </template> | |||||
| </wd-swipe-action> | |||||
| </template> | |||||
| </z-paging> | |||||
| <view class="add u-iconfont u-icon-add" @click="handleAdd"></view> | |||||
| </view> | |||||
| </PageLayout> | |||||
| </template> | |||||
| <script setup lang="ts"> | |||||
| import { ref, onMounted, computed } from 'vue' | |||||
| import { http } from '@/utils/http' | |||||
| import usePageList from '@/hooks/usePageList' | |||||
| import {columns} from './AppletTtsCacheData'; | |||||
| defineOptions({ | |||||
| name: 'AppletTtsCacheList', | |||||
| options: { | |||||
| styleIsolation: 'shared', | |||||
| } | |||||
| }) | |||||
| //分页加载配置 | |||||
| let { toast, router, paging, dataList, queryList } = usePageList('/appletTtsCache/appletTtsCache/list'); | |||||
| //样式 | |||||
| const getBoxStyle = computed(() => { | |||||
| return { width: "calc(33% - 5px)" } | |||||
| }) | |||||
| // 其他操作 | |||||
| const handleAction = (val, item) => { | |||||
| if (val == 'del') { | |||||
| http.delete("/appletTtsCache/appletTtsCache/delete?id="+item.id,{id:item.id}).then((res) => { | |||||
| toast.success('删除成功~') | |||||
| paging.value.reload() | |||||
| }) | |||||
| } | |||||
| } | |||||
| // go 新增页 | |||||
| const handleAdd = () => { | |||||
| router.push({ | |||||
| name: 'AppletTtsCacheForm' | |||||
| }) | |||||
| } | |||||
| //go 编辑页 | |||||
| const handleEdit = (record) => { | |||||
| router.push({ | |||||
| name: 'AppletTtsCacheForm', | |||||
| params: {dataId: record.id}, | |||||
| }) | |||||
| } | |||||
| onMounted(() => { | |||||
| // 监听刷新列表事件 | |||||
| uni.$on('refreshList', () => { | |||||
| queryList(1,10) | |||||
| }) | |||||
| }) | |||||
| </script> | |||||
| <style lang="scss" scoped> | |||||
| .wrap { | |||||
| height: 100%; | |||||
| } | |||||
| :deep(.wd-swipe-action) { | |||||
| margin-top: 10px; | |||||
| background-color: #fff; | |||||
| } | |||||
| .list { | |||||
| padding: 10px 10px; | |||||
| width: 100%; | |||||
| text-align: left; | |||||
| display: flex; | |||||
| justify-content: space-between; | |||||
| .box { | |||||
| width: 33%; | |||||
| .field { | |||||
| margin-bottom: 10px; | |||||
| line-height: 20px; | |||||
| } | |||||
| } | |||||
| } | |||||
| .action { | |||||
| width: 60px; | |||||
| height: 100%; | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| .button { | |||||
| display: flex; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| flex: 1; | |||||
| height: 100%; | |||||
| color: #fff; | |||||
| &:first-child { | |||||
| background-color: #fa4350; | |||||
| } | |||||
| } | |||||
| } | |||||
| .add { | |||||
| height: 70upx; | |||||
| width: 70upx; | |||||
| text-align: center; | |||||
| line-height: 70upx; | |||||
| background-color: #fff; | |||||
| border-radius: 50%; | |||||
| position: fixed; | |||||
| bottom: 80upx; | |||||
| right: 30upx; | |||||
| box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1); | |||||
| color: #666; | |||||
| } | |||||
| </style> | |||||
+ 64
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCache.api.ts
View File
| @ -0,0 +1,64 @@ | |||||
| import {defHttp} from '/@/utils/http/axios'; | |||||
| import { useMessage } from "/@/hooks/web/useMessage"; | |||||
| const { createConfirm } = useMessage(); | |||||
| enum Api { | |||||
| list = '/appletTtsCache/appletTtsCache/list', | |||||
| save='/appletTtsCache/appletTtsCache/add', | |||||
| edit='/appletTtsCache/appletTtsCache/edit', | |||||
| deleteOne = '/appletTtsCache/appletTtsCache/delete', | |||||
| deleteBatch = '/appletTtsCache/appletTtsCache/deleteBatch', | |||||
| importExcel = '/appletTtsCache/appletTtsCache/importExcel', | |||||
| exportXls = '/appletTtsCache/appletTtsCache/exportXls', | |||||
| } | |||||
| /** | |||||
| * 导出api | |||||
| * @param params | |||||
| */ | |||||
| export const getExportUrl = Api.exportXls; | |||||
| /** | |||||
| * 导入api | |||||
| */ | |||||
| export const getImportUrl = Api.importExcel; | |||||
| /** | |||||
| * 列表接口 | |||||
| * @param params | |||||
| */ | |||||
| export const list = (params) => | |||||
| defHttp.get({url: Api.list, params}); | |||||
| /** | |||||
| * 删除单个 | |||||
| */ | |||||
| export const deleteOne = (params,handleSuccess) => { | |||||
| return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { | |||||
| handleSuccess(); | |||||
| }); | |||||
| } | |||||
| /** | |||||
| * 批量删除 | |||||
| * @param params | |||||
| */ | |||||
| export const batchDelete = (params, handleSuccess) => { | |||||
| createConfirm({ | |||||
| iconType: 'warning', | |||||
| title: '确认删除', | |||||
| content: '是否删除选中数据', | |||||
| okText: '确认', | |||||
| cancelText: '取消', | |||||
| onOk: () => { | |||||
| return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { | |||||
| handleSuccess(); | |||||
| }); | |||||
| } | |||||
| }); | |||||
| } | |||||
| /** | |||||
| * 保存或者更新 | |||||
| * @param params | |||||
| */ | |||||
| export const saveOrUpdate = (params, isUpdate) => { | |||||
| let url = isUpdate ? Api.edit : Api.save; | |||||
| return defHttp.post({url: url, params}); | |||||
| } | |||||
+ 128
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCache.data.ts
View File
| @ -0,0 +1,128 @@ | |||||
| import {BasicColumn} from '/@/components/Table'; | |||||
| import {FormSchema} from '/@/components/Table'; | |||||
| import { rules} from '/@/utils/helper/validator'; | |||||
| import { render } from '/@/utils/common/renderUtils'; | |||||
| import { getWeekMonthQuarterYear } from '/@/utils'; | |||||
| //列表数据 | |||||
| export const columns: BasicColumn[] = [ | |||||
| { | |||||
| title: 'ID', | |||||
| align:"center", | |||||
| dataIndex: 'audioId' | |||||
| }, | |||||
| { | |||||
| title: '创建日期', | |||||
| align:"center", | |||||
| dataIndex: 'createTime' | |||||
| }, | |||||
| { | |||||
| title: '时长', | |||||
| align:"center", | |||||
| dataIndex: 'duration' | |||||
| }, | |||||
| { | |||||
| title: '音色ID', | |||||
| align:"center", | |||||
| dataIndex: 'voicetype' | |||||
| }, | |||||
| { | |||||
| title: '语速', | |||||
| align:"center", | |||||
| dataIndex: 'speed' | |||||
| }, | |||||
| { | |||||
| title: '是否成功', | |||||
| align:"center", | |||||
| dataIndex: 'success', | |||||
| customRender:({text}) => { | |||||
| return render.renderSwitch(text, [{text:'是',value:'Y'},{text:'否',value:'N'}]) | |||||
| }, | |||||
| }, | |||||
| ]; | |||||
| //查询数据 | |||||
| export const searchFormSchema: FormSchema[] = [ | |||||
| { | |||||
| label: "是否成功", | |||||
| field: 'success', | |||||
| component: 'JSwitch', | |||||
| componentProps:{ | |||||
| query:true, | |||||
| }, | |||||
| //colProps: {span: 6}, | |||||
| }, | |||||
| ]; | |||||
| //表单数据 | |||||
| export const formSchema: FormSchema[] = [ | |||||
| { | |||||
| label: 'ID', | |||||
| field: 'audioId', | |||||
| component: 'Input', | |||||
| }, | |||||
| { | |||||
| label: '创建日期', | |||||
| field: 'createTime', | |||||
| component: 'DatePicker', | |||||
| componentProps: { | |||||
| showTime: true, | |||||
| valueFormat: 'YYYY-MM-DD HH:mm:ss' | |||||
| }, | |||||
| }, | |||||
| { | |||||
| label: '时长', | |||||
| field: 'duration', | |||||
| component: 'InputNumber', | |||||
| }, | |||||
| { | |||||
| label: '文本', | |||||
| field: 'text', | |||||
| component: 'InputTextArea', | |||||
| }, | |||||
| { | |||||
| label: '音色ID', | |||||
| field: 'voicetype', | |||||
| component: 'InputNumber', | |||||
| }, | |||||
| { | |||||
| label: '音量', | |||||
| field: 'volume', | |||||
| component: 'InputNumber', | |||||
| }, | |||||
| { | |||||
| label: '语速', | |||||
| field: 'speed', | |||||
| component: 'InputNumber', | |||||
| }, | |||||
| { | |||||
| label: '是否成功', | |||||
| field: 'success', | |||||
| component: 'JSwitch', | |||||
| componentProps:{ | |||||
| }, | |||||
| }, | |||||
| // TODO 主键隐藏字段，目前写死为ID | |||||
| { | |||||
| label: '', | |||||
| field: 'id', | |||||
| component: 'Input', | |||||
| show: false | |||||
| }, | |||||
| ]; | |||||
| // 高级查询数据 | |||||
| export const superQuerySchema = { | |||||
| audioId: {title: 'ID',order: 0,view: 'text', type: 'string',}, | |||||
| createTime: {title: '创建日期',order: 1,view: 'datetime', type: 'string',}, | |||||
| duration: {title: '时长',order: 2,view: 'number', type: 'number',}, | |||||
| voicetype: {title: '音色ID',order: 4,view: 'number', type: 'number',}, | |||||
| speed: {title: '语速',order: 6,view: 'number', type: 'number',}, | |||||
| success: {title: '是否成功',order: 7,view: 'switch', type: 'string',}, | |||||
| }; | |||||
| /** | |||||
| * 流程表单调用这个方法获取formSchema | |||||
| * @param param | |||||
| */ | |||||
| export function getBpmFormSchema(_formData): FormSchema[]{ | |||||
| // 默认和原始表单保持一致 如果流程中配置了权限数据，这里需要单独处理formSchema | |||||
| return formSchema; | |||||
| } | |||||
+ 206
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/AppletTtsCacheList.vue
View File
| @ -0,0 +1,206 @@ | |||||
| <template> | |||||
| <div> | |||||
| <!--引用表格--> | |||||
| <BasicTable @register="registerTable" :rowSelection="rowSelection"> | |||||
| <!--插槽:table标题--> | |||||
| <template #tableTitle> | |||||
| <a-button type="primary" v-auth="'appletTtsCache:applet_tts_cache:add'" @click="handleAdd" preIcon="ant-design:plus-outlined"> 新增</a-button> | |||||
| <a-button type="primary" v-auth="'appletTtsCache:applet_tts_cache:exportXls'" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button> | |||||
| <j-upload-button type="primary" v-auth="'appletTtsCache:applet_tts_cache:importExcel'" preIcon="ant-design:import-outlined" @click="onImportXls">导入</j-upload-button> | |||||
| <a-dropdown v-if="selectedRowKeys.length > 0"> | |||||
| <template #overlay> | |||||
| <a-menu> | |||||
| <a-menu-item key="1" @click="batchHandleDelete"> | |||||
| <Icon icon="ant-design:delete-outlined"></Icon> | |||||
| 删除 | |||||
| </a-menu-item> | |||||
| </a-menu> | |||||
| </template> | |||||
| <a-button v-auth="'appletTtsCache:applet_tts_cache:deleteBatch'">批量操作 | |||||
| <Icon icon="mdi:chevron-down"></Icon> | |||||
| </a-button> | |||||
| </a-dropdown> | |||||
| <!-- 高级查询 --> | |||||
| <super-query :config="superQueryConfig" @search="handleSuperQuery" /> | |||||
| </template> | |||||
| <!--操作栏--> | |||||
| <template #action="{ record }"> | |||||
| <TableAction :actions="getTableAction(record)" :dropDownActions="getDropDownAction(record)"/> | |||||
| </template> | |||||
| <!--字段回显插槽--> | |||||
| <template v-slot:bodyCell="{ column, record, index, text }"> | |||||
| </template> | |||||
| </BasicTable> | |||||
| <!-- 表单区域 --> | |||||
| <AppletTtsCacheModal @register="registerModal" @success="handleSuccess"></AppletTtsCacheModal> | |||||
| </div> | |||||
| </template> | |||||
| <script lang="ts" name="appletTtsCache-appletTtsCache" setup> | |||||
| import {ref, reactive, computed, unref} from 'vue'; | |||||
| import {BasicTable, useTable, TableAction} from '/@/components/Table'; | |||||
| import {useModal} from '/@/components/Modal'; | |||||
| import { useListPage } from '/@/hooks/system/useListPage' | |||||
| import AppletTtsCacheModal from './components/AppletTtsCacheModal.vue' | |||||
| import {columns, searchFormSchema, superQuerySchema} from './AppletTtsCache.data'; | |||||
| import {list, deleteOne, batchDelete, getImportUrl,getExportUrl} from './AppletTtsCache.api'; | |||||
| import { downloadFile } from '/@/utils/common/renderUtils'; | |||||
| import { useUserStore } from '/@/store/modules/user'; | |||||
| import { useMessage } from '/@/hooks/web/useMessage'; | |||||
| import { getDateByPicker } from '/@/utils'; | |||||
| //日期个性化选择 | |||||
| const fieldPickers = reactive({ | |||||
| }); | |||||
| const queryParam = reactive<any>({}); | |||||
| const checkedKeys = ref<Array<string | number>>([]); | |||||
| const userStore = useUserStore(); | |||||
| const { createMessage } = useMessage(); | |||||
| //注册model | |||||
| const [registerModal, {openModal}] = useModal(); | |||||
| //注册table数据 | |||||
| const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({ | |||||
| tableProps:{ | |||||
| title: '朗读音频', | |||||
| api: list, | |||||
| columns, | |||||
| canResize:true, | |||||
| formConfig: { | |||||
| //labelWidth: 120, | |||||
| schemas: searchFormSchema, | |||||
| autoSubmitOnEnter:true, | |||||
| showAdvancedButton:true, | |||||
| fieldMapToNumber: [ | |||||
| ], | |||||
| fieldMapToTime: [ | |||||
| ], | |||||
| }, | |||||
| actionColumn: { | |||||
| width: 120, | |||||
| fixed:'right' | |||||
| }, | |||||
| beforeFetch: (params) => { | |||||
| if (params && fieldPickers) { | |||||
| for (let key in fieldPickers) { | |||||
| if (params[key]) { | |||||
| params[key] = getDateByPicker(params[key], fieldPickers[key]); | |||||
| } | |||||
| } | |||||
| } | |||||
| return Object.assign(params, queryParam); | |||||
| }, | |||||
| }, | |||||
| exportConfig: { | |||||
| name:"朗读音频", | |||||
| url: getExportUrl, | |||||
| params: queryParam, | |||||
| }, | |||||
| importConfig: { | |||||
| url: getImportUrl, | |||||
| success: handleSuccess | |||||
| }, | |||||
| }) | |||||
| const [registerTable, {reload},{ rowSelection, selectedRowKeys }] = tableContext | |||||
| // 高级查询配置 | |||||
| const superQueryConfig = reactive(superQuerySchema); | |||||
| /** | |||||
| * 高级查询事件 | |||||
| */ | |||||
| function handleSuperQuery(params) { | |||||
| Object.keys(params).map((k) => { | |||||
| queryParam[k] = params[k]; | |||||
| }); | |||||
| reload(); | |||||
| } | |||||
| /** | |||||
| * 新增事件 | |||||
| */ | |||||
| function handleAdd() { | |||||
| openModal(true, { | |||||
| isUpdate: false, | |||||
| showFooter: true, | |||||
| }); | |||||
| } | |||||
| /** | |||||
| * 编辑事件 | |||||
| */ | |||||
| function handleEdit(record: Recordable) { | |||||
| openModal(true, { | |||||
| record, | |||||
| isUpdate: true, | |||||
| showFooter: true, | |||||
| }); | |||||
| } | |||||
| /** | |||||
| * 详情 | |||||
| */ | |||||
| function handleDetail(record: Recordable) { | |||||
| openModal(true, { | |||||
| record, | |||||
| isUpdate: true, | |||||
| showFooter: false, | |||||
| }); | |||||
| } | |||||
| /** | |||||
| * 删除事件 | |||||
| */ | |||||
| async function handleDelete(record) { | |||||
| await deleteOne({id: record.id}, handleSuccess); | |||||
| } | |||||
| /** | |||||
| * 批量删除事件 | |||||
| */ | |||||
| async function batchHandleDelete() { | |||||
| await batchDelete({ids: selectedRowKeys.value}, handleSuccess); | |||||
| } | |||||
| /** | |||||
| * 成功回调 | |||||
| */ | |||||
| function handleSuccess() { | |||||
| (selectedRowKeys.value = []) && reload(); | |||||
| } | |||||
| /** | |||||
| * 操作栏 | |||||
| */ | |||||
| function getTableAction(record){ | |||||
| return [ | |||||
| { | |||||
| label: '编辑', | |||||
| onClick: handleEdit.bind(null, record), | |||||
| auth: 'appletTtsCache:applet_tts_cache:edit' | |||||
| } | |||||
| ] | |||||
| } | |||||
| /** | |||||
| * 下拉操作栏 | |||||
| */ | |||||
| function getDropDownAction(record){ | |||||
| return [ | |||||
| { | |||||
| label: '详情', | |||||
| onClick: handleDetail.bind(null, record), | |||||
| }, { | |||||
| label: '删除', | |||||
| popConfirm: { | |||||
| title: '是否确认删除', | |||||
| confirm: handleDelete.bind(null, record), | |||||
| placement: 'topLeft', | |||||
| }, | |||||
| auth: 'appletTtsCache:applet_tts_cache:delete' | |||||
| } | |||||
| ] | |||||
| } | |||||
| </script> | |||||
| <style lang="less" scoped> | |||||
| :deep(.ant-picker),:deep(.ant-input-number){ | |||||
| width: 100%; | |||||
| } | |||||
| </style> | |||||
+ 26
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/V20250921_1__menu_insert_AppletTtsCache.sql
View File
| @ -0,0 +1,26 @@ | |||||
| -- 注意：该页面对应的前台目录为views/appletTtsCache文件夹下 | |||||
| -- 如果你想更改到其他目录，请修改sql中component字段对应的值 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) | |||||
| VALUES ('2025092105037950500', NULL, '朗读音频', '/appletTtsCache/appletTtsCacheList', 'appletTtsCache/AppletTtsCacheList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0); | |||||
| -- 权限控制sql | |||||
| -- 新增 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950501', '2025092105037950500', '添加朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 编辑 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950502', '2025092105037950500', '编辑朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 删除 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950503', '2025092105037950500', '删除朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 批量删除 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950504', '2025092105037950500', '批量删除朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 导出excel | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950505', '2025092105037950500', '导出excel_朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 导入excel | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105037950506', '2025092105037950500', '导入excel_朗读音频', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsCache:applet_tts_cache:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:03:50', NULL, NULL, 0, 0, '1', 0); | |||||
+ 70
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/components/AppletTtsCacheForm.vue
View File
| @ -0,0 +1,70 @@ | |||||
| <template> | |||||
| <div style="min-height: 400px"> | |||||
| <BasicForm @register="registerForm"></BasicForm> | |||||
| <div style="width: 100%;text-align: center" v-if="!formDisabled"> | |||||
| <a-button @click="submitForm" pre-icon="ant-design:check" type="primary">提 交</a-button> | |||||
| </div> | |||||
| </div> | |||||
| </template> | |||||
| <script lang="ts"> | |||||
| import {BasicForm, useForm} from '/@/components/Form/index'; | |||||
| import {computed, defineComponent} from 'vue'; | |||||
| import {defHttp} from '/@/utils/http/axios'; | |||||
| import { propTypes } from '/@/utils/propTypes'; | |||||
| import {getBpmFormSchema} from '../AppletTtsCache.data'; | |||||
| import {saveOrUpdate} from '../AppletTtsCache.api'; | |||||
| export default defineComponent({ | |||||
| name: "AppletTtsCacheForm", | |||||
| components:{ | |||||
| BasicForm | |||||
| }, | |||||
| props:{ | |||||
| formData: propTypes.object.def({}), | |||||
| formBpm: propTypes.bool.def(true), | |||||
| }, | |||||
| setup(props){ | |||||
| const [registerForm, { setFieldsValue, setProps, getFieldsValue }] = useForm({ | |||||
| labelWidth: 150, | |||||
| schemas: getBpmFormSchema(props.formData), | |||||
| showActionButtonGroup: false, | |||||
| baseColProps: {span: 24} | |||||
| }); | |||||
| const formDisabled = computed(()=>{ | |||||
| if(props.formData.disabled === false){ | |||||
| return false; | |||||
| } | |||||
| return true; | |||||
| }); | |||||
| let formData = {}; | |||||
| const queryByIdUrl = '/appletTtsCache/appletTtsCache/queryById'; | |||||
| async function initFormData(){ | |||||
| let params = {id: props.formData.dataId}; | |||||
| const data = await defHttp.get({url: queryByIdUrl, params}); | |||||
| formData = {...data} | |||||
| //设置表单的值 | |||||
| await setFieldsValue(formData); | |||||
| //默认是禁用 | |||||
| await setProps({disabled: formDisabled.value}) | |||||
| } | |||||
| async function submitForm() { | |||||
| let data = getFieldsValue(); | |||||
| let params = Object.assign({}, formData, data); | |||||
| console.log('表单数据', params) | |||||
| await saveOrUpdate(params, true) | |||||
| } | |||||
| initFormData(); | |||||
| return { | |||||
| registerForm, | |||||
| formDisabled, | |||||
| submitForm, | |||||
| } | |||||
| } | |||||
| }); | |||||
| </script> | |||||
+ 99
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsCache/vue3/components/AppletTtsCacheModal.vue
View File
| @ -0,0 +1,99 @@ | |||||
| <template> | |||||
| <BasicModal v-bind="$attrs" @register="registerModal" destroyOnClose :title="title" :width="800" @ok="handleSubmit"> | |||||
| <BasicForm @register="registerForm" name="AppletTtsCacheForm" /> | |||||
| </BasicModal> | |||||
| </template> | |||||
| <script lang="ts" setup> | |||||
| import {ref, computed, unref, reactive} from 'vue'; | |||||
| import {BasicModal, useModalInner} from '/@/components/Modal'; | |||||
| import {BasicForm, useForm} from '/@/components/Form/index'; | |||||
| import {formSchema} from '../AppletTtsCache.data'; | |||||
| import {saveOrUpdate} from '../AppletTtsCache.api'; | |||||
| import { useMessage } from '/@/hooks/web/useMessage'; | |||||
| import { getDateByPicker } from '/@/utils'; | |||||
| const { createMessage } = useMessage(); | |||||
| // Emits声明 | |||||
| const emit = defineEmits(['register','success']); | |||||
| const isUpdate = ref(true); | |||||
| const isDetail = ref(false); | |||||
| //表单配置 | |||||
| const [registerForm, { setProps,resetFields, setFieldsValue, validate, scrollToField }] = useForm({ | |||||
| labelWidth: 150, | |||||
| schemas: formSchema, | |||||
| showActionButtonGroup: false, | |||||
| baseColProps: {span: 24} | |||||
| }); | |||||
| //表单赋值 | |||||
| const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => { | |||||
| //重置表单 | |||||
| await resetFields(); | |||||
| setModalProps({confirmLoading: false,showCancelBtn:!!data?.showFooter,showOkBtn:!!data?.showFooter}); | |||||
| isUpdate.value = !!data?.isUpdate; | |||||
| isDetail.value = !!data?.showFooter; | |||||
| if (unref(isUpdate)) { | |||||
| //表单赋值 | |||||
| await setFieldsValue({ | |||||
| ...data.record, | |||||
| }); | |||||
| } | |||||
| // 隐藏底部时禁用整个表单 | |||||
| setProps({ disabled: !data?.showFooter }) | |||||
| }); | |||||
| //日期个性化选择 | |||||
| const fieldPickers = reactive({ | |||||
| }); | |||||
| //设置标题 | |||||
| const title = computed(() => (!unref(isUpdate) ? '新增' : !unref(isDetail) ? '详情' : '编辑')); | |||||
| //表单提交事件 | |||||
| async function handleSubmit(v) { | |||||
| try { | |||||
| let values = await validate(); | |||||
| // 预处理日期数据 | |||||
| changeDateValue(values); | |||||
| setModalProps({confirmLoading: true}); | |||||
| //提交表单 | |||||
| await saveOrUpdate(values, isUpdate.value); | |||||
| //关闭弹窗 | |||||
| closeModal(); | |||||
| //刷新列表 | |||||
| emit('success'); | |||||
| } catch ({ errorFields }) { | |||||
| if (errorFields) { | |||||
| const firstField = errorFields[0]; | |||||
| if (firstField) { | |||||
| scrollToField(firstField.name, { behavior: 'smooth', block: 'center' }); | |||||
| } | |||||
| } | |||||
| return Promise.reject(errorFields); | |||||
| } finally { | |||||
| setModalProps({confirmLoading: false}); | |||||
| } | |||||
| } | |||||
| /** | |||||
| * 处理日期值 | |||||
| * @param formData 表单数据 | |||||
| */ | |||||
| const changeDateValue = (formData) => { | |||||
| if (formData && fieldPickers) { | |||||
| for (let key in fieldPickers) { | |||||
| if (formData[key]) { | |||||
| formData[key] = getDateByPicker(formData[key], fieldPickers[key]); | |||||
| } | |||||
| } | |||||
| } | |||||
| }; | |||||
| </script> | |||||
| <style lang="less" scoped> | |||||
| /** 时间和数字输入框样式 */ | |||||
| :deep(.ant-input-number) { | |||||
| width: 100%; | |||||
| } | |||||
| :deep(.ant-calendar-picker) { | |||||
| width: 100%; | |||||
| } | |||||
| </style> | |||||
+ 1
- 1
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/controller/AppletTtsPlayLogController.java
View File
+ 15
- 15
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/entity/AppletTtsPlayLog.java
View File
+ 1
- 1
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/mapper/AppletTtsPlayLogMapper.java
View File
+ 1
- 1
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/service/IAppletTtsPlayLogService.java
View File
+ 1
- 1
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/service/impl/AppletTtsPlayLogServiceImpl.java
View File
+ 9
- 8
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp/AppletTtsPlayLogForm.vue
View File
+ 15
- 12
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp3/AppletTtsPlayLogData.ts
View File
+ 54
- 42
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/uniapp3/AppletTtsPlayLogForm.vue
View File
+ 56
- 30
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/vue3/AppletTtsPlayLog.data.ts
View File
+ 26
- 0
jeecg-boot/jeecg-boot-module/jeecgboot-boot-applet/src/main/java/org/jeecg/modules/demo/appletTtsPlayLog/vue3/V20250921_1__menu_insert_AppletTtsPlayLog.sql
View File
| @ -0,0 +1,26 @@ | |||||
| -- 注意：该页面对应的前台目录为views/appletTtsPlayLog文件夹下 | |||||
| -- 如果你想更改到其他目录，请修改sql中component字段对应的值 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_route, is_leaf, keep_alive, hidden, hide_tab, description, status, del_flag, rule_flag, create_by, create_time, update_by, update_time, internal_or_external) | |||||
| VALUES ('2025092105045060400', NULL, '朗读记录', '/appletTtsPlayLog/appletTtsPlayLogList', 'appletTtsPlayLog/AppletTtsPlayLogList', NULL, NULL, 0, NULL, '1', 0.00, 0, NULL, 1, 0, 0, 0, 0, NULL, '1', 0, 0, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0); | |||||
| -- 权限控制sql | |||||
| -- 新增 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060401', '2025092105045060400', '添加朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:add', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 编辑 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060402', '2025092105045060400', '编辑朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:edit', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 删除 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060403', '2025092105045060400', '删除朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:delete', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 批量删除 | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060404', '2025092105045060400', '批量删除朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:deleteBatch', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 导出excel | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060405', '2025092105045060400', '导出excel_朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:exportXls', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||
| -- 导入excel | |||||
| INSERT INTO sys_permission(id, parent_id, name, url, component, is_route, component_name, redirect, menu_type, perms, perms_type, sort_no, always_show, icon, is_leaf, keep_alive, hidden, hide_tab, description, create_by, create_time, update_by, update_time, del_flag, rule_flag, status, internal_or_external) | |||||
| VALUES ('2025092105045060406', '2025092105045060400', '导入excel_朗读记录', NULL, NULL, 0, NULL, NULL, 2, 'appletTtsPlayLog:applet_tts_play_log:importExcel', '1', NULL, 0, NULL, 1, 0, 0, 0, NULL, 'admin', '2025-09-21 17:04:40', NULL, NULL, 0, 0, '1', 0); | |||||