陈裕财
3 years ago
5 changed files with 513 additions and 157 deletions
-
285src/views/xm/core/xmIteration/XmIterationOverviewComplex.vue
-
69src/views/xm/core/xmIteration/index.vue
-
158src/views/xm/core/xmIteration/top-nav.vue
-
15src/views/xm/core/xmProduct/top-nav.vue
-
143src/views/xm/core/xmProject/top-nav.vue
@ -0,0 +1,69 @@ |
|||
<template> |
|||
<section> |
|||
<top-nav v-if="xmIteration&&xmIteration.id"/> |
|||
<keep-alive><router-view v-if="xmIteration && xmIteration.id"></router-view></keep-alive> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from "@/common/js/util"; //全局公共库 |
|||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|||
//import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|||
import { mapGetters } from "vuex"; |
|||
import topNav from './top-nav.vue' |
|||
import store from '@/store' |
|||
import { listXmIterationWithState } from '@/api/xm/core/xmIteration'; |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters(["userInfo", "roles","xmIteration"]), |
|||
}, |
|||
watch: {}, |
|||
data() { |
|||
return { |
|||
}; |
|||
}, //end data |
|||
methods: { |
|||
|
|||
}, //end methods |
|||
components: { |
|||
topNav |
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
debugger; |
|||
if(!this.$route.query.iterationId){ |
|||
this.$message.error("地址不合规") |
|||
this.$route.back(-1) |
|||
} |
|||
if(!this.xmIteration||this.xmIteration.id!=this.$route.query.iterationId){ |
|||
listXmIterationWithState({id:this.$route.query.iterationId}).then(res=>{ |
|||
var tips = res.data.tips; |
|||
if(tips.isOk ){ |
|||
if( res.data.data.length==1){ |
|||
store.dispatch('setXmIteration',res.data.data[0]) |
|||
}else{ |
|||
this.$message.error("迭代编号不存在，请确保迭代编号正确") |
|||
this.$router.push({ |
|||
path:'/xm/core/xmIteration/XmIterationMng' |
|||
}) |
|||
} |
|||
|
|||
}else{ |
|||
this.$message.error(tips.msg) |
|||
this.$router.push({ |
|||
path:'/xm/core/xmIteration/XmIterationMng' |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
beforeDestroy(){ |
|||
store.dispatch('setXmIteration',null) |
|||
} |
|||
}; |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,158 @@ |
|||
<template> |
|||
<section> |
|||
<el-row> |
|||
<el-menu |
|||
:default-active="infotype" |
|||
mode="horizontal" |
|||
@select="setInfotype" |
|||
class="menus" |
|||
background-color="rgb(48, 65, 86)" |
|||
text-color="rgb(191, 203, 217)" |
|||
active-text-color="#409eff" |
|||
:router="true" |
|||
> |
|||
<el-menu-item index="迭代概览"> |
|||
<span |
|||
slot="title" |
|||
style="font-size: 18px; color: #ff8c00" |
|||
class="hidden-md-and-down" |
|||
:title="xmIteration.iterationName" |
|||
> |
|||
<font v-if="xmIteration.iterationName.length >= 15" |
|||
><strong |
|||
> <el-avatar class="top-icon" icon="el-icon-connection" style="background-color:#ff8c00"></el-avatar> 迭代: {{ |
|||
xmIteration.iterationName.substring(0, 15) |
|||
}}</strong |
|||
></font |
|||
> |
|||
<font type="danger" v-else |
|||
><strong |
|||
> <el-avatar class="top-icon" icon="el-icon-connection" style="background-color:#ff8c00"></el-avatar> 迭代: {{ xmIteration.iterationName }}</strong |
|||
></font |
|||
> |
|||
</span> |
|||
<span |
|||
slot="title" |
|||
style="color: #ff8c00" |
|||
class="hidden-lg-and-up" |
|||
:title="xmIteration.iterationName" |
|||
> |
|||
<font v-if="xmIteration.iterationName.length >= 15" |
|||
> <el-avatar class="top-icon" icon="el-icon-connection" style="background-color:#ff8c00"></el-avatar> 迭代: {{ xmIteration.iterationName.substring(0, 15) }}</font |
|||
> |
|||
<font type="danger" v-else |
|||
> <el-avatar class="top-icon" icon="el-icon-connection" style="background-color:#ff8c00"></el-avatar> 迭代: {{ xmIteration.iterationName }}</font |
|||
> |
|||
</span> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/project?iterationId='+xmIteration.id"> |
|||
<span slot="title"><i class="el-icon-odometer"></i>项目</span> |
|||
</el-menu-item> |
|||
<el-menu-item label="需求" :index="'/xm/core/iteration/menu?iterationId='+xmIteration.id" class="hidden-md-and-down"> |
|||
<span slot="title"><i class="el-icon-document"></i>需求</span> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/task?iterationId='+xmIteration.id" class="hidden-md-and-down"> |
|||
<span slot="title"><i class="el-icon-s-operation"></i>任务</span> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/question?iterationId='+xmIteration.id"> |
|||
<span slot="title"><i class="el-icon-question"></i>缺陷</span> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/group?iterationId='+xmIteration.id"> |
|||
<span slot="title"><i class="el-icon-user-solid"></i>团队</span> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/report?iterationId='+xmIteration.id"> |
|||
<span slot="title"><i class="el-icon-s-data"></i>效能</span> |
|||
</el-menu-item> |
|||
<el-submenu index="更多"> |
|||
<template slot="title">更多 </template> |
|||
<el-menu-item :index="'/xm/core/iteration/workloadDay?iterationId='+xmIteration.id"> |
|||
<span slot="title" |
|||
><i class="el-icon-video-camera"></i>每日工时</span |
|||
> |
|||
</el-menu-item> |
|||
<el-menu-item :index="'/xm/core/iteration/workloadMonth?iterationId='+xmIteration.id"> |
|||
<span slot="title" |
|||
><i class="el-icon-video-camera"></i>每月工时</span |
|||
> |
|||
</el-menu-item> |
|||
<el-menu-item index="/forum"> |
|||
<span slot="title"><i class="el-icon-date"></i>论坛</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="/im"> |
|||
<span slot="title"><i class="el-icon-date"></i>即聊</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="/helpCenter"> |
|||
<span slot="title"><i class="el-icon-date"></i>客服</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="/xm/core/xmIteration/XmIterationMng" > |
|||
<span slot="title" |
|||
><i class="el-icon-back"></i>回到迭代列表页</span |
|||
> |
|||
</el-menu-item> |
|||
<el-menu-item index="/"> |
|||
<span slot="title" |
|||
><i class="el-icon-s-home"></i>首页</span |
|||
> |
|||
</el-menu-item> |
|||
</el-submenu> |
|||
</el-menu> |
|||
</el-row> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
|
|||
|
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
props: ["visible"], |
|||
computed: { |
|||
...mapGetters(["userInfo", "roles","xmIteration"]), |
|||
}, |
|||
watch: { |
|||
$route:{ |
|||
handler(newVal,oldValu){ |
|||
this.infotype=newVal.fullPath |
|||
}, |
|||
deep:true, |
|||
immediate:true, |
|||
} |
|||
}, |
|||
data() { |
|||
return { |
|||
infotype:'', |
|||
}; |
|||
}, //end data |
|||
methods: { |
|||
setInfotype(infotype) { |
|||
this.infotype = infotype; |
|||
}, |
|||
|
|||
}, //end methods |
|||
components: { |
|||
|
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
this.infotype=this.$route.fullPath |
|||
}, |
|||
}; |
|||
</script> |
|||
|
|||
<style rel="stylesheet/scss" lang="scss" scoped> |
|||
.menus { |
|||
.el-menu-item { |
|||
padding-left: 0px !important; |
|||
} |
|||
} |
|||
/* 超过宽度则用...代替 */ |
|||
.truncate { |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
} |
|||
.step-btn{ |
|||
margin-left:0px;margin-bottom: 5px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue