-- Runnable three-tier code generation templates
-- Import this script after sql/db.sql.
-- Template ids: 9201 backend, 9202 admin_frontend, 9203 frontend

SET FOREIGN_KEY_CHECKS = 0;

DELETE FROM sys_project_template WHERE template_id IN (9201, 9202, 9203);
DELETE FROM sys_project_structure WHERE template_id IN (9201, 9202, 9203) OR node_id BETWEEN 920100 AND 920399;
DELETE FROM sys_template_file WHERE template_id IN (9201, 9202, 9203) OR template_file_id BETWEEN 920100 AND 920399;
DELETE FROM sys_template WHERE template_id IN (9201, 9202, 9203);

INSERT INTO sys_template (template_id, template_name, template_path, template_desc, template_type, template_status, create_by, create_time, remark) VALUES
(9201, 'Runnable Backend Template', '/runnable/backend', 'Spring Boot + MyBatis Plus runnable backend', 'backend', 0, 'admin', sysdate(), 'three-tier runnable template'),
(9202, 'Runnable Admin Frontend Template', '/runnable/admin_frontend', 'Vue2 + Element UI runnable admin frontend', 'admin_frontend', 0, 'admin', sysdate(), 'three-tier runnable template'),
(9203, 'Runnable Portal Frontend Template', '/runnable/frontend', 'Vue2 + Element UI runnable portal frontend', 'frontend', 0, 'admin', sysdate(), 'three-tier runnable template');

