陈裕财
5 years ago
14 changed files with 2090 additions and 353 deletions
-
24src/router/routes_xm.js
-
19src/views/xm/core/xmIteration/XmIterationForProjectComplex.vue
-
444src/views/xm/core/xmIteration/XmIterationInfo.vue
-
61src/views/xm/core/xmIteration/XmIterationInfoRoute.vue
-
6src/views/xm/core/xmMenu/XmMenuMng.vue
-
0src/views/xm/core/xmProduct/XmProductForProjectComplex.vue
-
445src/views/xm/core/xmProduct/XmProductInfo.vue
-
61src/views/xm/core/xmProduct/XmProductInfoRoute.vue
-
156src/views/xm/core/xmProduct/XmProductMng.vue
-
888src/views/xm/core/xmProduct/XmProductOverview.vue
-
130src/views/xm/core/xmProduct/XmProductOverviewComplex.vue
-
59src/views/xm/core/xmProject/XmProjectForLink.vue
-
12src/views/xm/core/xmProject/XmProjectInfo.vue
-
2src/views/xm/core/xmTask/XmTaskMng.vue
@ -0,0 +1,444 @@ |
|||||
|
<template> |
||||
|
<section class="page-container page-full-height"> |
||||
|
<el-row> |
||||
|
<el-menu :default-active="infotype" mode="horizontal" @select="setInfotype" class="menus" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> |
||||
|
|
||||
|
<el-menu-item index="项目概览" > |
||||
|
<span slot="title" > |
||||
|
<span slot="title" @click.stop="goBack"><i class="el-icon-back" ></i></span> |
||||
|
<i class="el-icon-s-data"></i> |
||||
|
<font v-if="selProject.name.length>=10">{{selProject.name.substring(0,10)}}</font> |
||||
|
<font type="danger" v-else>{{selProject.name}}</font> |
||||
|
概览 |
||||
|
</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="迭代"> |
||||
|
<span slot="title"><i class="el-icon-document-copy"></i>迭代</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="产品"> |
||||
|
<span slot="title"><i class="el-icon-s-flag"></i>产品</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item label="故事" index="用户故事"> |
||||
|
<span slot="title"><i class="el-icon-document"></i>故事</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="任务"> |
||||
|
<span slot="title"><i class="el-icon-s-operation"></i>任务</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="缺陷"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>缺陷</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="团队"> |
||||
|
<span slot="title"><i class="el-icon-user-solid"></i>团队</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="文档"> |
||||
|
<span slot="title"><i class="el-icon-document"></i>文档</span> |
||||
|
</el-menu-item> |
||||
|
<el-submenu index="规划与里程碑"> |
||||
|
<template slot="title">规划与里程碑 </template> |
||||
|
<el-menu-item index="阶段计划及里程碑"> |
||||
|
<span slot="title"><i class="el-icon-odometer"></i>阶段计划及里程碑</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="测试计划"> |
||||
|
<span slot="title"><i class="el-icon-odometer"></i>测试计划</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu > |
||||
|
|
||||
|
<el-menu-item index="项目监控" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>项目监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="故事监控" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>故事监控</span> |
||||
|
</el-menu-item> |
||||
|
|
||||
|
<el-menu-item index="合同管理" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-s-data"></i>合同管理</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="预算" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>预算</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="费用" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>费用</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="考核" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-view"></i>考核</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="日志" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-edit-outline"></i>日志</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="环境清单" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-setting"></i>环境清单</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="风险" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>风险</span> |
||||
|
</el-menu-item> |
||||
|
<el-submenu index="更多"> |
||||
|
<template slot="title">更多 </template> |
||||
|
<el-menu-item index="故事监控" > |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>故事监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="项目监控"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>项目监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="预算"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>预算</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="费用"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>费用</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="考核"> |
||||
|
<span slot="title"><i class="el-icon-view"></i>考核</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="日志"> |
||||
|
<span slot="title"><i class="el-icon-edit-outline"></i>日志</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="合同管理"> |
||||
|
<span slot="title"><i class="el-icon-s-data"></i>合同管理</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="环境清单"> |
||||
|
<span slot="title"><i class="el-icon-setting"></i>环境清单</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="风险"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>风险</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="论坛"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>论坛</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="即聊"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>即聊</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="客服"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>客服</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
</el-menu> |
||||
|
|
||||
|
<xm-project-overview-complex v-if="infotype=='项目概览'" :sel-project="selProject"></xm-project-overview-complex> |
||||
|
<xm-iteration-for-project-complex v-if="infotype=='迭代'" ref="xmIterationMng" :sel-project="selProject"></xm-iteration-for-project-complex> |
||||
|
<xm-product-for-project-complex v-if="infotype=='产品'" ref="xmProductComplex" :sel-project="selProject"></xm-product-for-project-complex> |
||||
|
<xm-menu-mng v-if="infotype=='用户故事'" :sel-project="selProject"></xm-menu-mng> |
||||
|
<xm-task-mng v-if="infotype=='任务'" ref="xmTaskMng" :sel-project="selProject" ></xm-task-mng> |
||||
|
<xm-question v-if="infotype=='缺陷'" :qtype="'bug'" :sel-project='selProject' ref="xmQuestion"></xm-question> |
||||
|
<xm-group-mng v-if="infotype=='团队'" :sel-project="selProject"></xm-group-mng> |
||||
|
<xm-file-mng v-if="infotype=='文档'" :sel-project="selProject"></xm-file-mng> |
||||
|
<xm-project-phase-mng v-if="infotype=='阶段计划及里程碑'" ref="xmProjectPhaseMng" :sel-project="selProject" ></xm-project-phase-mng> |
||||
|
<xm-test-case-exec-mng v-if="infotype=='测试计划'" :visible="infotype=='测试计划'" :sel-project='selProject' ref="xmQuestion"></xm-test-case-exec-mng> |
||||
|
<xm-menu-with-plan v-if="infotype=='故事监控'" ref="xmMenuWithPlan" :sel-project="selProject"></xm-menu-with-plan> |
||||
|
<xm-project-state-mng v-if="infotype=='项目监控'" :sel-project="selProject"></xm-project-state-mng> |
||||
|
<xm-budget v-if="infotype=='预算'" :sel-project="selProject"></xm-budget> |
||||
|
<xm-cost v-if="infotype=='费用'" :sel-project="selProject"></xm-cost> |
||||
|
<xm-project-kpi v-if="infotype=='考核'" :sel-project="selProject"></xm-project-kpi> |
||||
|
<xm-record v-if="infotype=='日志'" :visible="infotype=='日志'" :sel-project="selProject"></xm-record> |
||||
|
<xm-contract v-if="infotype=='合同管理'" :sel-project="selProject"></xm-contract> |
||||
|
<xm-env-list v-if="infotype=='环境清单'" :sel-project="selProject"></xm-env-list> |
||||
|
<xm-question v-if="infotype=='风险'" :qtype="'risk'" :sel-project='selProject' ref="xmRisk"></xm-question> |
||||
|
<el-drawer title="选中团队成员" :visible.sync="groupUserVisible" size="50%" append-to-body :close-on-click-modal="false"> |
||||
|
<xm-project-group-select :sel-project="selProject" :visible="groupUserVisible" is-select-multi-user="1" @user-confirm="onUserSelected"></xm-project-group-select> |
||||
|
</el-drawer> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
//import Sticky from '@/components/Sticky' // 粘性header组件 |
||||
|
//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
||||
|
import { listXmProject,editStatus , delXmProject, batchDelXmProject } from '@/api/xm/core/xmProject'; |
||||
|
import XmProjectAdd from '../xmProject/XmProjectAdd';//新增界面 |
||||
|
import XmProjectEdit from '../xmProject/XmProjectEdit';//修改界面 |
||||
|
import { mapGetters } from 'vuex'; |
||||
|
import xmTaskMng from '../xmTask/XmTaskMng'; |
||||
|
import xmGroupMng from '../xmProjectGroup/XmProjectGroupMng'; |
||||
|
import xmProjectGroupSelect from '../xmProjectGroup/XmProjectGroupSelect'; |
||||
|
|
||||
|
import xmExchange from '../xmExchange/XmExchangeMng'; |
||||
|
import xmQuestion from '../xmQuestion/XmQuestionMng'; |
||||
|
import xmFileMng from '../xmFile/XmFileMng'; |
||||
|
import xmDetail from '../xmProject/XmProjectDetail'; |
||||
|
import xmProjectKpi from '../xmProjectKpi/XmProjectKpiMng'; |
||||
|
import xmRecord from '../xmRecord/XmRecordMng'; |
||||
|
import xmCost from '../xmProject/XmProjectCost'; |
||||
|
import xmBudget from '../xmProject/XmProjectBudgetCost'; |
||||
|
import xmContract from '../xmProjectContract/XmProjectContractMng'; |
||||
|
import xmEnvList from '../xmProjectEnvList/XmProjectEnvListMng'; |
||||
|
import xmProjectPhaseMng from '../xmProjectPhase/XmProjectPhaseMng'; |
||||
|
import xmMenuMng from '../xmMenu/XmMenuMng'; |
||||
|
import xmMenuWithPlan from '../xmMenu/XmMenuWithPlan'; |
||||
|
import xmProjectStateMng from '../xmProjectState/XmProjectStateMng'; |
||||
|
import xmTestCaseExecMng from '../xmTestCaseExec/XmTestCaseExecMng'; |
||||
|
import XmIterationForProjectComplex from '../xmIteration/XmIterationForProjectComplex.vue'; |
||||
|
import XmProjectOverviewComplex from '../xmProject/XmProjectOverviewComplex.vue'; |
||||
|
import XmProductForProjectComplex from '../xmProduct/XmProductForProjectComplex.vue'; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
props: ["selProject","visible"], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
}, |
||||
|
watch:{ |
||||
|
selProject:function(selProject){ |
||||
|
var oldInfotype=this.infotype |
||||
|
this.infotype='' |
||||
|
this.$nextTick(()=>{ |
||||
|
|
||||
|
this.infotype=oldInfotype |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
platformViewVisible:false, |
||||
|
tabPosition:'left', |
||||
|
infotype:"项目概览", |
||||
|
load:{list:false,edit:false}, |
||||
|
groupUserVisible:false, |
||||
|
exportArr: ['任务', '阶段计划', '故事监控'] |
||||
|
/**end 自定义属性请在上面加 请加备注**/ |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
afterEditSubmit:function(project){ |
||||
|
this.$emit("submit",project) |
||||
|
}, |
||||
|
toArchive:function(){ |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/arc/mate/archive/ArchiveMng" |
||||
|
}); |
||||
|
}, |
||||
|
toIm:function(){ |
||||
|
this.groupUserVisible=true |
||||
|
}, |
||||
|
toHelpMe:function(){ |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/im/messages/crmChat", |
||||
|
query:{ |
||||
|
categoryId:'css', |
||||
|
sendContent:'咨询' |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
handleMenuSelect(menuId){ |
||||
|
this.infotype=menuId |
||||
|
}, |
||||
|
onUserSelected:function(users){ |
||||
|
if(this.groupUserVisible==true){ |
||||
|
var query={} |
||||
|
if(users){ |
||||
|
if( users.length==1 ){ |
||||
|
var user=users[0] |
||||
|
query.toUserid=user.userid |
||||
|
query.toUsername=user.username |
||||
|
query.msgType="prichat" |
||||
|
}else if( users.length >=2 ){ |
||||
|
query.users=JSON.stringify(users.map(i=>{return {userid:i.userid,username:i.username}})) |
||||
|
query.categoryId="common" |
||||
|
query.msgType="group" |
||||
|
} |
||||
|
} |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/im/messages/messageChat", |
||||
|
query: query |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
setInfotype(infotype){ |
||||
|
this.infotype=infotype; |
||||
|
}, |
||||
|
handleExport() { |
||||
|
this.downloadLoading = true |
||||
|
let list = []; |
||||
|
let header = []; |
||||
|
let keyList = []; |
||||
|
let pageNum = 1; |
||||
|
let infotypeKey = ''; |
||||
|
if (this.infotype === '任务') { |
||||
|
header = ['序号', '任务名称', '故事', '预算(万)', '工作量（人时）', '执行人', '进度', '任务开始时间', '任务结束时间', '任务技能需求']; |
||||
|
keyList = ['sortLevel', 'name', 'menuName', 'budgetCost', 'budgetWorkload', 'exeUsernames', 'rate', 'startTime', 'endTime', 'taskSkillNames']; |
||||
|
list = this.$refs.xmTaskMng.tasksTreeData; |
||||
|
pageNum = this.$refs.xmTaskMng.pageInfo.pageNum; |
||||
|
} else if (this.infotype === '阶段计划') { |
||||
|
header = ['序号', '阶段名称', '开始时间', '结束时间', '进度(%)', '状态', '计划人数', '实际人数', '计划工期', '实际工期', '计划工作量（人时）', '实际工作量（人时）', '计划非人力成本(元)', '实际非人力成本(元)', '计划内购人力成本(元)', '实际内购人力成本(元)', '计划外购人力成本(元)', '实际外购人力成本(元)', '计划成本合计(元)', '实际成本合计(元)', '审批状态', '备注']; |
||||
|
keyList = ['seqNo', 'phaseName', 'beginDate', 'endDate', 'actRate', 'phaseStatus', 'phaseBudgetOutUserCnt', 'actStaffNu', 'phaseBudgetHours', 'actHours', 'phaseBudgetWorkload', 'phaseActWorkload', 'phaseBudgetNouserAt', 'actNouserAt', 'phaseBudgetInnerUserAt', 'actInnerUserAt', 'phaseBudgetOutUserAt', 'actOutUserAt', 'phaseBudgetCostAt', 'actCostAt', 'bizFlowState', 'remark']; |
||||
|
list = this.$refs.xmProjectPhaseMng.projectPhaseTreeData; |
||||
|
pageNum = this.$refs.xmProjectPhaseMng.pageInfo.pageNum; |
||||
|
|
||||
|
} else if (this.infotype === '故事监控') { |
||||
|
header = ['序号', '故事名称', '计划状态', '负责人', '上线时间', '计划开始时间', '实际开始时间', '计划结束时间', '实际结束时间', '计划工作量(人时)', '实际工作量(人时)', '计划成本(元)', '实际成本(元)', '总体完成比例%', '需求完成比例%', '设计完成比例%', '开发完成比例%', 'sit完成比例%', 'uat完成比例%', '上线状态']; |
||||
|
keyList = ['seqNo', 'menuName', 'planStatus', 'chargeUsername', 'onlineTime', 'planStartTime', 'actStartTime', 'planEndTime', 'actEndTime', 'planWorkload', 'actWorkload', 'planCostAmount', 'actCostAmount', 'finishRate', 'demandRate', 'designRate', 'devRate', 'sitRate', 'uatRate', 'onlineStatus']; |
||||
|
list = this.$refs.xmMenuWithPlan.xmMenusTreeData; |
||||
|
pageNum = this.$refs.xmMenuWithPlan.pageInfo.pageNum; |
||||
|
} |
||||
|
const filename = `${this.selProject.name}_${this.infotype}_第${pageNum}页`; |
||||
|
const data = this.formatJson(keyList, list); |
||||
|
|
||||
|
import('@/vendor/Export2Excel').then(excel => { |
||||
|
excel.export_json_to_excel({ |
||||
|
header, |
||||
|
data, |
||||
|
filename, |
||||
|
// autoWidth: this.autoWidth, |
||||
|
bookType: 'xlsx' |
||||
|
}) |
||||
|
this.downloadLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
formatJson(filterVal, jsonData, dataList = []) { |
||||
|
if (this.infotype == '任务') { |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
return v[j]; |
||||
|
}) |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} else if (this.infotype == '阶段计划') { |
||||
|
const bizFlowStateDict = { |
||||
|
0: '未发审', |
||||
|
1: '审核中', |
||||
|
2: '已通过', |
||||
|
3: '未通过', |
||||
|
4: '已取消' |
||||
|
} |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
if(j == 'phaseStatus') { |
||||
|
return this.$refs.xmProjectPhaseMng.formateOption('xmPhaseStatus', v.phaseStatus); |
||||
|
} else if(j == 'bizFlowState') { |
||||
|
return `${bizFlowStateDict[parseInt(v[j]) || 0]}`; |
||||
|
} else { |
||||
|
return v[j]; |
||||
|
} |
||||
|
}) |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} else if (this.infotype == '故事监控') { |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
if(j == 'planStatus') { |
||||
|
key = 'xmMenuPlanStatus'; |
||||
|
} else if(j == 'onlineStatus') { |
||||
|
return parseInt(v[j]) ? '已上线' : '未上线'; |
||||
|
} else { |
||||
|
return v[j]; |
||||
|
} |
||||
|
const options = this.$refs.xmMenuWithPlan.options; |
||||
|
if(options[key]==undefined || options[key]==null || options[key].length==0 ){ |
||||
|
return v[j]; |
||||
|
} |
||||
|
var rowData=options[key].filter(i=>i.optionValue==v[j]) |
||||
|
if(rowData.length>0){ |
||||
|
return rowData[0].optionName |
||||
|
}else{ |
||||
|
return v[j]; |
||||
|
} |
||||
|
}); |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} |
||||
|
}, |
||||
|
getDateString(dateStr){ |
||||
|
if(dateStr==null || dateStr=="" || dateStr==undefined){ |
||||
|
return "" |
||||
|
}else{ |
||||
|
return dateStr.substr(0,10); |
||||
|
} |
||||
|
}, |
||||
|
goBack(){ |
||||
|
this.$router.back() |
||||
|
} |
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
xmTaskMng, |
||||
|
xmProjectPhaseMng, |
||||
|
xmGroupMng, |
||||
|
xmExchange, |
||||
|
xmQuestion, |
||||
|
xmFileMng, |
||||
|
xmDetail, |
||||
|
xmProjectKpi, |
||||
|
xmRecord, |
||||
|
xmCost, |
||||
|
xmBudget, |
||||
|
xmContract, |
||||
|
xmEnvList, |
||||
|
xmMenuMng, |
||||
|
xmMenuWithPlan, |
||||
|
xmProjectStateMng, |
||||
|
xmTestCaseExecMng, |
||||
|
xmProjectGroupSelect, |
||||
|
XmIterationForProjectComplex, |
||||
|
XmProjectOverviewComplex, |
||||
|
XmProductForProjectComplex, |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
|
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
</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; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,61 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<xm-iteration-info v-if="xmIteration" :xm-iteration="xmIteration" :visible="showInfo"></xm-iteration-info> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
|
||||
|
import { mapGetters } from 'vuex'; |
||||
|
import XmIterationInfo from './XmIterationInfo' |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
}, |
||||
|
watch:{ |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
xmIteration:null, |
||||
|
showInfo:false, |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
XmIterationInfo, |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
activated(){ |
||||
|
if(this.$route.params && this.$route.params.id){ |
||||
|
this.xmIteration=this.$route.params |
||||
|
this.showInfo=true; |
||||
|
localStorage.setItem('xm-iteration-info-route',JSON.stringify(this.xmIteration)); |
||||
|
}else{ |
||||
|
this.xmIteration=JSON.parse(localStorage.getItem("xm-iteration-info-route")) |
||||
|
this.showInfo=true; |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
if(this.$route.params && this.$route.params.id){ |
||||
|
this.xmIteration=this.$route.params |
||||
|
this.showInfo=true; |
||||
|
localStorage.setItem('xm-iteration-info-route',JSON.stringify(this.xmIteration)); |
||||
|
}else{ |
||||
|
this.xmIteration=JSON.parse(localStorage.getItem("xm-iteration-info-route")) |
||||
|
this.showInfo=true; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,445 @@ |
|||||
|
<template> |
||||
|
<section class="page-container page-full-height"> |
||||
|
<el-row> |
||||
|
<el-menu :default-active="infotype" mode="horizontal" @select="setInfotype" class="menus" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b"> |
||||
|
|
||||
|
<el-menu-item index="产品概览" > |
||||
|
<span slot="title" > |
||||
|
<span slot="title" @click.stop="goBack"><i class="el-icon-back" ></i></span> |
||||
|
<i class="el-icon-s-data"></i> |
||||
|
<font v-if="xmProduct.productName.length>=10">{{xmProduct.productName.substring(0,10)}}</font> |
||||
|
<font type="danger" v-else>{{xmProduct.productName}}</font> |
||||
|
概览 |
||||
|
</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="迭代"> |
||||
|
<span slot="title"><i class="el-icon-document-copy"></i>迭代</span> |
||||
|
</el-menu-item> |
||||
|
|
||||
|
<el-menu-item label="项目" index="项目"> |
||||
|
<span slot="title"><i class="el-icon-document"></i>项目</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item label="故事" index="用户故事"> |
||||
|
<span slot="title"><i class="el-icon-document"></i>故事</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="任务"> |
||||
|
<span slot="title"><i class="el-icon-s-operation"></i>任务</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="缺陷"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>缺陷</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="团队"> |
||||
|
<span slot="title"><i class="el-icon-user-solid"></i>团队</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="文档"> |
||||
|
<span slot="title"><i class="el-icon-document"></i>文档</span> |
||||
|
</el-menu-item> |
||||
|
<el-submenu index="规划与里程碑"> |
||||
|
<template slot="title">规划与里程碑 </template> |
||||
|
<el-menu-item index="阶段计划及里程碑"> |
||||
|
<span slot="title"><i class="el-icon-odometer"></i>阶段计划及里程碑</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="测试计划"> |
||||
|
<span slot="title"><i class="el-icon-odometer"></i>测试计划</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu > |
||||
|
|
||||
|
<el-menu-item index="项目监控" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>项目监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="故事监控" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>故事监控</span> |
||||
|
</el-menu-item> |
||||
|
|
||||
|
<el-menu-item index="合同管理" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-s-data"></i>合同管理</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="预算" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>预算</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="费用" class="hidden-md-and-down"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>费用</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="考核" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-view"></i>考核</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="日志" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-edit-outline"></i>日志</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="环境清单" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-setting"></i>环境清单</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="风险" class="hidden-lg-and-down"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>风险</span> |
||||
|
</el-menu-item> |
||||
|
<el-submenu index="更多"> |
||||
|
<template slot="title">更多 </template> |
||||
|
<el-menu-item index="故事监控" > |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>故事监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="项目监控"> |
||||
|
<span slot="title"><i class="el-icon-video-camera"></i>项目监控</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="预算"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>预算</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="费用"> |
||||
|
<span slot="title"><i class="el-icon-coin"></i>费用</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="考核"> |
||||
|
<span slot="title"><i class="el-icon-view"></i>考核</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="日志"> |
||||
|
<span slot="title"><i class="el-icon-edit-outline"></i>日志</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="合同管理"> |
||||
|
<span slot="title"><i class="el-icon-s-data"></i>合同管理</span> |
||||
|
|
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="环境清单"> |
||||
|
<span slot="title"><i class="el-icon-setting"></i>环境清单</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="风险"> |
||||
|
<span slot="title"><i class="el-icon-question"></i>风险</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="论坛"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>论坛</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="即聊"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>即聊</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="客服"> |
||||
|
<span slot="title"><i class="el-icon-date"></i>客服</span> |
||||
|
|
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
</el-menu> |
||||
|
|
||||
|
<xm-product-overview-complex v-if="infotype=='产品概览'" :xm-product="xmProduct"></xm-product-overview-complex> |
||||
|
<xm-iteration-for-project-complex v-if="infotype=='迭代'" ref="xmIterationMng" :xm-product="xmProduct"></xm-iteration-for-project-complex> |
||||
|
<xm-project-for-link v-if="infotype=='项目'" ref="xmProjectForLink" :xm-product="xmProduct"></xm-project-for-link> |
||||
|
<xm-menu-mng v-if="infotype=='用户故事'" :xm-product="xmProduct"></xm-menu-mng> |
||||
|
<xm-task-mng v-if="infotype=='任务'" ref="xmTaskMng" :xm-product="xmProduct" ></xm-task-mng> |
||||
|
<xm-question v-if="infotype=='缺陷'" :qtype="'bug'" :xm-product='xmProduct' ref="xmQuestion"></xm-question> |
||||
|
<xm-group-mng v-if="infotype=='团队'" :xm-product="xmProduct"></xm-group-mng> |
||||
|
<xm-file-mng v-if="infotype=='文档'" :xm-product="xmProduct"></xm-file-mng> |
||||
|
<xm-project-phase-mng v-if="infotype=='阶段计划及里程碑'" ref="xmProjectPhaseMng" :xm-product="xmProduct" ></xm-project-phase-mng> |
||||
|
<xm-test-case-exec-mng v-if="infotype=='测试计划'" :visible="infotype=='测试计划'" :xm-product='xmProduct' ref="xmQuestion"></xm-test-case-exec-mng> |
||||
|
<xm-menu-with-plan v-if="infotype=='故事监控'" ref="xmMenuWithPlan" :xm-product="xmProduct"></xm-menu-with-plan> |
||||
|
<xm-project-state-mng v-if="infotype=='项目监控'" :xm-product="xmProduct"></xm-project-state-mng> |
||||
|
<xm-budget v-if="infotype=='预算'" :xm-product="xmProduct"></xm-budget> |
||||
|
<xm-cost v-if="infotype=='费用'" :xm-product="xmProduct"></xm-cost> |
||||
|
<xm-project-kpi v-if="infotype=='考核'" :xm-product="xmProduct"></xm-project-kpi> |
||||
|
<xm-record v-if="infotype=='日志'" :visible="infotype=='日志'" :xm-product="xmProduct"></xm-record> |
||||
|
<xm-contract v-if="infotype=='合同管理'" :xm-product="xmProduct"></xm-contract> |
||||
|
<xm-env-list v-if="infotype=='环境清单'" :xm-product="xmProduct"></xm-env-list> |
||||
|
<xm-question v-if="infotype=='风险'" :qtype="'risk'" :xm-product='xmProduct' ref="xmRisk"></xm-question> |
||||
|
<el-drawer title="选中团队成员" :visible.sync="groupUserVisible" size="50%" append-to-body :close-on-click-modal="false"> |
||||
|
<xm-project-group-select :xm-product="xmProduct" :visible="groupUserVisible" is-select-multi-user="1" @user-confirm="onUserSelected"></xm-project-group-select> |
||||
|
</el-drawer> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
//import Sticky from '@/components/Sticky' // 粘性header组件 |
||||
|
//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询 |
||||
|
import { listXmProject,editStatus , delXmProject, batchDelXmProject } from '@/api/xm/core/xmProject'; |
||||
|
import XmProjectAdd from '../xmProject/XmProjectAdd';//新增界面 |
||||
|
import XmProjectEdit from '../xmProject/XmProjectEdit';//修改界面 |
||||
|
import { mapGetters } from 'vuex'; |
||||
|
import xmTaskMng from '../xmTask/XmTaskMng'; |
||||
|
import xmGroupMng from '../xmProjectGroup/XmProjectGroupMng'; |
||||
|
import xmProjectGroupSelect from '../xmProjectGroup/XmProjectGroupSelect'; |
||||
|
|
||||
|
import xmExchange from '../xmExchange/XmExchangeMng'; |
||||
|
import xmQuestion from '../xmQuestion/XmQuestionMng'; |
||||
|
import xmFileMng from '../xmFile/XmFileMng'; |
||||
|
import xmDetail from '../xmProject/XmProjectDetail'; |
||||
|
import xmProjectKpi from '../xmProjectKpi/XmProjectKpiMng'; |
||||
|
import xmRecord from '../xmRecord/XmRecordMng'; |
||||
|
import xmCost from '../xmProject/XmProjectCost'; |
||||
|
import xmBudget from '../xmProject/XmProjectBudgetCost'; |
||||
|
import xmContract from '../xmProjectContract/XmProjectContractMng'; |
||||
|
import xmEnvList from '../xmProjectEnvList/XmProjectEnvListMng'; |
||||
|
import xmProjectPhaseMng from '../xmProjectPhase/XmProjectPhaseMng'; |
||||
|
import xmMenuMng from '../xmMenu/XmMenuMng'; |
||||
|
import xmMenuWithPlan from '../xmMenu/XmMenuWithPlan'; |
||||
|
import xmProjectStateMng from '../xmProjectState/XmProjectStateMng'; |
||||
|
import xmTestCaseExecMng from '../xmTestCaseExec/XmTestCaseExecMng'; |
||||
|
import XmIterationForProjectComplex from '../xmIteration/XmIterationForProjectComplex.vue'; |
||||
|
import XmProductOverviewComplex from '../xmProduct/XmProductOverviewComplex.vue'; |
||||
|
import XmProductForProjectComplex from './XmProductForProjectComplex.vue'; |
||||
|
import XmProjectForLink from '../xmProject/XmProjectForLink.vue'; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
props: ["xmProduct","visible"], |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
}, |
||||
|
watch:{ |
||||
|
xmProduct:function(xmProduct){ |
||||
|
var oldInfotype=this.infotype |
||||
|
this.infotype='' |
||||
|
this.$nextTick(()=>{ |
||||
|
|
||||
|
this.infotype=oldInfotype |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
platformViewVisible:false, |
||||
|
tabPosition:'left', |
||||
|
infotype:"项目概览", |
||||
|
load:{list:false,edit:false}, |
||||
|
groupUserVisible:false, |
||||
|
exportArr: ['任务', '阶段计划', '故事监控'] |
||||
|
/**end 自定义属性请在上面加 请加备注**/ |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
afterEditSubmit:function(project){ |
||||
|
this.$emit("submit",project) |
||||
|
}, |
||||
|
toArchive:function(){ |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/arc/mate/archive/ArchiveMng" |
||||
|
}); |
||||
|
}, |
||||
|
toIm:function(){ |
||||
|
this.groupUserVisible=true |
||||
|
}, |
||||
|
toHelpMe:function(){ |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/im/messages/crmChat", |
||||
|
query:{ |
||||
|
categoryId:'css', |
||||
|
sendContent:'咨询' |
||||
|
} |
||||
|
}); |
||||
|
}, |
||||
|
handleMenuSelect(menuId){ |
||||
|
this.infotype=menuId |
||||
|
}, |
||||
|
onUserSelected:function(users){ |
||||
|
if(this.groupUserVisible==true){ |
||||
|
var query={} |
||||
|
if(users){ |
||||
|
if( users.length==1 ){ |
||||
|
var user=users[0] |
||||
|
query.toUserid=user.userid |
||||
|
query.toUsername=user.username |
||||
|
query.msgType="prichat" |
||||
|
}else if( users.length >=2 ){ |
||||
|
query.users=JSON.stringify(users.map(i=>{return {userid:i.userid,username:i.username}})) |
||||
|
query.categoryId="common" |
||||
|
query.msgType="group" |
||||
|
} |
||||
|
} |
||||
|
this.$router.push({ |
||||
|
path: "/mdp/im/messages/messageChat", |
||||
|
query: query |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
setInfotype(infotype){ |
||||
|
this.infotype=infotype; |
||||
|
}, |
||||
|
handleExport() { |
||||
|
this.downloadLoading = true |
||||
|
let list = []; |
||||
|
let header = []; |
||||
|
let keyList = []; |
||||
|
let pageNum = 1; |
||||
|
let infotypeKey = ''; |
||||
|
if (this.infotype === '任务') { |
||||
|
header = ['序号', '任务名称', '故事', '预算(万)', '工作量（人时）', '执行人', '进度', '任务开始时间', '任务结束时间', '任务技能需求']; |
||||
|
keyList = ['sortLevel', 'name', 'menuName', 'budgetCost', 'budgetWorkload', 'exeUsernames', 'rate', 'startTime', 'endTime', 'taskSkillNames']; |
||||
|
list = this.$refs.xmTaskMng.tasksTreeData; |
||||
|
pageNum = this.$refs.xmTaskMng.pageInfo.pageNum; |
||||
|
} else if (this.infotype === '阶段计划') { |
||||
|
header = ['序号', '阶段名称', '开始时间', '结束时间', '进度(%)', '状态', '计划人数', '实际人数', '计划工期', '实际工期', '计划工作量（人时）', '实际工作量（人时）', '计划非人力成本(元)', '实际非人力成本(元)', '计划内购人力成本(元)', '实际内购人力成本(元)', '计划外购人力成本(元)', '实际外购人力成本(元)', '计划成本合计(元)', '实际成本合计(元)', '审批状态', '备注']; |
||||
|
keyList = ['seqNo', 'phaseName', 'beginDate', 'endDate', 'actRate', 'phaseStatus', 'phaseBudgetOutUserCnt', 'actStaffNu', 'phaseBudgetHours', 'actHours', 'phaseBudgetWorkload', 'phaseActWorkload', 'phaseBudgetNouserAt', 'actNouserAt', 'phaseBudgetInnerUserAt', 'actInnerUserAt', 'phaseBudgetOutUserAt', 'actOutUserAt', 'phaseBudgetCostAt', 'actCostAt', 'bizFlowState', 'remark']; |
||||
|
list = this.$refs.xmProjectPhaseMng.projectPhaseTreeData; |
||||
|
pageNum = this.$refs.xmProjectPhaseMng.pageInfo.pageNum; |
||||
|
|
||||
|
} else if (this.infotype === '故事监控') { |
||||
|
header = ['序号', '故事名称', '计划状态', '负责人', '上线时间', '计划开始时间', '实际开始时间', '计划结束时间', '实际结束时间', '计划工作量(人时)', '实际工作量(人时)', '计划成本(元)', '实际成本(元)', '总体完成比例%', '需求完成比例%', '设计完成比例%', '开发完成比例%', 'sit完成比例%', 'uat完成比例%', '上线状态']; |
||||
|
keyList = ['seqNo', 'menuName', 'planStatus', 'chargeUsername', 'onlineTime', 'planStartTime', 'actStartTime', 'planEndTime', 'actEndTime', 'planWorkload', 'actWorkload', 'planCostAmount', 'actCostAmount', 'finishRate', 'demandRate', 'designRate', 'devRate', 'sitRate', 'uatRate', 'onlineStatus']; |
||||
|
list = this.$refs.xmMenuWithPlan.xmMenusTreeData; |
||||
|
pageNum = this.$refs.xmMenuWithPlan.pageInfo.pageNum; |
||||
|
} |
||||
|
const filename = `${this.xmProduct.productName}_${this.infotype}_第${pageNum}页`; |
||||
|
const data = this.formatJson(keyList, list); |
||||
|
|
||||
|
import('@/vendor/Export2Excel').then(excel => { |
||||
|
excel.export_json_to_excel({ |
||||
|
header, |
||||
|
data, |
||||
|
filename, |
||||
|
// autoWidth: this.autoWidth, |
||||
|
bookType: 'xlsx' |
||||
|
}) |
||||
|
this.downloadLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
formatJson(filterVal, jsonData, dataList = []) { |
||||
|
if (this.infotype == '任务') { |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
return v[j]; |
||||
|
}) |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} else if (this.infotype == '阶段计划') { |
||||
|
const bizFlowStateDict = { |
||||
|
0: '未发审', |
||||
|
1: '审核中', |
||||
|
2: '已通过', |
||||
|
3: '未通过', |
||||
|
4: '已取消' |
||||
|
} |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
if(j == 'phaseStatus') { |
||||
|
return this.$refs.xmProjectPhaseMng.formateOption('xmPhaseStatus', v.phaseStatus); |
||||
|
} else if(j == 'bizFlowState') { |
||||
|
return `${bizFlowStateDict[parseInt(v[j]) || 0]}`; |
||||
|
} else { |
||||
|
return v[j]; |
||||
|
} |
||||
|
}) |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} else if (this.infotype == '故事监控') { |
||||
|
jsonData.forEach(v => { |
||||
|
const row = filterVal.map(j => { |
||||
|
let key = ''; |
||||
|
if(j == 'planStatus') { |
||||
|
key = 'xmMenuPlanStatus'; |
||||
|
} else if(j == 'onlineStatus') { |
||||
|
return parseInt(v[j]) ? '已上线' : '未上线'; |
||||
|
} else { |
||||
|
return v[j]; |
||||
|
} |
||||
|
const options = this.$refs.xmMenuWithPlan.options; |
||||
|
if(options[key]==undefined || options[key]==null || options[key].length==0 ){ |
||||
|
return v[j]; |
||||
|
} |
||||
|
var rowData=options[key].filter(i=>i.optionValue==v[j]) |
||||
|
if(rowData.length>0){ |
||||
|
return rowData[0].optionName |
||||
|
}else{ |
||||
|
return v[j]; |
||||
|
} |
||||
|
}); |
||||
|
dataList.push(row); |
||||
|
if (v.children && v.children.length) { |
||||
|
dataList = this.formatJson(filterVal, v.children, dataList); |
||||
|
} |
||||
|
}) |
||||
|
return dataList; |
||||
|
} |
||||
|
}, |
||||
|
getDateString(dateStr){ |
||||
|
if(dateStr==null || dateStr=="" || dateStr==undefined){ |
||||
|
return "" |
||||
|
}else{ |
||||
|
return dateStr.substr(0,10); |
||||
|
} |
||||
|
}, |
||||
|
goBack(){ |
||||
|
this.$router.back() |
||||
|
} |
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
xmTaskMng, |
||||
|
xmProjectPhaseMng, |
||||
|
xmGroupMng, |
||||
|
xmExchange, |
||||
|
xmQuestion, |
||||
|
xmFileMng, |
||||
|
xmDetail, |
||||
|
xmProjectKpi, |
||||
|
xmRecord, |
||||
|
xmCost, |
||||
|
xmBudget, |
||||
|
xmContract, |
||||
|
xmEnvList, |
||||
|
xmMenuMng, |
||||
|
xmMenuWithPlan, |
||||
|
xmProjectStateMng, |
||||
|
xmTestCaseExecMng, |
||||
|
xmProjectGroupSelect, |
||||
|
XmIterationForProjectComplex, |
||||
|
XmProductOverviewComplex, |
||||
|
XmProductForProjectComplex, |
||||
|
XmProjectForLink, |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
|
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
</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; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,61 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<xm-product-info v-if="xmProduct" :xm-product="xmProduct" :visible="showInfo"></xm-product-info> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
|
||||
|
import { mapGetters } from 'vuex'; |
||||
|
import XmProductInfo from './XmProductInfo' |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
}, |
||||
|
watch:{ |
||||
|
|
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
xmProduct:null, |
||||
|
showInfo:false, |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
XmProductInfo, |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
activated(){ |
||||
|
if(this.$route.params && this.$route.params.id){ |
||||
|
this.xmProduct=this.$route.params |
||||
|
this.showInfo=true; |
||||
|
localStorage.setItem('xm-product-info-route',JSON.stringify(this.xmProduct)); |
||||
|
}else{ |
||||
|
this.xmProduct=JSON.parse(localStorage.getItem("xm-product-info-route")) |
||||
|
this.showInfo=true; |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
if(this.$route.params && this.$route.params.id){ |
||||
|
this.xmProduct=this.$route.params |
||||
|
this.showInfo=true; |
||||
|
localStorage.setItem('xm-product-info-route',JSON.stringify(this.xmProduct)); |
||||
|
}else{ |
||||
|
this.xmProduct=JSON.parse(localStorage.getItem("xm-product-info-route")) |
||||
|
this.showInfo=true; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
</style> |
||||
@ -0,0 +1,130 @@ |
|||||
|
<template> |
||||
|
<section class="page-container page-height-90 padding-left padding-right"> |
||||
|
<el-menu mode="horizontal" default-active="overiew" @select="onMenuToolBarSelect"> |
||||
|
<el-menu-item index="overiew"> |
||||
|
<span slot="title">项目概览</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="detail"> |
||||
|
<span slot="title">项目详情</span> |
||||
|
</el-menu-item> |
||||
|
<el-submenu index="project-change"> |
||||
|
<template slot="title"> |
||||
|
<span slot="title">项目变更</span> |
||||
|
</template> |
||||
|
<el-menu-item index="project-change-base-info"> |
||||
|
<span slot="title">基础信息修改</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-start"> |
||||
|
<span slot="title">立项申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-budget"> |
||||
|
<span slot="title">预算+-</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-cost"> |
||||
|
<span slot="title">成本+-</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-collection"> |
||||
|
<span slot="title">收款</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-conclusion"> |
||||
|
<span slot="title">结项申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-suspend"> |
||||
|
<span slot="title">暂停申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-activation"> |
||||
|
<span slot="title">激活申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-to-after-sales"> |
||||
|
<span slot="title">转售后申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-new-pm"> |
||||
|
<span slot="title">项目经理变更申请</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="project-change-new-leader"> |
||||
|
<span slot="title">组长变更申请</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
<el-submenu index="menu-change"> |
||||
|
<template slot="title"> |
||||
|
<span slot="title">需求变更</span> |
||||
|
</template> |
||||
|
<el-menu-item index="menu-change-review"> |
||||
|
<span slot="title">需求评审</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="menu-change-border-review"> |
||||
|
<span slot="title">需求边界异动</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
|
||||
|
<el-submenu index="iteration-change"> |
||||
|
<template slot="title"> |
||||
|
<span slot="title">迭代变更</span> |
||||
|
</template> |
||||
|
<el-menu-item index="iteration-change-review"> |
||||
|
<span slot="title">迭代计划评审</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="iteration-change-border-review"> |
||||
|
<span slot="title">迭代上线申请</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
|
||||
|
<el-submenu index="phase-change"> |
||||
|
<template slot="title"> |
||||
|
<span slot="title">阶段计划变更</span> |
||||
|
</template> |
||||
|
<el-menu-item index="phase-change-review"> |
||||
|
<span slot="title">计划评审</span> |
||||
|
</el-menu-item> |
||||
|
<el-menu-item index="phase-change-border-review"> |
||||
|
<span slot="title">预算变更</span> |
||||
|
</el-menu-item> |
||||
|
</el-submenu> |
||||
|
</el-menu> |
||||
|
<xm-product-overview v-if="showPanelName=='overiew'" :xm-product="xmProduct"></xm-product-overview> |
||||
|
<xm-product-edit v-if="showPanelName=='detail'" :xm-product="xmProduct"></xm-product-edit> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from "@/common/js/util"; // 全局公共库 |
||||
|
//import Sticky from "@/components/Sticky"; // 粘性header组件 |
||||
|
import { mapGetters } from "vuex"; |
||||
|
import { listXmProjectState } from '@/api/xm/core/xmProductState'; |
||||
|
import XmProductOverview from './XmProductOverview.vue'; |
||||
|
import XmProductEdit from './XmProductEdit.vue'; |
||||
|
|
||||
|
|
||||
|
export default { |
||||
|
components: { XmProductOverview, XmProductEdit }, |
||||
|
computed: { |
||||
|
...mapGetters(["userInfo"]), |
||||
|
}, |
||||
|
|
||||
|
props:['selProject'], |
||||
|
watch:{ |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
showPanelName:'overiew' |
||||
|
}; |
||||
|
}, |
||||
|
|
||||
|
methods:{ |
||||
|
|
||||
|
onMenuToolBarSelect(menuIndex){ |
||||
|
this.showPanelName=menuIndex; |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
|
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue