style(接口测试): 接口测试首页样式更改

接口测试首页样式更改
This commit is contained in:
song-tianyang 2022-11-25 16:46:35 +08:00 committed by 建国
parent 29f8b37c05
commit f4ccfa60d4
2 changed files with 19 additions and 24 deletions

View File

@ -27,13 +27,13 @@
header-cell-class-name="home-table-cell" header-cell-class-name="home-table-cell"
element-loading-background="#FFFFFF"> element-loading-background="#FFFFFF">
<!--序号--> <!--序号-->
<el-table-column prop="index" :label="$t('home.new_case.index')" width="50" show-overflow-tooltip> <el-table-column prop="index" :label="$t('home.new_case.index')" width="100" show-overflow-tooltip>
<template v-slot:default="{ row }"> <template v-slot:default="{ row }">
{{ row.index }} {{ row.index }}
</template> </template>
</el-table-column> </el-table-column>
<!--名称--> <!--名称-->
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip min-width="200"> <el-table-column prop="name" :label="$t('commons.name')" min-width="200" show-overflow-tooltip>
<template v-slot:default="{ row }"> <template v-slot:default="{ row }">
<span class="redirectColumn"> <span class="redirectColumn">
{{ row.name }} {{ row.name }}
@ -41,7 +41,7 @@
</template> </template>
</el-table-column> </el-table-column>
<!--任务类型--> <!--任务类型-->
<el-table-column prop="taskGroup" :label="$t('home.table.task_type')" min-width="100" show-overflow-tooltip> <el-table-column prop="taskGroup" :label="$t('home.table.task_type')" width="100" show-overflow-tooltip>
<template v-slot:default="scope"> <template v-slot:default="scope">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
<basic-status-label :value="scope.row.taskGroup" /> <basic-status-label :value="scope.row.taskGroup" />
@ -49,29 +49,20 @@
</template> </template>
</el-table-column> </el-table-column>
<!--运行规则-->
<el-table-column prop="rule" :label="$t('home.table.run_rule')" min-width="120" show-overflow-tooltip />
<!--任务状态--> <!--任务状态-->
<el-table-column prop="status" :label="$t('home.table.task_status')" width="100"> <el-table-column prop="status" :label="$t('home.table.task_status')" min-width="80">
<template v-slot:default="scope"> <template v-slot:default="scope">
<div> <div>
<el-switch <el-switch
v-model="scope.row.taskStatus" v-model="scope.row.taskStatus"
style="margin-left: 16px"
class="captcha-img" class="captcha-img"
@change="closeTaskConfirm(scope.row)"></el-switch> @change="closeTaskConfirm(scope.row)"></el-switch>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<!--创建人-->
<el-table-column prop="creator" :label="$t('home.table.create_user')" width="100" show-overflow-tooltip />
<!--运行规则-->
<el-table-column prop="rule" :label="$t('home.table.run_rule')" min-width="150" show-overflow-tooltip>
</el-table-column>
<!--更新时间-->
<el-table-column :label="$t('home.table.update_time')" width="170">
<template v-slot:default="scope">
{{ scope.row.updateTime | datetimeFormat }}
</template>
</el-table-column>
<!--下次更新时间--> <!--下次更新时间-->
<el-table-column :label="$t('home.table.next_execution_time')" width="170"> <el-table-column :label="$t('home.table.next_execution_time')" width="170">
<template v-slot:default="scope"> <template v-slot:default="scope">
@ -79,6 +70,8 @@
</template> </template>
</el-table-column> </el-table-column>
<!--创建人-->
<el-table-column prop="creator" :label="$t('home.table.create_user')" width="200" show-overflow-tooltip />
<template #empty> <template #empty>
<div <div
style=" style="
@ -96,6 +89,7 @@
</el-table> </el-table>
<home-table-pagination <home-table-pagination
:change="search" :change="search"
v-if="tableData.length > 0"
:current-page.sync="currentPage" :current-page.sync="currentPage"
:page-size.sync="pageSize" :page-size.sync="pageSize"
layout="prev, pager, next, sizes" layout="prev, pager, next, sizes"

View File

@ -33,16 +33,14 @@
</template> </template>
</el-table-column> </el-table-column>
<!--名称--> <!--名称-->
<el-table-column prop="name" :label="$t('commons.name')" show-overflow-tooltip min-width="170"> <el-table-column prop="name" :label="$t('commons.name')" min-width="200" show-overflow-tooltip>
<template v-slot:default="{ row }"> <template v-slot:default="{ row }">
<span class="redirectColumn"> <span class="redirectColumn">
{{ row.name }} {{ row.name }}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<!--路径-->
<el-table-column prop="path" :label="$t('home.new_case.path')" min-width="260" show-overflow-tooltip>
</el-table-column>
<!--状态--> <!--状态-->
<el-table-column prop="status" :label="$t('home.new_case.api_status')" width="100"> <el-table-column prop="status" :label="$t('home.new_case.api_status')" width="100">
<template v-slot:default="scope"> <template v-slot:default="scope">
@ -51,13 +49,15 @@
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
<!--路径-->
<el-table-column prop="path" :label="$t('home.new_case.path')" min-width="200" show-overflow-tooltip />
<!--更新时间--> <!--更新时间-->
<el-table-column :label="$t('home.new_case.update_time')" min-width="170"> <el-table-column :label="$t('home.new_case.update_time')" width="170">
<template v-slot:default="scope"> <template v-slot:default="scope">
{{ scope.row.updateTime | datetimeFormat }} {{ scope.row.updateTime | datetimeFormat }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="caseTotal" :label="$t('home.new_case.relation_case')" align="right" width="120"> <el-table-column prop="caseTotal" :label="$t('home.new_case.relation_case')" align="right" width="100">
<template v-slot:default="{ row }"> <template v-slot:default="{ row }">
<el-link <el-link
style="color: #783887; width: 100%" style="color: #783887; width: 100%"
@ -75,7 +75,7 @@
prop="scenarioTotal" prop="scenarioTotal"
:label="$t('home.new_case.relation_scenario')" :label="$t('home.new_case.relation_scenario')"
align="right" align="right"
width="140"> width="100">
<template v-slot:default="{ row }"> <template v-slot:default="{ row }">
<el-link <el-link
style="color: #783887; width: 100%" style="color: #783887; width: 100%"
@ -94,7 +94,7 @@
<div <div
style=" style="
width: 100%; width: 100%;
height: 144px; height: 200px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -106,6 +106,7 @@
</template> </template>
</el-table> </el-table>
<home-table-pagination <home-table-pagination
v-if="tableData.length > 0"
:change="search" :change="search"
:current-page.sync="currentPage" :current-page.sync="currentPage"
:page-size.sync="pageSize" :page-size.sync="pageSize"