end7less
/
program_xm_vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化

master
陈裕财 4 years ago
parent
02a0b94b61
commit
b24e1f63ea
2 changed files with 773 additions and 318 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 808
      src/views/xm/core/xmIteration/XmIterationInfo.vue
  2. 13
      src/views/xm/core/xmIteration/XmIterationOverview.vue

808
src/views/xm/core/xmIteration/XmIterationInfo.vue
View File

@ -1,19 +1,50 @@
<template> <template>
<section class="page-container ">
<section class="page-container">
<el-row> <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"><i class="el-icon-back" ></i></span>
<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"><i class="el-icon-back"></i></span>
</el-menu-item> </el-menu-item>
<el-menu-item index="迭代概览" >
<span slot="title" style="font-size:18px;color:#409eff;" class="hidden-md-and-down" :title="xmIteration.iterationName">
<font v-if="xmIteration.iterationName.length>=15"><strong>迭代:&nbsp;&nbsp;{{xmIteration.iterationName.substring(0,15)}}</strong></font>
<font type="danger" v-else><strong>迭代:&nbsp;&nbsp;{{xmIteration.iterationName}}</strong></font>
<el-menu-item index="迭代概览">
<span
slot="title"
style="font-size: 18px; color: #409eff"
class="hidden-md-and-down"
:title="xmIteration.iterationName"
>
<font v-if="xmIteration.iterationName.length >= 15"
><strong
>迭代:&nbsp;&nbsp;{{
xmIteration.iterationName.substring(0, 15)
}}</strong
></font
>
<font type="danger" v-else
><strong
>迭代:&nbsp;&nbsp;{{ xmIteration.iterationName }}</strong
></font
>
</span> </span>
<span slot="title" style="color:#409eff;" class="hidden-lg-and-up" :title="xmIteration.iterationName">
<font v-if="xmIteration.iterationName.length>=15">迭代:&nbsp;{{xmIteration.iterationName.substring(0,15)}}</font>
<font type="danger" v-else>迭代:&nbsp;{{xmIteration.iterationName}}</font>
<span
slot="title"
style="color: #409eff"
class="hidden-lg-and-up"
:title="xmIteration.iterationName"
>
<font v-if="xmIteration.iterationName.length >= 15"
>迭代:&nbsp;{{ xmIteration.iterationName.substring(0, 15) }}</font
>
<font type="danger" v-else
>迭代:&nbsp;{{ xmIteration.iterationName }}</font
>
</span> </span>
</el-menu-item> </el-menu-item>
<el-menu-item label="项目" index="项目" class="hidden-sm-and-down"> <el-menu-item label="项目" index="项目" class="hidden-sm-and-down">
@ -32,224 +63,650 @@
<span slot="title"><i class="el-icon-s-data"></i>效能</span> <span slot="title"><i class="el-icon-s-data"></i>效能</span>
</el-menu-item> </el-menu-item>
</el-menu> </el-menu>
</el-row>
<el-row ref="pageMainRef">
<el-col
:span="infotype == '迭代概览' ? 6 : 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="infotype = '产品'"
>配置需求范围</el-button
>
<el-button
class="step-btn"
type="warning"
size="mini"
plain
@click="infotype = '产品'"
>开启需求评审</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="infotype = '产品'"
>配置需求范围</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="infotype = '产品'"
>确认需求范围</el-button
>
<el-button
class="step-btn"
type="warning"
size="mini"
plain
@click="editXmProjectSomeFields(xmIteration, 'istatus', '2')"
>缺陷登记</el-button
>
<el-button
class="step-btn"
type="warning"
size="mini"
plain
@click="infotype = '产品'"
>进入计划会</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="infotype = '合同管理'"
>迭代计划</el-button
>
<el-button
class="step-btn"
type="warning"
size="mini"
plain
@click="infotype = '团队'"
>任务管理</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="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="warning"
size="mini"
plain
@click="editXmProjectSomeFields(xmIteration, 'istatus', '5')"
>设为测试中</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="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="warning"
size="mini"
plain
@click="editXmProjectSomeFields(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="warning"
size="mini"
plain
@click="editXmProjectSomeFields(xmIteration, 'istatus', '5')"
>设为已完成</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="warning"
size="mini"
plain
@click="editXmProjectSomeFields(xmIteration, 'istatus', '7')"
>设为已关闭</el-button
>
</span>
<span v-if="xmIteration.istatus != i.id">
<xm-iteration-overview-complex v-if="infotype=='迭代概览'" :xm-iteration="xmIteration"></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" :disabled-mng="false"></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>
</span>
</el-row>
<el-row v-else-if="i.id == '7'"
><!--已关闭-->
<span v-if="xmIteration.istatus == i.id">
<el-button
class="step-btn"
type="warning"
size="mini"
plain
@click="editXmProjectSomeFields(xmIteration, 'istatus', '7')"
>重新打开</el-button
>
</span>
</el-row>
</el-row>
</el-step>
</el-steps>
</el-col>
<el-col :span="infotype == '迭代概览' ? 18 : 24">
<xm-iteration-overview-complex
v-if="infotype == '迭代概览'"
:xm-iteration="xmIteration"
></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"
:disabled-mng="false"
></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-drawer>
</el-col>
</el-row> </el-row>
</section> </section>
</template> </template>
<script> <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 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 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 '../xmContract/XmContractMng';
import xmEnvList from '../xmEnvList/XmEnvListMng';
import xmMenuMng from '../xmMenu/XmMenuMng';
import xmMenuWithPlan from '../xmMenu/XmMenuWithPlan';
import xmProjectStateMng from '../xmProjectState/XmProjectStateMng';
import xmTestCaseExecMng from '../xmTestCaseExec/XmTestCaseExecMng';
import XmIterationForProjectComplex from './XmIterationForLinkComplex.vue';
import XmIterationOverviewComplex from '../xmIteration/XmIterationOverviewComplex.vue';
import XmProductForProjectComplex from '../xmProduct/XmProductForLinkComplex.vue';
import XmProjectComplex from '../xmProject/XmProjectForLinkComplex.vue';
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 "../xmContract/XmContractMng";
import xmEnvList from "../xmEnvList/XmEnvListMng";
import xmMenuMng from "../xmMenu/XmMenuMng";
import xmMenuWithPlan from "../xmMenu/XmMenuWithPlan";
import xmProjectStateMng from "../xmProjectState/XmProjectStateMng";
import xmTestCaseExecMng from "../xmTestCaseExec/XmTestCaseExecMng";
import XmIterationForProjectComplex from "./XmIterationForLinkComplex.vue";
import XmIterationOverviewComplex from "../xmIteration/XmIterationOverviewComplex.vue";
import XmProductForProjectComplex from "../xmProduct/XmProductForLinkComplex.vue";
import XmProjectComplex from "../xmProject/XmProjectForLinkComplex.vue";
import XmReport from '@/views/xm/rpt/reportIndex';
import XmReport from "@/views/xm/rpt/reportIndex";
export default {
props: ["xmIteration","visible"],
export default {
props: ["xmIteration", "visible"],
computed: { computed: {
...mapGetters([
'userInfo','roles'
]),
...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:{
}, },
watch: {},
data() { data() {
return { return {
platformViewVisible:false,
tabPosition:'left',
infotype:"迭代概览",
load:{list:false,edit:false},
groupUserVisible:false,
exportArr: ['任务', '计划', '需求监控']
dicts: { iterationStatus: [] },
platformViewVisible: false,
tabPosition: "left",
infotype: "迭代概览",
load: { list: false, edit: false },
groupUserVisible: false,
exportArr: ["任务", "计划", "需求监控"],
maxTableHeight: 300,
/**end 自定义属性请在上面加 请加备注**/ /**end 自定义属性请在上面加 请加备注**/
}
},//end data
};
}, //end data
methods: { methods: {
afterEditSubmit:function(project){
this.$emit("submit",project)
...util,
afterEditSubmit: function (project) {
this.$emit("submit", project);
}, },
toArchive:function(){
toArchive: function () {
this.$router.push({ this.$router.push({
path: "/mdp/arc/mate/archive/ArchiveMng"
path: "/mdp/arc/mate/archive/ArchiveMng",
}); });
}, },
toIm:function(){
this.groupUserVisible=true
toIm: function () {
this.groupUserVisible = true;
}, },
toHelpMe:function(){
toHelpMe: function () {
this.$router.push({ this.$router.push({
path: "/mdp/im/messages/crmChat", path: "/mdp/im/messages/crmChat",
query:{
categoryId:'css',
sendContent:'咨询'
}
query: {
categoryId: "css",
sendContent: "咨询",
},
}); });
}, },
handleMenuSelect(menuId){
this.infotype=menuId
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"
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({ this.$router.push({
path: "/mdp/im/messages/messageChat", path: "/mdp/im/messages/messageChat",
query: query
query: query,
}); });
} }
}, },
setInfotype(infotype){
this.infotype=infotype;
setInfotype(infotype) {
this.infotype = infotype;
if(infotype=='返回'){
this.goBack()
}else{
localStorage.setItem('iteration-infotype',infotype);
if (infotype == "返回") {
this.goBack();
} else {
localStorage.setItem("iteration-infotype", infotype);
} }
}, },
handleExport() { handleExport() {
this.downloadLoading = true
this.downloadLoading = true;
let list = []; let list = [];
let header = []; let header = [];
let keyList = []; let keyList = [];
let pageNum = 1; let pageNum = 1;
let infotypeKey = '';
if (this.infotype === '任务') {
header = ['序号', '任务名称', '需求', '预算(万)', '工作量（人时）', '执行人', '进度', '任务开始时间', '任务结束时间', '任务技能需求'];
keyList = ['sortLevel', 'name', 'menuName', 'budgetCost', 'budgetWorkload', 'exeUsernames', 'rate', 'startTime', 'endTime', 'taskSkillNames'];
let infotypeKey = "";
if (this.infotype === "任务") {
header = [
"序号",
"任务名称",
"需求",
"预算(万)",
"工作量（人时）",
"执行人",
"进度",
"任务开始时间",
"任务结束时间",
"任务技能需求",
];
keyList = [
"sortLevel",
"name",
"menuName",
"budgetCost",
"budgetWorkload",
"exeUsernames",
"rate",
"startTime",
"endTime",
"taskSkillNames",
];
list = this.$refs.xmTaskMng.tasksTreeData; list = this.$refs.xmTaskMng.tasksTreeData;
pageNum = this.$refs.xmTaskMng.pageInfo.pageNum; 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'];
} 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; list = this.$refs.xmPhaseMng.projectPhaseTreeData;
pageNum = this.$refs.xmPhaseMng.pageInfo.pageNum; 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'];
} 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; list = this.$refs.xmMenuWithPlan.xmMenusTreeData;
pageNum = this.$refs.xmMenuWithPlan.pageInfo.pageNum; pageNum = this.$refs.xmMenuWithPlan.pageInfo.pageNum;
} }
const filename = `${this.xmIteration.iterationName}_${this.infotype}_第${pageNum}页`; const filename = `${this.xmIteration.iterationName}_${this.infotype}_第${pageNum}页`;
const data = this.formatJson(keyList, list); const data = this.formatJson(keyList, list);
import('@/vendor/Export2Excel').then(excel => {
import("@/vendor/Export2Excel").then((excel) => {
excel.export_json_to_excel({ excel.export_json_to_excel({
header, header,
data, data,
filename, filename,
// autoWidth: this.autoWidth, // autoWidth: this.autoWidth,
bookType: 'xlsx'
})
this.downloadLoading = false
})
bookType: "xlsx",
});
this.downloadLoading = false;
});
}, },
formatJson(filterVal, jsonData, dataList = []) { formatJson(filterVal, jsonData, dataList = []) {
if (this.infotype == '任务') {
jsonData.forEach(v => {
const row = filterVal.map(j => {
let key = '';
if (this.infotype == "任务") {
jsonData.forEach((v) => {
const row = filterVal.map((j) => {
let key = "";
return v[j]; return v[j];
})
});
dataList.push(row); dataList.push(row);
if (v.children && v.children.length) { if (v.children && v.children.length) {
dataList = this.formatJson(filterVal, v.children, dataList); dataList = this.formatJson(filterVal, v.children, dataList);
} }
})
});
return dataList; return dataList;
} else if (this.infotype == '计划') {
} else if (this.infotype == "计划") {
const bizFlowStateDict = { 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') {
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]}`; return `${bizFlowStateDict[parseInt(v[j]) || 0]}`;
} else { } else {
return v[j]; return v[j];
} }
})
});
dataList.push(row); dataList.push(row);
if (v.children && v.children.length) { if (v.children && v.children.length) {
dataList = this.formatJson(filterVal, v.children, dataList); dataList = this.formatJson(filterVal, v.children, dataList);
} }
})
});
return 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 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 { } else {
return v[j]; return v[j];
} }
const dicts = this.$refs.xmMenuWithPlan.dicts; const dicts = this.$refs.xmMenuWithPlan.dicts;
if(dicts[key]==undefined || dicts[key]==null || dicts[key].length==0 ){
if (
dicts[key] == undefined ||
dicts[key] == null ||
dicts[key].length == 0
) {
return v[j]; return v[j];
} }
var rowData=dicts[key].filter(i=>i.id==v[j])
if(rowData.length>0){
return rowData[0].name
}else{
var rowData = dicts[key].filter((i) => i.id == v[j]);
if (rowData.length > 0) {
return rowData[0].name;
} else {
return v[j]; return v[j];
} }
}); });
@ -257,23 +714,22 @@
if (v.children && v.children.length) { if (v.children && v.children.length) {
dataList = this.formatJson(filterVal, v.children, dataList); dataList = this.formatJson(filterVal, v.children, dataList);
} }
})
});
return dataList; return dataList;
} }
}, },
getDateString(dateStr){
if(dateStr==null || dateStr=="" || dateStr==undefined){
return ""
}else{
return dateStr.substr(0,10);
getDateString(dateStr) {
if (dateStr == null || dateStr == "" || dateStr == undefined) {
return "";
} else {
return dateStr.substr(0, 10);
} }
}, },
goBack(){
localStorage.setItem('iteration-infotype',"迭代概览");
this.$router.back()
}
},//end methods
goBack() {
localStorage.setItem("iteration-infotype", "迭代概览");
this.$router.back();
},
}, //end methods
components: { components: {
xmTaskMng, xmTaskMng,
xmGroupMng, xmGroupMng,
@ -301,26 +757,38 @@
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
var infotype=localStorage.getItem('iteration-infotype');
if(infotype){
this.infotype=infotype
initSimpleDicts("all", ["iterationStatus"]).then((res) => {
if (res.data.tips.isOk) {
this.dicts["iterationStatus"] = res.data.data.iterationStatus;
} }
}); });
var infotype = localStorage.getItem("iteration-infotype");
if (infotype) {
this.infotype = infotype;
} }
}
});
this.$nextTick(() => {
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.pageMainRef.$el);
});
},
};
</script> </script>
<style rel="stylesheet/scss" lang="scss" scoped> <style rel="stylesheet/scss" lang="scss" scoped>
.menus{
.el-menu-item{
.menus {
.el-menu-item {
padding-left: 0px !important; padding-left: 0px !important;
} }
}
}
/* 超过宽度则用...代替 */ /* 超过宽度则用...代替 */
.truncate{
.truncate {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.step-btn{
margin-left:0px;margin-bottom: 5px;
}
</style> </style>

13
src/views/xm/core/xmIteration/XmIterationOverview.vue
View File

@ -1,19 +1,6 @@
<template> <template>
<section class="page-container padding"> <section class="page-container padding">
<el-row class="page-main" :style="{overflowX:'hidden',height:maxTableHeight+'px'}" ref="pageMainRef"> <el-row class="page-main" :style="{overflowX:'hidden',height:maxTableHeight+'px'}" ref="pageMainRef">
<el-row style="margin-bottom:10px">
<el-card class="box-card" style="padding:0px ;height:100px">
<div>
<el-row style="padding:10px">
<el-steps :active="calcXmIterationPstatusStep" align-center finish-status="success">
<el-step v-for="(i,index) in dicts['iterationStatus']" :title="i.name" :key="index" >
</el-step>
</el-steps>
</el-row>
</div>
</el-card>
</el-row>
<el-row :gutter="10" style="margin-bottom:10px"> <el-row :gutter="10" style="margin-bottom:10px">
<el-col :span="8" > <el-col :span="8" >
<el-card class="box-card" style="padding:0px ;height:425px"> <el-card class="box-card" style="padding:0px ;height:425px">

Write Preview
Loading…
Cancel
Save