陈裕财
3 years ago
9 changed files with 7 additions and 966 deletions
-
11src/router/routes_xm.js
-
2src/views/xm/core/xmGroup/XmGroupDialog.vue
-
4src/views/xm/core/xmGroup/XmGroupSelectForProduct.vue
-
4src/views/xm/core/xmGroup/XmGroupSelectForProject.vue
-
837src/views/xm/core/xmIteration/XmIterationInfo.vue
-
81src/views/xm/core/xmIteration/XmIterationInfoRoute.vue
-
27src/views/xm/core/xmQuestion/XmQuestionEdit.vue
-
5src/views/xm/core/xmTask/XmTaskEdit.vue
-
2src/views/xm/core/xmTask/XmTaskMng.vue
@ -1,837 +0,0 @@ |
|||
<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" |
|||
> |
|||
<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 label="项目" index="项目" class="hidden-sm-and-down"> |
|||
<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-s-data"></i>效能</span> |
|||
</el-menu-item> |
|||
<el-submenu index="回退"> |
|||
<template slot="title"><i class="el-icon-back"></i>回退</template> |
|||
<el-menu-item index="上一页" @click.native="goBack"> |
|||
<span slot="title" |
|||
><i class="el-icon-back"></i>上一页</span |
|||
> |
|||
</el-menu-item> |
|||
<el-menu-item index="首页" @click.native="goHome"> |
|||
<span slot="title" |
|||
><i class="el-icon-s-home"></i>首页</span |
|||
> |
|||
</el-menu-item> |
|||
</el-submenu> |
|||
</el-menu> |
|||
</el-row> |
|||
<el-row ref="pageMainRef"> |
|||
<el-col |
|||
:span="infotype == '迭代概览' ? 4 : 0" |
|||
class="padding border" |
|||
:style="{ maxHeight: maxTableHeight + 'px', overflowY: 'auto' }" |
|||
> |
|||
<h4 class="padding-bottom">常用功能导航</h4> |
|||
<el-steps |
|||
:active="calcIterationStatusStep" |
|||
finish-status="success" |
|||
direction="vertical" |
|||
> |
|||
<el-step |
|||
v-for="(i, index) in dicts['iterationStatus']" |
|||
:title="i.name" |
|||
:key="index" |
|||
> |
|||
<el-row slot="description"> |
|||
<el-row v-if="i.id == '0'" |
|||
><!--打开--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '需求'" |
|||
>需求管理</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="showIterationMenu" |
|||
>配置需求范围</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '1')" |
|||
>开启需求评审</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '需求'" |
|||
>需求管理</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="showIterationMenu" |
|||
>需求范围</el-button |
|||
> |
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '1'" |
|||
><!--需求评审--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="showIterationMenu" |
|||
>确认需求范围</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype='缺陷'" |
|||
>缺陷登记</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '2')" |
|||
>进入计划会</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
|
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '2'" |
|||
><!--计划会--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="showIterationDetail" |
|||
>迭代计划</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '任务'" |
|||
>任务管理</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '3')" |
|||
>设为研发中</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="showIterationDetail" |
|||
>迭代计划</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '任务'" |
|||
>任务管理</el-button |
|||
> |
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '3'" |
|||
><!--研发中--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '任务'" |
|||
>任务管理</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '效能'" |
|||
>效能分析</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '4')" |
|||
>设为测试中</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '效能'" |
|||
>效能分析</el-button |
|||
> |
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '4'" |
|||
><!--测试中--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="warning" |
|||
size="mini" |
|||
plain |
|||
@click="infotype = '缺陷'" |
|||
>缺陷管理</el-button |
|||
> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '5')" |
|||
>设为待上线</el-button |
|||
> |
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '5'" |
|||
><!--上线中--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
|
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '6')" |
|||
>设为已完成</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
|
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '6'" |
|||
><!--已完成--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '7')" |
|||
>设为已关闭</el-button |
|||
> |
|||
</span> |
|||
<span v-if="xmIteration.istatus != i.id"> |
|||
|
|||
</span> |
|||
</el-row> |
|||
<el-row v-else-if="i.id == '7'" |
|||
><!--已关闭--> |
|||
<span v-if="xmIteration.istatus == i.id"> |
|||
<el-button |
|||
class="step-btn" |
|||
type="danger" |
|||
size="mini" |
|||
plain |
|||
icon="el-icon-d-caret" |
|||
@click="editSomeFields(xmIteration, 'istatus', '0')" |
|||
>重新打开</el-button |
|||
> |
|||
</span> |
|||
</el-row> |
|||
</el-row> |
|||
</el-step> |
|||
</el-steps> |
|||
</el-col> |
|||
<el-col :span="infotype == '迭代概览' ? 20 : 24"> |
|||
<xm-iteration-overview-complex |
|||
v-if="infotype == '迭代概览'" |
|||
ref="迭代概览" |
|||
:xm-iteration="xmIteration" |
|||
@edit-fields="onEditFields" |
|||
></xm-iteration-overview-complex> |
|||
<xm-project-complex |
|||
v-if="infotype == '项目'" |
|||
ref="xmProjectComplex" |
|||
:xm-iteration="xmIteration" |
|||
></xm-project-complex> |
|||
<xm-menu-mng |
|||
v-if="infotype == '需求'" |
|||
:xm-iteration="xmIteration" |
|||
:xm-product="{id:xmIteration.productId,name:xmIteration.productName}" |
|||
></xm-menu-mng> |
|||
<xm-task-mng |
|||
v-if="infotype == '任务'" |
|||
ref="xmTaskMng" |
|||
ptype="" |
|||
queryScope="task" |
|||
:xm-iteration="xmIteration" |
|||
></xm-task-mng> |
|||
<xm-question |
|||
v-if="infotype == '缺陷'" |
|||
:xm-iteration="xmIteration" |
|||
ref="xmQuestion" |
|||
></xm-question> |
|||
<xm-group-mng |
|||
v-if="infotype == '团队'" |
|||
:xm-iteration="xmIteration" |
|||
></xm-group-mng> |
|||
<xm-report |
|||
v-if="infotype == '效能'" |
|||
:xm-iteration="xmIteration" |
|||
></xm-report> |
|||
<el-drawer |
|||
title="选中团队成员" |
|||
:visible.sync="groupUserVisible" |
|||
size="50%" |
|||
append-to-body |
|||
:close-on-click-modal="false" |
|||
> |
|||
<xm-group-select |
|||
:xm-iteration="xmIteration" |
|||
:visible="groupUserVisible" |
|||
is-select-multi-user="1" |
|||
@user-confirm="onUserSelected" |
|||
></xm-group-select> |
|||
</el-drawer> |
|||
</el-col> |
|||
</el-row> |
|||
</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 xmTaskMng from "../xmTask/XmTaskMng"; |
|||
import xmGroupMng from "../xmGroup/XmGroupMng"; |
|||
import xmGroupSelect from "../xmGroup/XmGroupSelect"; |
|||
|
|||
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 "../xmContract/XmContractMng"; |
|||
import xmEnvList from "../xmEnvList/XmEnvListMng"; |
|||
import xmMenuMng from "../xmMenu/XmMenuBox"; |
|||
import xmMenuWithPlan from "../xmMenu/XmMenuWithPlan"; |
|||
import xmProjectStateMng from "../xmProjectState/XmProjectStateMng"; |
|||
import XmIterationForProjectComplex from "./XmIterationForLinkComplex.vue"; |
|||
import XmIterationOverviewComplex from "../xmIteration/XmIterationOverviewComplex.vue"; |
|||
import XmProductForProjectComplex from "../xmProduct/XmProductForLinkComplex.vue"; |
|||
import XmProjectComplex from "../xmProject/XmProjectForLinkComplex.vue"; |
|||
import {initDicts, listXmIteration, editSomeFieldsXmIteration } from '@/api/xm/core/xmIteration'; |
|||
|
|||
|
|||
import XmReport from "@/views/xm/rpt/reportIndex"; |
|||
|
|||
export default { |
|||
props: ["xmIteration", "visible"], |
|||
computed: { |
|||
...mapGetters(["userInfo", "roles"]), |
|||
|
|||
calcIterationStatusStep() { |
|||
if (this.dicts["iterationStatus"] && this.xmIteration) { |
|||
var index = this.dicts["iterationStatus"].findIndex((i) => { |
|||
if (i.id == this.xmIteration.istatus) { |
|||
return true; |
|||
} else { |
|||
return false; |
|||
} |
|||
}); |
|||
return index + 1; |
|||
} else { |
|||
return 0; |
|||
} |
|||
}, |
|||
}, |
|||
watch: {}, |
|||
data() { |
|||
return { |
|||
dicts: { iterationStatus: [] }, |
|||
platformViewVisible: false, |
|||
tabPosition: "left", |
|||
infotype: "迭代概览", |
|||
load: { list: false, edit: false }, |
|||
groupUserVisible: false, |
|||
exportArr: ["任务", "计划", "需求监控"], |
|||
maxTableHeight: 300, |
|||
/**end 自定义属性请在上面加 请加备注**/ |
|||
}; |
|||
}, //end data |
|||
methods: { |
|||
...util, |
|||
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; |
|||
|
|||
if (infotype == "返回") { |
|||
this.goBack(); |
|||
} else { |
|||
localStorage.setItem("iteration-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", |
|||
"name", |
|||
"beginDate", |
|||
"endDate", |
|||
"actRate", |
|||
"phaseStatus", |
|||
"budgetOuserCnt", |
|||
"actStaffNu", |
|||
"budgetHours", |
|||
"actHours", |
|||
"budgetWorkload", |
|||
"actWorkload", |
|||
"budgetNouserAt", |
|||
"actNouserAt", |
|||
"budgetIuserAt", |
|||
"actIuserAt", |
|||
"budgetOuserAt", |
|||
"actOuserAt", |
|||
"budgetCostAt", |
|||
"actCostAt", |
|||
"bizFlowState", |
|||
"remark", |
|||
]; |
|||
list = this.$refs.xmPhaseMng.projectPhaseTreeData; |
|||
pageNum = this.$refs.xmPhaseMng.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.xmIteration.iterationName}_${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.xmPhaseMng.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 dicts = this.$refs.xmMenuWithPlan.dicts; |
|||
if ( |
|||
dicts[key] == undefined || |
|||
dicts[key] == null || |
|||
dicts[key].length == 0 |
|||
) { |
|||
return v[j]; |
|||
} |
|||
var rowData = dicts[key].filter((i) => i.id == v[j]); |
|||
if (rowData.length > 0) { |
|||
return rowData[0].name; |
|||
} 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() { |
|||
localStorage.setItem("iteration-infotype", "迭代概览"); |
|||
this.$router.back(-1); |
|||
}, |
|||
goHome(){ |
|||
localStorage.setItem("iteration-infotype", "迭代概览"); |
|||
this.$router.push({path:'/'}) |
|||
}, |
|||
|
|||
editSomeFields(row,fieldName,$event){ |
|||
let params={}; |
|||
params['ids']=[row].map(i=>i.id) |
|||
params[fieldName]=$event |
|||
var func = editSomeFieldsXmIteration |
|||
func(params).then(res=>{ |
|||
let tips = res.data.tips; |
|||
if(tips.isOk){ |
|||
Object.assign(row,params) |
|||
this.$emit('edit-fields',params) |
|||
}else{ |
|||
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'}) |
|||
} |
|||
}).catch((e)=>Object.assign(this.editForm,this.editFormBak)) |
|||
}, |
|||
showIterationMenu(){ |
|||
this.$refs['迭代概览'].showPanelName='iterationMenuMng' |
|||
}, |
|||
showIterationDetail(){ |
|||
this.$refs['迭代概览'].showPanelName='detail' |
|||
}, |
|||
onEditFields(row){ |
|||
Object.assign(this.xmIteration,row) |
|||
this.$emit('edit-fields',row) |
|||
} |
|||
}, //end methods |
|||
components: { |
|||
xmTaskMng, |
|||
xmGroupMng, |
|||
xmQuestion, |
|||
xmFileMng, |
|||
xmDetail, |
|||
xmProjectKpi, |
|||
xmRecord, |
|||
xmCost, |
|||
xmBudget, |
|||
xmContract, |
|||
xmEnvList, |
|||
xmMenuMng, |
|||
xmMenuWithPlan, |
|||
xmProjectStateMng, |
|||
xmGroupSelect, |
|||
XmIterationForProjectComplex, |
|||
XmIterationOverviewComplex, |
|||
XmProductForProjectComplex, |
|||
XmProjectComplex, |
|||
XmReport, |
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
initDicts(this); |
|||
var infotype = localStorage.getItem("iteration-infotype"); |
|||
if (infotype) { |
|||
this.infotype = infotype; |
|||
} |
|||
}); |
|||
|
|||
this.$nextTick(() => { |
|||
|
|||
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.pageMainRef.$el); |
|||
}); |
|||
}, |
|||
}; |
|||
</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> |
|||
@ -1,81 +0,0 @@ |
|||
<template> |
|||
<section> |
|||
<xm-iteration-info v-if="xmIteration" :xm-iteration="xmIteration" :visible="showInfo" @edit-fields="onEditFields"></xm-iteration-info> |
|||
</section> |
|||
</template> |
|||
|
|||
<script> |
|||
import util from '@/common/js/util';//全局公共库 |
|||
|
|||
import { mapGetters } from 'vuex'; |
|||
import XmIterationInfo from './XmIterationInfo' |
|||
import { listXmIterationWithState } from '@/api/xm/core/xmIteration'; |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
}, |
|||
watch:{ |
|||
|
|||
}, |
|||
data() { |
|||
return { |
|||
xmIteration:null, |
|||
showInfo:false, |
|||
} |
|||
},//end data |
|||
methods: { |
|||
initByQueryId(){ |
|||
if(this.$route.query && this.$route.query.id){ |
|||
var localStorageIteration=localStorage.getItem("xm-iteration-info-route") |
|||
var iteration=null; |
|||
if(localStorageIteration && localStorageIteration!='undefined'){ |
|||
iteration=JSON.parse(localStorageIteration) |
|||
if(iteration && iteration.id==this.$route.query.id){ |
|||
this.xmIteration=iteration |
|||
this.showInfo=true; |
|||
}else{ |
|||
this.getIteration(this.$route.query.id); |
|||
} |
|||
}else{ |
|||
this.getIteration(this.$route.query.id); |
|||
} |
|||
} |
|||
}, |
|||
getIteration(id){ |
|||
listXmIterationWithState({id:id}).then(res=>{ |
|||
var tips = res.data.tips; |
|||
if(tips.isOk){ |
|||
this.xmIteration=res.data.data[0] |
|||
localStorage.setItem("xm-iteration-info-route",JSON.stringify(this.xmIteration)) |
|||
this.showInfo=true; |
|||
}else{ |
|||
|
|||
} |
|||
}) |
|||
}, |
|||
onEditFields(row){ |
|||
|
|||
Object.assign(this.xmIteration,row) |
|||
localStorage.setItem("xm-iteration-info-route",JSON.stringify(this.xmIteration)); |
|||
} |
|||
|
|||
|
|||
},//end methods |
|||
components: { |
|||
XmIterationInfo, |
|||
//在下面添加其它组件 |
|||
}, |
|||
activated(){ |
|||
this.initByQueryId(); |
|||
}, |
|||
mounted() { |
|||
this.initByQueryId(); |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style scoped> |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue