Browse Source

行业工种

master
cgx 6 months ago
parent
commit
e327be6bce
12 changed files with 1601 additions and 0 deletions
  1. +216
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/controller/TbIndustryController.java
  2. +92
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/entity/TbIndustry.java
  3. +22
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/mapper/TbIndustryMapper.java
  4. +9
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/mapper/xml/TbIndustryMapper.xml
  5. +38
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/service/ITbIndustryService.java
  6. +191
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/service/impl/TbIndustryServiceImpl.java
  7. +366
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue/TbIndustryList.vue
  8. +162
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue/modules/TbIndustryModal.vue
  9. +82
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustry.api.ts
  10. +64
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustry.data.ts
  11. +272
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustryList.vue
  12. +87
    -0
      jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/components/TbIndustryModal.vue

+ 216
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/controller/TbIndustryController.java View File

@ -0,0 +1,216 @@
package org.jeecg.modules.industry.controller;
import java.util.Arrays;
import java.util.List;
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.util.oConvertUtils;
import org.jeecg.modules.industry.entity.TbIndustry;
import org.jeecg.modules.industry.service.ITbIndustryService;
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.jeecg.common.system.base.controller.JeecgController;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.servlet.ModelAndView;
import io.swagger.annotations.Api;
import io.swagger.annotations.ApiOperation;
import org.jeecg.common.aspect.annotation.AutoLog;
/**
* @Description: tb_industry
* @Author: jeecg-boot
* @Date: 2024-12-07
* @Version: V1.0
*/
@Api(tags="tb_industry")
@RestController
@RequestMapping("/industry/tbIndustry")
@Slf4j
public class TbIndustryController extends JeecgController<TbIndustry, ITbIndustryService>{
@Autowired
private ITbIndustryService tbIndustryService;
/**
* 分页列表查询
*
* @param tbIndustry
* @param pageNo
* @param pageSize
* @param req
* @return
*/
//@AutoLog(value = "tb_industry-分页列表查询")
@ApiOperation(value="tb_industry-分页列表查询", notes="tb_industry-分页列表查询")
@GetMapping(value = "/rootList")
public Result<IPage<TbIndustry>> queryPageList(TbIndustry tbIndustry,
@RequestParam(name="pageNo", defaultValue="1") Integer pageNo,
@RequestParam(name="pageSize", defaultValue="10") Integer pageSize,
HttpServletRequest req) {
String hasQuery = req.getParameter("hasQuery");
if(hasQuery != null && "true".equals(hasQuery)){
QueryWrapper<TbIndustry> queryWrapper = QueryGenerator.initQueryWrapper(tbIndustry, req.getParameterMap());
List<TbIndustry> list = tbIndustryService.queryTreeListNoPage(queryWrapper);
IPage<TbIndustry> pageList = new Page<>(1, 10, list.size());
pageList.setRecords(list);
return Result.OK(pageList);
}else{
String parentId = tbIndustry.getPid();
if (oConvertUtils.isEmpty(parentId)) {
parentId = "0";
}
tbIndustry.setPid(null);
QueryWrapper<TbIndustry> queryWrapper = QueryGenerator.initQueryWrapper(tbIndustry, req.getParameterMap());
// 使用 eq 防止模糊查询
queryWrapper.eq("pid", parentId);
Page<TbIndustry> page = new Page<TbIndustry>(pageNo, pageSize);
IPage<TbIndustry> pageList = tbIndustryService.page(page, queryWrapper);
return Result.OK(pageList);
}
}
/**
* 获取子数据
* @param tbIndustry
* @param req
* @return
*/
//@AutoLog(value = "tb_industry-获取子数据")
@ApiOperation(value="tb_industry-获取子数据", notes="tb_industry-获取子数据")
@GetMapping(value = "/childList")
public Result<IPage<TbIndustry>> queryPageList(TbIndustry tbIndustry,HttpServletRequest req) {
QueryWrapper<TbIndustry> queryWrapper = QueryGenerator.initQueryWrapper(tbIndustry, req.getParameterMap());
List<TbIndustry> list = tbIndustryService.list(queryWrapper);
IPage<TbIndustry> pageList = new Page<>(1, 10, list.size());
pageList.setRecords(list);
return Result.OK(pageList);
}
/**
* 批量查询子节点
* @param parentIds 父ID多个采用半角逗号分割
* @return 返回 IPage
* @param parentIds
* @return
*/
//@AutoLog(value = "tb_industry-批量获取子数据")
@ApiOperation(value="tb_industry-批量获取子数据", notes="tb_industry-批量获取子数据")
@GetMapping("/getChildListBatch")
public Result getChildListBatch(@RequestParam("parentIds") String parentIds) {
try {
QueryWrapper<TbIndustry> queryWrapper = new QueryWrapper<>();
List<String> parentIdList = Arrays.asList(parentIds.split(","));
queryWrapper.in("pid", parentIdList);
List<TbIndustry> list = tbIndustryService.list(queryWrapper);
IPage<TbIndustry> pageList = new Page<>(1, 10, list.size());
pageList.setRecords(list);
return Result.OK(pageList);
} catch (Exception e) {
log.error(e.getMessage(), e);
return Result.error("批量查询子节点失败:" + e.getMessage());
}
}
/**
* 添加
*
* @param tbIndustry
* @return
*/
@AutoLog(value = "tb_industry-添加")
@ApiOperation(value="tb_industry-添加", notes="tb_industry-添加")
@PostMapping(value = "/add")
public Result<String> add(@RequestBody TbIndustry tbIndustry) {
tbIndustryService.addTbIndustry(tbIndustry);
return Result.OK("添加成功!");
}
/**
* 编辑
*
* @param tbIndustry
* @return
*/
@AutoLog(value = "tb_industry-编辑")
@ApiOperation(value="tb_industry-编辑", notes="tb_industry-编辑")
@RequestMapping(value = "/edit", method = {RequestMethod.PUT,RequestMethod.POST})
public Result<String> edit(@RequestBody TbIndustry tbIndustry) {
tbIndustryService.updateTbIndustry(tbIndustry);
return Result.OK("编辑成功!");
}
/**
* 通过id删除
*
* @param id
* @return
*/
@AutoLog(value = "tb_industry-通过id删除")
@ApiOperation(value="tb_industry-通过id删除", notes="tb_industry-通过id删除")
@DeleteMapping(value = "/delete")
public Result<String> delete(@RequestParam(name="id",required=true) String id) {
tbIndustryService.deleteTbIndustry(id);
return Result.OK("删除成功!");
}
/**
* 批量删除
*
* @param ids
* @return
*/
@AutoLog(value = "tb_industry-批量删除")
@ApiOperation(value="tb_industry-批量删除", notes="tb_industry-批量删除")
@DeleteMapping(value = "/deleteBatch")
public Result<String> deleteBatch(@RequestParam(name="ids",required=true) String ids) {
this.tbIndustryService.removeByIds(Arrays.asList(ids.split(",")));
return Result.OK("批量删除成功!");
}
/**
* 通过id查询
*
* @param id
* @return
*/
//@AutoLog(value = "tb_industry-通过id查询")
@ApiOperation(value="tb_industry-通过id查询", notes="tb_industry-通过id查询")
@GetMapping(value = "/queryById")
public Result<TbIndustry> queryById(@RequestParam(name="id",required=true) String id) {
TbIndustry tbIndustry = tbIndustryService.getById(id);
if(tbIndustry==null) {
return Result.error("未找到对应数据");
}
return Result.OK(tbIndustry);
}
/**
* 导出excel
*
* @param request
* @param tbIndustry
*/
@RequestMapping(value = "/exportXls")
public ModelAndView exportXls(HttpServletRequest request, TbIndustry tbIndustry) {
return super.exportXls(request, tbIndustry, TbIndustry.class, "tb_industry");
}
/**
* 通过excel导入数据
*
* @param request
* @param response
* @return
*/
@RequestMapping(value = "/importExcel", method = RequestMethod.POST)
public Result<?> importExcel(HttpServletRequest request, HttpServletResponse response) {
return super.importExcel(request, response, TbIndustry.class);
}
}

+ 92
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/entity/TbIndustry.java View File

@ -0,0 +1,92 @@
package org.jeecg.modules.industry.entity;
import java.io.Serializable;
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 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.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import java.io.UnsupportedEncodingException;
/**
* @Description: tb_industry
* @Author: jeecg-boot
* @Date: 2024-12-07
* @Version: V1.0
*/
@Data
@TableName("tb_industry")
@ApiModel(value="tb_industry对象", description="tb_industry")
public class TbIndustry implements Serializable {
private static final long serialVersionUID = 1L;
/**主键id*/
@TableId(type = IdType.ASSIGN_ID)
@ApiModelProperty(value = "主键id")
private java.lang.String id;
/**父id*/
@Excel(name = "父id", width = 15)
@ApiModelProperty(value = "父id")
private java.lang.String parentId;
/**行业名称*/
@Excel(name = "行业名称", width = 15)
@ApiModelProperty(value = "行业名称")
private java.lang.String name;
/**菜单类型(0:一级行业菜单; 1:工种菜单)*/
@Excel(name = "菜单类型(0:一级行业菜单; 1:工种菜单)", width = 15, dicCode = "emp_menu_type")
@Dict(dicCode = "emp_menu_type")
@ApiModelProperty(value = "菜单类型(0:一级行业菜单; 1:工种菜单)")
private java.lang.Integer menuType;
/**排序*/
@Excel(name = "排序", width = 15)
@ApiModelProperty(value = "排序")
private java.lang.Double sortNo;
/**图标*/
@Excel(name = "图标", width = 15)
@ApiModelProperty(value = "图标")
private java.lang.String icon;
/**是否叶子节点: 1:是 0:不是*/
@Excel(name = "是否叶子节点: 1:是 0:不是", width = 15)
@ApiModelProperty(value = "是否叶子节点: 1:是 0:不是")
private java.lang.Integer isLeaf;
/**描述*/
@Excel(name = "描述", width = 15)
@ApiModelProperty(value = "描述")
private java.lang.String description;
/**创建人*/
@ApiModelProperty(value = "创建人")
private java.lang.String createBy;
/**创建时间*/
@JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd")
@DateTimeFormat(pattern="yyyy-MM-dd")
@ApiModelProperty(value = "创建时间")
private java.util.Date createTime;
/**更新人*/
@ApiModelProperty(value = "更新人")
private java.lang.String updateBy;
/**更新时间*/
@JsonFormat(timezone = "GMT+8",pattern = "yyyy-MM-dd")
@DateTimeFormat(pattern="yyyy-MM-dd")
@ApiModelProperty(value = "更新时间")
private java.util.Date updateTime;
/**删除状态 0正常 1已删除*/
@Excel(name = "删除状态 0正常 1已删除", width = 15)
@ApiModelProperty(value = "删除状态 0正常 1已删除")
private java.lang.Integer delFlag;
/**父级节点*/
@Excel(name = "父级节点", width = 15)
@ApiModelProperty(value = "父级节点")
private java.lang.String pid;
/**是否有子节点*/
@Excel(name = "是否有子节点", width = 15, dicCode = "yn")
@Dict(dicCode = "yn")
@ApiModelProperty(value = "是否有子节点")
private java.lang.String hasChild;
}

+ 22
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/mapper/TbIndustryMapper.java View File

@ -0,0 +1,22 @@
package org.jeecg.modules.industry.mapper;
import org.apache.ibatis.annotations.Param;
import org.jeecg.modules.industry.entity.TbIndustry;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
/**
* @Description: tb_industry
* @Author: jeecg-boot
* @Date: 2024-12-07
* @Version: V1.0
*/
public interface TbIndustryMapper extends BaseMapper<TbIndustry> {
/**
* 编辑节点状态
* @param id
* @param status
*/
void updateTreeNodeStatus(@Param("id") String id,@Param("status") String status);
}

+ 9
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/mapper/xml/TbIndustryMapper.xml View File

@ -0,0 +1,9 @@
<?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.industry.mapper.TbIndustryMapper">
<update id="updateTreeNodeStatus" parameterType="java.lang.String">
update tb_industry set has_child = #{status} where id = #{id}
</update>
</mapper>

+ 38
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/service/ITbIndustryService.java View File

@ -0,0 +1,38 @@
package org.jeecg.modules.industry.service;
import org.jeecg.modules.industry.entity.TbIndustry;
import com.baomidou.mybatisplus.extension.service.IService;
import org.jeecg.common.exception.JeecgBootException;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import java.util.List;
/**
* @Description: tb_industry
* @Author: jeecg-boot
* @Date: 2024-12-07
* @Version: V1.0
*/
public interface ITbIndustryService extends IService<TbIndustry> {
/**根节点父ID的值*/
public static final String ROOT_PID_VALUE = "0";
/**树节点有子节点状态值*/
public static final String HASCHILD = "1";
/**树节点无子节点状态值*/
public static final String NOCHILD = "0";
/**新增节点*/
void addTbIndustry(TbIndustry tbIndustry);
/**修改节点*/
void updateTbIndustry(TbIndustry tbIndustry) throws JeecgBootException;
/**删除节点*/
void deleteTbIndustry(String id) throws JeecgBootException;
/**查询所有数据,无分页*/
List<TbIndustry> queryTreeListNoPage(QueryWrapper<TbIndustry> queryWrapper);
}

+ 191
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/service/impl/TbIndustryServiceImpl.java View File

@ -0,0 +1,191 @@
package org.jeecg.modules.industry.service.impl;
import org.jeecg.common.exception.JeecgBootException;
import org.jeecg.common.util.oConvertUtils;
import org.jeecg.modules.industry.entity.TbIndustry;
import org.jeecg.modules.industry.mapper.TbIndustryMapper;
import org.jeecg.modules.industry.service.ITbIndustryService;
import org.springframework.stereotype.Service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import org.springframework.transaction.annotation.Transactional;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
/**
* @Description: tb_industry
* @Author: jeecg-boot
* @Date: 2024-12-07
* @Version: V1.0
*/
@Service
public class TbIndustryServiceImpl extends ServiceImpl<TbIndustryMapper, TbIndustry> implements ITbIndustryService {
@Override
public void addTbIndustry(TbIndustry tbIndustry) {
//新增时设置hasChild为0
tbIndustry.setHasChild(ITbIndustryService.NOCHILD);
if(oConvertUtils.isEmpty(tbIndustry.getPid())){
tbIndustry.setPid(ITbIndustryService.ROOT_PID_VALUE);
}else{
//如果当前节点父ID不为空 则设置父节点的hasChildren 为1
TbIndustry parent = baseMapper.selectById(tbIndustry.getPid());
if(parent!=null && !"1".equals(parent.getHasChild())){
parent.setHasChild("1");
baseMapper.updateById(parent);
}
}
baseMapper.insert(tbIndustry);
}
@Override
public void updateTbIndustry(TbIndustry tbIndustry) {
TbIndustry entity = this.getById(tbIndustry.getId());
if(entity==null) {
throw new JeecgBootException("未找到对应实体");
}
String old_pid = entity.getPid();
String new_pid = tbIndustry.getPid();
if(!old_pid.equals(new_pid)) {
updateOldParentNode(old_pid);
if(oConvertUtils.isEmpty(new_pid)){
tbIndustry.setPid(ITbIndustryService.ROOT_PID_VALUE);
}
if(!ITbIndustryService.ROOT_PID_VALUE.equals(tbIndustry.getPid())) {
baseMapper.updateTreeNodeStatus(tbIndustry.getPid(), ITbIndustryService.HASCHILD);
}
}
baseMapper.updateById(tbIndustry);
}
@Override
@Transactional(rollbackFor = Exception.class)
public void deleteTbIndustry(String id) throws JeecgBootException {
//查询选中节点下所有子节点一并删除
id = this.queryTreeChildIds(id);
if(id.indexOf(",")>0) {
StringBuffer sb = new StringBuffer();
String[] idArr = id.split(",");
for (String idVal : idArr) {
if(idVal != null){
TbIndustry tbIndustry = this.getById(idVal);
String pidVal = tbIndustry.getPid();
//查询此节点上一级是否还有其他子节点
List<TbIndustry> dataList = baseMapper.selectList(new QueryWrapper<TbIndustry>().eq("pid", pidVal).notIn("id",Arrays.asList(idArr)));
if((dataList == null || dataList.size()==0) && !Arrays.asList(idArr).contains(pidVal)
&& !sb.toString().contains(pidVal)){
//如果当前节点原本有子节点 现在木有了更新状态
sb.append(pidVal).append(",");
}
}
}
//批量删除节点
baseMapper.deleteBatchIds(Arrays.asList(idArr));
//修改已无子节点的标识
String[] pidArr = sb.toString().split(",");
for(String pid : pidArr){
this.updateOldParentNode(pid);
}
}else{
TbIndustry tbIndustry = this.getById(id);
if(tbIndustry==null) {
throw new JeecgBootException("未找到对应实体");
}
updateOldParentNode(tbIndustry.getPid());
baseMapper.deleteById(id);
}
}
@Override
public List<TbIndustry> queryTreeListNoPage(QueryWrapper<TbIndustry> queryWrapper) {
List<TbIndustry> dataList = baseMapper.selectList(queryWrapper);
List<TbIndustry> mapList = new ArrayList<>();
for(TbIndustry data : dataList){
String pidVal = data.getPid();
//递归查询子节点的根节点
if(pidVal != null && !"0".equals(pidVal)){
TbIndustry rootVal = this.getTreeRoot(pidVal);
if(rootVal != null && !mapList.contains(rootVal)){
mapList.add(rootVal);
}
}else{
if(!mapList.contains(data)){
mapList.add(data);
}
}
}
return mapList;
}
/**
* 根据所传pid查询旧的父级节点的子节点并修改相应状态值
* @param pid
*/
private void updateOldParentNode(String pid) {
if(!ITbIndustryService.ROOT_PID_VALUE.equals(pid)) {
Long count = baseMapper.selectCount(new QueryWrapper<TbIndustry>().eq("pid", pid));
if(count==null || count<=1) {
baseMapper.updateTreeNodeStatus(pid, ITbIndustryService.NOCHILD);
}
}
}
/**
* 递归查询节点的根节点
* @param pidVal
* @return
*/
private TbIndustry getTreeRoot(String pidVal){
TbIndustry data = baseMapper.selectById(pidVal);
if(data != null && !"0".equals(data.getPid())){
return this.getTreeRoot(data.getPid());
}else{
return data;
}
}
/**
* 根据id查询所有子节点id
* @param ids
* @return
*/
private String queryTreeChildIds(String ids) {
//获取id数组
String[] idArr = ids.split(",");
StringBuffer sb = new StringBuffer();
for (String pidVal : idArr) {
if(pidVal != null){
if(!sb.toString().contains(pidVal)){
if(sb.toString().length() > 0){
sb.append(",");
}
sb.append(pidVal);
this.getTreeChildIds(pidVal,sb);
}
}
}
return sb.toString();
}
/**
* 递归查询所有子节点
* @param pidVal
* @param sb
* @return
*/
private StringBuffer getTreeChildIds(String pidVal,StringBuffer sb){
List<TbIndustry> dataList = baseMapper.selectList(new QueryWrapper<TbIndustry>().eq("pid", pidVal));
if(dataList != null && dataList.size()>0){
for(TbIndustry tree : dataList) {
if(!sb.toString().contains(tree.getId())){
sb.append(",").append(tree.getId());
}
this.getTreeChildIds(tree.getId(),sb);
}
}
return sb;
}
}

+ 366
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue/TbIndustryList.vue View File

@ -0,0 +1,366 @@
<template>
<a-card :bordered="false">
<!-- 查询区域 -->
<div class="table-page-search-wrapper">
<a-form layout="inline" @keyup.enter.native="searchQuery">
<a-row :gutter="24">
</a-row>
</a-form>
</div>
<!-- 查询区域-END -->
<!-- 操作按钮区域 -->
<div class="table-operator">
<a-button @click="handleAdd" type="primary" icon="plus">新增</a-button>
<a-button type="primary" icon="download" @click="handleExportXls('tb_industry')">导出</a-button>
<a-upload name="file" :showUploadList="false" :multiple="false" :headers="tokenHeader" :action="importExcelUrl" @change="handleImportExcel">
<a-button type="primary" icon="import">导入</a-button>
</a-upload>
<!-- 高级查询区域 -->
<j-super-query :fieldList="superFieldList" ref="superQueryModal" @handleSuperQuery="handleSuperQuery"></j-super-query>
<a-dropdown v-if="selectedRowKeys.length > 0">
<a-menu slot="overlay">
<a-menu-item key="1" @click="batchDel"><a-icon type="delete"/>删除</a-menu-item>
</a-menu>
<a-button style="margin-left: 8px"> 批量操作 <a-icon type="down" /></a-button>
</a-dropdown>
</div>
<!-- table区域-begin -->
<div>
<div class="ant-alert ant-alert-info" style="margin-bottom: 16px;">
<i class="anticon anticon-info-circle ant-alert-icon"></i> 已选择 <a style="font-weight: 600">{{ selectedRowKeys.length }}</a>
<a style="margin-left: 24px" @click="onClearSelected">清空</a>
</div>
<a-table
ref="table"
size="middle"
rowKey="id"
class="j-table-force-nowrap"
:scroll="{x:true}"
:columns="columns"
:dataSource="dataSource"
:pagination="ipagination"
:loading="loading"
:expandedRowKeys="expandedRowKeys"
@change="handleTableChange"
@expand="handleExpand"
v-bind="tableProps">
<template slot="imgSlot" slot-scope="text,record">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无图片</span>
<img v-else :src="getImgView(text)" :preview="record.id" height="25px" alt="" style="max-width:80px;font-size: 12px;font-style: italic;"/>
</template>
<template slot="fileSlot" slot-scope="text">
<span v-if="!text" style="font-size: 12px;font-style: italic;">无文件</span>
<a-button
v-else
:ghost="true"
type="primary"
icon="download"
size="small"
@click="downloadFile(text)">
下载
</a-button>
</template>
<span slot="action" slot-scope="text, record">
<a @click="handleEdit(record)">编辑</a>
<a-divider type="vertical" />
<a-dropdown>
<a class="ant-dropdown-link">更多 <a-icon type="down" /></a>
<a-menu slot="overlay">
<a-menu-item>
<a @click="handleAddChild(record)">添加下级</a>
</a-menu-item>
<a-menu-item>
<a-popconfirm title="确定删除吗?" @confirm="() => handleDeleteNode(record.id)" placement="topLeft">
<a>删除</a>
</a-popconfirm>
</a-menu-item>
</a-menu>
</a-dropdown>
</span>
</a-table>
</div>
<tbIndustry-modal ref="modalForm" @ok="modalFormOk"></tbIndustry-modal>
</a-card>
</template>
<script>
import { getAction, deleteAction } from '@/api/manage'
import { JeecgListMixin } from '@/mixins/JeecgListMixin'
import TbIndustryModal from './modules/TbIndustryModal'
import {filterMultiDictText} from '@/components/dict/JDictSelectUtil'
import { filterObj } from '@/utils/util';
export default {
name: "TbIndustryList",
mixins:[JeecgListMixin],
components: {
TbIndustryModal
},
data () {
return {
description: 'tb_industry管理页面',
//
columns: [
{
title:'行业名称',
align:"left",
dataIndex: 'name'
},
{
title:'菜单类型(0:一级行业菜单; 1:工种菜单)',
align:"left",
dataIndex: 'menuType_dictText'
},
{
title:'排序',
align:"left",
dataIndex: 'sortNo'
},
{
title:'图标',
align:"left",
dataIndex: 'icon',
scopedSlots: {customRender: 'imgSlot'}
},
{
title: '操作',
dataIndex: 'action',
align:"center",
fixed:"right",
width:147,
scopedSlots: { customRender: 'action' },
}
],
url: {
list: "/industry/tbIndustry/rootList",
childList: "/industry/tbIndustry/childList",
getChildListBatch: "/industry/tbIndustry/getChildListBatch",
delete: "/industry/tbIndustry/delete",
deleteBatch: "/industry/tbIndustry/deleteBatch",
exportXlsUrl: "/industry/tbIndustry/exportXls",
importExcelUrl: "industry/tbIndustry/importExcel",
},
expandedRowKeys:[],
hasChildrenField:"hasChild",
pidField:"pid",
dictOptions: {},
loadParent: false,
superFieldList:[],
}
},
created() {
this.getSuperFieldList();
},
computed: {
importExcelUrl(){
return `${window._CONFIG['domianURL']}/${this.url.importExcelUrl}`;
},
tableProps() {
let _this = this
return {
//
rowSelection: {
selectedRowKeys: _this.selectedRowKeys,
onChange: (selectedRowKeys) => _this.selectedRowKeys = selectedRowKeys
}
}
}
},
methods: {
loadData(arg){
if(arg==1){
this.ipagination.current=1
}
this.loading = true
let params = this.getQueryParams()
params.hasQuery = 'true'
getAction(this.url.list,params).then(res=>{
if(res.success){
let result = res.result
if(Number(result.total)>0){
this.ipagination.total = Number(result.total)
this.dataSource = this.getDataByResult(res.result.records)
return this.loadDataByExpandedRows(this.dataSource)
}else{
this.ipagination.total=0
this.dataSource=[]
}
}else{
this.$message.warning(res.message)
}
}).finally(()=>{
this.loading = false
})
},
//
loadDataByExpandedRows(dataList) {
if (this.expandedRowKeys.length > 0) {
return getAction(this.url.getChildListBatch,{ parentIds: this.expandedRowKeys.join(',') }).then(res=>{
if (res.success && res.result.records.length>0) {
//
let records = res.result.records
const listMap = new Map();
for (let item of records) {
let pid = item[this.pidField];
if (this.expandedRowKeys.join(',').includes(pid)) {
let mapList = listMap.get(pid);
if (mapList == null) {
mapList = [];
}
mapList.push(item);
listMap.set(pid, mapList);
}
}
let childrenMap = listMap;
let fn = (list) => {
if(list) {
list.forEach(data => {
if (this.expandedRowKeys.includes(data.id)) {
data.children = this.getDataByResult(childrenMap.get(data.id))
fn(data.children)
}
})
}
}
fn(dataList)
}
})
} else {
return Promise.resolve()
}
},
getQueryParams(arg) {
//
let sqp = {}
let param = {}
if(this.superQueryParams){
sqp['superQueryParams']=encodeURI(this.superQueryParams)
sqp['superQueryMatchType'] = this.superQueryMatchType
}
if(arg){
param = Object.assign(sqp, this.isorter ,this.filters);
}else{
param = Object.assign(sqp, this.queryParam, this.isorter ,this.filters);
}
if(JSON.stringify(this.queryParam) === "{}" || arg){
param.hasQuery = 'false'
}else{
param.hasQuery = 'true'
}
param.field = this.getQueryField();
param.pageNo = this.ipagination.current;
param.pageSize = this.ipagination.pageSize;
return filterObj(param);
},
searchReset() {
//
this.expandedRowKeys = []
this.queryParam = {}
this.loadData(1);
},
getDataByResult(result){
if(result){
return result.map(item=>{
//
if(item[this.hasChildrenField]=='1'){
let loadChild = { id: item.id+'_loadChild', name: 'loading...', isLoading: true }
item.children = [loadChild]
}
return item
})
}
},
handleExpand(expanded, record){
//
if (expanded) {
this.expandedRowKeys.push(record.id)
if (record.children.length>0 && record.children[0].isLoading === true) {
let params = this.getQueryParams(1);//
params[this.pidField] = record.id
params.hasQuery = 'false'
params.superQueryParams=""
getAction(this.url.childList,params).then((res)=>{
if(res.success){
if(res.result.records){
record.children = this.getDataByResult(res.result.records)
this.dataSource = [...this.dataSource]
}else{
record.children=''
record.hasChildrenField='0'
}
}else{
this.$message.warning(res.message)
}
})
}
}else{
let keyIndex = this.expandedRowKeys.indexOf(record.id)
if(keyIndex>=0){
this.expandedRowKeys.splice(keyIndex, 1);
}
}
},
handleAddChild(record){
this.loadParent = true
let obj = {}
obj[this.pidField] = record['id']
this.$refs.modalForm.add(obj);
},
handleDeleteNode(id) {
if(!this.url.delete){
this.$message.error("请设置url.delete属性!")
return
}
var that = this;
deleteAction(that.url.delete, {id: id}).then((res) => {
if (res.success) {
that.loadData(1)
} else {
that.$message.warning(res.message);
}
});
},
batchDel(){
if(this.selectedRowKeys.length<=0){
this.$message.warning('请选择一条记录!');
return false;
}else{
let ids = "";
let that = this;
that.selectedRowKeys.forEach(function(val) {
ids+=val+",";
});
that.$confirm({
title:"确认删除",
content:"是否删除选中数据?",
onOk: function(){
that.handleDeleteNode(ids)
that.onClearSelected();
}
});
}
},
getSuperFieldList(){
let fieldList=[];
fieldList.push({type:'string',value:'name',text:'行业名称',dictCode:''})
fieldList.push({type:'int',value:'menuType',text:'菜单类型(0:一级行业菜单; 1:工种菜单)',dictCode:'emp_menu_type'})
fieldList.push({type:'double',value:'sortNo',text:'排序',dictCode:''})
fieldList.push({type:'string',value:'icon',text:'图标',dictCode:''})
fieldList.push({type:'string',value:'pid',text:'父级节点',dictCode:''})
this.superFieldList = fieldList
}
}
}
</script>
<style scoped>
@import '~@assets/less/common.less';
</style>

+ 162
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue/modules/TbIndustryModal.vue View File

@ -0,0 +1,162 @@
<template>
<j-modal
:title="title"
:width="width"
:visible="visible"
:confirmLoading="confirmLoading"
switchFullscreen
@ok="handleOk"
@cancel="handleCancel"
cancelText="关闭">
<a-spin :spinning="confirmLoading">
<a-form-model ref="form" :model="model" :rules="validatorRules">
<a-form-model-item label="行业名称" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="name">
<a-input v-model="model.name" placeholder="请输入行业名称" ></a-input>
</a-form-model-item>
<a-form-model-item label="菜单类型(0:一级行业菜单; 1:工种菜单)" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="menuType">
<j-dict-select-tag type="list" v-model="model.menuType" dictCode="emp_menu_type" placeholder="请选择菜单类型(0:一级行业菜单; 1:工种菜单)" />
</a-form-model-item>
<a-form-model-item label="排序" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="sortNo">
<a-input-number v-model="model.sortNo" placeholder="请输入排序" style="width: 100%" />
</a-form-model-item>
<a-form-model-item label="图标" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="icon">
<j-image-upload isMultiple v-model="model.icon" ></j-image-upload>
</a-form-model-item>
<a-form-model-item label="父级节点" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="pid">
<j-tree-select
ref="treeSelect"
placeholder="请选择父级节点"
v-model="model.pid"
dict="tb_industry,name,id"
pidField="pid"
pidValue="0"
hasChildField="has_child"
>
</j-tree-select>
</a-form-model-item>
</a-form-model>
</a-spin>
</j-modal>
</template>
<script>
import { httpAction } from '@/api/manage'
import { validateDuplicateValue } from '@/utils/util'
export default {
name: "TbIndustryModal",
components: {
},
data () {
return {
title:"操作",
width:800,
visible: false,
model:{
},
labelCol: {
xs: { span: 24 },
sm: { span: 5 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 16 },
},
confirmLoading: false,
validatorRules: {
},
url: {
add: "/industry/tbIndustry/add",
edit: "/industry/tbIndustry/edit",
},
expandedRowKeys:[],
pidField:"pid"
}
},
created () {
//model
this.modelDefault = JSON.parse(JSON.stringify(this.model));
},
methods: {
add (obj) {
this.modelDefault.pid=''
this.edit(Object.assign(this.modelDefault , obj));
},
edit (record) {
this.model = Object.assign({}, record);
this.visible = true;
},
close () {
this.$emit('close');
this.visible = false;
this.$refs.form.clearValidate()
},
handleOk () {
const that = this;
//
this.$refs.form.validate(valid => {
if (valid) {
that.confirmLoading = true;
let httpurl = '';
let method = '';
if(!this.model.id){
httpurl+=this.url.add;
method = 'post';
}else{
httpurl+=this.url.edit;
method = 'put';
}
if(this.model.id && this.model.id === this.model[this.pidField]){
that.$message.warning("父级节点不能选择自己");
that.confirmLoading = false;
return;
}
httpAction(httpurl,this.model,method).then((res)=>{
if(res.success){
that.$message.success(res.message);
this.$emit('ok');
}else{
that.$message.warning(res.message);
}
}).finally(() => {
that.confirmLoading = false;
that.close();
})
}else{
return false
}
})
},
handleCancel () {
this.close()
},
submitSuccess(formData,flag){
if(!formData.id){
let treeData = this.$refs.treeSelect.getCurrTreeData()
this.expandedRowKeys=[]
this.getExpandKeysByPid(formData[this.pidField],treeData,treeData)
this.$emit('ok',formData,this.expandedRowKeys.reverse());
}else{
this.$emit('ok',formData,flag);
}
},
getExpandKeysByPid(pid,arr,all){
if(pid && arr && arr.length>0){
for(let i=0;i<arr.length;i++){
if(arr[i].key==pid){
this.expandedRowKeys.push(arr[i].key)
this.getExpandKeysByPid(arr[i]['parentId'],all,all)
}else{
this.getExpandKeysByPid(pid,arr[i].children,all)
}
}
}
}
}
}
</script>

+ 82
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustry.api.ts View File

@ -0,0 +1,82 @@
import {defHttp} from "/@/utils/http/axios";
import {Modal} from 'ant-design-vue';
enum Api {
list = '/industry/tbIndustry/rootList',
save='/industry/tbIndustry/add',
edit='/industry/tbIndustry/edit',
deleteTbIndustry = '/sys/tbIndustry/delete',
deleteBatch = '/industry/tbIndustry/deleteBatch',
importExcel = '/industry/tbIndustry/importExcel',
exportXls = '/industry/tbIndustry/exportXls',
loadTreeData = '/industry/tbIndustry/loadTreeRoot',
getChildList = '/industry/tbIndustry/childList',
getChildListBatch = '/industry/tbIndustry/getChildListBatch',
}
/**
* api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* api
* @param params
*/
export const getImportUrl = Api.importExcel;
/**
*
* @param params
*/
export const list = (params) =>
defHttp.get({url: Api.list, params});
/**
*
*/
export const deleteTbIndustry = (params,handleSuccess) => {
return defHttp.delete({url: Api.deleteTbIndustry, params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
/**
*
* @param params
*/
export const batchDeleteTbIndustry = (params, handleSuccess) => {
Modal.confirm({
title: '确认删除',
content: '是否删除选中数据',
okText: '确认',
cancelText: '取消',
onOk: () => {
return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => {
handleSuccess();
});
}
});
}
/**
*
* @param params
*/
export const saveOrUpdateDict = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({url: url, params});
}
/**
*
* @param params
*/
export const loadTreeData = (params) =>
defHttp.get({url: Api.loadTreeData,params});
/**
*
* @param params
*/
export const getChildList = (params) =>
defHttp.get({url: Api.getChildList, params});
/**
*
* @param params
*/
export const getChildListBatch = (params) =>
defHttp.get({url: Api.getChildListBatch, params},{isTransformResponse:false});

+ 64
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustry.data.ts View File

@ -0,0 +1,64 @@
import {BasicColumn} from '/@/components/Table';
import {FormSchema} from '/@/components/Table';
import { rules} from '/@/utils/helper/validator';
import { render } from '/@/utils/common/renderUtils';
//列表数据
export const columns: BasicColumn[] = [
{
title: '行业名称',
align:"center",
dataIndex: 'name'
},
{
title: '菜单类型(0:一级行业菜单; 1:工种菜单)',
align:"center",
dataIndex: 'menuType_dictText'
},
{
title: '排序',
align:"center",
dataIndex: 'sortNo'
},
{
title: '图标',
align:"center",
dataIndex: 'icon',
customRender:render.renderAvatar,
},
];
//查询数据
export const searchFormSchema: FormSchema[] = [
];
//表单数据
export const formSchema: FormSchema[] = [
{
label: '行业名称',
field: 'name',
component: 'Input',
},
{
label: '菜单类型(0:一级行业菜单; 1:工种菜单)',
field: 'menuType',
component: 'JDictSelectTag',
componentProps:{
dictCode:"emp_menu_type"
},
},
{
label: '排序',
field: 'sortNo',
component: 'InputNumber',
},
{
label: '图标',
field: 'icon',
component: 'JImageUpload',
componentProps:{
},
},
{
label: '父级节点',
field: 'pid',
component: 'Input',
},
];

+ 272
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/TbIndustryList.vue View File

@ -0,0 +1,272 @@
<template>
<div class="p-4">
<!--引用表格-->
<BasicTable @register="registerTable" :rowSelection="rowSelection" :expandedRowKeys="expandedRowKeys" @expand="handleExpand" @fetch-success="onFetchSuccess">
<!--插槽:table标题-->
<template #tableTitle>
<a-button type="primary" @click="handleCreate" preIcon="ant-design:plus-outlined"> 新增</a-button>
<a-button type="primary" preIcon="ant-design:export-outlined" @click="onExportXls"> 导出</a-button>
<j-upload-button type="primary" 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>批量操作
<Icon icon="ant-design:down-outlined"></Icon>
</a-button>
</a-dropdown>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)"/>
</template>
</BasicTable>
<!--字典弹窗-->
<TbIndustryModal @register="registerModal" @success="handleSuccess"/>
</div>
</template>
<script lang="ts" name="industry-tbIndustry" setup>
//ts
import {ref, computed, unref, toRaw, nextTick} from 'vue';
import {BasicTable, useTable, TableAction} from '/src/components/Table';
import {useModal} from '/src/components/Modal';
import { useListPage } from '/@/hooks/system/useListPage'
import TbIndustryModal from './components/TbIndustryModal.vue';
import {columns} from './TbIndustry.data';
import {list, deleteTbIndustry, batchDeleteTbIndustry, getExportUrl,getImportUrl, getChildList,getChildListBatch} from './TbIndustry.api';
const expandedRowKeys = ref([]);
//model
const [registerModal, {openModal}] = useModal();
//table
const { prefixCls,tableContext,onExportXls,onImportXls } = useListPage({
tableProps:{
title: 'tb_industry',
columns,
canResize:false,
actionColumn: {
width: 120,
},
},
exportConfig: {
name:"tb_industry",
url: getExportUrl,
},
importConfig: {
url: getImportUrl,
success: importSuccess
},
})
const [registerTable, {reload, collapseAll, updateTableDataRecord, findTableDataRecord,getDataSource},{ rowSelection, selectedRowKeys }] = tableContext
/**
* 新增事件
*/
function handleCreate() {
openModal(true, {
isUpdate: false,
});
}
/**
* 编辑事件
*/
async function handleEdit(record) {
openModal(true, {
record,
isUpdate: true,
});
}
/**
* 详情
*/
async function handleDetail(record) {
openModal(true, {
record,
isUpdate: true,
hideFooter: true,
});
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteTbIndustry({id: record.id}, importSuccess);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
const ids = selectedRowKeys.value.filter(item => !item.includes('loading'))
await batchDeleteTbIndustry({ids: ids}, importSuccess);
}
/**
* 导入
*/
function importSuccess() {
reload() && (expandedRowKeys.value = []);
}
/**
* 添加下级
*/
function handleAddSub(record) {
openModal(true, {
record,
isUpdate: false,
});
}
/**
* 成功回调
*/
async function handleSuccess({isUpdate, values, expandedArr}) {
if (isUpdate) {
//
updateTableDataRecord(values.id, values);
} else {
if(!values['pid']){
//
reload();
}else{
//
expandedRowKeys.value = [];
for (let key of unref(expandedArr)) {
await expandTreeNode(key)
}
}
}
}
/**
* 接口请求成功后回调
*/
function onFetchSuccess(result) {
getDataByResult(result.items)&&loadDataByExpandedRows();
}
/**
* 根据已展开的行查询数据用于保存后刷新时异步加载子级的数据
*/
async function loadDataByExpandedRows() {
if (unref(expandedRowKeys).length > 0) {
const res = await getChildListBatch({ parentIds: unref(expandedRowKeys).join(',')});
if (res.success && res.result.records.length>0) {
//
let records = res.result.records
const listMap = new Map();
for (let item of records) {
let pid = item['pid'];
if (unref(expandedRowKeys).includes(pid)) {
let mapList = listMap.get(pid);
if (mapList == null) {
mapList = [];
}
mapList.push(item);
listMap.set(pid, mapList);
}
}
let childrenMap = listMap;
let fn = (list) => {
if(list) {
list.forEach(data => {
if (unref(expandedRowKeys).includes(data.id)) {
data.children = getDataByResult(childrenMap.get(data.id))
fn(data.children)
}
})
}
};
fn(getDataSource())
}
}
}
/**
* 处理数据集
*/
function getDataByResult(result){
if(result && result.length>0){
return result.map(item=>{
//
if(item["hasChild"]=='1'){
let loadChild = { id: item.id+'_loadChild', name: 'loading...', isLoading: true }
item.children = [loadChild]
}
return item
})
}
}
/**
*树节点展开合并
* */
async function handleExpand(expanded, record) {
// (expanded)(children)(isLoading)
if (expanded) {
expandedRowKeys.value.push(record.id)
if (record.children.length > 0 && !!record.children[0].isLoading) {
let result = await getChildList({pid: record.id});
result=result.records?result.records:result;
if (result && result.length > 0) {
record.children = getDataByResult(result);
} else {
record.children = null
record.hasChild = '0'
}
}
} else {
let keyIndex = expandedRowKeys.value.indexOf(record.id)
if (keyIndex >= 0) {
expandedRowKeys.value.splice(keyIndex, 1);
}
}
}
/**
*操作表格后处理树节点展开合并
* */
async function expandTreeNode(key) {
let record = findTableDataRecord(key)
expandedRowKeys.value.push(key);
let result = await getChildList({pid: key});
if (result && result.length > 0) {
record.children = getDataByResult(result);
} else {
record.children = null
record.hasChild = '0'
}
updateTableDataRecord(key, record);
}
/**
* 操作栏
*/
function getTableAction(record) {
return [
{
label: '编辑',
onClick: handleEdit.bind(null, record),
},
{
label: '删除',
popConfirm: {
title: '确定删除吗?',
confirm: handleDelete.bind(null, record),
},
},
{
label: '添加下级',
onClick: handleAddSub.bind(null, {pid: record.id}),
}
]
}
</script>
<style scoped>
</style>

+ 87
- 0
jeecg-boot-base/jeecg-boot-base-core/src/main/java/org/jeecg/modules/industry/vue3/components/TbIndustryModal.vue View File

@ -0,0 +1,87 @@
<template>
<BasicModal v-bind="$attrs" @register="registerModal" :title="getTitle" @ok="handleSubmit">
<BasicForm @register="registerForm"/>
</BasicModal>
</template>
<script lang="ts" setup>
import {ref, computed, unref} from 'vue';
import {BasicModal, useModalInner} from '/src/components/Modal';
import {BasicForm, useForm} from '/src/components/Form';
import {formSchema} from '../tbIndustry.data';
import {loadTreeData, saveOrUpdateDict} from '../tbIndustry.api';
// emit
const emit = defineEmits(['register', 'success']);
const isUpdate = ref(true);
const expandedRowKeys = ref([]);
const treeData = ref([]);
//
const [registerForm, {resetFields, setFieldsValue, validate, updateSchema}] = useForm({
schemas: formSchema,
showActionButtonGroup: false,
labelCol: {
xs: { span: 24 },
sm: { span: 4 },
},
wrapperCol: {
xs: { span: 24 },
sm: { span: 18 },
},
});
//
const [registerModal, {setModalProps, closeModal}] = useModalInner(async (data) => {
//
await resetFields();
expandedRowKeys.value = [];
setModalProps({confirmLoading: false, minHeight: 80});
isUpdate.value = !!data?.isUpdate;
if (data?.record) {
//
await setFieldsValue({
...data.record,
});
}
//
treeData.value = await loadTreeData({'async': false,'pcode':''});
updateSchema({
field: 'pid',
componentProps: {treeData},
});
});
//
const getTitle = computed(() => (!unref(isUpdate) ? '新增字典' : '编辑字典'));
/**
* 根据pid获取展开的节点
* @param pid
* @param arr
*/
function getExpandKeysByPid(pid,arr){
if(pid && arr && arr.length>0){
for(let i=0;i<arr.length;i++){
if(arr[i].key==pid && unref(expandedRowKeys).indexOf(pid)<0){
expandedRowKeys.value.push(arr[i].key);
getExpandKeysByPid(arr[i]['parentId'],unref(treeData))
}else{
getExpandKeysByPid(pid,arr[i].children)
}
}
}
}
//
async function handleSubmit() {
try {
let values = await validate();
setModalProps({confirmLoading: true});
//
await saveOrUpdateDict(values, isUpdate.value);
//
closeModal();
//
await getExpandKeysByPid(values['pid'],unref(treeData))
//(isUpdate:;values:;expandedArr:)
emit('success', {isUpdate: unref(isUpdate), values:{...values},expandedArr: unref(expandedRowKeys).reverse()});
} finally {
setModalProps({confirmLoading: false});
}
}
</script>

Loading…
Cancel
Save