|
@@ -32,7 +32,8 @@
|
|
|
:style="{
|
|
|
color: '#333',
|
|
|
marginBottom: '10px',
|
|
|
- fontWeight: fontWeightFont.indexOf(baseData.title) > -1 ? 500 : 400
|
|
|
+ fontSize: baseData.type.search(/Head2/) > -1 ? '15px' : '14px',
|
|
|
+ fontWeight: fontWeightFont.indexOf(baseData.title) > -1 ? 600 : 600
|
|
|
}"
|
|
|
v-html="headerIndex"
|
|
|
/>
|
|
@@ -52,9 +53,10 @@
|
|
|
:style="{
|
|
|
color: '#333',
|
|
|
marginBottom: '10px',
|
|
|
- fontWeight: fontWeightFont.indexOf(baseData.title) > -1 ? 500 : 400
|
|
|
+ fontSize: baseData.type.search(/Head2/) > -1 ? '14px' : '14px',
|
|
|
+ fontWeight: baseData.type.search(/Head2/) > -1 ? 600 : 400
|
|
|
}"
|
|
|
- v-html="headerTitle"
|
|
|
+ v-html="headerTitle.replace(/(延期|提测打回\/准出不通过|提测打回\/发版撤回|增发) -/g,'<hhtsubtitle>$1</hhtsubtitle> -')"
|
|
|
/>
|
|
|
<span v-if="baseData.title.search(/延期|发布&回滚/) > -1">。</span>
|
|
|
<Refresh
|
|
@@ -82,7 +84,7 @@
|
|
|
</div>
|
|
|
<div v-if="baseData.children && baseData.children.length">
|
|
|
<div v-if="baseData.children[0].type === 'Tag'">
|
|
|
- <el-tabs v-model="activeName" @tab-click="handleClick">
|
|
|
+ <el-tabs v-model="activeName" :class="{'isBar':baseData.children.filter(elm => elm.title.search(/服务端|客户端/) < 0).length}" @tab-click="handleClick">
|
|
|
<el-tab-pane
|
|
|
v-for="(item, index) in baseData.children"
|
|
|
:key="item.domKey"
|
|
@@ -97,14 +99,25 @@
|
|
|
:class="{colorActive: item.domKey === activeName}">{{ item.title === '服务端' ? '' : ''
|
|
|
}}</i>
|
|
|
</span>
|
|
|
- {{ item.title }}</span>
|
|
|
- <Core
|
|
|
- :key="item.domKey"
|
|
|
- v-loading="loading"
|
|
|
- style="padding-left: 20px;"
|
|
|
- :tab-key="baseData.domKey"
|
|
|
- :dom-index="index"
|
|
|
- :base-data="item" />
|
|
|
+ <span
|
|
|
+ :style="{
|
|
|
+ fontSize:item.title.search(/服务端|客户端/) > -1 ? '15px' : '14px',
|
|
|
+ marginLeft:item.title.search(/服务端|客户端/) > -1 ? '5px':'0',
|
|
|
+ fontSize:item.title.search(/服务端|客户端/) > -1 ? '600' : '400',
|
|
|
+ }"
|
|
|
+ >{{ item.title }}</span>
|
|
|
+ </span>
|
|
|
+ <span :key="domKey">
|
|
|
+ <Core
|
|
|
+ :key="item.domKey"
|
|
|
+ v-loading="loading"
|
|
|
+ style="padding-left: 20px;"
|
|
|
+ :tab-key="baseData.domKey"
|
|
|
+ :dom-index="index"
|
|
|
+ :base-data="item"
|
|
|
+ />
|
|
|
+ </span>
|
|
|
+
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
@@ -164,6 +177,7 @@ export default {
|
|
|
pullDataAgainTitle: ['上月问题跟进', '线上问题', '线下缺陷', '发布&回滚'],
|
|
|
activeName: '',
|
|
|
loading: false,
|
|
|
+ domKey: '123456',
|
|
|
headerTitle: ''
|
|
|
}
|
|
|
},
|
|
@@ -200,6 +214,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
+ console.log(212)
|
|
|
if (
|
|
|
this.baseData &&
|
|
|
this.baseData.children &&
|
|
@@ -207,7 +222,9 @@ export default {
|
|
|
this.baseData.children[0].type === 'Tag'
|
|
|
) {
|
|
|
// this.$store.commit('monthlyReportEdit/SUB_TABS_ACTIVE', this.baseData.children[0].domKey, this.activeName)
|
|
|
- this.activeName = this.baseData.children[0].domKey
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.activeName = this.baseData.children[0].domKey
|
|
|
+ })
|
|
|
}
|
|
|
this.setHeader()
|
|
|
this.pushAndBanckheadle()
|
|
@@ -239,6 +256,7 @@ export default {
|
|
|
this.$store.commit('monthlyReportEdit/INIT_EDIT_KEYS')
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
+ this.domKey = new Date().getTime()
|
|
|
this.loading = false
|
|
|
}, 650)
|
|
|
// const { name } = tab
|
|
@@ -341,17 +359,28 @@ export default {
|
|
|
|
|
|
<style scoped lang='less'>
|
|
|
/*elm-tabs 默认样式处理*/
|
|
|
-/deep/ .el-tabs__active-bar,
|
|
|
/deep/ .el-tabs__nav-wrap::after {
|
|
|
display: none;
|
|
|
+ //bottom: 5px;
|
|
|
}
|
|
|
|
|
|
+/deep/ .el-tabs__active-bar {
|
|
|
+ //bottom: 5px;
|
|
|
+}
|
|
|
+.isBar{
|
|
|
+ /deep/ .el-tabs__nav-wrap::after {
|
|
|
+ display: initial;
|
|
|
+ }
|
|
|
+ /deep/ .el-tabs__header {
|
|
|
+ margin-bottom: 20px;
|
|
|
+ }
|
|
|
+}
|
|
|
/deep/ .el-tabs__header {
|
|
|
- margin-bottom: 0;
|
|
|
+ //margin-bottom: 15px;
|
|
|
}
|
|
|
|
|
|
/deep/ .el-tabs__item {
|
|
|
- padding: 0 10px;
|
|
|
+ //padding: 0 10px;
|
|
|
}
|
|
|
|
|
|
/deep/ .el-tabs__content {
|
|
@@ -374,4 +403,13 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+.fontWeight {
|
|
|
+ //color: #333;
|
|
|
+ font-weight: 600;
|
|
|
+}
|
|
|
+
|
|
|
+///deep/.title-left-name{
|
|
|
+// font-weight: 600;
|
|
|
+//}
|
|
|
</style>
|