查询列表设置数据字典样式回显

RuoYi

2021-09-01 34a6f2e1f12786d2da4e2db1edd92163e7e5be62

 ruoyi-ui/src/views/monitor/job/log.vue

@@ -56,7 +56,7 @@
        ></el-date-picker>

      </el-form-item>

      <el-form-item>

        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>

        <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>

@@ -65,6 +65,7 @@
      <el-col :span="1.5">

        <el-button

          type="danger"

          plain

          icon="el-icon-delete"

          size="mini"

          :disabled="multiple"

@@ -75,6 +76,7 @@
      <el-col :span="1.5">

        <el-button

          type="danger"

          plain

          icon="el-icon-delete"

          size="mini"

          @click="handleClean"

@@ -84,30 +86,41 @@
      <el-col :span="1.5">

        <el-button

          type="warning"

          plain

          icon="el-icon-download"

          size="mini"

          @click="handleExport"

          v-hasPermi="['monitor:job:export']"

        >导出</el-button>

      </el-col>

      <div class="top-right-btn">

        <el-tooltip class="item" effect="dark" content="刷新" placement="top">

          <el-button size="mini" circle icon="el-icon-refresh" @click="handleQuery" />

        </el-tooltip>

        <el-tooltip class="item" effect="dark" :content="showSearch ? '隐藏搜索' : '显示搜索'" placement="top">

          <el-button size="mini" circle icon="el-icon-search" @click="showSearch=!showSearch" />

        </el-tooltip>

      </div>

      <el-col :span="1.5">

        <el-button

          type="warning"

          plain

          icon="el-icon-close"

          size="mini"

          @click="handleClose"

        >关闭</el-button>

      </el-col>

      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>

    </el-row>



    <el-table v-loading="loading" :data="jobLogList" @selection-change="handleSelectionChange">

      <el-table-column type="selection" width="55" align="center" />

      <el-table-column label="日志编号" width="80" align="center" prop="jobLogId" />

      <el-table-column label="任务名称" align="center" prop="jobName" :show-overflow-tooltip="true" />

      <el-table-column label="任务组名" align="center" prop="jobGroup" :formatter="jobGroupFormat" :show-overflow-tooltip="true" />

      <el-table-column label="任务组名" align="center" prop="jobGroup" :show-overflow-tooltip="true">

        <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" />

      <el-table-column label="日志信息" align="center" prop="jobMessage" :show-overflow-tooltip="true" />

      <el-table-column label="执行状态" align="center" prop="status" :formatter="statusFormat" />

      <el-table-column label="执行状态" align="center" prop="status">

        <template slot-scope="scope">

          <dict-tag :options="statusOptions" :value="scope.row.status"/>

        </template>

      </el-table-column>

      <el-table-column label="执行时间" align="center" prop="createTime" width="180">

        <template slot-scope="scope">

          <span>{{ parseTime(scope.row.createTime) }}</span>

@@ -171,6 +184,7 @@
</template>



<script>

import { getJob} from "@/api/monitor/job";

import { listJobLog, delJobLog, cleanJobLog } from "@/api/monitor/jobLog";



export default {

@@ -210,8 +224,17 @@
    };

  },

  created() {

    this.getList();

    this.getDicts("sys_job_status").then(response => {

    const jobId = this.$route.query.jobId;

    if (jobId !== undefined && jobId != 0) {

      getJob(jobId).then(response => {

        this.queryParams.jobName = response.data.jobName;

        this.queryParams.jobGroup = response.data.jobGroup;

        this.getList();

      });

    } else {

      this.getList();

    }

    this.getDicts("sys_common_status").then(response => {

      this.statusOptions = response.data;

    });

    this.getDicts("sys_job_group").then(response => {

@@ -229,13 +252,10 @@
        }

      );

    },

    // 执行状态字典翻译

    statusFormat(row, column) {

      return this.selectDictLabel(this.statusOptions, row.status);

    },

    // 任务组名字典翻译

    jobGroupFormat(row, column) {

      return this.selectDictLabel(this.jobGroupOptions, row.jobGroup);

    // 返回按钮

    handleClose() {

      this.$store.dispatch("tagsView/delView", this.$route);

      this.$router.push({ path: "/monitor/job" });

    },

    /** 搜索按钮操作 */

    handleQuery() {

@@ -270,7 +290,7 @@
        }).then(() => {

          this.getList();

          this.msgSuccess("删除成功");

        }).catch(function() {});

        }).catch(() => {});

    },

    /** 清空按钮操作 */

    handleClean() {

@@ -283,7 +303,7 @@
        }).then(() => {

          this.getList();

          this.msgSuccess("清空成功");

        }).catch(function() {});

        }).catch(() => {});

    },

    /** 导出按钮操作 */

    handleExport() {