-- Backend template files
INSERT INTO sys_template_file (template_file_id, template_id, file_name, module_id, file_path, file_content, create_by, create_time) VALUES
(920101, 9201, 'pom.xml.vm', NULL, 'pom.xml.vm', '<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.5.9</version>
        <relativePath/>
    </parent>

    <groupId>${packageName}</groupId>
    <artifactId>${businessName}-service</artifactId>
    <version>1.0.0</version>
    <name>${functionName}</name>
    <description>${functionName} generated by qing template</description>

    <properties>
        <java.version>1.8</java.version>
    </properties>

    <dependencies>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.5.1</version>
        </dependency>

        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>

        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-lang3</artifactId>
        </dependency>

        <dependency>
            <groupId>cn.hutool</groupId>
            <artifactId>hutool-all</artifactId>
            <version>5.7.20</version>
        </dependency>

        <dependency>
            <groupId>org.apache.poi</groupId>
            <artifactId>poi-ooxml</artifactId>
            <version>4.1.2</version>
        </dependency>

        <dependency>
            <groupId>io.swagger</groupId>
            <artifactId>swagger-annotations</artifactId>
            <version>1.6.2</version>
        </dependency>

        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>
', 'admin', sysdate()),
(920102, 9201, 'README.md.vm', NULL, 'README.md.vm', '# ${functionName}

这是由 qing 模板生成的单表 Spring Boot + Vue2 项目。

## 后端启动

1. 创建 MySQL 数据库，默认库名为 `vip`。
2. 执行 `sql/${businessName}.sql` 中的建表语句。
3. 按需修改 `src/main/resources/application.yml` 里的数据库账号密码。
4. 在项目根目录运行：

```bash
mvn spring-boot:run
```

The service starts at `http://localhost:8080`.

## 前端启动

```bash
cd vue
npm install
npm run dev
```

前端开发服务默认把 `/api` 代理到 `http://localhost:8080`。
', 'admin', sysdate()),
(920103, 9201, 'Application.java.vm', NULL, 'Application.java.vm', 'package ${packageName};

import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@MapperScan("${packageName}.mapper")
@SpringBootApplication
public class ${ClassName}Application
{
    public static void main(String[] args)
    {
        SpringApplication.run(${ClassName}Application.class, args);
    }
}
', 'admin', sysdate()),
(920104, 9201, 'Result.java.vm', NULL, 'Result.java.vm', 'package ${packageName}.common;

import java.io.Serializable;

public class Result<T> implements Serializable
{
    private static final long serialVersionUID = 1L;

    private String code;
    private String msg;
    private T data;

    public Result()
    {
    }

    public Result(String code, String msg, T data)
    {
        this.code = code;
        this.msg = msg;
        this.data = data;
    }

    public static <T> Result<T> success()
    {
        return new Result<T>("200", "操作成功", null);
    }

    public static <T> Result<T> success(T data)
    {
        return new Result<T>("200", "操作成功", data);
    }

    public static <T> Result<T> error(String msg)
    {
        return new Result<T>("500", msg, null);
    }

    public String getCode()
    {
        return code;
    }

    public void setCode(String code)
    {
        this.code = code;
    }

    public String getMsg()
    {
        return msg;
    }

    public void setMsg(String msg)
    {
        this.msg = msg;
    }

    public T getData()
    {
        return data;
    }

    public void setData(T data)
    {
        this.data = data;
    }
}
', 'admin', sysdate()),
(920105, 9201, 'MybatisPlusConfig.java.vm', NULL, 'MybatisPlusConfig.java.vm', 'package ${packageName}.config;

import com.baomidou.mybatisplus.annotation.DbType;
import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

@Configuration
public class MybatisPlusConfig
{
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor()
    {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
        return interceptor;
    }
}
', 'admin', sysdate()),
(920106, 9201, 'CorsConfig.java.vm', NULL, 'CorsConfig.java.vm', 'package ${packageName}.config;

import ${packageName}.security.PortalAuthInterceptor;
import javax.annotation.Resource;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.CorsRegistry;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class CorsConfig implements WebMvcConfigurer
{
    @Resource
    private PortalAuthInterceptor portalAuthInterceptor;

    @Override
    public void addCorsMappings(CorsRegistry registry)
    {
        registry.addMapping("/**")
                .allowedOriginPatterns("*")
                .allowedMethods("GET", "POST", "PUT", "DELETE", "OPTIONS")
                .allowedHeaders("*")
                .allowCredentials(true)
                .maxAge(3600);
    }

    @Override
    public void addInterceptors(InterceptorRegistry registry)
    {
        registry.addInterceptor(portalAuthInterceptor)
                .addPathPatterns("/**")
                .excludePathPatterns("/auth/login", "/auth/admin/login", "/business-blocks/**", "/files/**", "/error");
    }
}
', 'admin', sysdate()),
(920107, 9201, 'FileController.java.vm', NULL, 'FileController.java.vm', 'package ${packageName}.controller;

import ${packageName}.common.Result;
import java.io.IOException;
import java.net.MalformedURLException;
import java.nio.file.Files;
import java.nio.file.Path;
import java.nio.file.Paths;
import java.nio.file.StandardCopyOption;
import java.util.HashMap;
import java.util.Map;
import java.util.UUID;
import org.springframework.core.io.Resource;
import org.springframework.core.io.UrlResource;
import org.springframework.http.HttpHeaders;
import org.springframework.http.ResponseEntity;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

@RestController
@RequestMapping("/files")
public class FileController
{
    private final Path uploadRoot = Paths.get("uploads");

    @PostMapping("/upload")
    public Result<Map<String, String>> upload(@RequestParam("file") MultipartFile file) throws IOException
    {
        Files.createDirectories(uploadRoot);
        String originalName = StringUtils.cleanPath(file.getOriginalFilename() == null ? "file" : file.getOriginalFilename());
        String suffix = "";
        int dotIndex = originalName.lastIndexOf(''.'');
        if (dotIndex >= 0)
        {
            suffix = originalName.substring(dotIndex);
        }
        String fileName = UUID.randomUUID().toString().replace("-", "") + suffix;
        Files.copy(file.getInputStream(), uploadRoot.resolve(fileName), StandardCopyOption.REPLACE_EXISTING);

        Map<String, String> data = new HashMap<String, String>();
        data.put("name", originalName);
        data.put("url", "/files/" + fileName);
        return Result.success(data);
    }

    @GetMapping("/{fileName:.+}")
    public ResponseEntity<Resource> getFile(@PathVariable String fileName) throws MalformedURLException
    {
        Path filePath = uploadRoot.resolve(fileName).normalize();
        Resource resource = new UrlResource(filePath.toUri());
        if (!resource.exists())
        {
            return ResponseEntity.notFound().build();
        }
        return ResponseEntity.ok()
                .header(HttpHeaders.CONTENT_DISPOSITION, "inline; filename=\\"" + resource.getFilename() + "\\"")
                .body(resource);
    }
}
', 'admin', sysdate()),
(920108, 9201, 'application.yml.vm', NULL, 'application.yml.vm', '#set($d = ''$'')
server:
  port: ${d}{SERVER_PORT:8080}

spring:
  application:
    name: ${businessName}-service
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: ${d}{DB_URL:jdbc:mysql://localhost:3306/vip?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=false&serverTimezone=GMT%2B8}
    username: ${d}{DB_USERNAME:root}
    password: ${d}{DB_PASSWORD:123456}
  servlet:
    multipart:
      max-file-size: 100MB
      max-request-size: 100MB

mybatis-plus:
  mapper-locations: classpath*:mapper/**/*.xml
  configuration:
    map-underscore-to-camel-case: true
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
', 'admin', sysdate()),
(920109, 9201, 'entity.java.vm', NULL, 'entity.java.vm', 'package ${packageName}.entity;

#foreach ($import in $importList)
import ${import};
#end
import org.apache.commons.lang3.builder.ToStringBuilder;
import org.apache.commons.lang3.builder.ToStringStyle;
import com.baomidou.mybatisplus.annotation.TableName;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableField;
import io.swagger.annotations.ApiModel;
import io.swagger.annotations.ApiModelProperty;
import lombok.Getter;
import lombok.Setter;
import lombok.experimental.Accessors;
import cn.hutool.core.annotation.Alias;

/**
 * ${functionName}对象 ${tableName}
 *
 * @author ${author}
 * @date ${datetime}
 */
#if($table.crud || $table.sub)
#set($Entity="BaseEntity")
#elseif($table.tree)
#set($Entity="TreeEntity")
#end
@Getter
@Setter
@Accessors(chain = true)
@ApiModel(value = "${ClassName}对象", description = "${functionName}")
@TableName("${tableName}")
public class ${ClassName}
{
    private static final long serialVersionUID = 1L;

#foreach ($column in $columns)
    /** $column.columnComment */
#if($column.list)
#set($parentheseIndex=$column.columnComment.indexOf("（"))
#if($parentheseIndex != -1)
#set($comment=$column.columnComment.substring(0, $parentheseIndex))
#else
#set($comment=$column.columnComment)
#end
#if($column.javaType == ''Date'')
    @JsonFormat(pattern = "yyyy-MM-dd")
#else
#end
#end
    @ApiModelProperty("${column.columnComment}")
    @Alias("${column.columnComment}")
#if ($column.isPk == "1")
    @TableId(value = "${column.columnName}", type = IdType.AUTO)
#else
    @TableField("${column.columnName}")
#end
    private $column.javaType $column.javaField;

#end
#if($table.sub)
    /** $table.subTable.functionName信息 */
    @ApiModelProperty("${table.subTable.functionName}信息")
    private List<${subClassName}> ${subclassName}List;

#end
    @Override
    public String toString() {
        return new ToStringBuilder(this,ToStringStyle.MULTI_LINE_STYLE)
#foreach ($column in $columns)
#if($column.javaField.length() > 2 && $column.javaField.substring(1,2).matches("[A-Z]"))
#set($AttrName=$column.javaField)
#else
#set($AttrName=$column.javaField.substring(0,1).toUpperCase() + ${column.javaField.substring(1)})
#end
            .append("${column.javaField}", get${AttrName}())
#end
#if($table.sub)
            .append("${subclassName}List", get${subClassName}List())
#end
            .toString();
    }
}
', 'admin', sysdate()),
(920110, 9201, 'mapper.java.vm', NULL, 'mapper.java.vm', 'package ${packageName}.mapper;

import ${packageName}.entity.${ClassName};
import com.baomidou.mybatisplus.core.mapper.BaseMapper;

/**
 * ${functionName}Mapper接口
 *
 * @author ${author}
 * @date ${datetime}
 */
public interface ${ClassName}Mapper extends BaseMapper<${ClassName}> {

}
', 'admin', sysdate()),
(920111, 9201, 'service.java.vm', NULL, 'service.java.vm', 'package ${packageName}.service;

import ${packageName}.entity.${ClassName};
import com.baomidou.mybatisplus.extension.service.IService;
#if($hasTableBusinessActions)
import java.util.Map;
#end

/**
 * ${functionName}Service接口
 *
 * @author ${author}
 * @date ${datetime}
 */
public interface I${ClassName}Service extends IService<${ClassName}> {

#if($hasTableBusinessActions)
#foreach($action in $tableBusinessActions)
    int ${action.code}(Map<String, Object> params);

#end
#end
}
', 'admin', sysdate()),
(920112, 9201, 'serviceImpl.java.vm', NULL, 'serviceImpl.java.vm', 'package ${packageName}.service.impl;

import ${packageName}.entity.${ClassName};
import ${packageName}.mapper.${ClassName}Mapper;
import ${packageName}.service.I${ClassName}Service;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
#if($hasTableBusinessActions)
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;
import java.util.Map;
import javax.annotation.Resource;
import org.springframework.jdbc.core.JdbcTemplate;
import org.springframework.transaction.annotation.Transactional;
#end
import org.springframework.stereotype.Service;

/**
 * ${functionName}Service业务层处理
 *
 * @author ${author}
 * @date ${datetime}
 */
@Service
public class ${ClassName}ServiceImpl extends ServiceImpl<${ClassName}Mapper, ${ClassName}> implements I${ClassName}Service {

#if($hasTableBusinessActions)
    // STRICT_TARGET_TABLE_CONDITIONS
    @Resource
    private JdbcTemplate jdbcTemplate;

#foreach($action in $tableBusinessActions)
    @Override
    @Transactional(rollbackFor = Exception.class)
    public int ${action.code}(Map<String, Object> params)
    {
        if (params == null)
        {
            throw new IllegalArgumentException("业务动作参数不能为空");
        }
#if($action.requestFields)
#foreach($field in $action.requestFields)
        requireBusinessParam(params, "${field}");
#end
#end
#if($action.ruleChecks)
#foreach($rule in $action.ruleChecks)
#set($conditionFields = $rule.conditionFields)
#if($rule.type == "EXISTS")
        assertExists(params, "${rule.targetTable}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#elseif($rule.type == "NOT_EXISTS")
        assertNotExists(params, "${rule.targetTable}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#elseif($rule.type == "FIELD_EQUALS")
        assertFieldEquals(params, "${rule.targetTable}", "${rule.targetField}", "${rule.expectedValue}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#elseif($rule.type == "FIELD_NOT_EQUALS")
        assertFieldNotEquals(params, "${rule.targetTable}", "${rule.targetField}", "${rule.expectedValue}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#elseif($rule.type == "FIELD_IN")
        assertFieldIn(params, "${rule.targetTable}", "${rule.targetField}", new String[] {#foreach($value in $rule.expectedValues)"${value}"#if($foreach.hasNext), #end#end}, new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#elseif($rule.type == "NUMBER_GTE")
        assertNumberGte(params, "${rule.targetTable}", "${rule.targetField}", "${rule.compareValue}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${rule.message}");
#end
#end
#end
        int rows = 0;
#if($action.effects)
#foreach($effect in $action.effects)
#if($effect.type == "UPDATE_FIELD")
#set($conditionFields = $effect.conditionFields)
        rows += executeUpdateFieldEffect(params, "${effect.targetTable}", "${effect.targetField}", "${effect.value}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end});
#elseif($effect.type == "INSERT_ROW")
#set($effectIndex = $foreach.index)
        Map<String, Object> insertValues${effectIndex} = new java.util.LinkedHashMap<String, Object>();
#foreach($entry in $effect.values.entrySet())
        insertValues${effectIndex}.put("${entry.key}", resolveBusinessValue(params, "${entry.value}"));
#end
        rows += insertRow("${effect.targetTable}", insertValues${effectIndex});
#elseif($effect.type == "UPDATE_FIELDS")
#set($conditionFields = $effect.conditionFields)
#set($effectIndex = $foreach.index)
        Map<String, Object> updateValues${effectIndex} = new java.util.LinkedHashMap<String, Object>();
#foreach($entry in $effect.values.entrySet())
        updateValues${effectIndex}.put("${entry.key}", resolveBusinessValue(params, "${entry.value}"));
#end
        rows += updateFields(params, "${effect.targetTable}", updateValues${effectIndex}, new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end});
#elseif($effect.type == "SET_STATUS")
#set($conditionFields = $effect.conditionFields)
        rows += setStatus(params, "${effect.targetTable}", "${effect.targetField}", resolveBusinessValue(params, "${effect.value}"), new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end});
#elseif($effect.type == "INCREASE_NUMBER")
#set($conditionFields = $effect.conditionFields)
        rows += increaseNumberField(params, "${effect.targetTable}", "${effect.targetField}", "${effect.amount}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end});
#elseif($effect.type == "DECREASE_NUMBER")
#set($conditionFields = $effect.conditionFields)
        rows += decreaseNumberField(params, "${effect.targetTable}", "${effect.targetField}", "${effect.amount}", "${effect.minValue}", new String[] {#foreach($field in $conditionFields)"${field}"#if($foreach.hasNext), #end#end}, "${effect.message}");
#end
#end
#end
        return rows;
    }

#end
    private void requireBusinessParam(Map<String, Object> params, String field)
    {
        if (!params.containsKey(field) || params.get(field) == null || String.valueOf(params.get(field)).trim().isEmpty())
        {
            throw new IllegalArgumentException("缺少业务动作参数：" + field);
        }
    }

    private void assertExists(Map<String, Object> params, String tableName, String[] conditionFields, String message)
    {
        if (countRows(params, tableName, conditionFields) <= 0)
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务记录不存在"));
        }
    }

    private void assertNotExists(Map<String, Object> params, String tableName, String[] conditionFields, String message)
    {
        if (countRows(params, tableName, conditionFields) > 0)
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务记录已存在"));
        }
    }

    private void assertFieldEquals(Map<String, Object> params, String tableName, String targetField,
                                   String expectedValue, String[] conditionFields, String message)
    {
        Object value = querySingleField(params, tableName, targetField, conditionFields);
        if (value == null || !String.valueOf(resolveBusinessValue(params, expectedValue)).equals(String.valueOf(value)))
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务规则校验失败"));
        }
    }

    private void assertFieldNotEquals(Map<String, Object> params, String tableName, String targetField,
                                      String expectedValue, String[] conditionFields, String message)
    {
        Object value = querySingleField(params, tableName, targetField, conditionFields);
        if (value != null && String.valueOf(resolveBusinessValue(params, expectedValue)).equals(String.valueOf(value)))
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务规则校验失败"));
        }
    }

    private void assertFieldIn(Map<String, Object> params, String tableName, String targetField,
                               String[] expectedValues, String[] conditionFields, String message)
    {
        Object value = querySingleField(params, tableName, targetField, conditionFields);
        String current = value == null ? "" : String.valueOf(value);
        for (String expectedValue : expectedValues)
        {
            if (String.valueOf(resolveBusinessValue(params, expectedValue)).equals(current))
            {
                return;
            }
        }
        throw new IllegalArgumentException(defaultMessage(message, "业务规则校验失败"));
    }

    private void assertNumberGte(Map<String, Object> params, String tableName, String targetField,
                                 String compareValue, String[] conditionFields, String message)
    {
        Object value = querySingleField(params, tableName, targetField, conditionFields);
        BigDecimal current = toBigDecimal(value, "业务数值无效");
        BigDecimal expected = resolveBusinessNumber(params, compareValue);
        if (current.compareTo(expected) < 0)
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务数值校验失败"));
        }
    }

    private int insertRow(String tableName, Map<String, Object> values)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务动作目标表无效");
        if (values == null || values.isEmpty())
        {
            throw new IllegalArgumentException("业务新增字段不能为空");
        }
        StringBuilder fields = new StringBuilder();
        StringBuilder placeholders = new StringBuilder();
        List<Object> args = new ArrayList<Object>();
        for (Map.Entry<String, Object> entry : values.entrySet())
        {
            if (fields.length() > 0)
            {
                fields.append(", ");
                placeholders.append(", ");
            }
            fields.append(requireSafeIdentifier(entry.getKey(), "业务新增字段无效"));
            placeholders.append("?");
            args.add(entry.getValue());
        }
        return jdbcTemplate.update("insert into " + safeTableName + " (" + fields + ") values (" + placeholders + ")",
                args.toArray());
    }

    private int updateFields(Map<String, Object> params, String tableName, Map<String, Object> values,
                             String[] conditionFields)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务动作目标表无效");
        if (values == null || values.isEmpty())
        {
            throw new IllegalArgumentException("业务更新字段不能为空");
        }
        StringBuilder sets = new StringBuilder();
        List<Object> args = new ArrayList<Object>();
        for (Map.Entry<String, Object> entry : values.entrySet())
        {
            if (sets.length() > 0)
            {
                sets.append(", ");
            }
            sets.append(requireSafeIdentifier(entry.getKey(), "业务更新字段无效")).append(" = ?");
            args.add(entry.getValue());
        }
        String whereClause = buildWhereClause(params, conditionFields);
        appendConditionValues(args, params, conditionFields);
        return jdbcTemplate.update("update " + safeTableName + " set " + sets + " where " + whereClause,
                args.toArray());
    }

    private int setStatus(Map<String, Object> params, String tableName, String targetField, Object value,
                          String[] conditionFields)
    {
        Map<String, Object> values = new java.util.LinkedHashMap<String, Object>();
        values.put(targetField, value);
        return updateFields(params, tableName, values, conditionFields);
    }

    private int increaseNumberField(Map<String, Object> params, String tableName, String targetField,
                                    String amountExpression, String[] conditionFields)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务动作目标表无效");
        String safeTargetField = requireSafeIdentifier(targetField, "业务动作目标字段无效");
        BigDecimal amount = resolveBusinessNumber(params, amountExpression);
        String whereClause = buildWhereClause(params, conditionFields);
        List<Object> args = new ArrayList<Object>();
        args.add(amount);
        appendConditionValues(args, params, conditionFields);
        return jdbcTemplate.update("update " + safeTableName + " set " + safeTargetField + " = "
                + safeTargetField + " + ? where " + whereClause, args.toArray());
    }

    private int decreaseNumberField(Map<String, Object> params, String tableName, String targetField,
                                    String amountExpression, String minValueExpression,
                                    String[] conditionFields, String message)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务动作目标表无效");
        String safeTargetField = requireSafeIdentifier(targetField, "业务动作目标字段无效");
        BigDecimal amount = resolveBusinessNumber(params, amountExpression);
        BigDecimal minValue = resolveBusinessNumber(params,
                minValueExpression == null || minValueExpression.length() == 0 ? "0" : minValueExpression);
        String whereClause = buildWhereClause(params, conditionFields);
        List<Object> args = new ArrayList<Object>();
        args.add(amount);
        appendConditionValues(args, params, conditionFields);
        args.add(amount);
        args.add(minValue);
        int rows = jdbcTemplate.update("update " + safeTableName + " set " + safeTargetField + " = "
                + safeTargetField + " - ? where " + whereClause + " and " + safeTargetField + " - ? >= ?",
                args.toArray());
        if (rows == 0)
        {
            throw new IllegalArgumentException(defaultMessage(message, "业务数值扣减失败"));
        }
        return rows;
    }

    private int executeUpdateFieldEffect(Map<String, Object> params, String tableName, String targetField,
                                         String valueExpression, String[] conditionFields)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务动作目标表无效");
        String safeTargetField = requireSafeIdentifier(targetField, "业务动作目标字段无效");
        String safeValueExpression = requireSafeExpression(valueExpression);
        String whereClause = buildWhereClause(params, conditionFields);
        return jdbcTemplate.update("update " + safeTableName + " set " + safeTargetField + " = "
                + safeValueExpression + " where " + whereClause, conditionValues(params, conditionFields));
    }

    private String buildWhereClause(Map<String, Object> params, String[] conditionFields)
    {
        if (conditionFields == null || conditionFields.length == 0)
        {
            throw new IllegalArgumentException("业务动作条件字段不能为空");
        }
        StringBuilder where = new StringBuilder();
        for (String field : conditionFields)
        {
            String safeField = requireSafeIdentifier(field, "业务动作条件字段无效");
            requireBusinessParam(params, safeField);
            if (where.length() > 0)
            {
                where.append(" and ");
            }
            where.append(safeField).append(" = ?");
        }
        return where.toString();
    }

    private Object[] conditionValues(Map<String, Object> params, String[] conditionFields)
    {
        Object[] values = new Object[conditionFields.length];
        for (int i = 0; i < conditionFields.length; i++)
        {
            values[i] = params.get(conditionFields[i]);
        }
        return values;
    }

    private int countRows(Map<String, Object> params, String tableName, String[] conditionFields)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务规则目标表无效");
        String whereClause = buildWhereClause(params, conditionFields);
        Integer count = jdbcTemplate.queryForObject("select count(1) from " + safeTableName + " where "
                + whereClause, conditionValues(params, conditionFields), Integer.class);
        return count == null ? 0 : count.intValue();
    }

    private Object querySingleField(Map<String, Object> params, String tableName, String targetField,
                                    String[] conditionFields)
    {
        String safeTableName = requireSafeIdentifier(tableName, "业务规则目标表无效");
        String safeTargetField = requireSafeIdentifier(targetField, "业务规则目标字段无效");
        String whereClause = buildWhereClause(params, conditionFields);
        List<Map<String, Object>> rows = jdbcTemplate.queryForList("select " + safeTargetField + " from "
                + safeTableName + " where " + whereClause + " limit 1", conditionValues(params, conditionFields));
        return rows.isEmpty() ? null : rows.get(0).get(safeTargetField);
    }

    private void appendConditionValues(List<Object> args, Map<String, Object> params, String[] conditionFields)
    {
        for (Object value : conditionValues(params, conditionFields))
        {
            args.add(value);
        }
    }

    private Object resolveBusinessValue(Map<String, Object> params, String valueExpression)
    {
        if (valueExpression == null)
        {
            return null;
        }
        if ("#[[${now}]]#".equals(valueExpression))
        {
            return new Date();
        }
        if ("#[[${current_user.id}]]#".equals(valueExpression)
                || "#[[${current_user_id}]]#".equals(valueExpression))
        {
            requireBusinessParam(params, "__currentUserId");
            return params.get("__currentUserId");
        }
        if (valueExpression.startsWith("#[[${param.]]#") && valueExpression.endsWith("}"))
        {
            String field = valueExpression.substring(8, valueExpression.length() - 1);
            requireBusinessParam(params, field);
            return params.get(field);
        }
        return valueExpression;
    }

    private BigDecimal resolveBusinessNumber(Map<String, Object> params, String valueExpression)
    {
        return toBigDecimal(resolveBusinessValue(params, valueExpression), "业务数值表达式无效");
    }

    private BigDecimal toBigDecimal(Object value, String message)
    {
        try
        {
            return new BigDecimal(String.valueOf(value));
        }
        catch (RuntimeException e)
        {
            throw new IllegalArgumentException(message);
        }
    }

    private String defaultMessage(String message, String fallback)
    {
        return message == null || message.length() == 0 ? fallback : message;
    }

    private String requireSafeIdentifier(String value, String message)
    {
        if (value == null || !value.matches("[A-Za-z][A-Za-z0-9_]*"))
        {
            throw new IllegalArgumentException(message);
        }
        return value;
    }

    private String requireSafeExpression(String valueExpression)
    {
        if (valueExpression == null || !valueExpression.matches("[A-Za-z0-9_ +*/().-]{1,200}")
                || valueExpression.contains(";") || valueExpression.contains("--"))
        {
            throw new IllegalArgumentException("业务动作表达式无效");
        }
        return valueExpression;
    }
#end
}
', 'admin', sysdate()),
(920113, 9201, 'controller.java.vm', NULL, 'controller.java.vm', 'package ${packageName}.controller;

import cn.hutool.poi.excel.ExcelReader;
import cn.hutool.poi.excel.ExcelUtil;
import cn.hutool.poi.excel.ExcelWriter;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import ${packageName}.common.Result;
import ${packageName}.entity.${ClassName};
#if($hasQingCurrentUserColumn || $hasTableBusinessActions)
import ${packageName}.entity.PortalUser;
import ${packageName}.security.PortalAuthTokenStore;
#end
import ${packageName}.service.I${ClassName}Service;
import java.io.InputStream;
import java.net.URLEncoder;
import java.util.LinkedHashMap;
import java.util.List;
import java.util.Map;
import javax.annotation.Resource;
import javax.servlet.ServletOutputStream;
#if($hasQingCurrentUserColumn || $hasTableBusinessActions)
import javax.servlet.http.HttpServletRequest;
#end
import javax.servlet.http.HttpServletResponse;
import org.apache.commons.lang3.StringUtils;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.web.multipart.MultipartFile;

/**
 * ${functionName}Controller
 *
 * @author ${author}
 * @date ${datetime}
 */
@RestController
public class ${ClassName}Controller
{
    @Resource
    private I${ClassName}Service ${className}Service;

#if($hasQingCurrentUserColumn || $hasTableBusinessActions)
    @Resource
    private PortalAuthTokenStore tokenStore;

#end

    #if($allowAdd == ''1'' || $allowEdit == ''1'')
    @PostMapping("/${moduleName}/${businessName}")
    public Result<Void> save(@RequestBody ${ClassName} ${className})
    {
        #if($allowAdd == ''1'' && $allowEdit == ''1'')
        ${className}Service.saveOrUpdate(${className});
        #elseif($allowAdd == ''1'')
        ${className}Service.save(${className});
        #else
        ${className}Service.updateById(${className});
        #end
        return Result.success();
    }
    #end

    #if($allowRemove == ''1'')
    @DeleteMapping("/${moduleName}/${businessName}/{${pkColumn.javaField}}")
    public Result<Void> delete(@PathVariable ${pkColumn.javaType} ${pkColumn.javaField})
    {
        ${className}Service.removeById(${pkColumn.javaField});
        return Result.success();
    }

    @PostMapping("/${moduleName}/${businessName}/del/batch")
    public Result<Void> deleteBatch(@RequestBody List<${pkColumn.javaType}> ${pkColumn.javaField}s)
    {
        ${className}Service.removeByIds(${pkColumn.javaField}s);
        return Result.success();
    }
    #end

    @GetMapping("/${moduleName}/${businessName}")
    public Result<List<${ClassName}>> findAll()
    {
        return Result.success(${className}Service.list());
    }

    @GetMapping("/${moduleName}/${businessName}/{${pkColumn.javaField}}")
    public Result<${ClassName}> findOne(@PathVariable ${pkColumn.javaType} ${pkColumn.javaField})
    {
        return Result.success(${className}Service.getById(${pkColumn.javaField}));
    }

    @GetMapping("/${moduleName}/${businessName}/page")
    public Result<Page<${ClassName}>> findPage(@RequestParam(required = false, defaultValue = "1") Integer pageNum,
                                               @RequestParam(required = false, defaultValue = "10") Integer pageSize,
                                               @RequestParam(required = false) Map<String, Object> params#if($hasQingCurrentUserColumn),
                                               HttpServletRequest request#end)
    {
        QueryWrapper<${ClassName}> queryWrapper = new QueryWrapper<${ClassName}>();
#if($hasQingCurrentUserColumn)
        if (isCurrentUserOnly(params))
        {
            PortalUser currentUser = tokenStore.getPortalUser(resolveToken(request));
            if (currentUser == null)
            {
                return Result.success(new Page<${ClassName}>(pageNum, pageSize));
            }
            queryWrapper.eq("${qingCurrentUserColumn.columnName}", currentUser.getUserId());
        }
#end
#foreach ($column in $columns)
#if($column.isQuery == "1")
#set($queryType=$column.queryType)
#set($javaField=$column.javaField)
#set($columnName=$column.columnName)
#if($queryType == "EQ")
        queryWrapper.eq(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "NE")
        queryWrapper.ne(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "GT")
        queryWrapper.gt(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "GTE")
        queryWrapper.ge(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "LT")
        queryWrapper.lt(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "LTE")
        queryWrapper.le(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#elseif($queryType == "LIKE")
        queryWrapper.like(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#else
        queryWrapper.eq(hasValue(params.get("${javaField}")), "${columnName}", params.get("${javaField}"));
#end
#end
#end
        queryWrapper.orderByDesc("${pkColumn.columnName}");
        return Result.success(${className}Service.page(new Page<${ClassName}>(pageNum, pageSize), queryWrapper));
    }

    @GetMapping("/${moduleName}/${businessName}/export")
    public void export(HttpServletResponse response) throws Exception
    {
        List<${ClassName}> list = ${className}Service.list();
        ExcelWriter writer = ExcelUtil.getWriter(true);
        writer.write(list, true);

        response.setContentType("application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
        String fileName = URLEncoder.encode("${functionName}信息表", "UTF-8");
        response.setHeader("Content-Disposition", "attachment;filename=" + fileName + ".xlsx");

        ServletOutputStream out = response.getOutputStream();
        writer.flush(out, true);
        out.close();
        writer.close();
    }

    #if($allowAdd == ''1'')
    @PostMapping("/${moduleName}/${businessName}/import")
    public Result<Void> imp(MultipartFile file) throws Exception
    {
        InputStream inputStream = file.getInputStream();
        ExcelReader reader = ExcelUtil.getReader(inputStream);
        List<${ClassName}> list = reader.readAll(${ClassName}.class);
        ${className}Service.saveBatch(list);
        return Result.success();
    }
    #end

#if($hasTableBusinessActions)
#foreach($action in $tableBusinessActions)
#if($action.method == "GET")
    @GetMapping("${action.path}")
    public Result<Integer> ${action.code}(@RequestParam(required = false) Map<String, Object> params,
                                          HttpServletRequest request)
#elseif($action.method == "PUT")
    @org.springframework.web.bind.annotation.PutMapping("${action.path}")
    public Result<Integer> ${action.code}(@RequestBody(required = false) Map<String, Object> params,
                                          HttpServletRequest request)
#elseif($action.method == "DELETE")
    @DeleteMapping("${action.path}")
    public Result<Integer> ${action.code}(@RequestBody(required = false) Map<String, Object> params,
                                          HttpServletRequest request)
#else
    @PostMapping("${action.path}")
    public Result<Integer> ${action.code}(@RequestBody(required = false) Map<String, Object> params,
                                          HttpServletRequest request)
#end
    {
        try
        {
            Map<String, Object> actionParams = prepareBusinessActionParams(params, request, new String[] {#foreach($field in $action.currentUserFields)"${field}"#if($foreach.hasNext), #end#end});
            return Result.success(${className}Service.${action.code}(actionParams));
        }
        catch (RuntimeException e)
        {
            return Result.error(e.getMessage());
        }
    }

#end
    private Map<String, Object> prepareBusinessActionParams(Map<String, Object> params, HttpServletRequest request,
                                                             String[] currentUserFields)
    {
        Map<String, Object> actionParams = params == null
                ? new LinkedHashMap<String, Object>()
                : new LinkedHashMap<String, Object>(params);
        PortalUser currentUser = tokenStore.getPortalUser(resolveToken(request));
        if (currentUser == null)
        {
            throw new IllegalArgumentException("请先登录");
        }
        actionParams.put("__currentUserId", currentUser.getUserId());
        if (currentUserFields != null)
        {
            for (String field : currentUserFields)
            {
                if (StringUtils.isNotBlank(field))
                {
                    if ("username".equals(field) || "user_name".equals(field))
                    {
                        actionParams.put(field, currentUser.getUsername());
                    }
                    else
                    {
                        actionParams.put(field, currentUser.getUserId());
                    }
                }
            }
        }
        return actionParams;
    }

#end
    private boolean hasValue(Object value)
    {
        return value != null && StringUtils.isNotBlank(String.valueOf(value));
    }

#if($hasQingCurrentUserColumn)
    private boolean isCurrentUserOnly(Map<String, Object> params)
    {
        return params != null && "true".equalsIgnoreCase(String.valueOf(params.get("__currentUserOnly")));
    }

#end
#if($hasQingCurrentUserColumn || $hasTableBusinessActions)
    private String resolveToken(HttpServletRequest request)
    {
        String authorization = request.getHeader("Authorization");
        if (authorization != null && authorization.startsWith("Bearer "))
        {
            return authorization.substring("Bearer ".length());
        }
        return request.getHeader("X-Portal-Token");
    }
#end
}
', 'admin', sysdate()),
(920114, 9201, 'mapper.xml.vm', NULL, 'mapper.xml.vm', '<?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="${packageName}.mapper.${ClassName}Mapper">

    <!-- 通用查询映射结果 -->
    <resultMap type="${packageName}.entity.${ClassName}" id="BaseResultMap">
#foreach ($column in $columns)
#if ($column.isPk == "1")
        <id column="${column.columnName}" property="${column.javaField}"/>
#else
        <result column="${column.columnName}" property="${column.javaField}"/>
#end
#end
    </resultMap>

    <!-- 通用查询结果列 -->
    <sql id="Base_Column_List">
#foreach ($column in $columns)
        ${column.columnName}#if($foreach.count != $columns.size()),#end

#end
    </sql>

</mapper>
', 'admin', sysdate()),
(920115, 9201, 'sql.vm', NULL, 'sql.vm', '-- ${functionName} table
-- Generated by qing template at ${datetime}

${table.createTableSql}

create table if not exists t_admin (
  admin_id bigint not null auto_increment comment ''Admin ID'',
  username varchar(64) not null comment ''Username'',
  password_hash varchar(64) not null comment ''SHA-256 password hash'',
  nickname varchar(64) default null comment ''Nickname'',
  status char(1) default ''0'' comment ''Status, 0 normal 1 disabled'',
  create_time datetime default current_timestamp comment ''Create time'',
  primary key (admin_id),
  unique key uk_t_admin_username (username)
) engine=innodb default charset=utf8mb4 comment=''Admin user table'';

insert into t_admin (username, password_hash, nickname, status)
select ''admin'',
       ''8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92'',
       ''Administrator'',
       ''0''
where not exists (select 1 from t_admin where username = ''admin'');

create table if not exists t_user (
  user_id bigint not null auto_increment comment ''User ID'',
  username varchar(64) not null comment ''Username'',
  password_hash varchar(64) not null comment ''SHA-256 password hash'',
  nickname varchar(64) default null comment ''Nickname'',
  status char(1) default ''0'' comment ''Status, 0 normal 1 disabled'',
  create_time datetime default current_timestamp comment ''Create time'',
  primary key (user_id),
  unique key uk_t_user_username (username)
) engine=innodb default charset=utf8mb4 comment=''Portal user table'';

insert into t_user (username, password_hash, nickname, status)
select ''user'',
       ''8d969eef6ecad3c29a3a629280e686cf0c3f5d5a86aff3ca12020c923adc6c92'',
       ''User'',
       ''0''
where not exists (select 1 from t_user where username = ''user'');
', 'admin', sysdate()),
(920116, 9201, 'PortalUser.java.vm', NULL, 'PortalUser.java.vm', 'package ${packageName}.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Getter;
import lombok.Setter;
import lombok.experimental.Accessors;

@Getter
@Setter
@Accessors(chain = true)
@TableName("t_user")
public class PortalUser
{
    @TableId(value = "user_id", type = IdType.AUTO)
    private Long userId;

    private String username;

    private String passwordHash;

    private String nickname;

    private String status;
}
', 'admin', sysdate()),
(920117, 9201, 'PortalUserMapper.java.vm', NULL, 'PortalUserMapper.java.vm', 'package ${packageName}.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import ${packageName}.entity.PortalUser;

public interface PortalUserMapper extends BaseMapper<PortalUser>
{
}
', 'admin', sysdate()),
(920118, 9201, 'PortalAuthTokenStore.java.vm', NULL, 'PortalAuthTokenStore.java.vm', 'package ${packageName}.security;

import ${packageName}.entity.AdminUser;
import ${packageName}.entity.PortalUser;
import java.util.Map;
import java.util.UUID;
import java.util.concurrent.ConcurrentHashMap;
import org.springframework.stereotype.Component;

@Component
public class PortalAuthTokenStore
{
    private final Map<String, Object> sessions = new ConcurrentHashMap<String, Object>();

    public String issue(Object user)
    {
        String token = UUID.randomUUID().toString().replace("-", "");
        sessions.put(token, user);
        return token;
    }

    public Object getUser(String token)
    {
        if (token == null || token.trim().isEmpty())
        {
            return null;
        }
        return sessions.get(token);
    }

    public PortalUser getPortalUser(String token)
    {
        Object user = getUser(token);
        return user instanceof PortalUser ? (PortalUser) user : null;
    }

    public AdminUser getAdminUser(String token)
    {
        Object user = getUser(token);
        return user instanceof AdminUser ? (AdminUser) user : null;
    }

    public boolean validate(String token)
    {
        return getUser(token) != null;
    }

    public void revoke(String token)
    {
        if (token != null)
        {
            sessions.remove(token);
        }
    }
}
', 'admin', sysdate()),
(920119, 9201, 'PortalAuthInterceptor.java.vm', NULL, 'PortalAuthInterceptor.java.vm', 'package ${packageName}.security;

import java.io.IOException;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.HandlerInterceptor;

@Component
public class PortalAuthInterceptor implements HandlerInterceptor
{
    @Resource
    private PortalAuthTokenStore tokenStore;

    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
            throws IOException
    {
        if ("OPTIONS".equalsIgnoreCase(request.getMethod()))
        {
            return true;
        }

        String token = resolveToken(request);
        if (tokenStore.validate(token))
        {
            return true;
        }

        response.setStatus(401);
        response.setCharacterEncoding("UTF-8");
        response.setContentType("application/json;charset=UTF-8");
        response.getWriter().write("{\\"code\\":\\"401\\",\\"msg\\":\\"请先登录\\",\\"data\\":null}");
        return false;
    }

    private String resolveToken(HttpServletRequest request)
    {
        String authorization = request.getHeader("Authorization");
        if (authorization != null && authorization.startsWith("Bearer "))
        {
            return authorization.substring("Bearer ".length());
        }
        return request.getHeader("X-Portal-Token");
    }
}
', 'admin', sysdate()),
(920120, 9201, 'PortalAuthController.java.vm', NULL, 'PortalAuthController.java.vm', 'package ${packageName}.controller;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import ${packageName}.common.Result;
import ${packageName}.entity.PortalUser;
import ${packageName}.mapper.PortalUserMapper;
import ${packageName}.security.PortalAuthTokenStore;
import java.nio.charset.StandardCharsets;
import java.security.MessageDigest;
import java.util.HashMap;
import java.util.Map;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/auth")
public class PortalAuthController
{
    @Resource
    private PortalUserMapper portalUserMapper;

    @Resource
    private PortalAuthTokenStore tokenStore;

    @PostMapping("/login")
    public Result<Map<String, Object>> login(@RequestBody LoginBody body)
    {
        if (body == null || isBlank(body.getUsername()) || isBlank(body.getPassword()))
        {
            return Result.error("请输入用户名和密码");
        }

        PortalUser user = portalUserMapper.selectOne(new QueryWrapper<PortalUser>()
                .eq("username", body.getUsername())
                .eq("status", "0")
                .last("limit 1"));

        if (user == null || !passwordHash(body.getPassword()).equalsIgnoreCase(user.getPasswordHash()))
        {
            return Result.error("账号或密码错误");
        }

        String token = tokenStore.issue(user);
        user.setPasswordHash(null);

        Map<String, Object> data = new HashMap<String, Object>();
        data.put("token", token);
        data.put("user", user);
        return Result.success(data);
    }

    @GetMapping("/me")
    public Result<PortalUser> me(HttpServletRequest request)
    {
        PortalUser user = tokenStore.getPortalUser(resolveToken(request));
        if (user == null)
        {
            return Result.error("请先登录");
        }
        user.setPasswordHash(null);
        return Result.success(user);
    }

    @PostMapping("/logout")
    public Result<Void> logout(HttpServletRequest request)
    {
        tokenStore.revoke(resolveToken(request));
        return Result.success();
    }

    private String resolveToken(HttpServletRequest request)
    {
        String authorization = request.getHeader("Authorization");
        if (authorization != null && authorization.startsWith("Bearer "))
        {
            return authorization.substring("Bearer ".length());
        }
        return request.getHeader("X-Portal-Token");
    }

    private String passwordHash(String password)
    {
        try
        {
            MessageDigest digest = MessageDigest.getInstance("SHA-256");
            byte[] hash = digest.digest(password.getBytes(StandardCharsets.UTF_8));
            StringBuilder builder = new StringBuilder();
            for (byte item : hash)
            {
                builder.append(String.format("%02x", item));
            }
            return builder.toString();
        }
        catch (Exception e)
        {
            throw new IllegalStateException("Password hash failed", e);
        }
    }

    private boolean isBlank(String value)
    {
        return value == null || value.trim().isEmpty();
    }

    public static class LoginBody
    {
        private String username;
        private String password;

        public String getUsername()
        {
            return username;
        }

        public void setUsername(String username)
        {
            this.username = username;
        }

        public String getPassword()
        {
            return password;
        }

        public void setPassword(String password)
        {
            this.password = password;
        }
    }
}
', 'admin', sysdate()),
(920121, 9201, 'AdminUser.java.vm', NULL, 'AdminUser.java.vm', 'package ${packageName}.entity;

import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Getter;
import lombok.Setter;
import lombok.experimental.Accessors;

@Getter
@Setter
@Accessors(chain = true)
@TableName("t_admin")
public class AdminUser
{
    @TableId(value = "admin_id", type = IdType.AUTO)
    private Long adminId;

    private String username;

    private String passwordHash;

    private String nickname;

    private String status;
}
', 'admin', sysdate()),
(920122, 9201, 'AdminUserMapper.java.vm', NULL, 'AdminUserMapper.java.vm', 'package ${packageName}.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import ${packageName}.entity.AdminUser;

public interface AdminUserMapper extends BaseMapper<AdminUser>
{
}
', 'admin', sysdate()),
(920123, 9201, 'AdminAuthController.java.vm', NULL, 'AdminAuthController.java.vm', 'package ${packageName}.controller;

import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import ${packageName}.common.Result;
import ${packageName}.entity.AdminUser;
import ${packageName}.mapper.AdminUserMapper;
import ${packageName}.security.PortalAuthTokenStore;
import java.nio.charset.StandardCharsets;
import java.security.MessageDigest;
import java.util.HashMap;
import java.util.Map;
import javax.annotation.Resource;
import javax.servlet.http.HttpServletRequest;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
@RequestMapping("/auth/admin")
public class AdminAuthController
{
    @Resource
    private AdminUserMapper adminUserMapper;

    @Resource
    private PortalAuthTokenStore tokenStore;

    @PostMapping("/login")
    public Result<Map<String, Object>> login(@RequestBody LoginBody body)
    {
        if (body == null || isBlank(body.getUsername()) || isBlank(body.getPassword()))
        {
            return Result.error("请输入用户名和密码");
        }

        AdminUser user = adminUserMapper.selectOne(new QueryWrapper<AdminUser>()
                .eq("username", body.getUsername())
                .eq("status", "0")
                .last("limit 1"));

        if (user == null || !passwordHash(body.getPassword()).equalsIgnoreCase(user.getPasswordHash()))
        {
            return Result.error("账号或密码错误");
        }

        String token = tokenStore.issue(user);
        user.setPasswordHash(null);

        Map<String, Object> data = new HashMap<String, Object>();
        data.put("token", token);
        data.put("user", user);
        return Result.success(data);
    }

    @GetMapping("/me")
    public Result<AdminUser> me(HttpServletRequest request)
    {
        AdminUser user = tokenStore.getAdminUser(resolveToken(request));
        if (user == null)
        {
            return Result.error("请先登录");
        }
        user.setPasswordHash(null);
        return Result.success(user);
    }

    @PostMapping("/logout")
    public Result<Void> logout(HttpServletRequest request)
    {
        tokenStore.revoke(resolveToken(request));
        return Result.success();
    }

    private String resolveToken(HttpServletRequest request)
    {
        String authorization = request.getHeader("Authorization");
        if (authorization != null && authorization.startsWith("Bearer "))
        {
            return authorization.substring("Bearer ".length());
        }
        return request.getHeader("X-Admin-Token");
    }

    private String passwordHash(String password)
    {
        try
        {
            MessageDigest digest = MessageDigest.getInstance("SHA-256");
            byte[] hash = digest.digest(password.getBytes(StandardCharsets.UTF_8));
            StringBuilder builder = new StringBuilder();
            for (byte item : hash)
            {
                builder.append(String.format("%02x", item));
            }
            return builder.toString();
        }
        catch (Exception e)
        {
            throw new IllegalStateException("Password hash failed", e);
        }
    }

    private boolean isBlank(String value)
    {
        return value == null || value.trim().isEmpty();
    }

    public static class LoginBody
    {
        private String username;
        private String password;

        public String getUsername()
        {
            return username;
        }

        public void setUsername(String username)
        {
            this.username = username;
        }

        public String getPassword()
        {
            return password;
        }

        public void setPassword(String password)
        {
            this.password = password;
        }
    }
}
', 'admin', sysdate());

-- Admin frontend template files
INSERT INTO sys_template_file (template_file_id, template_id, file_name, module_id, file_path, file_content, create_by, create_time) VALUES
(920201, 9202, 'package.json.vm', NULL, 'package.json.vm', '{
  "name": "${projectFileName}-admin",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve --host 0.0.0.0",
    "serve": "vue-cli-service serve --host 0.0.0.0",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.27.2",
    "core-js": "^3.8.3",
    "echarts": "5.4.0",
    "element-ui": "^2.15.14",
    "vue": "^2.6.14",
    "vue-router": "^3.6.5"
  },
  "devDependencies": {
    "@vue/cli-service": "^4.5.19",
    "vue-template-compiler": "^2.6.14"
  }
}', 'admin', sysdate()),
(920202, 9202, 'babel.config.js.vm', NULL, 'babel.config.js.vm', 'module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset"
  ]
}
', 'admin', sysdate()),
(920203, 9202, 'vue.config.js.vm', NULL, 'vue.config.js.vm', 'const port = process.env.PORT || 8081
const apiBaseUrl = process.env.VUE_APP_API_BASE_URL || "http://localhost:8080"

module.exports = {
  transpileDependencies: [],
  devServer: {
    port,
    proxy: {
      "/api": {
        target: apiBaseUrl,
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
}
', 'admin', sysdate()),
(920204, 9202, 'index.html.vm', NULL, 'index.html.vm', '<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>${projectName} Admin</title>
</head>
<body>
  <noscript>请启用 JavaScript 后访问。</noscript>
  <div id="app"></div>
</body>
</html>', 'admin', sysdate()),
(920205, 9202, 'admin-main.js.vm', NULL, 'admin-main.js.vm', 'import Vue from "vue"
import ElementUI from "element-ui"
import "element-ui/lib/theme-chalk/index.css"
import App from "./App.vue"
import router from "./router"
import request from "./utils/request"
import dict from "./utils/dict"

Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.prototype.request = request
Vue.prototype._dict = dict

new Vue({
  router,
  render: h => h(App)
}).#[[$mount]]#("#app")', 'admin', sysdate()),
(920206, 9202, 'admin-App.vue.vm', NULL, 'admin-App.vue.vm', '<template>
  <div id="app">
    <router-view v-if="isLoginPage" />
    <div v-else class="admin-shell">
      <aside class="admin-sidebar">
        <router-link class="brand" to="/">
          <span class="brand-mark">ADM</span>
          <span class="brand-text">${projectName}后台</span>
        </router-link>

        <nav class="sidebar-menu">
#if($hasAdminNavGroups)
#foreach($group in $adminNavGroups)
#if($group.hasChildren)
          <div class="menu-group">
#if($group.clickable)
            <router-link class="menu-title menu-title-link" :class=''{ active: isSidebarGroupActive(${group.activePathsLiteral}) }'' to="${group.path}" exact>
              <span><i class="el-icon-menu"></i>${group.name}</span>
              <i class="el-icon-arrow-up"></i>
            </router-link>
#else
            <div class="menu-title" :class=''{ active: isSidebarGroupActive(${group.activePathsLiteral}) }''>
              <span><i class="el-icon-folder-opened"></i>${group.name}</span>
              <i class="el-icon-arrow-up"></i>
            </div>
#end
#foreach($child in $group.children)
            <router-link class="sidebar-link is-child" to="${child.path}" exact>
              <span>${child.name}</span>
            </router-link>
#end
          </div>
#else
          <router-link class="sidebar-link" to="${group.path}" exact>
            <i class="el-icon-menu"></i>
            <span>${group.name}</span>
          </router-link>
#end
#end
#else
          <router-link class="sidebar-link" to="/empty" exact>
            <i class="el-icon-warning-outline"></i>
            <span>暂无菜单</span>
          </router-link>
#end
        </nav>
      </aside>

      <section class="admin-main">
        <header class="topbar">
          <div class="breadcrumb">
            <router-link to="/">首页</router-link>
            <span>/</span>
            <strong>{{ currentTitle }}</strong>
          </div>
          <el-dropdown trigger="click" @command="handleUserCommand">
            <span class="user-entry">
              <span class="avatar">管</span>
              <span>{{ userName }}</span>
              <i class="el-icon-arrow-down"></i>
            </span>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item command="logout">退出登录</el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
        </header>
        <main class="content-area">
          <router-view />
        </main>
      </section>
    </div>
  </div>
</template>

<script>
export default {
  name: "App",
  computed: {
    isLoginPage() {
      return this.#[[$route]]#.path === "/login"
    },
    currentTitle() {
      return this.#[[$route]]#.meta && this.#[[$route]]#.meta.title ? this.#[[$route]]#.meta.title : "系统首页"
    },
    userName() {
      const storedUser = window.localStorage.getItem("admin-user")
      if (storedUser) {
        try {
          const user = JSON.parse(storedUser)
          return user.nickname || user.username || "管理员"
        } catch (e) {
          return "管理员"
        }
      }
      return window.localStorage.getItem("adminUserName") || "管理员"
    }
  },
  methods: {
    isSidebarGroupActive(paths) {
      return Array.isArray(paths) && paths.indexOf(this.#[[$route]]#.path) !== -1
    },
    handleUserCommand(command) {
      if (command === "logout") {
        this.request.post("/auth/admin/logout").finally(() => {
          this.clearAdminSession()
          this.#[[$router]]#.replace("/login")
        })
      }
    },
    clearAdminSession() {
      window.localStorage.removeItem("admin-token")
      window.localStorage.removeItem("admin-user")
    }
  }
}
</script>

<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f3f5fa;
  color: #303133;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

a {
  text-decoration: none;
}

.admin-shell {
  min-height: 100vh;
  display: flex;
  background: #f3f5fa;
}

.admin-sidebar {
  width: 208px;
  min-height: 100vh;
  flex: 0 0 208px;
  overflow-y: auto;
  background: #0f172a;
  color: #d8e6f0;
}

.brand {
  height: 62px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  background: #111827;
}

.brand-mark {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 8px;
  color: #ffffff;
  background: #17633b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.brand-text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 17px;
  font-weight: 700;
}

.sidebar-menu {
  padding: 10px 0 24px;
}

.sidebar-link,
.menu-title {
  min-height: 44px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #d8e6f0;
  font-size: 14px;
}

.menu-title {
  justify-content: space-between;
  background: #111f35;
  border-left: 3px solid transparent;
}

.menu-title-link {
  color: #d8e6f0;
}

.menu-title span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.menu-title.active,
.menu-title:hover,
.sidebar-link:hover {
  color: #ffffff;
  background: #1e2f4d;
}

.sidebar-link.is-child {
  padding-left: 48px;
  background: #0b1220;
}

.sidebar-link.router-link-exact-active,
.sidebar-link.router-link-active {
  background: #2563eb;
  color: #fff;
}

.admin-main {
  min-width: 0;
  flex: 1;
}

.topbar {
  height: 56px;
  padding: 0 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  color: #111827;
}

.breadcrumb {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}

.breadcrumb a,
.breadcrumb strong {
  color: #111827;
}

.user-entry {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #334155;
  cursor: pointer;
}

.avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-grid;
  place-items: center;
  color: #1d4ed8;
  background: #eff6ff;
  font-weight: 700;
}

.content-area {
  min-height: calc(100vh - 56px);
  padding: 8px 10px 28px;
}
</style>', 'admin', sysdate()),
(920207, 9202, 'admin-router.js.vm', NULL, 'admin-router.js.vm', 'import Vue from "vue"
import Router from "vue-router"
import Login from "@/views/login/index.vue"
#if($hasAdminRouteItems)
#foreach($component in $adminRouteComponents)
import ${component.componentName} from "${component.componentPath}"
#end
#end

Vue.use(Router)

#if($hasAdminRouteItems)
const firstPath = "${defaultAdminPath}"
#else
const firstPath = "/empty"
const Empty = { template: "<div class=\"empty-page\">暂无可管理数据</div>" }
#end

const routes = [
  {
    path: "/login",
    name: "Login",
    component: Login,
    meta: { title: "登录" }
  },
  {
    path: "/",
    redirect: firstPath
  }#if($hasAdminRouteItems)#else,
  {
    path: "/empty",
    name: "Empty",
    component: Empty,
    meta: { title: "系统首页" }
  }#end
#foreach($item in $adminRouteItems),
  {
    path: "${item.path}",
    name: "${item.code}",
    component: ${item.componentName},
    meta: { title: "${item.title}" }
  }
#end
]

const router = new Router({
  mode: "hash",
  routes
})

router.beforeEach((to, from, next) => {
  const hasToken = Boolean(window.localStorage.getItem("admin-token"))
  if (to.path !== "/login" && !hasToken) {
    next({ path: "/login", query: { redirect: to.fullPath } })
    return
  }
  if (to.path === "/login" && hasToken) {
    next(to.query.redirect || firstPath)
    return
  }
  next()
})

export default router', 'admin', sysdate()),
(920211, 9202, 'admin-login.vue.vm', NULL, 'admin-login.vue.vm', '<template>
  <div class="login-page">
    <section class="login-visual">
      <div class="login-brand">
        <span class="brand-mark">
          <i></i><i></i><i></i><i></i>
        </span>
        <span>${projectName}后台</span>
      </div>
      <h1>${projectName}</h1>
      <p>统一管理分类、内容、订单与用户数据</p>
    </section>
    <el-form ref="loginForm" :model="form" :rules="rules" class="login-card" @keyup.enter.native="handleLogin">
      <h2>欢迎登录${projectName}后台</h2>
      <p>请输入管理员账号进入后台</p>
      <el-form-item prop="username">
        <el-input v-model="form.username" prefix-icon="el-icon-user" placeholder="请输入账号" />
      </el-form-item>
      <el-form-item prop="password">
        <el-input v-model="form.password" prefix-icon="el-icon-lock" placeholder="请输入密码" show-password />
      </el-form-item>
      <div class="login-options">
        <el-checkbox v-model="form.remember">记住账号</el-checkbox>
      </div>
      <el-button type="primary" :loading="loading" @click="handleLogin">登录</el-button>
    </el-form>
  </div>
</template>

<script>
#if($hasTables)
#set($firstTable = $tables.get(0))
const defaultRedirect = "/${firstTable.moduleName}/${firstTable.businessName}"
#else
const defaultRedirect = "/empty"
#end

export default {
  name: "AdminLogin",
  data() {
    return {
      loading: false,
      form: {
        username: window.localStorage.getItem("adminUserName") || "admin",
        password: "123456",
        remember: true
      },
      rules: {
        username: [{ required: true, message: "请输入账号", trigger: "blur" }],
        password: [{ required: true, message: "请输入密码", trigger: "blur" }]
      }
    }
  },
  methods: {
    handleLogin() {
      this.#[[$refs]]#.loginForm.validate(valid => {
        if (!valid) {
          return
        }
        this.loading = true
        this.request.post("/auth/admin/login", {
          username: this.form.username,
          password: this.form.password
        }).then(res => {
          if (!res || res.code !== "200" || !res.data || !res.data.token) {
            throw new Error((res && res.msg) || "登录失败")
          }
          window.localStorage.setItem("admin-token", res.data.token)
          window.localStorage.setItem("admin-user", JSON.stringify(res.data.user || {
            username: this.form.username,
            nickname: this.form.username
          }))
          if (this.form.remember) {
            window.localStorage.setItem("adminUserName", this.form.username)
          } else {
            window.localStorage.removeItem("adminUserName")
          }
          this.#[[$message]]#.success("登录成功")
          this.#[[$router]]#.replace(this.#[[$route]]#.query.redirect || defaultRedirect)
        }).catch(error => {
          this.#[[$message]]#.error(error.message || "登录失败")
        }).finally(() => {
          this.loading = false
        })
      })
    }
  }
}
</script>

<style scoped>
.login-page {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  background: #f3f5fa;
}

.login-visual {
  padding: 54px 64px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(135deg, #20a9b5 0%, #147a8f 48%, #001120 100%);
  color: #fff;
}

.login-brand {
  position: absolute;
  top: 32px;
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  font-weight: 700;
}

.brand-mark {
  width: 30px;
  height: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  transform: rotate(45deg);
}

.brand-mark i {
  display: block;
  border-radius: 2px;
}

.brand-mark i:nth-child(1) {
  background: #f4c542;
}

.brand-mark i:nth-child(2) {
  background: #22b8cf;
}

.brand-mark i:nth-child(3) {
  background: #2f80ed;
}

.brand-mark i:nth-child(4) {
  background: #42c77b;
}

.login-visual h1 {
  margin: 0;
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0;
}

.login-visual p {
  max-width: 520px;
  margin: 16px 0 0;
  color: rgba(255, 255, 255, .82);
  font-size: 18px;
}

.login-card {
  align-self: center;
  margin: 0 48px 0 0;
  padding: 36px 34px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(0, 17, 32, .16);
}

.login-card h2 {
  margin: 0;
  color: #17233d;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: 0;
}

.login-card p {
  margin: 8px 0 24px;
  color: #8a95a6;
}

.login-options {
  margin: -4px 0 18px;
}

.login-card .el-button {
  width: 100%;
  height: 42px;
  border-color: #0f7dbd;
  background: #0f7dbd;
}

@media (max-width: 900px) {
  .login-page {
    grid-template-columns: 1fr;
  }

  .login-visual {
    min-height: 220px;
    padding: 36px 28px;
  }

  .login-brand {
    position: static;
    margin-bottom: 48px;
  }

  .login-visual h1 {
    font-size: 34px;
  }

  .login-card {
    margin: 24px;
  }
}
</style>
', 'admin', sysdate()),
(920208, 9202, 'request.js.vm', NULL, 'request.js.vm', 'import axios from "axios"
import { Message } from "element-ui"

const request = axios.create({
  baseURL: "/api",
  timeout: 30000
})

request.interceptors.request.use(config => {
  const token = window.localStorage.getItem("admin-token")
  if (token) {
    config.headers.Authorization = "Bearer " + token
  }
  return config
})

request.interceptors.response.use(
  response => {
    const data = response.data
    if (data && data.code === "401") {
      clearAdminSession()
      Message.error(data.msg || "请先登录")
      return Promise.reject(new Error(data.msg || "Unauthorized"))
    }
    return data
  },
  error => {
    if (error && error.response && error.response.status === 401) {
      clearAdminSession()
      Message.error("请先登录")
    } else {
      Message.error(error && error.message ? error.message : "请求失败")
    }
    return Promise.reject(error)
  }
)

function clearAdminSession() {
  window.localStorage.removeItem("admin-token")
  window.localStorage.removeItem("admin-user")
  if (window.location.hash.indexOf("#/login") !== 0) {
    window.location.hash = "#/login"
  }
}

export default request
', 'admin', sysdate()),
(920209, 9202, 'dict.js.vm', NULL, 'dict.js.vm', 'const emptyDict = []

export default {
  getDictDataByType() {
    return emptyDict
  },
  getDictLabel(type, value) {
    return value === undefined || value === null || value === "" ? "-" : value
  }
}
', 'admin', sysdate()),
(920210, 9202, 'admin-index.vue.vm', NULL, 'admin-index.vue.vm', '<template>
  <div class="page-container">
    <section class="query-panel">
      <div class="toolbar query-toolbar">
#foreach ($column in $columns)
#if($column.isQuery == "1")
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#if($column.htmlType == "input")
      <el-input class="filter-item" placeholder="请输入${columnComment}" clearable v-model="queryParams.${javaField}" @keyup.enter.native="load" />
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
      <el-select class="filter-item" v-model="queryParams.${javaField}" placeholder="请选择${columnComment}" clearable>
        <el-option
          v-for="item in _dict.getDictDataByType(''${column.dictType}'')"
          :key="item.value"
          :label="item.name"
          :value="item.value" />
      </el-select>
#elseif($column.htmlType == "datetime")
      <el-date-picker class="filter-item" v-model="queryParams.${javaField}" type="date" value-format="yyyy-MM-dd" placeholder="选择${columnComment}" />
#end
#end
#end
      <el-button type="primary" @click="load">搜索</el-button>
      <el-button @click="reset">重置</el-button>
      </div>
    </section>

    <section class="action-panel">
      <div class="toolbar action-toolbar">
      <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
      <el-popconfirm
        confirm-button-text="确定"
        cancel-button-text="取消"
        icon="el-icon-info"
        icon-color="red"
        title="确定批量删除选中的数据吗？"
        @confirm="delBatch">
        <el-button slot="reference" type="danger" icon="el-icon-delete">批量删除</el-button>
      </el-popconfirm>
      </div>
    </section>

    <section class="table-panel">
    <el-table class="data-table" :data="${businessName}List" stripe @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" />
      <el-table-column prop="${pkColumn.javaField}" label="ID" width="90" />
#foreach ($column in $columns)
#if($column.isList == "1")
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#if($column.htmlType == "datetime")
      <el-table-column prop="${javaField}" label="${columnComment}" align="center" width="180" />
#elseif($column.htmlType == "imageUpload")
      <el-table-column prop="${javaField}" label="${columnComment}" align="center" width="110">
        <template slot-scope="scope">
          <el-image
            v-if="scope.row.${javaField}"
            class="table-image"
            :src="resolveResourceUrl(scope.row.${javaField})"
            :preview-src-list="[resolveResourceUrl(scope.row.${javaField})]" />
          <span v-else>-</span>
        </template>
      </el-table-column>
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
      <el-table-column prop="${javaField}" label="${columnComment}" align="center">
        <template slot-scope="scope">
          {{ _dict.getDictLabel(''${column.dictType}'', scope.row.${javaField}) }}
        </template>
      </el-table-column>
#else
      <el-table-column prop="${javaField}" label="${columnComment}" align="center" />
#end
#end
#end
      <el-table-column label="操作" width="190" align="center">
        <template slot-scope="scope">
          <el-button class="row-action edit-action" type="primary" icon="el-icon-edit" circle @click="handleEdit(scope.row)"></el-button>
          <el-popconfirm
            confirm-button-text="确定"
            cancel-button-text="取消"
            icon="el-icon-info"
            icon-color="red"
            title="确定删除这条数据吗？"
            @confirm="del(scope.row.${pkColumn.javaField})">
            <el-button slot="reference" class="row-action delete-action" type="danger" icon="el-icon-delete" circle></el-button>
          </el-popconfirm>
        </template>
      </el-table-column>
    </el-table>
    </section>

    <section class="pagination-panel">
    <el-pagination
      class="pagination"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="queryParams.pageNum"
      :page-sizes="[10, 20, 50, 100]"
      :page-size="queryParams.pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="total" />
    </section>

    <el-dialog :title="form.${pkColumn.javaField} ? ''编辑${functionName}'' : ''新增${functionName}''" :visible.sync="dialogFormVisible" width="520px">
      <el-form ref="form" :model="form" label-width="110px" size="small">
#foreach ($column in $columns)
#if($column.isEdit == "1")
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
        <el-form-item label="${columnComment}" prop="${javaField}"#if($column.isRequired == "1") :rules="[{ required: true, message: ''${columnComment}不能为空'', trigger: #if($column.htmlType == "select")''change''#else''blur''#end }]"#end>
#if($column.htmlType == "input")
          <el-input v-model="form.${javaField}" placeholder="请输入${columnComment}" />
#elseif($column.htmlType == "textarea")
          <el-input v-model="form.${javaField}" type="textarea" placeholder="请输入${columnComment}" />
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
          <el-select v-model="form.${javaField}" placeholder="请选择${columnComment}" clearable>
            <el-option
              v-for="item in _dict.getDictDataByType(''${column.dictType}'')"
              :key="item.value"
              :label="item.name"
              :value="item.value" />
          </el-select>
#elseif($column.htmlType == "datetime")
          <el-date-picker v-model="form.${javaField}" type="date" value-format="yyyy-MM-dd" placeholder="选择${columnComment}" />
#elseif($column.htmlType == "imageUpload")
          <el-upload
            class="avatar-uploader"
            action="/api/files/upload"
            :show-file-list="false"
            :on-success="(res) => uploadSuccess(''${javaField}'', res)">
            <img v-if="form.${javaField}" :src="resolveResourceUrl(form.${javaField})" class="avatar" />
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
#elseif($column.htmlType == "fileUpload")
          <el-upload
            action="/api/files/upload"
            :on-success="(res) => uploadSuccess(''${javaField}'', res)">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <div v-if="form.${javaField}" class="file-link">{{ form.${javaField} }}</div>
#end
        </el-form-item>
#end
#end
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取消</el-button>
        <el-button type="primary" @click="save">确定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "${BusinessName}",
  data() {
    return {
      ${businessName}List: [],
      total: 0,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
#foreach ($column in $columns)
#if($column.isQuery == "1")
        ${column.javaField}: undefined,
#end
#end
      },
      form: {},
      dialogFormVisible: false,
      multipleSelection: []
    }
  },
  created() {
    this.load()
  },
  methods: {
    load() {
      this.request.get("/${moduleName}/${businessName}/page", {
        params: this.queryParams
      }).then(res => {
        const page = res.data || {}
        this.${businessName}List = page.records || []
        this.total = page.total || 0
      })
    },
    save() {
      this.#[[$refs]]#.form.validate(valid => {
        if (!valid) {
          return
        }
        this.request.post("/${moduleName}/${businessName}", this.form).then(res => {
          if (res.code === "200") {
            this.#[[$message]]#.success("保存成功")
            this.dialogFormVisible = false
            this.load()
          } else {
            this.#[[$message]]#.error(res.msg || "保存失败")
          }
        })
      })
    },
    handleAdd() {
      this.form = {}
      this.dialogFormVisible = true
      this.#[[$nextTick]]#(() => this.#[[$refs]]#.form && this.#[[$refs]]#.form.clearValidate())
    },
    handleEdit(row) {
      this.form = JSON.parse(JSON.stringify(row))
      this.dialogFormVisible = true
      this.#[[$nextTick]]#(() => this.#[[$refs]]#.form && this.#[[$refs]]#.form.clearValidate())
    },
    del(${pkColumn.javaField}) {
      this.request.delete("/${moduleName}/${businessName}/" + ${pkColumn.javaField}).then(res => {
        if (res.code === "200") {
          this.#[[$message]]#.success("删除成功")
          this.load()
        } else {
          this.#[[$message]]#.error(res.msg || "删除失败")
        }
      })
    },
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    delBatch() {
      const ids = this.multipleSelection.map(item => item.${pkColumn.javaField})
      if (!ids.length) {
        this.#[[$message]]#.warning("请先选择要删除的数据")
        return
      }
      this.request.post("/${moduleName}/${businessName}/del/batch", ids).then(res => {
        if (res.code === "200") {
          this.#[[$message]]#.success("批量删除成功")
          this.load()
        } else {
          this.#[[$message]]#.error(res.msg || "批量删除失败")
        }
      })
    },
    reset() {
      this.queryParams = {
        pageNum: 1,
        pageSize: 10
      }
      this.load()
    },
    handleSizeChange(pageSize) {
      this.queryParams.pageSize = pageSize
      this.load()
    },
    handleCurrentChange(pageNum) {
      this.queryParams.pageNum = pageNum
      this.load()
    },
    resolveResourceUrl(url) {
      if (!url) {
        return ""
      }
      if (url.indexOf("http://") === 0 || url.indexOf("https://") === 0 || url.indexOf("//") === 0 || url.indexOf("data:") === 0 || url.indexOf("blob:") === 0) {
        return url
      }
      if (url.indexOf("/api/") === 0) {
        return url
      }
      if (url.indexOf("/files/") === 0) {
        return "/api" + url
      }
      return url
    },
    uploadSuccess(field, res) {
      if (res && res.code === "200" && res.data && res.data.url) {
        this.#[[$set]]#(this.form, field, res.data.url)
      } else {
        this.#[[$message]]#.error("上传失败，请重试")
      }
    }
  }
}
</script>

<style scoped>
.page-container {
  min-height: calc(100vh - 72px);
}

.query-panel,
.action-panel,
.table-panel,
.pagination-panel {
  margin-bottom: 8px;
  border: 1px solid #edf0f5;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 8px rgba(26, 39, 56, .08);
}

.query-panel,
.action-panel {
  padding: 12px 14px;
}

.table-panel {
  padding: 12px 12px 0;
}

.pagination-panel {
  padding: 10px 12px;
}

.toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.query-toolbar .el-button--primary {
  border-color: #cde8f0;
  background: #eaf8fb;
  color: #158a9a;
}

.query-toolbar .el-button--default {
  border-color: #f6e6ba;
  background: #fff8e6;
  color: #c58600;
}

.action-toolbar .el-button--primary {
  border-color: #9cd4ed;
  background: #eefaff;
  color: #0d80bd;
}

.action-toolbar .el-button--danger {
  border-color: #f2c2c7;
  background: #fff3f4;
  color: #d64252;
}

.filter-item {
  width: 220px;
}

.data-table {
  width: 100%;
  color: #606266;
  font-size: 13px;
}

.data-table >>> th {
  height: 48px;
  background: #fff;
  color: #7d8794;
  font-weight: 600;
}

.data-table >>> td {
  height: 58px;
  border-color: #f0f2f5;
}

.data-table >>> .el-table__row--striped td {
  background: #fafafa;
}

.pagination {
  display: flex;
  justify-content: flex-start;
}

.row-action {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 0;
  font-size: 14px;
}

.edit-action {
  background: #0b7ec2;
}

.delete-action {
  margin-left: 10px;
  background: #e82f3d;
}

.table-image {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.avatar-uploader .avatar {
  width: 96px;
  height: 96px;
  display: block;
  object-fit: cover;
}

.avatar-uploader-icon {
  width: 96px;
  height: 96px;
  line-height: 96px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  text-align: center;
  color: #8c939d;
}

.file-link {
  margin-top: 6px;
  color: #606266;
  word-break: break-all;
}
</style>
', 'admin', sysdate());

-- Portal frontend template files
INSERT INTO sys_template_file (template_file_id, template_id, file_name, module_id, file_path, file_content, create_by, create_time) VALUES
(920301, 9203, 'package.json.vm', NULL, 'package.json.vm', '{
  "name": "${projectFileName}-web",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve --host 0.0.0.0",
    "serve": "vue-cli-service serve --host 0.0.0.0",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "axios": "^0.27.2",
    "core-js": "^3.8.3",
    "echarts": "5.4.0",
    "element-ui": "^2.15.14",
    "vue": "^2.6.14",
    "vue-router": "^3.6.5"
  },
  "devDependencies": {
    "@vue/cli-service": "^4.5.19",
    "vue-template-compiler": "^2.6.14"
  }
}
', 'admin', sysdate()),
(920302, 9203, 'babel.config.js.vm', NULL, 'babel.config.js.vm', 'module.exports = {
  presets: [
    "@vue/cli-plugin-babel/preset"
  ]
}
', 'admin', sysdate()),
(920303, 9203, 'vue.config.js.vm', NULL, 'vue.config.js.vm', 'const port = process.env.PORT || 8082
const apiBaseUrl = process.env.VUE_APP_API_BASE_URL || "http://localhost:8080"

module.exports = {
  transpileDependencies: [],
  devServer: {
    port,
    proxy: {
      "/api": {
        target: apiBaseUrl,
        changeOrigin: true,
        pathRewrite: {
          "^/api": ""
        }
      }
    }
  }
}
', 'admin', sysdate()),
(920304, 9203, 'index.html.vm', NULL, 'index.html.vm', '<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>${functionName}</title>
</head>
<body>
  <noscript>请启用 JavaScript 后访问。</noscript>
  <div id="app"></div>
</body>
</html>
', 'admin', sysdate()),
(920305, 9203, 'frontend-main.js.vm', NULL, 'frontend-main.js.vm', 'import Vue from "vue"
import ElementUI from "element-ui"
import "element-ui/lib/theme-chalk/index.css"
import App from "./App.vue"
import router from "./router"
import request from "./api/request"
import dict from "./utils/dict"
import "./style.css"

Vue.config.productionTip = false
Vue.use(ElementUI)
Vue.prototype.request = request
Vue.prototype._dict = dict

new Vue({
  router,
  render: h => h(App)
}).#[[$mount]]#("#app")', 'admin', sysdate()),
(920306, 9203, 'frontend-App.vue.vm', NULL, 'frontend-App.vue.vm', '#set($portalProjectName = $projectName)
#if(!$portalProjectName || $portalProjectName == "")
#set($portalProjectName = $functionName)
#end
#if(!$portalProjectName || $portalProjectName == "")
#set($portalProjectName = "Portal")
#end
#set($portalHomePath = $defaultFrontendPath)
#if(!$portalHomePath || $portalHomePath == "")
#set($portalHomePath = "/${moduleName}/${businessName}")
#end
<template>
  <div class="portal-shell">
    <template v-if="!isLoginRoute">
      <header class="top-nav">
        <router-link class="brand" to="${portalHomePath}">
          <span class="brand-logo" aria-hidden="true">APP</span>
          <span>${portalProjectName}</span>
        </router-link>

        <nav class="portal-nav" aria-label="主导航">
#if($hasFrontendNavGroups)
#foreach($group in $frontendNavGroups)
          <div class="portal-nav-group#if($group.hasChildren) has-children#end" :class=''{ active: isNavGroupActive(${group.activePathsLiteral}) }''>
#if($group.clickable)
            <router-link class="portal-nav-parent" to="${group.path}" exact>${group.name}</router-link>
#else
            <span class="portal-nav-parent portal-nav-directory">${group.name}</span>
#end
#if($group.hasChildren)
            <button class="portal-nav-toggle" type="button" aria-label="展开子菜单">⌄</button>
            <div class="portal-nav-dropdown">
#foreach($child in $group.children)
              <router-link class="portal-nav-child" to="${child.path}" exact>${child.name}</router-link>
#end
            </div>
#end
          </div>
#end
#else
          <div class="portal-nav-group">
            <router-link class="portal-nav-parent" to="${portalHomePath}" exact>首页</router-link>
          </div>
#end
        </nav>

        <div class="user-area">
          <template v-if="currentUser">
            <button class="user-chip" type="button">
              <span class="avatar">{{ userInitial }}</span>
              <span>{{ currentUserName }}</span>
            </button>
            <button class="logout-link" type="button" @click="logout">退出</button>
          </template>
          <button v-else class="login-link" type="button" @click="goLogin">登录</button>
        </div>
      </header>

      <section class="hero-banner" aria-label="项目横幅">
        <div class="hero-pattern" aria-hidden="true"></div>
        <h1>${portalProjectName}</h1>
      </section>
    </template>

    <main :class="[''portal-main'', { ''portal-main-login'': isLoginRoute }]">
      <router-view />
    </main>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      currentUser: null
    }
  },
  computed: {
    isLoginRoute() {
      return this.#[[$route]]#.path === "/login"
    },
    currentUserName() {
      return this.currentUser && (this.currentUser.nickname || this.currentUser.username || "User")
    },
    userInitial() {
      const name = this.currentUserName || "U"
      return name.slice(0, 1).toUpperCase()
    }
  },
  mounted() {
    this.loadUser()
    window.addEventListener("portal-user-change", this.loadUser)
  },
  beforeDestroy() {
    window.removeEventListener("portal-user-change", this.loadUser)
  },
  methods: {
    isNavGroupActive(paths) {
      return Array.isArray(paths) && paths.indexOf(this.#[[$route]]#.path) !== -1
    },
    loadUser() {
      const raw = localStorage.getItem("portal-user")
      if (!raw) {
        this.currentUser = null
        return
      }
      try {
        this.currentUser = JSON.parse(raw)
      } catch (error) {
        localStorage.removeItem("portal-user")
        this.currentUser = null
      }
    },
    goLogin() {
      this.#[[$router]]#.push({
        path: "/login",
        query: { redirect: this.#[[$route]]#.fullPath }
      })
    },
    logout() {
      this.request.post("/auth/logout").catch(() => {})
      localStorage.removeItem("portal-token")
      localStorage.removeItem("portal-user")
      window.dispatchEvent(new Event("portal-user-change"))
      this.#[[$router]]#.push("/login")
    }
  }
}
</script>

<style>
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: #f6f7fb;
  color: #1f2937;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font: inherit;
}

.portal-shell {
  min-height: 100vh;
  background: #f6f7fb;
}

.top-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: grid;
  grid-template-columns: minmax(180px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  min-height: 68px;
  padding: 0 32px;
  color: #111827;
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

.brand,
.portal-nav,
.user-area,
.user-chip {
  display: inline-flex;
  align-items: center;
}

.brand {
  gap: 10px;
  min-width: 0;
  font-size: 18px;
  font-weight: 700;
}

.brand span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.brand-logo {
  display: inline-grid;
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  place-items: center;
  border-radius: 8px;
  color: #ffffff;
  background: #17633b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}

.portal-nav {
  justify-content: center;
  gap: 8px;
  min-width: 0;
  height: 100%;
  overflow: visible;
}

.portal-nav-group {
  position: relative;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 68px;
}

.portal-nav-parent,
.portal-nav-toggle,
.portal-nav-child {
  display: inline-flex;
  align-items: center;
  border: 0;
  background: transparent;
  font: inherit;
  cursor: pointer;
}

.portal-nav-parent {
  min-height: 36px;
  padding: 0 14px;
  border-radius: 8px;
  color: #1f2937;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
}

.portal-nav-parent:hover,
.portal-nav-parent.router-link-active,
.portal-nav-group.active .portal-nav-parent {
  color: #2563eb;
  background: #eef5ff;
}

.portal-nav-directory {
  cursor: default;
}

.portal-nav-toggle {
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-left: -8px;
  border-radius: 6px;
  color: #64748b;
}

.portal-nav-group:hover .portal-nav-toggle,
.portal-nav-group:focus-within .portal-nav-toggle,
.portal-nav-group.active .portal-nav-toggle {
  color: #2563eb;
  background: #eef5ff;
}

.portal-nav-dropdown {
  position: absolute;
  top: calc(100% - 8px);
  left: 0;
  z-index: 30;
  display: none;
  min-width: 168px;
  padding: 8px;
  border: 1px solid #dbe4f0;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.14);
}

.portal-nav-group:hover .portal-nav-dropdown,
.portal-nav-group:focus-within .portal-nav-dropdown {
  display: grid;
  gap: 4px;
}

.portal-nav-child {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 6px;
  color: #334155;
  font-size: 14px;
  white-space: nowrap;
}

.portal-nav-child:hover,
.portal-nav-child.router-link-active {
  color: #2563eb;
  background: #eef5ff;
}

.user-area {
  justify-content: flex-end;
  gap: 10px;
  min-width: 130px;
}

.user-chip,
.login-link,
.logout-link {
  border: 1px solid #dbe4f0;
  color: #475569;
  background: #ffffff;
  cursor: pointer;
}

.user-chip {
  gap: 8px;
  padding: 0;
}

.avatar {
  display: inline-grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid #bfdbfe;
  border-radius: 50%;
  color: #1d4ed8;
  background: #eff6ff;
  font-weight: 700;
}

.logout-link,
.login-link {
  min-height: 32px;
  padding: 0 10px;
  border-radius: 4px;
}

.logout-link:hover,
.login-link:hover {
  color: #2563eb;
  background: #f8fbff;
}

.hero-banner {
  position: relative;
  display: grid;
  min-height: 260px;
  place-items: center;
  overflow: hidden;
  background:
    linear-gradient(132deg, rgba(24, 141, 149, 0.95), rgba(44, 120, 215, 0.88)),
    #168d95;
}

.hero-pattern {
  position: absolute;
  inset: 0;
  opacity: 0.58;
  background:
    linear-gradient(42deg, transparent 0 18%, rgba(255, 255, 255, 0.18) 18% 27%, transparent 27% 100%),
    linear-gradient(132deg, transparent 0 48%, rgba(246, 186, 51, 0.32) 48% 55%, transparent 55% 100%);
}

.hero-banner h1 {
  position: relative;
  z-index: 1;
  max-width: min(900px, calc(100% - 40px));
  margin: 0;
  color: #ffffff;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 12px 28px rgba(15, 23, 42, 0.22);
}

.portal-main {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  padding: 26px 0 44px;
}

.portal-main-login {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

@media (max-width: 900px) {
  .top-nav {
    grid-template-columns: 1fr auto;
    gap: 10px;
    height: auto;
    min-height: 56px;
    padding: 10px 16px;
  }

  .portal-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
    order: 3;
    gap: 6px;
    overflow-x: auto;
    overflow-y: visible;
  }

  .portal-nav-group {
    min-height: 38px;
  }

  .portal-nav-parent {
    min-height: 34px;
    padding: 0 12px;
  }

  .portal-nav-dropdown {
    position: fixed;
    top: 104px;
    left: 16px;
    right: 16px;
  }

  .hero-banner {
    min-height: 210px;
  }

  .hero-banner h1 {
    font-size: 34px;
  }

  .portal-main {
    width: min(100% - 28px, 1120px);
  }
}
</style>
', 'admin', sysdate()),
(920307, 9203, 'style.css.vm', NULL, 'style.css.vm', 'body {
  margin: 0;
  background: #f6f7fb;
  color: #1f2937;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

.el-button {
  border-radius: 4px;
}', 'admin', sysdate()),
(920308, 9203, 'frontend-router.js.vm', NULL, 'frontend-router.js.vm', 'import Vue from "vue"
import Router from "vue-router"
import Login from "@/views/login/index.vue"
#set($portalDefaultPath = $defaultFrontendPath)
#if(!$portalDefaultPath || $portalDefaultPath == "")
#set($portalDefaultPath = "/${moduleName}/${businessName}")
#end
#if($hasFrontendRouteItems)
#foreach($component in $frontendRouteComponents)
import ${component.componentName} from "${component.componentPath}"
#end
#else
import ${BusinessName} from "@/views/${moduleName}/${businessName}/index.vue"
#end

Vue.use(Router)

const router = new Router({
  mode: "hash",
  routes: [
    {
      path: "/",
      redirect: "${portalDefaultPath}"
    },
    {
      path: "/login",
      name: "Login",
      component: Login
    },
#if($hasFrontendRouteItems)
#foreach($item in $frontendRouteItems)
    {
      path: "${item.path}",
      name: "${item.code}",
      component: ${item.componentName},
      meta: { requiresAuth: ${item.requiresLogin} }
    }#if($foreach.hasNext),#end
#end
#else
    {
      path: "/${moduleName}/${businessName}",
      name: "${BusinessName}",
      component: ${BusinessName},
      meta: { requiresAuth: true }
    }
#end
  ]
})

router.beforeEach((to, from, next) => {
  const requiresAuth = to.matched.some(record => record.meta && record.meta.requiresAuth)
  const hasToken = Boolean(localStorage.getItem("portal-token"))

  if (requiresAuth && !hasToken) {
    next({
      path: "/login",
      query: { redirect: to.fullPath }
    })
    return
  }

  next()
})

export default router
', 'admin', sysdate()),
(920309, 9203, 'frontend-request.js.vm', NULL, 'frontend-request.js.vm', 'import axios from "axios"
import { Message } from "element-ui"

const request = axios.create({
  baseURL: "/api",
  timeout: 30000
})

request.interceptors.request.use(config => {
  const token = localStorage.getItem("portal-token")
  if (token) {
    config.headers.Authorization = "Bearer " + token
  }
  return config
})

request.interceptors.response.use(
  response => {
    const data = response.data
    if (data && data.code === "401") {
      clearSession()
      Message.error(data.msg || "请先登录")
      return Promise.reject(new Error(data.msg || "Unauthorized"))
    }
    return data
  },
  error => {
    if (error && error.response && error.response.status === 401) {
      clearSession()
      Message.error("请先登录")
    } else {
      Message.error(error && error.message ? error.message : "请求失败")
    }
    return Promise.reject(error)
  }
)

function clearSession() {
  localStorage.removeItem("portal-token")
  localStorage.removeItem("portal-user")
  if (window.location.hash.indexOf("#/login") !== 0) {
    window.location.hash = "#/login"
  }
}

export default request
', 'admin', sysdate()),
(920310, 9203, 'frontend-api.js.vm', NULL, 'frontend-api.js.vm', 'import request from "./request"

export function list${ClassName}(query) {
  return request({
    url: "/${moduleName}/${businessName}/page",
    method: "get",
    params: query
  })
}

export function get${ClassName}(${pkColumn.javaField}) {
  return request({
    url: "/${moduleName}/${businessName}/" + ${pkColumn.javaField},
    method: "get"
  })
}', 'admin', sysdate()),
(920311, 9203, 'frontend-index.vue.vm', NULL, 'frontend-index.vue.vm', '<template>
#set($designed = $hasCurrentFrontendPageDesign)
#set($queryColumns = $columns)
#set($tableColumns = $columns)
#set($formColumns = $columns)
#set($cardColumns = $columns)
#set($cardTitleColumn = false)
#set($cardImageColumn = false)
#set($showAdd = false)
#set($showBatchDelete = false)
#set($showView = false)
#set($showEdit = false)
#set($showDelete = false)
#set($isCardListLayout = false)
#set($isSplitListLayout = false)
#set($showQuery = true)
#set($showToolbar = true)
#set($showForm = true)
#set($renderForm = true)
#set($currentUserOnly = false)
#set($isDetailPage = $pageDesignIsDetail)
#set($detailColumns = $columns)
#set($toolbarBusinessActions = $pageDesignToolbarBusinessActions)
#set($rowBusinessActions = $pageDesignRowBusinessActions)
#set($allPageBusinessActions = $pageDesignBusinessActions)
#set($hasToolbarBusinessActions = $hasPageDesignToolbarBusinessActions)
#set($hasRowBusinessActions = $hasPageDesignRowBusinessActions)
#set($topBusinessBlocks = $pageDesignTopBusinessBlocks)
#set($bottomBusinessBlocks = $pageDesignBottomBusinessBlocks)
#set($embeddedBusinessBlocks = $pageDesignEmbeddedBusinessBlocks)
#if($allowAdd == ''1'')
#set($showAdd = true)
#end
#if($allowRemove == ''1'')
#set($showBatchDelete = true)
#set($showDelete = true)
#end
#if($allowEdit == ''1'')
#set($showEdit = true)
#end
#if($designed)
#set($queryColumns = $pageDesignQueryColumns)
#set($tableColumns = $pageDesignTableColumns)
#set($formColumns = $pageDesignFormColumns)
#set($cardColumns = $pageDesignCardColumns)
#set($cardTitleColumn = $pageDesignCardTitleColumn)
#set($cardImageColumn = $pageDesignCardImageColumn)
#set($showAdd = $pageDesignAllowAdd)
#set($showBatchDelete = $pageDesignAllowBatchDelete)
#set($showView = $pageDesignAllowView)
#set($showEdit = $pageDesignAllowEdit)
#set($showDelete = $pageDesignAllowDelete)
#set($isCardListLayout = $pageDesignIsCardList)
#set($isSplitListLayout = $pageDesignIsSplitList)
#set($showQuery = $pageDesignShowQuery)
#set($showToolbar = $pageDesignShowToolbar)
#set($showForm = $pageDesignShowForm)
#set($currentUserOnly = $pageDesignIsCurrentUserList)
#set($detailColumns = $pageDesignFormColumns)
#end
#if(!$showToolbar)
#set($showAdd = false)
#set($showBatchDelete = false)
#end
#if($isDetailPage)
#set($showQuery = false)
#set($showToolbar = false)
#set($showAdd = false)
#set($showBatchDelete = false)
#set($showView = false)
#set($showEdit = false)
#set($showDelete = false)
#set($showForm = false)
#set($renderForm = false)
#if($detailColumns.size() == 0)
#set($detailColumns = $columns)
#end
#end
#set($renderForm = $showForm)
#if($showAdd || $showEdit)
#set($renderForm = true)
#end
  <section class="portal-page">
#if($hasPageDesignTopBusinessBlocks)
    <section class="embedded-business-blocks top-business-blocks">
#foreach($block in $topBusinessBlocks)
      <div class="embedded-business-block__item embedded-business-block__item--span-${block.span}">
        <${block.componentName} />
      </div>
#end
    </section>
#end

    <section class="content-board">
      <div class="feature-card">
        <div class="feature-illustration" aria-hidden="true">
          <div class="device-face">
            <span></span>
            <span></span>
          </div>
        </div>
        <div class="feature-copy">
          <span>精选推荐</span>
          <h2>${functionName}</h2>
          <p>围绕资源管理、活动公告和玩家社区内容，快速维护当前模块的数据。</p>
        </div>
      </div>

      <aside class="notice-panel">
        <div class="notice-tabs">
          <button
            v-for="tab in noticeTabs"
            :key="tab"
            type="button"
            :class="{ active: activeTab === tab }"
            @click="activeTab = tab">
            {{ tab }}
          </button>
        </div>
        <ul class="notice-list">
          <li v-for="notice in notices" :key="notice.title">
            <strong>{{ notice.title }}</strong>
            <span><i class="el-icon-time"></i>{{ notice.time }}</span>
          </li>
        </ul>
      </aside>
    </section>

    <section class="data-panel#if($isSplitListLayout) split-data-panel#end">
      <div class="panel-heading">
        <div>
          <span class="section-kicker">资源数据</span>
          <h2>${functionName}管理</h2>
        </div>
        <div class="panel-actions">
          #if($showToolbar)
          #if($showAdd)
          <el-button type="primary" icon="el-icon-plus" @click="handleAdd">新增</el-button>
          #end
          #if($showBatchDelete)
          <el-popconfirm
            confirm-button-text="确定"
            cancel-button-text="取消"
            icon="el-icon-info"
            icon-color="red"
            title="确定批量删除选中的数据吗？"
            @confirm="delBatch">
            <el-button slot="reference" type="danger" icon="el-icon-delete">批量删除</el-button>
          </el-popconfirm>
          #end
          #foreach($action in $toolbarBusinessActions)
          #set($buttonLabel = $action.buttonLabel)
          #if(!$buttonLabel)#set($buttonLabel = $action.name)#end
          #set($buttonType = $action.buttonType)
          #if(!$buttonType)#set($buttonType = "primary")#end
          #set($buttonIcon = $action.buttonIcon)
          #if(!$buttonIcon)#set($buttonIcon = "el-icon-position")#end
          <el-button type="${buttonType}" plain icon="${buttonIcon}" @click="handleBusinessAction(''${action.code}'')">${buttonLabel}</el-button>
          #end
          #end
        </div>
      </div>

#if($isDetailPage)
      <div class="detail-view" v-loading="detailLoading">
        <div v-if="detailLoaded && !detailRecord.${pkColumn.javaField}" class="empty-detail">
          <i class="el-icon-document"></i>
          <span>暂无详情数据</span>
        </div>
        <template v-else>
          <dl class="detail-grid">
#foreach ($column in $detailColumns)
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#set($remoteSelect=$qingRemoteSelectFields.contains($javaField))
            <div class="detail-field#if($column.htmlType == "textarea") wide#end">
              <dt>${columnComment}</dt>
              <dd>
#if($column.htmlType == "imageUpload")
                <el-image
                  v-if="detailRecord.${javaField}"
                  class="detail-image"
                  :src="resolveResourceUrl(detailRecord.${javaField})"
                  :preview-src-list="[resolveResourceUrl(detailRecord.${javaField})]" />
                <span v-else>-</span>
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
#if($remoteSelect)
                {{ getOptionLabel(''${javaField}'', detailRecord.${javaField}) }}
#else
                {{ _dict.getDictLabel(''${column.dictType}'', detailRecord.${javaField}) || ''-'' }}
#end
#else
                {{ formatDetailValue(detailRecord.${javaField}) }}
#end
              </dd>
            </div>
#end
          </dl>
#if($hasRowBusinessActions)
          <div class="detail-actions">
#foreach($action in $rowBusinessActions)
#set($buttonLabel = $action.buttonLabel)
#if(!$buttonLabel)#set($buttonLabel = $action.name)#end
#set($buttonType = $action.buttonType)
#if(!$buttonType)#set($buttonType = "primary")#end
#set($buttonIcon = $action.buttonIcon)
#if(!$buttonIcon)#set($buttonIcon = "el-icon-position")#end
            <el-button type="${buttonType}" icon="${buttonIcon}" @click="handleBusinessAction(''${action.code}'', detailRecord)">${buttonLabel}</el-button>
#end
          </div>
#end
        </template>
      </div>
#else

      #if($showQuery)
      <div class="filter-bar">
#foreach ($column in $queryColumns)
#set($renderQueryField = false)
#if($designed)
#set($renderQueryField = true)
#elseif($column.isQuery == "1")
#set($renderQueryField = true)
#end
#if($renderQueryField)
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#set($remoteSelect=$qingRemoteSelectFields.contains($javaField))
#if($column.htmlType == "input")
        <el-input class="filter-item" placeholder="请输入${columnComment}" clearable v-model="queryParams.${javaField}" @keyup.enter.native="load" />
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
        <el-select class="filter-item" v-model="queryParams.${javaField}" placeholder="请选择${columnComment}" clearable>
#if($remoteSelect)
          <el-option
            v-for="item in getSelectOptions(''${javaField}'')"
            :key="item.value"
            :label="item.label"
            :value="item.value" />
#else
          <el-option
            v-for="item in _dict.getDictDataByType(''${column.dictType}'')"
            :key="item.value"
            :label="item.name"
            :value="item.value" />
#end
        </el-select>
#elseif($column.htmlType == "datetime")
        <el-date-picker class="filter-item" v-model="queryParams.${javaField}" type="date" value-format="yyyy-MM-dd" placeholder="选择${columnComment}" />
#end
#end
#end
        <el-button type="primary" icon="el-icon-search" @click="load">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="reset">重置</el-button>
      </div>
      #end

#if($isCardListLayout)
      <div class="resource-card-grid">
        <article v-for="item in ${businessName}List" :key="item.${pkColumn.javaField}" class="resource-card-item">
          #if($showBatchDelete)
          <el-checkbox class="resource-card-check" v-model="item.__checked" @change="handleCardSelectionChange" />
          #end
          <div class="resource-card-body">
#if($cardImageColumn)
            <el-image
              v-if="item.${cardImageColumn.javaField}"
              class="resource-card-image"
              :src="resolveResourceUrl(item.${cardImageColumn.javaField})"
              :preview-src-list="[resolveResourceUrl(item.${cardImageColumn.javaField})]" />
#end
#if($cardTitleColumn)
            <h3 class="resource-card-title">{{ item.${cardTitleColumn.javaField} || ''-'' }}</h3>
#end
#foreach ($column in $cardColumns)
#set($renderCardField = false)
#if($designed)
#set($renderCardField = true)
#elseif($column.isList == "1")
#set($renderCardField = true)
#end
#if($renderCardField)
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#set($remoteSelect=$qingRemoteSelectFields.contains($javaField))
#if($column.htmlType == "imageUpload")
            <el-image
              v-if="item.${javaField}"
              class="resource-card-image"
              :src="resolveResourceUrl(item.${javaField})"
              :preview-src-list="[resolveResourceUrl(item.${javaField})]" />
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
            <div class="resource-card-field">
              <span>${columnComment}</span>
#if($remoteSelect)
              <strong>{{ getOptionLabel(''${javaField}'', item.${javaField}) }}</strong>
#else
              <strong>{{ _dict.getDictLabel(''${column.dictType}'', item.${javaField}) || ''-'' }}</strong>
#end
            </div>
#else
            <div class="resource-card-field">
              <span>${columnComment}</span>
              <strong>{{ item.${javaField} || ''-'' }}</strong>
            </div>
#end
#end
#end
          </div>
          #if($showView || $showEdit || $showDelete || $hasRowBusinessActions)
          <div class="resource-card-actions">
            #if($showView)
            <el-button type="text" icon="el-icon-view" @click="handleView(item)">查看</el-button>
            #end
            #if($showEdit)
            <el-button type="text" icon="el-icon-edit" @click="handleEdit(item)">编辑</el-button>
            #end
            #if($showDelete)
            <el-popconfirm
              confirm-button-text="确定"
              cancel-button-text="取消"
              icon="el-icon-info"
              icon-color="red"
              title="确定删除这条数据吗？"
              @confirm="del(item.${pkColumn.javaField})">
              <el-button slot="reference" type="text" icon="el-icon-delete" class="danger-text">删除</el-button>
            </el-popconfirm>
            #end
            #foreach($action in $rowBusinessActions)
            #set($buttonLabel = $action.buttonLabel)
            #if(!$buttonLabel)#set($buttonLabel = $action.name)#end
            #set($buttonType = $action.buttonType)
            #if(!$buttonType)#set($buttonType = "text")#end
            #set($buttonIcon = $action.buttonIcon)
            #if(!$buttonIcon)#set($buttonIcon = "el-icon-position")#end
            <el-button type="${buttonType}" icon="${buttonIcon}" @click="handleBusinessAction(''${action.code}'', item)">${buttonLabel}</el-button>
            #end
          </div>
          #end
        </article>
      </div>
#else
      <el-table :data="${businessName}List" border stripe class="resource-table" @selection-change="handleSelectionChange">
        <el-table-column type="selection" width="55" />
#if(!$designed)
        <el-table-column prop="${pkColumn.javaField}" label="ID" width="90" />
#end
#foreach ($column in $tableColumns)
#set($renderTableField = false)
#if($designed)
#set($renderTableField = true)
#elseif($column.isList == "1")
#set($renderTableField = true)
#end
#if($renderTableField)
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#set($remoteSelect=$qingRemoteSelectFields.contains($javaField))
#if($column.htmlType == "datetime")
        <el-table-column prop="${javaField}" label="${columnComment}" align="center" width="180" />
#elseif($column.htmlType == "imageUpload")
        <el-table-column prop="${javaField}" label="${columnComment}" align="center" width="110">
          <template slot-scope="scope">
            <el-image
              v-if="scope.row.${javaField}"
              class="table-image"
              :src="resolveResourceUrl(scope.row.${javaField})"
              :preview-src-list="[resolveResourceUrl(scope.row.${javaField})]" />
            <span v-else>-</span>
          </template>
        </el-table-column>
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
        <el-table-column prop="${javaField}" label="${columnComment}" align="center">
          <template slot-scope="scope">
#if($remoteSelect)
            {{ getOptionLabel(''${javaField}'', scope.row.${javaField}) }}
#else
            {{ _dict.getDictLabel(''${column.dictType}'', scope.row.${javaField}) }}
#end
          </template>
        </el-table-column>
#else
        <el-table-column prop="${javaField}" label="${columnComment}" align="center" />
#end
#end
#end
        #if($showView || $showEdit || $showDelete || $hasRowBusinessActions)
        <el-table-column label="操作" width="230" align="center">
          <template slot-scope="scope">
            #if($showView)
            <el-button type="text" icon="el-icon-view" @click="handleView(scope.row)">查看</el-button>
            #end
            #if($showEdit)
            <el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.row)">编辑</el-button>
            #end
            #if($showDelete)
            <el-popconfirm
              confirm-button-text="确定"
              cancel-button-text="取消"
              icon="el-icon-info"
              icon-color="red"
              title="确定删除这条数据吗？"
              @confirm="del(scope.row.${pkColumn.javaField})">
              <el-button slot="reference" type="text" icon="el-icon-delete" class="danger-text">删除</el-button>
            </el-popconfirm>
            #end
            #foreach($action in $rowBusinessActions)
            #set($buttonLabel = $action.buttonLabel)
            #if(!$buttonLabel)#set($buttonLabel = $action.name)#end
            #set($buttonType = $action.buttonType)
            #if(!$buttonType)#set($buttonType = "text")#end
            #set($buttonIcon = $action.buttonIcon)
            #if(!$buttonIcon)#set($buttonIcon = "el-icon-position")#end
            <el-button type="${buttonType}" icon="${buttonIcon}" @click="handleBusinessAction(''${action.code}'', scope.row)">${buttonLabel}</el-button>
            #end
          </template>
        </el-table-column>
        #end
      </el-table>
#end

      <el-pagination
        class="pagination"
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="queryParams.pageNum"
        :page-sizes="[10, 20, 50, 100]"
        :page-size="queryParams.pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total" />
#end
    </section>

#if($hasPageDesignBottomBusinessBlocks)
    <section class="embedded-business-blocks bottom-business-blocks">
#foreach($block in $bottomBusinessBlocks)
      <div class="embedded-business-block__item embedded-business-block__item--span-${block.span}">
        <${block.componentName} />
      </div>
#end
    </section>
#end

    #if($renderForm)
    <el-dialog :title="viewing ? ''查看${functionName}'' : (form.${pkColumn.javaField} ? ''编辑${functionName}'' : ''新增${functionName}'')" :visible.sync="dialogFormVisible" width="520px">
      <el-form ref="form" :model="form" label-width="110px" size="small" :disabled="viewing">
#foreach ($column in $formColumns)
#set($renderFormField = false)
#if($designed)
#set($renderFormField = true)
#elseif($column.isEdit == "1")
#set($renderFormField = true)
#end
#if($renderFormField)
#set($javaField=$column.javaField)
#set($columnComment=$column.columnComment)
#set($remoteSelect=$qingRemoteSelectFields.contains($javaField))
#set($autoIncrementField=$column.isIncrement == "1")
        <el-form-item#if($autoIncrementField) v-if="form.${javaField}"#end label="${columnComment}" prop="${javaField}"#if($column.isRequired == "1" && !$autoIncrementField) :rules="[{ required: true, message: ''${columnComment}不能为空'', trigger: #if($column.htmlType == "select")''change''#else''blur''#end }]"#end>
#if($column.htmlType == "input")
          <el-input v-model="form.${javaField}"#if($autoIncrementField) disabled#end placeholder="请输入${columnComment}" />
#elseif($column.htmlType == "textarea")
          <el-input v-model="form.${javaField}" type="textarea" placeholder="请输入${columnComment}" />
#elseif($column.htmlType == "select" || $column.htmlType == "radio")
          <el-select v-model="form.${javaField}" placeholder="请选择${columnComment}" clearable>
#if($remoteSelect)
            <el-option
              v-for="item in getSelectOptions(''${javaField}'')"
              :key="item.value"
              :label="item.label"
              :value="item.value" />
#else
            <el-option
              v-for="item in _dict.getDictDataByType(''${column.dictType}'')"
              :key="item.value"
              :label="item.name"
              :value="item.value" />
#end
          </el-select>
#elseif($column.htmlType == "datetime")
          <el-date-picker v-model="form.${javaField}" type="date" value-format="yyyy-MM-dd" placeholder="选择${columnComment}" />
#elseif($column.htmlType == "imageUpload")
          <el-upload
            class="avatar-uploader"
            action="/api/files/upload"
            :show-file-list="false"
            :on-success="(res) => uploadSuccess(''${javaField}'', res)">
            <img v-if="form.${javaField}" :src="resolveResourceUrl(form.${javaField})" class="avatar" />
            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
          </el-upload>
#elseif($column.htmlType == "fileUpload")
          <el-upload
            action="/api/files/upload"
            :on-success="(res) => uploadSuccess(''${javaField}'', res)">
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
          <div v-if="form.${javaField}" class="file-link">{{ form.${javaField} }}</div>
#end
        </el-form-item>
#end
#end
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogFormVisible = false">取消</el-button>
        <el-button v-if="!viewing" type="primary" @click="save">确定</el-button>
      </div>
    </el-dialog>
    #end

    <el-dialog
      :title="businessActionDialogTitle"
      :visible.sync="businessActionDialogVisible"
      width="520px"
      append-to-body
      :show-close="!businessActionSubmitting"
      :close-on-click-modal="false"
      :close-on-press-escape="!businessActionSubmitting"
      @closed="resetBusinessActionDialog">
      <p v-if="activeBusinessAction && activeBusinessAction.confirmMessage" class="business-action-hint">
        {{ activeBusinessAction.confirmMessage }}
      </p>
      <el-form
        ref="businessActionForm"
        :model="businessActionForm"
        label-width="110px"
        size="small">
        <el-form-item
          v-for="field in businessActionInputFields"
          :key="field.field"
          :label="field.label"
          :prop="field.field"
          :rules="[{ required: true, message: field.label + ''不能为空'', trigger: field.htmlType === ''select'' ? ''change'' : ''blur'' }]">
          <el-date-picker
            v-if="field.htmlType === ''datetime''"
            v-model="businessActionForm[field.field]"
            type="date"
            value-format="yyyy-MM-dd"
            :placeholder="''请选择'' + field.label" />
          <el-select
            v-else-if="field.htmlType === ''select'' && field.dictType"
            v-model="businessActionForm[field.field]"
            clearable
            :placeholder="''请选择'' + field.label">
            <el-option
              v-for="option in getBusinessActionFieldOptions(field)"
              :key="option.value"
              :label="option.label"
              :value="option.value" />
          </el-select>
          <el-input
            v-else-if="field.htmlType === ''textarea''"
            v-model="businessActionForm[field.field]"
            type="textarea"
            :rows="3"
            :placeholder="''请输入'' + field.label" />
          <el-input
            v-else
            v-model="businessActionForm[field.field]"
            :placeholder="''请输入'' + field.label" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button
          :disabled="businessActionSubmitting"
          @click="businessActionDialogVisible = false">
          取消
        </el-button>
        <el-button
          type="primary"
          :loading="businessActionSubmitting"
          @click="submitBusinessAction">
          {{ activeBusinessAction && activeBusinessAction.buttonLabel ? activeBusinessAction.buttonLabel : ''确认执行'' }}
        </el-button>
      </div>
    </el-dialog>
  </section>
</template>

<script>
#foreach($block in $embeddedBusinessBlocks)
import ${block.componentName} from "${block.relativeImportPath}"
#end

export default {
  name: "${BusinessName}",
#if($hasPageDesignEmbeddedBusinessBlocks)
  components: {
#foreach($block in $embeddedBusinessBlocks)
    ${block.componentName}#if($foreach.hasNext),#end
#end
  },
#end
  data() {
    return {
      ${businessName}List: [],
      total: 0,
      queryParams: {
        pageNum: 1,
        pageSize: 10,
#if($currentUserOnly)
        __currentUserOnly: true,
#end
#foreach ($column in $queryColumns)
#set($renderQueryParam = false)
#if(!$showQuery)
#set($renderQueryParam = false)
#elseif($designed)
#set($renderQueryParam = true)
#elseif($column.isQuery == "1")
#set($renderQueryParam = true)
#end
#if($renderQueryParam)
        ${column.javaField}: undefined,
#end
#end
      },
#if($isDetailPage)
      detailRecord: {},
      detailLoading: false,
      detailLoaded: false,
#end
      form: {},
      viewing: false,
      dialogFormVisible: false,
      businessActionDialogVisible: false,
      businessActionSubmitting: false,
      activeBusinessAction: null,
      businessActionBasePayload: {},
      businessActionForm: {},
      businessActionInputFields: [],
      multipleSelection: [],
      remoteOptionMap: {},
      remoteSelectConfig: {
#foreach($remote in $qingRemoteSelects)
        ${remote.field}: {
          path: "${remote.path}",
          valueField: "${remote.valueField}",
          labelField: "${remote.labelField}"
        }#if($foreach.hasNext),#end
#end
      },
      activeTab: "最新公告",
      noticeTabs: ["最新公告", "热门赛事", "热门攻略", "热门帖子"],
      notices: [
        { title: "《${functionName}》资源内容更新与支持", time: "2025-06-24 16:50:40" },
        { title: "社区活动与资源维护窗口预告", time: "2025-06-24 16:48:30" },
        { title: "新内容发布和玩家反馈整理", time: "2025-06-24 10:30:24" },
        { title: "版本资料、攻略和周边内容同步", time: "2025-06-23 19:20:12" }
      ],
      businessActionMap: {
#foreach($action in $allPageBusinessActions)
        "${action.code}": {
          name: "${action.name}",
          buttonLabel: "${action.buttonLabel}",
          method: "${action.method}",
          path: "${action.path}",
          successMessage: "${action.successMessage}",
          refreshTarget: "${action.refreshTarget}",
          confirmMessage: "${action.confirmMessage}",
          requestFields: [#foreach($field in $action.requestFields)"${field}"#if($foreach.hasNext), #end#end],
          currentUserFields: [#foreach($field in $action.currentUserFields)"${field}"#if($foreach.hasNext), #end#end],
          inputFields: [
#foreach($field in $action.inputFields)
            {
              field: "${field.field}",
              label: "${field.label}",
              htmlType: "${field.htmlType}",
              dictType: "${field.dictType}"
            }#if($foreach.hasNext),#end
#end
          ]
        }#if($foreach.count != $allPageBusinessActions.size()),#end
#end
      },
      routeActionMap: {
#foreach($routeAction in $pageDesignRouteActionEntries)
        "${routeAction.key}": {
          path: "${routeAction.path}",
          paramMap: {#set($paramMap = $routeAction.paramMap)#foreach($param in $paramMap.entrySet())"${param.key}":"${param.value}"#if($foreach.count != $paramMap.size()),#end#end}
        }#if($foreach.count != $pageDesignRouteActionEntries.size()),#end
#end
      }
    }
  },
  computed: {
    businessActionDialogTitle() {
      if (!this.activeBusinessAction) {
        return "业务操作"
      }
      return this.activeBusinessAction.buttonLabel || this.activeBusinessAction.name || "业务操作"
    }
  },
  created() {
    this.loadRemoteOptions()
#if($isDetailPage)
    this.loadDetail()
#else
    this.load()
#end
  },
  methods: {
    loadRemoteOptions() {
      Object.keys(this.remoteSelectConfig).forEach(field => {
        const config = this.remoteSelectConfig[field]
        this.request.get(config.path, {
          params: { pageNum: 1, pageSize: 999 }
        }).then(res => {
          const data = res.data || {}
          const records = Array.isArray(data) ? data : (data.records || [])
          const options = records.map(item => ({
            value: item[config.valueField],
            label: item[config.labelField]
          }))
          this.#[[$set]]#(this.remoteOptionMap, field, options)
        })
      })
    },
    getSelectOptions(field) {
      return this.remoteOptionMap[field] || []
    },
    getOptionLabel(field, value) {
      const option = this.getSelectOptions(field).find(item => String(item.value) === String(value))
      if (option) {
        return option.label
      }
      return value === undefined || value === null || value === "" ? "-" : value
    },
#if(!$isDetailPage)
    load() {
      this.request.get("/${moduleName}/${businessName}/page", {
        params: this.queryParams
      }).then(res => {
        const page = res.data || {}
        this.${businessName}List = page.records || []
        this.total = page.total || 0
      })
    },
#end
#if($isDetailPage)
    resolveDetailId() {
      const params = this.#[[$route]]# && this.#[[$route]]#.params ? this.#[[$route]]#.params : {}
      return params.id || params.${pkColumn.javaField} || ""
    },
    loadDetail() {
      const detailId = this.resolveDetailId()
      if (!detailId) {
        this.detailRecord = {}
        this.form = {}
        this.detailLoaded = true
        return
      }
      this.detailLoading = true
      this.request.get("/${moduleName}/${businessName}/" + detailId).then(res => {
        this.detailRecord = res.data || {}
        this.form = JSON.parse(JSON.stringify(this.detailRecord))
        this.detailLoaded = true
      }).finally(() => {
        this.detailLoading = false
      })
    },
    formatDetailValue(value) {
      return value === undefined || value === null || value === "" ? "-" : value
    },
#end
    save() {
      this.#[[$refs]]#.form.validate(valid => {
        if (!valid) {
          return
        }
        this.request.post("/${moduleName}/${businessName}", this.form).then(res => {
          if (res.code === "200") {
            this.#[[$message]]#.success("保存成功")
            this.dialogFormVisible = false
            this.load()
          } else {
            this.#[[$message]]#.error(res.msg || "保存失败")
          }
        })
      })
    },
    handleAdd() {
      if (this.handleConfiguredRoute("toolbar:create")) {
        return
      }
      this.form = {}
      this.viewing = false
      this.dialogFormVisible = true
      this.#[[$nextTick]]#(() => this.#[[$refs]]#.form && this.#[[$refs]]#.form.clearValidate())
    },
    handleView(row) {
      if (this.handleConfiguredRoute("table:view", row)) {
        return
      }
      if (this.handleConfiguredRoute("cardActions:view", row)) {
        return
      }
      this.form = JSON.parse(JSON.stringify(row))
      this.viewing = true
      this.dialogFormVisible = true
    },
    handleEdit(row) {
      if (this.handleConfiguredRoute("table:edit", row)) {
        return
      }
      if (this.handleConfiguredRoute("cardActions:edit", row)) {
        return
      }
      this.form = JSON.parse(JSON.stringify(row))
      this.viewing = false
      this.dialogFormVisible = true
      this.#[[$nextTick]]#(() => this.#[[$refs]]#.form && this.#[[$refs]]#.form.clearValidate())
    },
    del(${pkColumn.javaField}) {
      this.request.delete("/${moduleName}/${businessName}/" + ${pkColumn.javaField}).then(res => {
        if (res.code === "200") {
          this.#[[$message]]#.success("删除成功")
          this.load()
        } else {
          this.#[[$message]]#.error(res.msg || "删除失败")
        }
      })
    },
    handleSelectionChange(val) {
      this.multipleSelection = val
    },
    handleCardSelectionChange() {
      this.multipleSelection = this.${businessName}List.filter(item => item.__checked)
    },
    handleConfiguredRoute(actionKey, row) {
      const action = this.routeActionMap[actionKey]
      if (!action || !action.path) {
        return false
      }
      const path = this.buildConfiguredRoutePath(action.path, action.paramMap || {}, row)
      if (!path) {
        return false
      }
      this.#[[$router]]#.push(path)
      return true
    },
    buildConfiguredRoutePath(routePath, paramMap, row) {
      let path = routePath
      Object.keys(paramMap || {}).forEach(param => {
        const field = paramMap[param]
        const value = row && row[field]
        if (value !== undefined && value !== null && value !== "") {
          path = path.replace(new RegExp(":" + param + "(?=/|$)", "g"), encodeURIComponent(value))
        }
      })
      return this.hasUnresolvedRouteParam(path) ? "" : path
    },
    hasUnresolvedRouteParam(path) {
      return String(path || "").split("/").some(segment => segment.indexOf(":") === 0)
    },
    delBatch() {
      const ids = this.multipleSelection.map(item => item.${pkColumn.javaField})
      if (!ids.length) {
        this.#[[$message]]#.warning("请先选择要删除的数据")
        return
      }
      this.request.post("/${moduleName}/${businessName}/del/batch", ids).then(res => {
        if (res.code === "200") {
          this.#[[$message]]#.success("批量删除成功")
          this.load()
        } else {
          this.#[[$message]]#.error(res.msg || "批量删除失败")
        }
      })
    },
    reset() {
      this.queryParams = {
        pageNum: 1,
        pageSize: 10#if($currentUserOnly),
        __currentUserOnly: true#end
      }
      this.load()
    },
    handleBusinessAction(code, row) {
      if (this.handleConfiguredRoute("business:" + code, row) || this.handleConfiguredRoute("toolbar:" + code, row) || this.handleConfiguredRoute("table:" + code, row)) {
        return
      }
      const action = this.businessActionMap[code]
      if (!action || !action.path) {
        this.#[[$message]]#.warning("动作未配置")
        return
      }
      const payload = this.buildBusinessActionPayload(action, row)
      const missingFields = (action.inputFields || []).filter(field => !this.hasBusinessActionValue(payload[field.field]))
      if (missingFields.length > 0) {
        this.openBusinessActionDialog(action, payload, missingFields)
        return
      }
      if (action.confirmMessage) {
        this.#[[$confirm]]#(action.confirmMessage, "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        }).then(() => this.executeBusinessAction(action, payload)).catch(() => {})
        return
      }
      this.executeBusinessAction(action, payload).catch(() => {})
    },
    openBusinessActionDialog(action, payload, fields) {
      const form = {}
      fields.forEach(field => {
        form[field.field] = this.hasBusinessActionValue(payload[field.field]) ? payload[field.field] : undefined
      })
      this.activeBusinessAction = action
      this.businessActionBasePayload = Object.assign({}, payload)
      this.businessActionInputFields = fields.slice()
      this.businessActionForm = form
      this.businessActionDialogVisible = true
      this.#[[$nextTick]]#(() => {
        const formRef = this.#[[$refs]]#.businessActionForm
        if (formRef) {
          formRef.clearValidate()
        }
      })
    },
    submitBusinessAction() {
      const formRef = this.#[[$refs]]#.businessActionForm
      if (!formRef || !this.activeBusinessAction) {
        return
      }
      formRef.validate(valid => {
        if (!valid) {
          return
        }
        const action = this.activeBusinessAction
        const payload = Object.assign({}, this.businessActionBasePayload, this.businessActionForm)
        this.businessActionSubmitting = true
        this.executeBusinessAction(action, payload)
          .then(() => {
            this.businessActionDialogVisible = false
          })
          .catch(() => {})
          .finally(() => {
            this.businessActionSubmitting = false
          })
      })
    },
    resetBusinessActionDialog() {
      this.activeBusinessAction = null
      this.businessActionBasePayload = {}
      this.businessActionForm = {}
      this.businessActionInputFields = []
    },
    hasBusinessActionValue(value) {
      if (value === undefined || value === null) {
        return false
      }
      return typeof value !== "string" || value.trim() !== ""
    },
    getBusinessActionFieldOptions(field) {
      if (!field || !field.dictType) {
        return []
      }
      return this._dict.getDictDataByType(field.dictType).map(option => ({
        label: option.name,
        value: option.value
      }))
    },
    executeBusinessAction(action, payload) {
      const method = String(action.method || "POST").toLowerCase()
      const request = method === "get"
        ? this.request.get(action.path, { params: payload })
        : this.request[method] ? this.request[method](action.path, payload) : this.request.post(action.path, payload)
      return request.then(res => {
        if (res.code !== "200") {
          return Promise.reject(new Error(res.msg || "操作失败"))
        }
        this.#[[$message]]#.success(action.successMessage || "操作成功")
        this.refreshBusinessActionTarget(action.refreshTarget)
        return res
      }).catch(error => {
        const data = error && error.response ? error.response.data : null
        this.#[[$message]]#.error((data && data.msg) || (error && error.message) || "操作失败")
        return Promise.reject(error)
      })
    },
    refreshBusinessActionTarget(refreshTarget) {
      const target = refreshTarget || "list"
      if (target === "none") {
        return
      }
      if (target === "page") {
        window.location.reload()
        return
      }
#if($isDetailPage)
      this.loadDetail()
#else
      this.load()
#end
    },
    buildBusinessActionPayload(action, row) {
      const payload = {}
      const currentUserFields = new Set(action.currentUserFields || [])
      ;(action.requestFields || []).forEach(field => {
        if (currentUserFields.has(field)) {
          return
        }
        const value = this.resolvePayloadValue(field, row)
        if (value !== undefined) {
          payload[field] = value
        }
      })
      return payload
    },
    resolvePayloadValue(field, row) {
      const camelField = this.toCamelCase(field)
      const sources = [row, this.detailRecord, this.form, this.queryParams]
      for (const source of sources) {
        if (!source) {
          continue
        }
        if (source[field] !== undefined) {
          return source[field]
        }
        if (source[camelField] !== undefined) {
          return source[camelField]
        }
      }
      return undefined
    },
    toCamelCase(value) {
      return String(value || "").replace(/_([a-zA-Z0-9])/g, (_, char) => char.toUpperCase())
    },
    handleSizeChange(pageSize) {
      this.queryParams.pageSize = pageSize
      this.load()
    },
    handleCurrentChange(pageNum) {
      this.queryParams.pageNum = pageNum
      this.load()
    },
    resolveResourceUrl(url) {
      if (!url) {
        return ""
      }
      if (url.indexOf("http://") === 0 || url.indexOf("https://") === 0 || url.indexOf("//") === 0 || url.indexOf("data:") === 0 || url.indexOf("blob:") === 0) {
        return url
      }
      if (url.indexOf("/api/") === 0) {
        return url
      }
      if (url.indexOf("/files/") === 0) {
        return "/api" + url
      }
      return url
    },
    uploadSuccess(field, res) {
      if (res && res.code === "200" && res.data && res.data.url) {
        this.#[[$set]]#(this.form, field, res.data.url)
      } else {
        this.#[[$message]]#.error("上传失败，请重试")
      }
    }
  }
}
</script>

<style scoped>
.portal-page {
  display: grid;
  gap: 22px;
}

.embedded-business-blocks {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
}

.embedded-business-block__item--span-12 { grid-column: span 12; }
.embedded-business-block__item--span-6 { grid-column: span 6; }
.embedded-business-block__item--span-4 { grid-column: span 4; }

.content-board {
  display: grid;
  grid-template-columns: minmax(0, 1.36fr) minmax(320px, 0.64fr);
  gap: 24px;
  align-items: stretch;
}

.feature-card {
  position: relative;
  min-height: 270px;
  overflow: hidden;
  background: #ffffff;
}

@media (max-width: 900px) {
  .embedded-business-block__item {
    grid-column: span 12;
  }
}

.feature-illustration {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(10, 66, 99, 0.92), rgba(255, 126, 86, 0.9)),
    #184967;
}

.feature-illustration::before,
.feature-illustration::after {
  position: absolute;
  display: block;
  content: "";
}

.feature-illustration::before {
  left: 8%;
  top: 18%;
  width: 48%;
  height: 42%;
  border: 8px solid rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  transform: rotate(-8deg);
}

.feature-illustration::after {
  right: 9%;
  bottom: -12%;
  width: 290px;
  height: 290px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 38%, #ffffff 0 10px, transparent 11px),
    radial-gradient(circle at 64% 38%, #ffffff 0 10px, transparent 11px),
    radial-gradient(circle at 50% 58%, transparent 0 38px, #153d58 39px 45px, transparent 46px),
    #39a6d8;
  box-shadow: 0 20px 0 #133c58;
}

.device-face {
  position: absolute;
  left: 24%;
  bottom: 20%;
  display: grid;
  grid-template-columns: repeat(2, 36px);
  gap: 18px;
  padding: 18px;
  border-radius: 48px;
  background: rgba(21, 62, 88, 0.9);
  transform: rotate(7deg);
}

.device-face span {
  width: 36px;
  height: 36px;
  border: 5px solid #f7ebe0;
  border-radius: 50%;
}

.feature-copy {
  position: absolute;
  left: 28px;
  bottom: 24px;
  max-width: 420px;
  color: #ffffff;
}

.feature-copy span {
  display: inline-block;
  margin-bottom: 8px;
  color: #ffe1b6;
  font-size: 13px;
  font-weight: 700;
}

.feature-copy h2,
.feature-copy p,
.panel-heading h2 {
  margin: 0;
  letter-spacing: 0;
}

.feature-copy h2 {
  font-size: 28px;
  line-height: 1.25;
}

.feature-copy p {
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.7;
}

.notice-panel {
  min-width: 0;
  background: #ffffff;
}

.notice-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  border-bottom: 1px solid #edf0f5;
}

.notice-tabs button {
  position: relative;
  min-height: 38px;
  border: 0;
  color: #475569;
  background: transparent;
  cursor: pointer;
}

.notice-tabs button.active {
  color: #19a6ad;
  font-weight: 700;
}

.notice-tabs button.active::after {
  position: absolute;
  right: 8px;
  bottom: -1px;
  left: 8px;
  height: 2px;
  background: #19a6ad;
  content: "";
}

.notice-list {
  display: grid;
  gap: 18px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.notice-list li {
  display: grid;
  gap: 7px;
}

.notice-list strong {
  color: #172033;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.55;
}

.notice-list span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #7b8493;
  font-size: 13px;
}

.data-panel,
.notice-panel {
  padding: 20px;
  border: 1px solid #edf0f5;
  border-radius: 4px;
}

.data-panel {
  background: #ffffff;
}

.split-data-panel {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
}

.split-data-panel .panel-heading {
  grid-column: 1 / -1;
  margin-bottom: 0;
}

.split-data-panel .filter-bar {
  align-content: flex-start;
  align-self: start;
  flex-direction: column;
  margin-bottom: 0;
  padding: 14px;
  border: 1px solid #edf0f5;
  border-radius: 4px;
  background: #f8fafc;
}

.split-data-panel .filter-item,
.split-data-panel .filter-bar .el-button {
  width: 100%;
}

.split-data-panel .resource-table,
.split-data-panel .resource-card-grid,
.split-data-panel .pagination {
  grid-column: 2;
}

.panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.section-kicker {
  color: #19a6ad;
  font-size: 13px;
  font-weight: 700;
}

.panel-heading h2 {
  margin-top: 6px;
  color: #172033;
  font-size: 22px;
}

.panel-actions,
.filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.filter-bar {
  margin-bottom: 14px;
}

.filter-item {
  width: 220px;
}

.resource-table {
  width: 100%;
}

.resource-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 14px;
}

.resource-card-item {
  position: relative;
  display: grid;
  gap: 12px;
  min-height: 180px;
  padding: 16px;
  border: 1px solid #edf0f5;
  border-radius: 4px;
  background: #ffffff;
}

.resource-card-check {
  position: absolute;
  top: 12px;
  right: 12px;
}

.resource-card-body {
  display: grid;
  gap: 10px;
}

.resource-card-field {
  display: grid;
  gap: 4px;
}

.resource-card-title {
  margin: 0;
  color: #172033;
  font-size: 17px;
  line-height: 1.35;
}

.resource-card-field span {
  color: #7b8493;
  font-size: 12px;
}

.resource-card-field strong {
  color: #172033;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  word-break: break-word;
}

.resource-card-image {
  width: 100%;
  height: 132px;
  border-radius: 4px;
  object-fit: cover;
}

.resource-card-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 4px;
  border-top: 1px solid #edf0f5;
}

.detail-view {
  min-height: 180px;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px 18px;
  margin: 0;
}

.detail-field {
  display: grid;
  gap: 6px;
  padding: 14px 0;
  border-bottom: 1px solid #edf0f5;
}

.detail-field.wide {
  grid-column: 1 / -1;
}

.detail-field dt {
  color: #7b8493;
  font-size: 13px;
  font-weight: 600;
}

.detail-field dd {
  margin: 0;
  color: #172033;
  font-size: 15px;
  line-height: 1.65;
  word-break: break-word;
}

.detail-image {
  width: 180px;
  height: 128px;
  border-radius: 4px;
  object-fit: cover;
}

.detail-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #edf0f5;
}

.empty-detail {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 120px;
  color: #7b8493;
}

.pagination {
  margin-top: 14px;
  text-align: right;
}

.danger-text {
  color: #f56c6c;
}

.table-image {
  width: 52px;
  height: 52px;
  border-radius: 4px;
}

.avatar-uploader .avatar {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: cover;
}

.avatar-uploader-icon {
  width: 96px;
  height: 96px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  color: #8c939d;
  line-height: 96px;
  text-align: center;
}

.file-link {
  margin-top: 6px;
  color: #606266;
  word-break: break-all;
}

.business-action-hint {
  margin: 0 0 18px;
  padding: 10px 12px;
  border-radius: 4px;
  color: #606266;
  background: #f5f7fa;
  line-height: 1.6;
}

.business-action-hint + .el-form .el-date-editor,
.business-action-hint + .el-form .el-select,
.business-action-hint + .el-form .el-input,
.el-dialog .el-form .el-date-editor,
.el-dialog .el-form .el-select {
  width: 100%;
}

@media (max-width: 980px) {
  .content-board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .split-data-panel {
    grid-template-columns: 1fr;
  }

  .split-data-panel .panel-heading,
  .split-data-panel .resource-table,
  .split-data-panel .resource-card-grid,
  .split-data-panel .pagination {
    grid-column: 1;
  }

  .panel-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .filter-item {
    width: 100%;
  }

  .notice-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
</style>
', 'admin', sysdate()),
(920312, 9203, 'frontend-login.vue.vm', NULL, 'frontend-login.vue.vm', '#set($portalProjectName = $projectName)
#if(!$portalProjectName || $portalProjectName == "")
#set($portalProjectName = $functionName)
#end
#if(!$portalProjectName || $portalProjectName == "")
#set($portalProjectName = "Portal")
#end
#set($portalDefaultPath = $defaultFrontendPath)
#if(!$portalDefaultPath || $portalDefaultPath == "")
#set($portalDefaultPath = "/${moduleName}/${businessName}")
#end
<template>
  <section class="portal-login">
    <div class="login-visual" aria-hidden="true">
      <div class="login-brand">
        <span class="login-logo"></span>
        <strong>${portalProjectName}</strong>
      </div>
      <h1>${portalProjectName}</h1>
      <p>登录后继续访问你的项目功能和个人数据。</p>
    </div>

    <div class="login-panel">
      <div class="login-heading">
        <span>欢迎回来</span>
        <h2>账号登录</h2>
      </div>

      <el-form :model="form" label-position="top" class="login-form" @submit.native.prevent>
        <el-form-item label="用户名">
          <el-input v-model="form.username" placeholder="请输入用户名" prefix-icon="el-icon-user" />
        </el-form-item>
        <el-form-item label="密码">
          <el-input v-model="form.password" type="password" placeholder="请输入密码" prefix-icon="el-icon-lock" show-password />
        </el-form-item>
        <el-button type="primary" class="login-button" :loading="loading" @click="handleLogin">登录</el-button>
      </el-form>
    </div>
  </section>
</template>

<script>
export default {
  name: "PortalLogin",
  data() {
    return {
      loading: false,
      form: {
        username: "user",
        password: "123456"
      }
    }
  },
  methods: {
    handleLogin() {
      if (!this.form.username || !this.form.password) {
        this.#[[$message]]#.warning("请输入用户名和密码")
        return
      }

      this.loading = true
      this.request.post("/auth/login", this.form)
        .then(res => {
          if (!res || res.code !== "200" || !res.data || !res.data.token) {
            throw new Error((res && res.msg) || "登录失败")
          }
          localStorage.setItem("portal-token", res.data.token)
          localStorage.setItem("portal-user", JSON.stringify(res.data.user || {
            username: this.form.username,
            nickname: this.form.username
          }))
          window.dispatchEvent(new Event("portal-user-change"))
          this.#[[$message]]#.success("登录成功")
          const redirect = this.#[[$route]]#.query.redirect || "${portalDefaultPath}"
          this.#[[$router]]#.push(redirect)
        })
        .catch(error => {
          this.#[[$message]]#.error(error.message || "登录失败")
        })
        .finally(() => {
          this.loading = false
        })
    }
  }
}
</script>

<style scoped>
.portal-login {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  min-height: 100vh;
  background:
    linear-gradient(132deg, rgba(24, 141, 149, 0.95), rgba(44, 120, 215, 0.88)),
    #168d95;
}

.login-visual {
  position: relative;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 72px 9vw;
  color: #ffffff;
}

.login-visual::before {
  position: absolute;
  inset: 0;
  display: block;
  content: "";
  opacity: 0.58;
  background:
    linear-gradient(42deg, transparent 0 18%, rgba(255, 255, 255, 0.18) 18% 27%, transparent 27% 100%),
    linear-gradient(132deg, transparent 0 48%, rgba(246, 186, 51, 0.32) 48% 55%, transparent 55% 100%);
}

.login-brand,
.login-visual h1,
.login-visual p {
  position: relative;
  z-index: 1;
}

.login-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 46px;
  font-size: 22px;
}

.login-logo {
  width: 28px;
  height: 28px;
  border-radius: 8px 18px 8px 18px;
  background: linear-gradient(135deg, #38d8f0 0 35%, #f3ba28 35% 66%, #5bc269 66%);
  transform: rotate(45deg);
}

.login-visual h1,
.login-visual p {
  margin: 0;
}

.login-visual h1 {
  max-width: 680px;
  font-size: 52px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.18;
}

.login-visual p {
  max-width: 520px;
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 17px;
  line-height: 1.8;
}

.login-panel {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px;
  background: #ffffff;
}

.login-heading span {
  color: #168d95;
  font-size: 14px;
  font-weight: 700;
}

.login-heading h2 {
  margin: 8px 0 28px;
  color: #111827;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
}

.login-form {
  display: grid;
  gap: 2px;
}

.login-button {
  width: 100%;
  height: 42px;
  margin-top: 6px;
  border-color: #168d95;
  background: #168d95;
}

@media (max-width: 880px) {
  .portal-login {
    grid-template-columns: 1fr;
  }

  .login-visual {
    min-height: 280px;
    padding: 42px 26px;
  }

  .login-visual h1 {
    font-size: 36px;
  }

  .login-panel {
    padding: 34px 24px 44px;
  }
}
</style>
', 'admin', sysdate()),
(920313, 9203, 'frontend-dict.js.vm', NULL, 'frontend-dict.js.vm', 'const emptyDict = []

export default {
  getDictDataByType() {
    return emptyDict
  },
  getDictLabel(type, value) {
    return value === undefined || value === null || value === "" ? "-" : value
  }
}
', 'admin', sysdate());

-- Backend project structure
INSERT INTO sys_project_structure (node_id, parent_id, node_name, node_type, module, template_id, table_id, category, sort_order, status, create_by, create_time, update_by, update_time) VALUES
(920100, 0, '{projectName}-backend', 'folder', NULL, 9201, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920101, 920100, 'pom.xml', 'file', NULL, 9201, -1, 'pom.xml.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920102, 920100, 'README.md', 'file', NULL, 9201, -1, 'README.md.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920103, 920100, 'sql', 'folder', NULL, 9201, NULL, NULL, 3, '0', 'admin', sysdate(), '', NULL),
(920104, 920103, '{businessName}.sql', 'file', NULL, 9201, 0, 'sql.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920110, 920100, 'src', 'folder', NULL, 9201, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920111, 920110, 'main', 'folder', NULL, 9201, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920112, 920111, 'java', 'folder', NULL, 9201, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920113, 920111, 'resources', 'folder', NULL, 9201, NULL, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920114, 920112, '{packagePath}', 'folder', NULL, 9201, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920115, 920114, '{projectClassName}Application.java', 'file', NULL, 9201, -1, 'Application.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920116, 920114, 'common', 'folder', NULL, 9201, NULL, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920117, 920116, 'Result.java', 'file', NULL, 9201, -1, 'Result.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920118, 920114, 'config', 'folder', NULL, 9201, NULL, NULL, 3, '0', 'admin', sysdate(), '', NULL),
(920119, 920118, 'MybatisPlusConfig.java', 'file', NULL, 9201, -1, 'MybatisPlusConfig.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920120, 920118, 'CorsConfig.java', 'file', NULL, 9201, -1, 'CorsConfig.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920121, 920114, 'controller', 'folder', NULL, 9201, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920122, 920121, 'FileController.java', 'file', NULL, 9201, -1, 'FileController.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920123, 920121, '{ClassName}Controller.java', 'file', NULL, 9201, 0, 'controller.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920124, 920114, 'entity', 'folder', NULL, 9201, NULL, NULL, 5, '0', 'admin', sysdate(), '', NULL),
(920125, 920124, '{ClassName}.java', 'file', NULL, 9201, 0, 'entity.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920126, 920114, 'mapper', 'folder', NULL, 9201, NULL, NULL, 6, '0', 'admin', sysdate(), '', NULL),
(920127, 920126, '{ClassName}Mapper.java', 'file', NULL, 9201, 0, 'mapper.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920128, 920114, 'service', 'folder', NULL, 9201, NULL, NULL, 7, '0', 'admin', sysdate(), '', NULL),
(920129, 920128, 'I{ClassName}Service.java', 'file', NULL, 9201, 0, 'service.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920130, 920128, 'impl', 'folder', NULL, 9201, NULL, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920131, 920130, '{ClassName}ServiceImpl.java', 'file', NULL, 9201, 0, 'serviceImpl.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920132, 920113, 'application.yml', 'file', NULL, 9201, -1, 'application.yml.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920133, 920113, 'mapper', 'folder', NULL, 9201, NULL, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920134, 920133, '{moduleName}', 'folder', NULL, 9201, 0, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920135, 920134, '{ClassName}Mapper.xml', 'file', NULL, 9201, 0, 'mapper.xml.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920136, 920124, 'PortalUser.java', 'file', NULL, 9201, -1, 'PortalUser.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920137, 920126, 'PortalUserMapper.java', 'file', NULL, 9201, -1, 'PortalUserMapper.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920138, 920114, 'security', 'folder', NULL, 9201, NULL, NULL, 8, '0', 'admin', sysdate(), '', NULL),
(920139, 920138, 'PortalAuthTokenStore.java', 'file', NULL, 9201, -1, 'PortalAuthTokenStore.java.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920140, 920138, 'PortalAuthInterceptor.java', 'file', NULL, 9201, -1, 'PortalAuthInterceptor.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920141, 920121, 'PortalAuthController.java', 'file', NULL, 9201, -1, 'PortalAuthController.java.vm', 3, '0', 'admin', sysdate(), '', NULL),
(920142, 920124, 'AdminUser.java', 'file', NULL, 9201, -1, 'AdminUser.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920143, 920126, 'AdminUserMapper.java', 'file', NULL, 9201, -1, 'AdminUserMapper.java.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920144, 920121, 'AdminAuthController.java', 'file', NULL, 9201, -1, 'AdminAuthController.java.vm', 4, '0', 'admin', sysdate(), '', NULL);

-- Admin frontend project structure
INSERT INTO sys_project_structure (node_id, parent_id, node_name, node_type, module, template_id, table_id, category, sort_order, status, create_by, create_time, update_by, update_time) VALUES
(920200, 0, '{projectName}-admin', 'folder', NULL, 9202, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920201, 920200, 'package.json', 'file', NULL, 9202, -1, 'package.json.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920202, 920200, 'babel.config.js', 'file', NULL, 9202, -1, 'babel.config.js.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920203, 920200, 'vue.config.js', 'file', NULL, 9202, -1, 'vue.config.js.vm', 3, '0', 'admin', sysdate(), '', NULL),
(920204, 920200, 'public', 'folder', NULL, 9202, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920205, 920204, 'index.html', 'file', NULL, 9202, -1, 'index.html.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920206, 920200, 'src', 'folder', NULL, 9202, NULL, NULL, 5, '0', 'admin', sysdate(), '', NULL),
(920207, 920206, 'main.js', 'file', NULL, 9202, -1, 'admin-main.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920208, 920206, 'App.vue', 'file', NULL, 9202, -1, 'admin-App.vue.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920209, 920206, 'router', 'folder', NULL, 9202, NULL, NULL, 3, '0', 'admin', sysdate(), '', NULL),
(920210, 920209, 'index.js', 'file', NULL, 9202, -1, 'admin-router.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920211, 920206, 'utils', 'folder', NULL, 9202, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920212, 920211, 'request.js', 'file', NULL, 9202, -1, 'request.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920213, 920211, 'dict.js', 'file', NULL, 9202, -1, 'dict.js.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920214, 920206, 'views', 'folder', NULL, 9202, NULL, NULL, 5, '0', 'admin', sysdate(), '', NULL),
(920218, 920214, 'login', 'folder', NULL, 9202, -1, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920219, 920218, 'index.vue', 'file', NULL, 9202, -1, 'admin-login.vue.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920215, 920214, '{moduleName}', 'folder', NULL, 9202, 0, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920216, 920215, '{businessName}', 'folder', NULL, 9202, 0, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920217, 920216, 'index.vue', 'file', NULL, 9202, 0, 'admin-index.vue.vm', 1, '0', 'admin', sysdate(), '', NULL);

-- Portal frontend project structure
INSERT INTO sys_project_structure (node_id, parent_id, node_name, node_type, module, template_id, table_id, category, sort_order, status, create_by, create_time, update_by, update_time) VALUES
(920300, 0, '{projectName}-web', 'folder', NULL, 9203, NULL, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920301, 920300, 'package.json', 'file', NULL, 9203, -1, 'package.json.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920302, 920300, 'babel.config.js', 'file', NULL, 9203, -1, 'babel.config.js.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920303, 920300, 'vue.config.js', 'file', NULL, 9203, -1, 'vue.config.js.vm', 3, '0', 'admin', sysdate(), '', NULL),
(920304, 920300, 'public', 'folder', NULL, 9203, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920305, 920304, 'index.html', 'file', NULL, 9203, -1, 'index.html.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920306, 920300, 'src', 'folder', NULL, 9203, NULL, NULL, 5, '0', 'admin', sysdate(), '', NULL),
(920307, 920306, 'main.js', 'file', NULL, 9203, -1, 'frontend-main.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920308, 920306, 'App.vue', 'file', NULL, 9203, -1, 'frontend-App.vue.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920309, 920306, 'style.css', 'file', NULL, 9203, -1, 'style.css.vm', 3, '0', 'admin', sysdate(), '', NULL),
(920310, 920306, 'router', 'folder', NULL, 9203, NULL, NULL, 4, '0', 'admin', sysdate(), '', NULL),
(920311, 920310, 'index.js', 'file', NULL, 9203, -1, 'frontend-router.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920312, 920306, 'api', 'folder', NULL, 9203, NULL, NULL, 5, '0', 'admin', sysdate(), '', NULL),
(920313, 920312, 'request.js', 'file', NULL, 9203, -1, 'frontend-request.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920314, 920312, '{businessName}.js', 'file', NULL, 9203, 0, 'frontend-api.js.vm', 2, '0', 'admin', sysdate(), '', NULL),
(920321, 920306, 'utils', 'folder', NULL, 9203, NULL, NULL, 6, '0', 'admin', sysdate(), '', NULL),
(920322, 920321, 'dict.js', 'file', NULL, 9203, -1, 'frontend-dict.js.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920315, 920306, 'views', 'folder', NULL, 9203, NULL, NULL, 7, '0', 'admin', sysdate(), '', NULL),
(920316, 920315, '{moduleName}', 'folder', NULL, 9203, 0, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920317, 920316, '{businessName}', 'folder', NULL, 9203, 0, NULL, 1, '0', 'admin', sysdate(), '', NULL),
(920318, 920317, 'index.vue', 'file', NULL, 9203, 0, 'frontend-index.vue.vm', 1, '0', 'admin', sysdate(), '', NULL),
(920319, 920315, 'login', 'folder', NULL, 9203, NULL, NULL, 2, '0', 'admin', sysdate(), '', NULL),
(920320, 920319, 'index.vue', 'file', NULL, 9203, -1, 'frontend-login.vue.vm', 1, '0', 'admin', sysdate(), '', NULL);
SET FOREIGN_KEY_CHECKS = 1;