style(API): 接口测试报告页面在左侧请求列表中增加结果状态显示

This commit is contained in:
wenyann 2020-11-06 13:58:06 +08:00
parent 8ccca7dc03
commit 1e5e19417e
1 changed files with 14 additions and 4 deletions

View File

@ -4,15 +4,25 @@
<el-row :gutter="10" type="flex" align="middle" class="info"> <el-row :gutter="10" type="flex" align="middle" class="info">
<el-col :span="4"> <el-col :span="4">
<div class="method"> <div class="method">
{{request.method}} {{ request.method }}
</div> </div>
</el-col> </el-col>
<el-col :span="20"> <el-col :span="15">
<div class="name">{{request.name}}</div> <div class="name">{{ request.name }}</div>
<el-tooltip effect="dark" :content="request.url" placement="bottom" :open-delay="800"> <el-tooltip effect="dark" :content="request.url" placement="bottom" :open-delay="800">
<div class="url">{{request.url}}</div> <div class="url">{{ request.url }}</div>
</el-tooltip> </el-tooltip>
</el-col> </el-col>
<el-col :span="5">
<div class="success">
<el-tag size="mini" type="success" v-if="request.success">
{{ $t('api_report.success') }}
</el-tag>
<el-tag size="mini" type="danger" v-else>
{{ $t('api_report.fail') }}
</el-tag>
</div>
</el-col>
</el-row> </el-row>
</div> </div>
</div> </div>