rev:界面优化

This commit is contained in:
2023-12-06 11:23:04 +08:00
parent 72c94c2d34
commit 3b2799d082
13 changed files with 110 additions and 53 deletions

View File

@@ -12,13 +12,13 @@
<!--表格渲染-->
<el-table ref="table" v-loading="crud.loading" :data="crud.data" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column show-overflow-tooltip prop="name" :label="$t('Auto.table.name')" />
<el-table-column :show-overflow-tooltip="false" prop="code" :label="$t('Auto.table.code')" width="200" />
<el-table-column show-overflow-tooltip prop="status" :label="$t('Auto.table.status')" />
<el-table-column show-overflow-tooltip prop="thread_name" :label="$t('Auto.table.thread_name')" />
<el-table-column show-overflow-tooltip prop="thread_state" :label="$t('Auto.table.thread_state')" />
<el-table-column show-overflow-tooltip prop="usedStatus" :label="$t('Auto.table.usedStatus')" />
<el-table-column show-overflow-tooltip prop="stopMessage" width="90px" :label="$t('Auto.table.stopMessage')" />
<el-table-column show-overflow-tooltip prop="name" :label="$t('Auto.table.name')" :min-width="flexWidth('name',crud.data,$t('Auto.table.name'))"/>
<el-table-column :show-overflow-tooltip="false" prop="code" :label="$t('Auto.table.code')" :min-width="flexWidth('code',crud.data,$t('Auto.table.code'))" />
<el-table-column show-overflow-tooltip prop="status" :label="$t('Auto.table.status')" :min-width="flexWidth('status',crud.data,$t('Auto.table.status'))" />
<el-table-column show-overflow-tooltip prop="thread_name" :label="$t('Auto.table.thread_name')" :min-width="flexWidth('thread_name',crud.data,$t('Auto.table.thread_name'))"/>
<el-table-column show-overflow-tooltip prop="thread_state" :label="$t('Auto.table.thread_state')" :min-width="flexWidth('thread_state',crud.data,$t('Auto.table.thread_state'))" />
<el-table-column show-overflow-tooltip prop="usedStatus" :label="$t('Auto.table.usedStatus')" :min-width="flexWidth('usedStatus',crud.data,$t('Auto.table.usedStatus'))" />
<el-table-column show-overflow-tooltip prop="stopMessage" :label="$t('Auto.table.stopMessage')" :min-width="flexWidth('stopMessage',crud.data,$t('Auto.table.stopMessage'))" />
<el-table-column v-permission="['admin','timing:edit','timing:del']" :label="$t('Auto.table.operate')" width="170px" align="center" fixed="right">
<template slot-scope="scope">
<el-button v-permission="['admin','timing:edit']" style="margin-left: -2px" type="text" size="mini" @click="start(scope.row.code)">{{ $t('common.firing') }}</el-button>

View File

@@ -101,19 +101,19 @@
@selection-change="crud.selectionChangeHandler"
>
<el-table-column :selectable="checkboxT" type="selection" width="55" />
<el-table-column show-overflow-tooltip prop="job_id" :label="$t('Timing.DB.job_id')" />
<el-table-column show-overflow-tooltip prop="job_name" :label="$t('Timing.DB.job_name')" />
<el-table-column show-overflow-tooltip prop="bean_name" :label="$t('Timing.DB.bean_name')" />
<el-table-column show-overflow-tooltip prop="method_name" :label="$t('Timing.DB.method_name')" />
<el-table-column show-overflow-tooltip prop="params" :label="$t('Timing.DB.params')" />
<el-table-column show-overflow-tooltip prop="job_id" :label="$t('Timing.DB.job_id')" :min-width="flexWidth('job_id',crud.data,$t('Timing.DB.job_id'))"/>
<el-table-column show-overflow-tooltip prop="job_name" :label="$t('Timing.DB.job_name')" :min-width="flexWidth('job_name',crud.data,$t('Timing.DB.job_name'))"/>
<el-table-column show-overflow-tooltip prop="bean_name" :label="$t('Timing.DB.bean_name')" :min-width="flexWidth('bean_name',crud.data,$t('Timing.DB.bean_name'))"/>
<el-table-column show-overflow-tooltip prop="method_name" :label="$t('Timing.DB.method_name')" :min-width="flexWidth('method_name',crud.data,$t('Timing.DB.method_name'))"/>
<el-table-column show-overflow-tooltip prop="params" :label="$t('Timing.DB.params')" :min-width="flexWidth('params',crud.data,$t('Timing.DB.params'))"/>
<el-table-column
show-overflow-tooltip
prop="cron_expression"
:label="$t('Timing.DB.cron_expression')"
min-width="100"
:min-width="flexWidth('cron_expression',crud.data,$t('Timing.DB.cron_expression'))"
show-tooltip-when-overflow
/>
<el-table-column show-overflow-tooltip prop="is_pause" width="90px" :label="$t('Timing.DB.is_pause')">
<el-table-column show-overflow-tooltip prop="is_pause" width="120px" :label="$t('Timing.DB.is_pause')" align="center">
<template slot-scope="scope">
<el-tag :type="scope.row.is_pause ? 'warning' : 'success'">{{
scope.row.is_pause ? '已暂停' : '运行中'
@@ -121,8 +121,8 @@
</el-tag>
</template>
</el-table-column>
<el-table-column show-overflow-tooltip prop="description" width="150px" :label="$t('Timing.DB.description')" />
<el-table-column show-overflow-tooltip prop="create_time" width="136px" :label="$t('Timing.DB.create_time')">
<el-table-column show-overflow-tooltip prop="description" :min-width="flexWidth('description',crud.data,$t('Timing.DB.description'))" :label="$t('Timing.DB.description')" />
<el-table-column show-overflow-tooltip prop="create_time" :min-width="flexWidth('create_time',crud.data,$t('Timing.DB.create_time'))" :label="$t('Timing.DB.create_time')">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.create_time) }}</span>
</template>