|
|
|
@ -1,10 +1,32 @@ |
|
|
|
<template> |
|
|
|
<section> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-row ref="pageBody" |
|
|
|
<section> |
|
|
|
<el-row> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-row class="padding"> |
|
|
|
<el-col :span="20"> |
|
|
|
<xm-product-select |
|
|
|
ref="xmProductSelect" |
|
|
|
:auto-select="true" |
|
|
|
:link-project-id="selProject ? selProject.id : null" |
|
|
|
:iterationId="xmIteration ? xmIteration.id : null" |
|
|
|
@row-click="onProductRowClick" |
|
|
|
@clear="onProductClearSelect" |
|
|
|
></xm-product-select> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-link |
|
|
|
type="warning" |
|
|
|
@click="addProductVisible = true" |
|
|
|
icon="el-icon-plus" |
|
|
|
>产品</el-link |
|
|
|
> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row |
|
|
|
ref="pageBody" |
|
|
|
class="padding border" |
|
|
|
:style="{ maxHeight: maxTableHeight + 'px', overflowY: 'auto' }"> |
|
|
|
:style="{ maxHeight: maxTableHeight + 'px', overflowY: 'auto' }" |
|
|
|
> |
|
|
|
<h4 class="padding-bottom">常用功能导航</h4> |
|
|
|
<el-steps |
|
|
|
:active="calcProductPstatusStep" |
|
|
|
@ -25,17 +47,9 @@ |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype='需求'" |
|
|
|
@click="showPanel = 'menus'" |
|
|
|
>需求管理</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="linkProject()" |
|
|
|
>关联项目</el-button |
|
|
|
> |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
@ -53,16 +67,8 @@ |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype = '需求'" |
|
|
|
@click="showPanel = 'menus'" |
|
|
|
>需求管理</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="linkProject()" |
|
|
|
>关联项目</el-button |
|
|
|
> |
|
|
|
</span> |
|
|
|
</el-row> |
|
|
|
@ -74,33 +80,17 @@ |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype='迭代'" |
|
|
|
@click="showPanel = 'iterationProductLink'" |
|
|
|
>迭代管理</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype='缺陷'" |
|
|
|
@click="showPanel = 'bugs'" |
|
|
|
>缺陷管理</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 |
|
|
|
> |
|
|
|
> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
@ -112,44 +102,28 @@ |
|
|
|
>设为已完成</el-button |
|
|
|
> |
|
|
|
</span> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype='迭代'" |
|
|
|
@click="showPanel = 'iterationProductLink'" |
|
|
|
>迭代管理</el-button |
|
|
|
> |
|
|
|
<el-button |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
size="mini" |
|
|
|
plain |
|
|
|
@click="infotype='缺陷'" |
|
|
|
@click="showPanel = 'bugs'" |
|
|
|
>缺陷管理</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> |
|
|
|
</el-row> |
|
|
|
<el-row v-else-if="i.id == '2'" |
|
|
|
><!--已完成--> |
|
|
|
<span v-if="xmProduct.pstatus == i.id"> |
|
|
|
<span v-if="xmProduct.pstatus == i.id"> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
@ -161,13 +135,11 @@ |
|
|
|
>设为已关闭</el-button |
|
|
|
> |
|
|
|
</span> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> </span> |
|
|
|
</el-row> |
|
|
|
<el-row v-else-if="i.id == '3'" |
|
|
|
><!--已关闭--> |
|
|
|
<span v-if="xmProduct.pstatus == i.id"> |
|
|
|
<span v-if="xmProduct.pstatus == i.id"> |
|
|
|
<el-button |
|
|
|
class="step-btn" |
|
|
|
type="warning" |
|
|
|
@ -179,334 +151,430 @@ |
|
|
|
>重新打开</el-button |
|
|
|
> |
|
|
|
</span> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> |
|
|
|
|
|
|
|
</span> |
|
|
|
</el-row> |
|
|
|
<span v-if="xmProduct.pstatus != i.id"> </span> |
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-step> |
|
|
|
</el-steps> |
|
|
|
</el-row> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20"> |
|
|
|
<el-tabs :value="showPanel" @tab-click="tabClick"> |
|
|
|
<el-tab-pane disabled> |
|
|
|
<div slot="label"> |
|
|
|
<xm-product-select ref="xmProductSelect" :auto-select="true" :link-project-id="selProject?selProject.id:null" :iterationId="xmIteration?xmIteration.id:null" @row-click="onProductRowClick" @clear="onProductClearSelect"></xm-product-select> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane disabled> |
|
|
|
<div slot="label"> |
|
|
|
<el-link type="warning" slot="reference" @click="addProductVisible=true" icon="el-icon-plus">产品</el-link> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="产品概览" name="productOverview" v-if="xmProduct && xmProduct.id"> |
|
|
|
<xm-product-overview v-if="xmProduct && showPanel=='productOverview'" :xm-product="xmProduct" :sel-project="selProject"></xm-product-overview> |
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="执行统计" name="productCalc" v-if="xmProduct && xmProduct.id"> |
|
|
|
<div v-if="showPanel=='productCalc'" class="padding-left padding-right"> |
|
|
|
<el-row> |
|
|
|
<el-button type="primary" @click="loadTasksToXmProductState" v-loading="load.calcProduct">计算产品汇总数据</el-button> |
|
|
|
<br> |
|
|
|
<font color="blue" style="font-size:10px;">将从项目任务及产品任务中汇总进度、预算工作量、实际工作量、预算金额、实际金额、缺陷数、需求数等数据到产品统计表</font> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-button type="primary" @click="loadTasksToXmMenuState" v-loading="load.calcMenu">计算所有需求数据</el-button> |
|
|
|
<br> |
|
|
|
<font color="blue" style="font-size:10px;">将从项目任务汇总进度、预算工作量、实际工作量、预算金额、实际金额等数据到需求统计表</font> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
|
|
|
|
<el-tab-pane label="产品详情" name="detail" v-if="xmProduct && xmProduct.id"> |
|
|
|
<xm-product-edit v-if="showPanel=='detail'" :xm-product="xmProduct"></xm-product-edit> |
|
|
|
|
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="配置关联的项目" lazy name="productProjectLink" v-if="xmProduct && xmProduct.id && !selProject"> |
|
|
|
<xm-product-project-link-mng v-if="showPanel=='productProjectLink'" :xm-product="xmProduct"></xm-product-project-link-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="迭代" name="iterationProductLink" v-if="xmProduct && xmProduct.id" > |
|
|
|
<xm-iteration-mng v-if="showPanel=='iterationProductLink'" :xm-product="xmProduct"></xm-iteration-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="需求" lazy name="menus" v-if="xmProduct && xmProduct.id"> |
|
|
|
<xm-menu-mng v-if="xmProduct && showPanel=='menus'" :xm-product="xmProduct" :xm-iteration="xmIteration" :sel-project="selProject" :disabled-mng="true"></xm-menu-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="任务" lazy name="tasks" v-if="xmProduct && xmProduct.id"> |
|
|
|
<xm-task-mng v-if="xmProduct && showPanel=='tasks'" queryScope="task" ptype="0" :xm-product="xmProduct" :xm-iteration="xmIteration" :sel-project="selProject"></xm-task-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane label="缺陷" lazy name="bugs" v-if="xmProduct && xmProduct.id"> |
|
|
|
<xm-question-mng v-if="xmProduct && showPanel=='bugs'" :xm-product="xmProduct" :xm-iteration="xmIteration" :sel-project="selProject"></xm-question-mng> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<el-row> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
</el-row> |
|
|
|
</el-col> |
|
|
|
<el-col :span="20" class="padding-left"> |
|
|
|
<el-tabs :value="showPanel" @tab-click="tabClick"> |
|
|
|
<el-tab-pane |
|
|
|
label="产品概览" |
|
|
|
name="productOverview" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-product-overview |
|
|
|
v-if="xmProduct && showPanel == 'productOverview'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
:sel-project="selProject" |
|
|
|
></xm-product-overview> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="执行统计" |
|
|
|
name="productCalc" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<div |
|
|
|
v-if="showPanel == 'productCalc'" |
|
|
|
class="padding-left padding-right" |
|
|
|
> |
|
|
|
<el-row> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
@click="loadTasksToXmProductState" |
|
|
|
v-loading="load.calcProduct" |
|
|
|
>计算产品汇总数据</el-button |
|
|
|
> |
|
|
|
<br /> |
|
|
|
<font color="blue" style="font-size: 10px" |
|
|
|
>将从项目任务及产品任务中汇总进度、预算工作量、实际工作量、预算金额、实际金额、缺陷数、需求数等数据到产品统计表</font |
|
|
|
> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-button |
|
|
|
type="primary" |
|
|
|
@click="loadTasksToXmMenuState" |
|
|
|
v-loading="load.calcMenu" |
|
|
|
>计算所有需求数据</el-button |
|
|
|
> |
|
|
|
<br /> |
|
|
|
<font color="blue" style="font-size: 10px" |
|
|
|
>将从项目任务汇总进度、预算工作量、实际工作量、预算金额、实际金额等数据到需求统计表</font |
|
|
|
> |
|
|
|
</el-row> |
|
|
|
</div> |
|
|
|
</el-tab-pane> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
<el-tab-pane |
|
|
|
label="产品详情" |
|
|
|
name="detail" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-product-edit |
|
|
|
v-if="showPanel == 'detail'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
></xm-product-edit> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="配置关联的项目" |
|
|
|
lazy |
|
|
|
name="productProjectLink" |
|
|
|
v-if="xmProduct && xmProduct.id && !selProject" |
|
|
|
> |
|
|
|
<xm-product-project-link-mng |
|
|
|
v-if="showPanel == 'productProjectLink'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
></xm-product-project-link-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="迭代" |
|
|
|
name="iterationProductLink" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-iteration-mng |
|
|
|
v-if="showPanel == 'iterationProductLink'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
></xm-iteration-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="需求" |
|
|
|
lazy |
|
|
|
name="menus" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-menu-mng |
|
|
|
v-if="xmProduct && showPanel == 'menus'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
:xm-iteration="xmIteration" |
|
|
|
:sel-project="selProject" |
|
|
|
:disabled-mng="true" |
|
|
|
></xm-menu-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="任务" |
|
|
|
lazy |
|
|
|
name="tasks" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-task-mng |
|
|
|
v-if="xmProduct && showPanel == 'tasks'" |
|
|
|
queryScope="task" |
|
|
|
ptype="0" |
|
|
|
:xm-product="xmProduct" |
|
|
|
:xm-iteration="xmIteration" |
|
|
|
:sel-project="selProject" |
|
|
|
></xm-task-mng> |
|
|
|
</el-tab-pane> |
|
|
|
<el-tab-pane |
|
|
|
label="缺陷" |
|
|
|
lazy |
|
|
|
name="bugs" |
|
|
|
v-if="xmProduct && xmProduct.id" |
|
|
|
> |
|
|
|
<xm-question-mng |
|
|
|
v-if="xmProduct && showPanel == 'bugs'" |
|
|
|
:xm-product="xmProduct" |
|
|
|
:xm-iteration="xmIteration" |
|
|
|
:sel-project="selProject" |
|
|
|
></xm-question-mng> |
|
|
|
</el-tab-pane> |
|
|
|
</el-tabs> |
|
|
|
<el-row> </el-row> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
|
|
|
|
</el-row> |
|
|
|
|
|
|
|
<el-dialog append-to-body |
|
|
|
top="20px" |
|
|
|
width="60%" |
|
|
|
:visible.sync="addProductVisible" > |
|
|
|
<xm-product-add @cancel="addProductVisible=false" :sel-project="selProject" @submit="afterAddProductSubmit"></xm-product-add> |
|
|
|
</el-dialog> |
|
|
|
</section> |
|
|
|
<el-dialog |
|
|
|
append-to-body |
|
|
|
top="20px" |
|
|
|
width="60%" |
|
|
|
:visible.sync="addProductVisible" |
|
|
|
> |
|
|
|
<xm-product-add |
|
|
|
@cancel="addProductVisible = false" |
|
|
|
:sel-project="selProject" |
|
|
|
@submit="afterAddProductSubmit" |
|
|
|
></xm-product-add> |
|
|
|
</el-dialog> |
|
|
|
</section> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import util from '@/common/js/util';//全局公共库 |
|
|
|
import config from '@/common/config';//全局公共库 |
|
|
|
import XmIterationMng from '../xmIteration/XmIterationMng.vue' |
|
|
|
import XmMenuMng from '../xmMenu/XmMenuBox.vue' |
|
|
|
import XmIterationStateShow from '../xmIterationState/XmIterationStateShow.vue' |
|
|
|
import { mapGetters } from 'vuex' |
|
|
|
import XmProductMng from './XmProductMng.vue'; |
|
|
|
import XmTaskMng from '../xmTask/XmTaskMng.vue'; |
|
|
|
import XmQuestionMng from '../xmQuestion/XmQuestionMng.vue'; |
|
|
|
import XmProjectForLink from '../xmProject/XmProjectForLink.vue'; |
|
|
|
import util from "@/common/js/util"; //全局公共库 |
|
|
|
import config from "@/common/config"; //全局公共库 |
|
|
|
import XmIterationMng from "../xmIteration/XmIterationMng.vue"; |
|
|
|
import XmMenuMng from "../xmMenu/XmMenuBox.vue"; |
|
|
|
import XmIterationStateShow from "../xmIterationState/XmIterationStateShow.vue"; |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import XmProductMng from "./XmProductMng.vue"; |
|
|
|
import XmTaskMng from "../xmTask/XmTaskMng.vue"; |
|
|
|
import XmQuestionMng from "../xmQuestion/XmQuestionMng.vue"; |
|
|
|
import XmProjectForLink from "../xmProject/XmProjectForLink.vue"; |
|
|
|
|
|
|
|
import XmProductSelect from '@/views/xm/core/components/XmProductSelect.vue'; |
|
|
|
import XmProductProjectForLink from './XmProductProjectForLink.vue'; |
|
|
|
import XmProductOverview from "./XmProductOverview"; |
|
|
|
import XmIterationLinkForProduct from '../xmIterationLink/XmIterationLinkForProduct.vue'; |
|
|
|
import XmProductProjectLinkMng from '../xmProductProjectLink/XmProductProjectLinkMng.vue'; |
|
|
|
import XmProductSelect from "@/views/xm/core/components/XmProductSelect.vue"; |
|
|
|
import XmProductProjectForLink from "./XmProductProjectForLink.vue"; |
|
|
|
import XmProductOverview from "./XmProductOverview"; |
|
|
|
import XmIterationLinkForProduct from "../xmIterationLink/XmIterationLinkForProduct.vue"; |
|
|
|
import XmProductProjectLinkMng from "../xmProductProjectLink/XmProductProjectLinkMng.vue"; |
|
|
|
|
|
|
|
import { loadTasksToXmProductState } from '@/api/xm/core/xmProductState'; |
|
|
|
import { initDicts,editXmProductSomeFields } from '@/api/xm/core/xmProduct'; |
|
|
|
import { loadTasksToXmMenuState} from '@/api/xm/core/xmMenuState'; |
|
|
|
import XmProductEdit from './XmProductEdit.vue'; |
|
|
|
import XmProductAdd from './XmProductAdd';//新增界面 |
|
|
|
import { loadTasksToXmProductState } from "@/api/xm/core/xmProductState"; |
|
|
|
import { initDicts, editXmProductSomeFields } from "@/api/xm/core/xmProduct"; |
|
|
|
import { loadTasksToXmMenuState } from "@/api/xm/core/xmMenuState"; |
|
|
|
import XmProductEdit from "./XmProductEdit.vue"; |
|
|
|
import XmProductAdd from "./XmProductAdd"; //新增界面 |
|
|
|
|
|
|
|
export default { |
|
|
|
computed: { |
|
|
|
...mapGetters([ |
|
|
|
'userInfo','roles' |
|
|
|
]), |
|
|
|
export default { |
|
|
|
computed: { |
|
|
|
...mapGetters(["userInfo", "roles"]), |
|
|
|
|
|
|
|
calcProductPstatusStep() { |
|
|
|
if (this.dicts["xmProductPstatus"] && this.xmProduct) { |
|
|
|
var index = this.dicts["xmProductPstatus"].findIndex((i) => { |
|
|
|
if (i.id == this.xmProduct.pstatus) { |
|
|
|
return true; |
|
|
|
} else { |
|
|
|
return false; |
|
|
|
} |
|
|
|
}); |
|
|
|
return index + 1; |
|
|
|
} else { |
|
|
|
return 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
props:['visible','selProject','xmIteration'], |
|
|
|
watch:{ |
|
|
|
visible:function(visible){ |
|
|
|
if(visible==true){ |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return{ |
|
|
|
load:{ |
|
|
|
calcProduct:false, |
|
|
|
}, |
|
|
|
dicts:{xmProductPstatus:[]}, |
|
|
|
xmProduct:null, |
|
|
|
showPanel:'productOverview',//menus,tasks,bugs,iterationStateShow |
|
|
|
productVisible:true, |
|
|
|
addProductVisible:false, |
|
|
|
maxTableHeight:300, |
|
|
|
/**end 自定义属性请在上面加 请加备注**/ |
|
|
|
} |
|
|
|
},//end data |
|
|
|
methods: { |
|
|
|
loadTasksToXmProductState: function () { |
|
|
|
this.load.calcProduct=true; |
|
|
|
calcProductPstatusStep() { |
|
|
|
if (this.dicts["xmProductPstatus"] && this.xmProduct) { |
|
|
|
var index = this.dicts["xmProductPstatus"].findIndex((i) => { |
|
|
|
if (i.id == this.xmProduct.pstatus) { |
|
|
|
return true; |
|
|
|
} else { |
|
|
|
return false; |
|
|
|
} |
|
|
|
}); |
|
|
|
return index + 1; |
|
|
|
} else { |
|
|
|
return 0; |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
props: ["visible", "selProject", "xmIteration"], |
|
|
|
watch: { |
|
|
|
visible: function (visible) { |
|
|
|
if (visible == true) { |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
load: { |
|
|
|
calcProduct: false, |
|
|
|
}, |
|
|
|
dicts: { xmProductPstatus: [] }, |
|
|
|
xmProduct: null, |
|
|
|
showPanel: "productOverview", //menus,tasks,bugs,iterationStateShow |
|
|
|
productVisible: true, |
|
|
|
addProductVisible: false, |
|
|
|
maxTableHeight: 300, |
|
|
|
/**end 自定义属性请在上面加 请加备注**/ |
|
|
|
}; |
|
|
|
}, //end data |
|
|
|
methods: { |
|
|
|
loadTasksToXmProductState: function () { |
|
|
|
this.load.calcProduct = true; |
|
|
|
|
|
|
|
let params = { productId: this.xmProduct.id }; |
|
|
|
loadTasksToXmProductState(params).then((res) => { |
|
|
|
this.load.calcProduct=false; |
|
|
|
var tips=res.data.tips; |
|
|
|
if(this.$refs['xmProductSelect']){ |
|
|
|
this.$refs['xmProductSelect'].reloadOne() |
|
|
|
} |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
|
|
|
}).catch( err => this.load.calcProduct=false ); |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
loadTasksToXmMenuState: function () { |
|
|
|
this.load.calcMenu=true; |
|
|
|
let params = { productId: this.xmProduct.id }; |
|
|
|
loadTasksToXmMenuState(params).then((res) => { |
|
|
|
this.load.calcMenu=false; |
|
|
|
var tips=res.data.tips; |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
|
|
|
}).catch( err => this.load.calcMenu=false ); |
|
|
|
}, |
|
|
|
let params = { productId: this.xmProduct.id }; |
|
|
|
loadTasksToXmProductState(params) |
|
|
|
.then((res) => { |
|
|
|
this.load.calcProduct = false; |
|
|
|
var tips = res.data.tips; |
|
|
|
if (this.$refs["xmProductSelect"]) { |
|
|
|
this.$refs["xmProductSelect"].reloadOne(); |
|
|
|
} |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: tips.msg, |
|
|
|
type: tips.isOk ? "success" : "error", |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch((err) => (this.load.calcProduct = false)); |
|
|
|
}, |
|
|
|
|
|
|
|
/**end 自定义函数请在上面加**/ |
|
|
|
onProductRowClick(xmProduct){ |
|
|
|
loadTasksToXmMenuState: function () { |
|
|
|
this.load.calcMenu = true; |
|
|
|
let params = { productId: this.xmProduct.id }; |
|
|
|
loadTasksToXmMenuState(params) |
|
|
|
.then((res) => { |
|
|
|
this.load.calcMenu = false; |
|
|
|
var tips = res.data.tips; |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: tips.msg, |
|
|
|
type: tips.isOk ? "success" : "error", |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch((err) => (this.load.calcMenu = false)); |
|
|
|
}, |
|
|
|
|
|
|
|
this.xmProduct=xmProduct |
|
|
|
}, |
|
|
|
afterAddProductSubmit(product){ |
|
|
|
this.$refs.xmProductSelect.xmProducts.push(product) |
|
|
|
this.$refs.xmProductSelect.rowClick(product) |
|
|
|
this.addProductVisible=false; |
|
|
|
}, |
|
|
|
onProductClearSelect(){ |
|
|
|
this.xmProduct=null; |
|
|
|
}, |
|
|
|
tabClick(tab){ |
|
|
|
if(this.xmProduct==null || !this.xmProduct.id){ |
|
|
|
this.productVisible=true; |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message:"请先选中左边产品", type: 'warning'}); |
|
|
|
} |
|
|
|
this.showPanel=tab.name |
|
|
|
}, |
|
|
|
/**end 自定义函数请在上面加**/ |
|
|
|
onProductRowClick(xmProduct) { |
|
|
|
this.xmProduct = xmProduct; |
|
|
|
}, |
|
|
|
afterAddProductSubmit(product) { |
|
|
|
this.$refs.xmProductSelect.xmProducts.push(product); |
|
|
|
this.$refs.xmProductSelect.rowClick(product); |
|
|
|
this.addProductVisible = false; |
|
|
|
}, |
|
|
|
onProductClearSelect() { |
|
|
|
this.xmProduct = null; |
|
|
|
}, |
|
|
|
tabClick(tab) { |
|
|
|
if (this.xmProduct == null || !this.xmProduct.id) { |
|
|
|
this.productVisible = true; |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: "请先选中左边产品", |
|
|
|
type: "warning", |
|
|
|
}); |
|
|
|
} |
|
|
|
this.showPanel = tab.name; |
|
|
|
}, |
|
|
|
|
|
|
|
editXmProductSomeFields(row,fieldName,$event){ |
|
|
|
var that=this; |
|
|
|
var func=(params)=>{ |
|
|
|
editXmProductSomeFields(params).then(res=>{ |
|
|
|
var tips = res.data.tips; |
|
|
|
if(tips.isOk){ |
|
|
|
this.$emit('edit-fields',params) |
|
|
|
Object.assign(row,params) |
|
|
|
this.xmProductBak=Object.assign({},row) |
|
|
|
}else{ |
|
|
|
Object.assign(this.xmProduct,this.xmProductBak) |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'}) |
|
|
|
} |
|
|
|
}) |
|
|
|
} |
|
|
|
var params={ids:[row.id]}; |
|
|
|
|
|
|
|
params[fieldName]=$event |
|
|
|
|
|
|
|
|
|
|
|
if(fieldName=='description'){ |
|
|
|
this.$refs.xmProduct.validateField('description',err=>{ |
|
|
|
if(err){ |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message: err,type: 'error'}) |
|
|
|
return; |
|
|
|
}else{ |
|
|
|
func(params) |
|
|
|
} |
|
|
|
}) |
|
|
|
}else if(fieldName=='name'){ |
|
|
|
this.$refs.xmProduct.validateField('name',err=>{ |
|
|
|
if(err){ |
|
|
|
this.$notify({position:'bottom-left',showClose:true,message: err,type: 'error'}) |
|
|
|
return; |
|
|
|
}else{ |
|
|
|
func(params) |
|
|
|
} |
|
|
|
}) |
|
|
|
}else{ |
|
|
|
func(params) |
|
|
|
} |
|
|
|
}, |
|
|
|
editXmProductSomeFields(row, fieldName, $event) { |
|
|
|
var that = this; |
|
|
|
var func = (params) => { |
|
|
|
editXmProductSomeFields(params).then((res) => { |
|
|
|
var tips = res.data.tips; |
|
|
|
if (tips.isOk) { |
|
|
|
this.$emit("edit-fields", params); |
|
|
|
Object.assign(row, params); |
|
|
|
this.xmProductBak = Object.assign({}, row); |
|
|
|
} else { |
|
|
|
Object.assign(this.xmProduct, this.xmProductBak); |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: tips.msg, |
|
|
|
type: tips.isOk ? "success" : "error", |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
}; |
|
|
|
var params = { ids: [row.id] }; |
|
|
|
|
|
|
|
goBack() { |
|
|
|
localStorage.setItem("product-infotype", "产品概览"); |
|
|
|
params[fieldName] = $event; |
|
|
|
|
|
|
|
if (window.history.length > 0) { |
|
|
|
this.$router.back(-1); |
|
|
|
} else { |
|
|
|
this.$router.push({ path: "/xm/core/xmProduct/XmProductMng" }); |
|
|
|
} |
|
|
|
}, |
|
|
|
if (fieldName == "description") { |
|
|
|
this.$refs.xmProduct.validateField("description", (err) => { |
|
|
|
if (err) { |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: err, |
|
|
|
type: "error", |
|
|
|
}); |
|
|
|
return; |
|
|
|
} else { |
|
|
|
func(params); |
|
|
|
} |
|
|
|
}); |
|
|
|
} else if (fieldName == "name") { |
|
|
|
this.$refs.xmProduct.validateField("name", (err) => { |
|
|
|
if (err) { |
|
|
|
this.$notify({ |
|
|
|
position: "bottom-left", |
|
|
|
showClose: true, |
|
|
|
message: err, |
|
|
|
type: "error", |
|
|
|
}); |
|
|
|
return; |
|
|
|
} else { |
|
|
|
func(params); |
|
|
|
} |
|
|
|
}); |
|
|
|
} else { |
|
|
|
func(params); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
onEditFields(row) { |
|
|
|
Object.assign(this.xmProduct, row); |
|
|
|
this.$emit("edit-fields", row); |
|
|
|
}, |
|
|
|
showCurrFlow() { |
|
|
|
this.$refs["产品概览"].showPanelName = "currFlow"; |
|
|
|
}, |
|
|
|
showHisFlow() { |
|
|
|
this.$refs["产品概览"].showPanelName = "hisFlow"; |
|
|
|
}, |
|
|
|
showDetail() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
}, |
|
|
|
showProjectGaiSuan() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["产品概览"].$refs["detail"].$refs[ |
|
|
|
"projectEdit" |
|
|
|
].currTabPane = "4"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
showProjectShouYi() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["产品概览"].$refs["detail"].$refs[ |
|
|
|
"projectEdit" |
|
|
|
].currTabPane = "5"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
showMenusPage() { |
|
|
|
this.infotype = "产品"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["xmProductComplex"].showPanel = "menus"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
linkProject() { |
|
|
|
this.$refs["xmProductComplex"].showPanelName = "productProjectLink"; |
|
|
|
}, |
|
|
|
createProduct() { |
|
|
|
this.infotype = "产品"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["xmProductComplex"].addProductVisible = true; |
|
|
|
}); |
|
|
|
}, |
|
|
|
},//end methods |
|
|
|
components: { |
|
|
|
//在下面添加其它组件 |
|
|
|
XmIterationMng, |
|
|
|
XmMenuMng, |
|
|
|
XmIterationStateShow, |
|
|
|
XmProductMng, |
|
|
|
XmTaskMng, |
|
|
|
XmQuestionMng, |
|
|
|
XmProductSelect, |
|
|
|
XmProjectForLink, |
|
|
|
XmProductProjectForLink, |
|
|
|
XmProductOverview, |
|
|
|
XmProductAdd, |
|
|
|
XmIterationLinkForProduct, |
|
|
|
XmProductProjectLinkMng, |
|
|
|
XmProductEdit, |
|
|
|
|
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(() => { |
|
|
|
initDicts(this) |
|
|
|
|
|
|
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.pageBody.$el); |
|
|
|
goBack() { |
|
|
|
localStorage.setItem("product-showPanel", "产品概览"); |
|
|
|
|
|
|
|
}); |
|
|
|
if (window.history.length > 0) { |
|
|
|
this.$router.back(-1); |
|
|
|
} else { |
|
|
|
this.$router.push({ path: "/xm/core/xmProduct/XmProductMng" }); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
onEditFields(row) { |
|
|
|
Object.assign(this.xmProduct, row); |
|
|
|
this.$emit("edit-fields", row); |
|
|
|
}, |
|
|
|
showCurrFlow() { |
|
|
|
this.$refs["产品概览"].showPanelName = "currFlow"; |
|
|
|
}, |
|
|
|
showHisFlow() { |
|
|
|
this.$refs["产品概览"].showPanelName = "hisFlow"; |
|
|
|
}, |
|
|
|
showDetail() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
}, |
|
|
|
showProjectGaiSuan() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["产品概览"].$refs["detail"].$refs[ |
|
|
|
"projectEdit" |
|
|
|
].currTabPane = "4"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
showProjectShouYi() { |
|
|
|
this.$refs["产品概览"].showPanelName = "detail"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["产品概览"].$refs["detail"].$refs[ |
|
|
|
"projectEdit" |
|
|
|
].currTabPane = "5"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
showMenusPage() { |
|
|
|
this.showPanel = "产品"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["xmProductComplex"].showPanel = "menus"; |
|
|
|
}); |
|
|
|
}, |
|
|
|
linkProject() { |
|
|
|
this.$refs["xmProductComplex"].showPanelName = "productProjectLink"; |
|
|
|
}, |
|
|
|
createProduct() { |
|
|
|
this.showPanel = "产品"; |
|
|
|
this.$nextTick(() => { |
|
|
|
this.$refs["xmProductComplex"].addProductVisible = true; |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, //end methods |
|
|
|
components: { |
|
|
|
//在下面添加其它组件 |
|
|
|
XmIterationMng, |
|
|
|
XmMenuMng, |
|
|
|
XmIterationStateShow, |
|
|
|
XmProductMng, |
|
|
|
XmTaskMng, |
|
|
|
XmQuestionMng, |
|
|
|
XmProductSelect, |
|
|
|
XmProjectForLink, |
|
|
|
XmProductProjectForLink, |
|
|
|
XmProductOverview, |
|
|
|
XmProductAdd, |
|
|
|
XmIterationLinkForProduct, |
|
|
|
XmProductProjectLinkMng, |
|
|
|
XmProductEdit, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
this.$nextTick(() => { |
|
|
|
initDicts(this); |
|
|
|
|
|
|
|
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.pageBody.$el); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
.more-label-font{ |
|
|
|
text-align:center; |
|
|
|
float:left; |
|
|
|
padding-top:5px; |
|
|
|
} |
|
|
|
.step-btn{ |
|
|
|
margin-left:0px;margin-bottom: 5px; |
|
|
|
.more-label-font { |
|
|
|
text-align: center; |
|
|
|
float: left; |
|
|
|
padding-top: 5px; |
|
|
|
} |
|
|
|
.step-btn { |
|
|
|
margin-left: 0px; |
|
|
|
margin-bottom: 5px; |
|
|
|
} |
|
|
|
</style> |
陈裕财
4 years ago