陈裕财
4 years ago
2 changed files with 208 additions and 7 deletions
@ -0,0 +1,196 @@ |
|||||
|
<template> |
||||
|
<section class="padding"> |
||||
|
<el-row> |
||||
|
<font>共{{subWorkItemNum}}个子工作项</font> |
||||
|
<span style="float:right;"> |
||||
|
<el-button v-if="parentXmMenu.dclass==='1'" icon="el-icon-plus" @click="showAdd"> |
||||
|
<div class="icon" style="background-color: rgb(0, 153, 51);"> |
||||
|
<i class="el-icon-s-flag"></i> |
||||
|
</div> 添加特性 |
||||
|
</el-button> |
||||
|
<el-button v-if="parentXmMenu.dclass==='2'" icon="el-icon-plus" @click="showAdd"> |
||||
|
<div class="icon" :style="{backgroundColor: calcMenuLabel.color }"> |
||||
|
<i :class="calcMenuLabel.icon"></i> |
||||
|
</div> |
||||
|
添加用户故事 |
||||
|
</el-button> |
||||
|
<el-button v-if="parentXmMenu.dclass==='3'" icon="el-icon-plus" @click="showAdd"> |
||||
|
|
||||
|
<div class="icon" style="background-color: #1CC7EA;"> |
||||
|
<i class="el-icon-s-operation"></i> |
||||
|
</div> |
||||
|
添加任务</el-button> |
||||
|
<el-button v-if="parentXmMenu.dclass==='3'" icon="el-icon-plus" @click="showAdd"> |
||||
|
|
||||
|
<div class="icon" style="background-color: #F56C6C;"> |
||||
|
<i class="el-icon-warning"></i> |
||||
|
</div> |
||||
|
添加缺陷</el-button> |
||||
|
</span> |
||||
|
</el-row> |
||||
|
<el-row v-if="parentXmMenu.dclass<'3' && xmMenus.length>0"> |
||||
|
<el-row v-if="parentXmMenu.dclass==='1'"> |
||||
|
<div class="icon" style="background-color: rgb(0, 153, 51);"> |
||||
|
<i class="el-icon-s-flag"></i> |
||||
|
</div>特性 |
||||
|
</el-row> |
||||
|
<el-row v-if="parentXmMenu.dclass==='2'"> |
||||
|
<div class="icon" :style="{backgroundColor: calcMenuLabel.color }"> |
||||
|
<i :class="calcMenuLabel.icon"></i> |
||||
|
</div> |
||||
|
用户故事 |
||||
|
</el-row> |
||||
|
<el-row> |
||||
|
<el-table :data="xmMenus" :show-header="false"> |
||||
|
<el-table-column type="index" label="序号"></el-table-column> |
||||
|
<el-table-column prop="menuName" label="名称"></el-table-column> |
||||
|
</el-table> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row v-if="parentXmMenu.dclass==='3' && xmTasks.length>0"> |
||||
|
<el-row> |
||||
|
<div class="icon" style="background-color: #1CC7EA;"> |
||||
|
<i class="el-icon-s-operation"></i> |
||||
|
</div> |
||||
|
任务</el-row> |
||||
|
<el-row> |
||||
|
<el-table :data="xmTasks" :show-header="false"> |
||||
|
<el-table-column type="index" label="序号"></el-table-column> |
||||
|
<el-table-column prop="name" label="名称"></el-table-column> |
||||
|
</el-table> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
|
||||
|
<el-row v-if="parentXmMenu.dclass==='3' && xmBugs.length>0"> |
||||
|
<el-row> |
||||
|
|
||||
|
<div class="icon" style="background-color: #F56C6C;"> |
||||
|
<i class="el-icon-warning"></i> |
||||
|
</div> |
||||
|
缺陷</el-row> |
||||
|
<el-row> |
||||
|
<el-table :data="xmBugs" :show-header="false"> |
||||
|
<el-table-column type="index" label="序号"></el-table-column> |
||||
|
<el-table-column prop="name" label="名称"></el-table-column> |
||||
|
</el-table> |
||||
|
</el-row> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import Vue from "vue"; |
||||
|
import util from "@/common/js/util"; //全局公共库 |
||||
|
import treeTool from "@/common/js/treeTool"; //全局公共库 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item'; //下拉框数据查询 |
||||
|
import { |
||||
|
listXmTask, |
||||
|
} from "@/api/xm/core/xmTask"; |
||||
|
import { listXmQuestion} from '@/api/xm/core/xmQuestion'; |
||||
|
import { listXmMenu } from '@/api/xm/core/xmMenu'; |
||||
|
|
||||
|
import { mapGetters } from 'vuex' |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters(["userInfo", "roles"]), |
||||
|
|
||||
|
calcMenuLabel(){ |
||||
|
var params={label:'工作项',icon:'',color:''}; |
||||
|
if(this.parentXmMenu.dclass==='0'){ |
||||
|
params={label:'史诗',icon:'el-icon-s-promotion',color:'rgb(255, 153, 51)'}; |
||||
|
}else if(this.parentXmMenu.dclass==='1'){ |
||||
|
params={label:'特性',icon:'el-icon-s-flag',color:'rgb(0, 153, 51)'}; |
||||
|
}else if(this.parentXmMenu.dclass==='2'){ |
||||
|
params={label:'故事',icon:'el-icon-document',color:' rgb(79, 140, 255)'}; |
||||
|
} |
||||
|
return params; |
||||
|
}, |
||||
|
subWorkItemNum(){ |
||||
|
var num= this.xmTasks.length+this.xmMenus.length+this.xmBugs.length; |
||||
|
this.$emit('sub-work-item-num',num); |
||||
|
return num; |
||||
|
} |
||||
|
}, |
||||
|
props: [ |
||||
|
'parentXmMenu' |
||||
|
], |
||||
|
watch: { |
||||
|
'parentXmMenu.menuId':function(){ |
||||
|
this.initData(); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return{ |
||||
|
xmTasks:[], |
||||
|
xmBugs:[], |
||||
|
xmMenus:[], |
||||
|
|
||||
|
} |
||||
|
}, //end data |
||||
|
methods: { |
||||
|
|
||||
|
getXmTasks(){ |
||||
|
listXmTask({menuId:this.parentXmMenu.menuId}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.xmTasks=res.data.data |
||||
|
}else{ |
||||
|
this.xmTasks=[]; |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
getXmMenus(){ |
||||
|
listXmMenu({pmenuId:this.parentXmMenu.menuId}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.xmMenus=res.data.data |
||||
|
}else{ |
||||
|
this.xmMenus=[]; |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
getXmBugs(){ |
||||
|
listXmQuestion({menuId:this.parentXmMenu.menuId}).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.xmBugs=res.data.data |
||||
|
}else{ |
||||
|
this.xmBugs=[]; |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
initData(){ |
||||
|
this.xmTasks=[] |
||||
|
this.xmMenus=[] |
||||
|
this.xmBugs=[] |
||||
|
if(!this.parentXmMenu || !this.parentXmMenu.menuId){ |
||||
|
return; |
||||
|
} |
||||
|
var dclass=this.parentXmMenu.dclass; |
||||
|
if(dclass<3){ |
||||
|
this.getXmMenus(); |
||||
|
}else{ |
||||
|
this.getXmTasks(); |
||||
|
this.getXmBugs(); |
||||
|
} |
||||
|
}, |
||||
|
showAdd(){ |
||||
|
|
||||
|
} |
||||
|
/**end 自定义函数请在上面加**/ |
||||
|
}, //end methods |
||||
|
components: { |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.initData(); |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue