|
@@ -1,15 +1,15 @@
|
|
|
<template>
|
|
|
- <div v-if="subTitle" class="subTitle-wrapper">
|
|
|
+ <span v-if="subTitle" class="subTitle-wrapper">
|
|
|
<span class="fontWeight">{{ title }}</span> -
|
|
|
- <div v-for="(item, index) in subTitle" :key="index" class="item">
|
|
|
+ <span v-for="(item, index) in subTitle" :key="index" class="item">
|
|
|
<span v-if="isShowItem(item.copywriter)">{{ item.copywriter === '已完成' ? '线上故障改进项:已完成' : item.copywriter }}<span :class="{ red: isShowColor(item.copywriter, item.label) }"><span class="fontWeight">{{ item.label }}</span>
|
|
|
<span v-if="isShow(item.copywriter)" class="fontWeight">%</span></span><span
|
|
|
v-if="item.copywriter !== '全量回滚率' && item.copywriter !== '逾期率'">个</span>
|
|
|
<span v-if="index < subTitle.length - 1">{{ item.copywriter.search(/发布次数|未定级故障/) > -1 ? ';' : isComma(item.copywriter) }}</span>
|
|
|
<span v-if="index === subTitle.length - 1">。</span>
|
|
|
</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </span>
|
|
|
+ </span>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
@@ -86,16 +86,9 @@ export default {
|
|
|
<style scoped lang='less'>
|
|
|
.subTitle-wrapper {
|
|
|
color: #333;
|
|
|
- display: inline-block;
|
|
|
line-height: 1;
|
|
|
|
|
|
- * {
|
|
|
- display: inline-block;
|
|
|
- }
|
|
|
-
|
|
|
.item {
|
|
|
- display: inline-block;
|
|
|
-
|
|
|
/deep/ .red {
|
|
|
color: red;
|
|
|
}
|