<template>
  <div class="app-container">
    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
      <el-form-item label="模板编码" prop="templateCode">
        <el-input v-model="queryParams.templateCode" placeholder="请输入模板编码" clearable size="small" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="任务名称" prop="jobName">
        <el-input v-model="queryParams.jobName" placeholder="请输入任务名称" clearable size="small" @keyup.enter.native="handleQuery" />
      </el-form-item>
      <el-form-item label="作用域" prop="scope">
        <el-select v-model="queryParams.scope" placeholder="请选择" clearable size="small">
          <el-option label="租户级" value="TENANT" />
          <el-option label="平台级" value="PLATFORM" />
        </el-select>
      </el-form-item>
      <el-form-item label="状态" prop="status">
        <el-select v-model="queryParams.status" placeholder="请选择" clearable size="small">
          <el-option label="启用" value="0" />
          <el-option label="停用" value="1" />
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
      </el-form-item>
    </el-form>

    <el-row :gutter="10" class="mb8">
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd" v-hasPermi="['monitor:job:add']">新增模板</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate" v-hasPermi="['monitor:job:edit']">修改</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete" v-hasPermi="['monitor:job:remove']">删除</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="info" plain icon="el-icon-notebook-2" size="mini" @click="handleTaskRegistry" v-hasPermi="['monitor:job:add']">Bean注册表</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="primary" plain icon="el-icon-user" size="mini" @click="handleTenantJobConfig" v-hasPermi="['monitor:job:edit']">租户任务配置</el-button>
      </el-col>
      <el-col :span="1.5">
        <el-button type="info" plain icon="el-icon-s-operation" size="mini" @click="handleJobLog" v-hasPermi="['monitor:job:query']">任务日志</el-button>
      </el-col>
      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
    </el-row>

    <el-table v-loading="loading" :data="templateList" @selection-change="handleSelectionChange">
      <el-table-column type="selection" width="55" align="center" />
      <el-table-column label="模板编码" width="140" align="center" prop="templateCode" :show-overflow-tooltip="true" />
      <el-table-column label="任务名称" align="center" prop="jobName" :show-overflow-tooltip="true" />
      <el-table-column label="任务组名" align="center" prop="jobGroup">
        <template slot-scope="scope">
          <dict-tag :options="jobGroupOptions" :value="scope.row.jobGroup"/>
        </template>
      </el-table-column>
      <el-table-column label="调用目标" align="center" prop="invokeTarget" :show-overflow-tooltip="true" min-width="180" />
      <el-table-column label="cron表达式" align="center" prop="cronExpression" :show-overflow-tooltip="true" width="140" />
      <el-table-column label="作用域" align="center" width="80">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.scope === 'PLATFORM'" size="mini">平台</el-tag>
          <el-tag v-else type="success" size="mini">租户</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="默认状态" align="center" width="80">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.defaultStatus === '0'" type="primary" size="mini">运行</el-tag>
          <el-tag v-else type="warning" size="mini">暂停</el-tag>
        </template>
      </el-table-column>
      <el-table-column label="启用" align="center" width="60">
        <template slot-scope="scope">
          <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleTemplateStatusChange(scope.row)" />
        </template>
      </el-table-column>
      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="100">
        <template slot-scope="scope">
          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['monitor:job:edit']">修改</el-button>
          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['monitor:job:remove']">删除</el-button>
          <el-button size="mini" type="text" icon="el-icon-s-operation" @click="handleRowJobLog(scope.row)" v-hasPermi="['monitor:job:query']">日志</el-button>
        </template>
      </el-table-column>
    </el-table>

    <pagination v-show="total>0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" @pagination="getList" />

    <!-- 添加/修改任务模板对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="120px">
        <el-row>
          <el-col :span="12">
            <el-form-item label="模板编码" prop="templateCode">
              <el-input v-model="form.templateCode" placeholder="请输入模板编码" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="任务名称" prop="jobName">
              <el-input v-model="form.jobName" placeholder="请输入任务名称" />
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="任务分组" prop="jobGroup">
              <el-select v-model="form.jobGroup" placeholder="请选择">
                <el-option v-for="dict in jobGroupOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="模块标签" prop="moduleTag">
              <el-input v-model="form.moduleTag" placeholder="请输入模块标签" />
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item prop="invokeTarget">
              <span slot="label">
                调用方法
                <el-tooltip placement="top">
                  <div slot="content">Bean调用示例：liveTask.deliveryOp()<br />参数说明：支持无参方法的直接调用</div>
                  <i class="el-icon-question"></i>
                </el-tooltip>
              </span>
              <el-input v-model="form.invokeTarget" placeholder="请输入调用目标字符串">
                <template slot="append">
                  <el-button @click="openRegistry = true; initRegistry()">从注册表选择</el-button>
                </template>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24">
            <el-form-item label="cron表达式" prop="cronExpression">
              <el-input v-model="form.cronExpression" placeholder="请输入cron执行表达式">
                <template slot="append">
                  <el-button type="primary" @click="handleShowCron">生成表达式<i class="el-icon-time el-icon--right"></i></el-button>
                </template>
              </el-input>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="错误策略" prop="misfirePolicy">
              <el-radio-group v-model="form.misfirePolicy" size="small">
                <el-radio-button label="1">立即执行</el-radio-button>
                <el-radio-button label="2">执行一次</el-radio-button>
                <el-radio-button label="3">放弃执行</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="是否并发" prop="concurrent">
              <el-radio-group v-model="form.concurrent" size="small">
                <el-radio-button label="0">允许</el-radio-button>
                <el-radio-button label="1">禁止</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="作用域">
              <el-radio-group v-model="form.scope" size="small">
                <el-radio-button label="TENANT">租户级</el-radio-button>
                <el-radio-button label="PLATFORM">平台级</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="默认租户状态">
              <el-radio-group v-model="form.defaultStatus" size="small">
                <el-radio-button label="0">运行</el-radio-button>
                <el-radio-button label="1">暂停</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
          <el-col :span="12">
            <el-form-item label="模板状态">
              <el-radio-group v-model="form.status">
                <el-radio-button label="0">启用</el-radio-button>
                <el-radio-button label="1">停用</el-radio-button>
              </el-radio-group>
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

    <!-- Cron表达式生成器 -->
    <el-dialog title="Cron表达式生成器" :visible.sync="openCron" append-to-body class="scrollbar">
      <crontab @hide="openCron=false" @fill="crontabFill" :expression="expression"></crontab>
    </el-dialog>

    <!-- Bean 注册表 -->
    <el-dialog title="可调度 Bean 方法（invoke_target 参考）" :visible.sync="openRegistry" width="960px" append-to-body @open="initRegistry">
      <el-form :model="registryQueryParams" ref="registryQueryForm" :inline="true" size="small">
        <el-form-item label="Bean" prop="beanName">
          <el-input v-model="registryQueryParams.beanName" placeholder="Bean 名称" clearable @keyup.enter.native="handleRegistryQuery" />
        </el-form-item>
        <el-form-item label="方法" prop="methodName">
          <el-input v-model="registryQueryParams.methodName" placeholder="方法名" clearable @keyup.enter.native="handleRegistryQuery" />
        </el-form-item>
        <el-form-item label="调用目标" prop="invokeTarget">
          <el-input v-model="registryQueryParams.invokeTarget" placeholder="invoke_target" clearable @keyup.enter.native="handleRegistryQuery" />
        </el-form-item>
        <el-form-item>
          <el-button type="primary" icon="el-icon-search" size="mini" @click="handleRegistryQuery">搜索</el-button>
          <el-button icon="el-icon-refresh" size="mini" @click="resetRegistryQuery">重置</el-button>
        </el-form-item>
      </el-form>
      <el-table v-loading="registryLoading" :data="registryList" max-height="420">
        <el-table-column label="Bean" prop="beanName" width="180" show-overflow-tooltip />
        <el-table-column label="类名" prop="className" width="160" show-overflow-tooltip />
        <el-table-column label="方法" prop="methodName" width="160" show-overflow-tooltip />
        <el-table-column label="调用目标" prop="invokeTarget" show-overflow-tooltip />
        <el-table-column label="操作" width="100" align="center">
          <template slot-scope="scope">
            <el-button type="text" size="mini" @click="applyInvokeTarget(scope.row)">选用</el-button>
          </template>
        </el-table-column>
      </el-table>
      <pagination v-show="registryTotal > 0" :total="registryTotal" :page.sync="registryQueryParams.pageNum" :limit.sync="registryQueryParams.pageSize" @pagination="getRegistryList" />
    </el-dialog>

    <!-- 租户任务配置 -->
    <el-dialog title="租户定时任务配置" :visible.sync="openTenantJob" width="960px" append-to-body @open="loadTenantJobDialog">
      <el-form :inline="true" size="small">
        <el-form-item label="租户">
          <el-select v-model="tenantJobForm.tenantId" filterable placeholder="选择租户" style="width: 280px" @change="loadTenantJobSelection">
            <el-option v-for="t in tenantOptions" :key="t.id" :label="t.tenantName + ' (' + t.tenantCode + ')'" :value="t.id" />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="success" size="mini" :disabled="!tenantJobForm.tenantId" @click="doSyncTenantJob">同步到租户库</el-button>
          <el-button type="warning" size="mini" @click="doSyncAllTenantJob">同步全部租户</el-button>
        </el-form-item>
      </el-form>
      <el-table v-loading="tenantJobLoading" :data="tenantJobConfigList" max-height="420" v-if="tenantJobForm.tenantId">
        <el-table-column label="任务名称" prop="jobName" min-width="140" show-overflow-tooltip />
        <el-table-column label="模板编码" prop="templateCode" width="140" show-overflow-tooltip />
        <el-table-column label="调用目标" prop="invokeTarget" min-width="180" show-overflow-tooltip />
        <el-table-column label="cron" prop="defaultCronExpression" width="140" show-overflow-tooltip />
        <el-table-column label="状态" width="80" align="center">
          <template slot-scope="scope">
            <el-switch v-model="scope.row.status" active-value="0" inactive-value="1" @change="handleTenantJobStatusChange(scope.row)" />
          </template>
        </el-table-column>
        <el-table-column label="同步状态" width="80" align="center">
          <template slot-scope="scope">
            <el-tag v-if="scope.row.syncStatus === '1'" type="success" size="mini">已同步</el-tag>
            <el-tag v-else-if="scope.row.syncStatus === '2'" type="danger" size="mini">失败</el-tag>
            <el-tag v-else type="info" size="mini">未同步</el-tag>
          </template>
        </el-table-column>
      </el-table>
      <el-empty v-if="tenantJobForm.tenantId && !tenantJobLoading && !tenantJobConfigList.length" description="暂未同步，请点击「同步到租户库」按钮" />
      <el-empty v-if="!tenantJobForm.tenantId" description="请先选择租户" />
    </el-dialog>
  </div>
</template>

<script>
import { listTemplate, getTemplate, addTemplate, updateTemplate, delTemplate } from "@/api/monitor/jobTemplate";
import { listTaskRegistry } from "@/api/monitor/taskRegistry";
import { getTenantJobConfig, updateTenantJobStatus, syncTenantJob, syncAllTenantJob } from "@/api/monitor/tenantJob";
import { tenantList } from "@/api/tenant/tenant";
import Crontab from '@/components/Crontab'

export default {
  components: { Crontab },
  name: "Job",
  data() {
    return {
      loading: true,
      ids: [],
      single: true,
      multiple: true,
      showSearch: true,
      total: 0,
      templateList: [],
      title: "",
      open: false,
      openCron: false,
      expression: "",
      // Bean 注册表
      openRegistry: false,
      registryLoading: false,
      registryList: [],
      registryTotal: 0,
      registryQueryParams: { pageNum: 1, pageSize: 10, beanName: undefined, methodName: undefined, invokeTarget: undefined },
      // 租户任务配置
      openTenantJob: false,
      tenantJobLoading: false,
      tenantJobConfigList: [],
      tenantOptions: [],
      tenantJobForm: { tenantId: undefined },
      // 字典
      jobGroupOptions: [],
      // 查询参数
      queryParams: { pageNum: 1, pageSize: 10, templateCode: undefined, jobName: undefined, scope: undefined, status: undefined },
      // 表单
      form: {},
      rules: {
        templateCode: [{ required: true, message: "模板编码不能为空", trigger: "blur" }],
        jobName: [{ required: true, message: "任务名称不能为空", trigger: "blur" }],
        invokeTarget: [{ required: true, message: "调用目标不能为空", trigger: "blur" }],
        cronExpression: [{ required: true, message: "cron表达式不能为空", trigger: "blur" }]
      }
    };
  },
  created() {
    this.getList();
    this.getDicts("sys_job_group").then(response => { this.jobGroupOptions = response.data; });
  },
  methods: {
    getList() {
      this.loading = true;
      listTemplate(this.queryParams).then(response => {
        this.templateList = response.rows;
        this.total = response.total;
        this.loading = false;
      });
    },
    cancel() {
      this.open = false;
      this.reset();
    },
    reset() {
      this.form = { templateCode: undefined, jobName: undefined, jobGroup: undefined, invokeTarget: undefined, cronExpression: undefined, misfirePolicy: '3', concurrent: '1', scope: 'TENANT', moduleTag: undefined, defaultStatus: '1', status: '0' };
      this.resetForm("form");
    },
    handleQuery() { this.queryParams.pageNum = 1; this.getList(); },
    resetQuery() { this.resetForm("queryForm"); this.handleQuery(); },
    handleSelectionChange(selection) { this.ids = selection.map(item => item.templateId); this.single = selection.length != 1; this.multiple = !selection.length; },
    // 模板状态开关
    handleTemplateStatusChange(row) {
      const text = row.status === "0" ? "启用" : "停用";
      this.$confirm('确认"' + text + '"模板"' + row.jobName + '"?', "警告", { type: "warning" }).then(() => {
        return updateTemplate({ templateId: row.templateId, status: row.status });
      }).then(() => { this.msgSuccess(text + "成功"); }).catch(() => { row.status = row.status === "0" ? "1" : "0"; });
    },
    handleShowCron() { this.expression = this.form.cronExpression; this.openCron = true; },
    crontabFill(value) { this.form.cronExpression = value; },
    handleJobLog() {
      const logPath = this.$route.path.startsWith('/admin/') ? '/admin/shezhi/jobLog' : '/monitor/jobLog';
      this.$router.push({ path: logPath });
    },
    // 表格行内"日志"按钮：跳转日志页并预填任务名称，便于快速查看该模板在各租户的执行记录（再在日志页选择租户）
    handleRowJobLog(row) {
      const logPath = this.$route.path.startsWith('/admin/') ? '/admin/shezhi/jobLog' : '/monitor/jobLog';
      this.$router.push({ path: logPath, query: { jobName: row.jobName } });
    },
    // Bean 注册表
    handleTaskRegistry() { this.openRegistry = true; },
    initRegistry() { this.registryQueryParams.pageNum = 1; this.getRegistryList(); },
    getRegistryList() {
      this.registryLoading = true;
      listTaskRegistry(this.registryQueryParams).then(res => { this.registryList = res.rows || []; this.registryTotal = res.total || 0; this.registryLoading = false; }).catch(() => { this.registryLoading = false; });
    },
    handleRegistryQuery() { this.registryQueryParams.pageNum = 1; this.getRegistryList(); },
    resetRegistryQuery() { this.registryQueryParams = { pageNum: 1, pageSize: 10, beanName: undefined, methodName: undefined, invokeTarget: undefined }; this.getRegistryList(); },
    applyInvokeTarget(row) {
      if (!this.open) { this.handleAdd(); }
      this.form.invokeTarget = row.invokeTarget;
      this.openRegistry = false;
    },
    // 模板 CRUD
    handleAdd() { this.reset(); this.open = true; this.title = "添加任务模板"; },
    handleUpdate(row) {
      this.reset();
      const templateId = row.templateId || this.ids[0];
      getTemplate(templateId).then(response => { this.form = response.data; this.open = true; this.title = "修改任务模板"; });
    },
    submitForm() {
      this.$refs["form"].validate(valid => {
        if (valid) {
          if (this.form.templateId != undefined) {
            updateTemplate(this.form).then(() => { this.msgSuccess("修改成功"); this.open = false; this.getList(); });
          } else {
            addTemplate(this.form).then(() => { this.msgSuccess("新增成功"); this.open = false; this.getList(); });
          }
        }
      });
    },
    handleDelete(row) {
      const templateIds = row.templateId || this.ids.join(',');
      this.$confirm('确认删除模板编号为"' + templateIds + '"的数据?', "警告", { type: "warning" }).then(() => {
        return delTemplate(templateIds);
      }).then(() => { this.getList(); this.msgSuccess("删除成功"); }).catch(() => {});
    },
    // 租户任务配置
    handleTenantJobConfig() { this.openTenantJob = true; },
    loadTenantJobDialog() {
      this.tenantJobLoading = true;
      tenantList({}).then(tenantsRes => { this.tenantOptions = tenantsRes.data || tenantsRes.rows || []; this.tenantJobLoading = false; if (this.tenantJobForm.tenantId) { this.loadTenantJobSelection(); } }).catch(() => { this.tenantJobLoading = false; });
    },
    loadTenantJobSelection() {
      if (!this.tenantJobForm.tenantId) return;
      this.tenantJobLoading = true;
      getTenantJobConfig(this.tenantJobForm.tenantId).then(res => { this.tenantJobConfigList = res.data || []; this.tenantJobLoading = false; }).catch(() => { this.tenantJobLoading = false; });
    },
    handleTenantJobStatusChange(row) {
      const text = row.status === "0" ? "启用" : "停用";
      this.$confirm('确认"' + text + '"该任务？同步后生效', "提示", { type: "warning" }).then(() => {
        return updateTenantJobStatus(row.id, row.status);
      }).then(() => { this.msgSuccess(text + "成功（同步后生效）"); }).catch(() => { row.status = row.status === "0" ? "1" : "0"; });
    },
    doSyncTenantJob() {
      if (!this.tenantJobForm.tenantId) return;
      this.$confirm("确认将模板同步到该租户库？", "提示", { type: "warning" }).then(() => {
        return syncTenantJob(this.tenantJobForm.tenantId);
      }).then(res => { this.msgSuccess("同步完成，写入 " + (res.data.synced || 0) + " 条任务"); this.loadTenantJobSelection(); }).catch(() => {});
    },
    doSyncAllTenantJob() {
      this.$confirm("确认将全部租户的任务配置同步到各租户库？", "提示", { type: "warning" }).then(() => {
        return syncAllTenantJob();
      }).then(res => { const d = res.data || {}; this.msgSuccess("同步完成：成功 " + (d.successCount || 0) + "，失败 " + (d.failCount || 0)); }).catch(() => {});
    }
  }
};
</script>
