From c246877ba79c86bd57306ee1d4cd3f5ccfb82739 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=A3=95=E8=B4=A2?= <cyc58469@163.com>
Date: Fri, 16 Jul 2021 14:45:33 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E9=A1=B9=E7=9B=AE=E5=8F=98?=
 =?UTF-8?q?=E6=9B=B4=E5=AE=A1=E6=89=B9=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/xm/core/xmProject/XmProjectEdit.vue | 104 +++++++-------
 src/views/xm/core/xmProject/XmProjectInfo.vue |  22 ++-
 .../xmProject/XmProjectOveriewComplex.vue     | 130 ++++++++++++++++++
 .../xm/core/xmProject/XmProjectOverview.vue   |  11 +-
 4 files changed, 192 insertions(+), 75 deletions(-)
 create mode 100644 src/views/xm/core/xmProject/XmProjectOveriewComplex.vue

diff --git a/src/views/xm/core/xmProject/XmProjectEdit.vue b/src/views/xm/core/xmProject/XmProjectEdit.vue
index a1168960..d9f4fc3d 100644
--- a/src/views/xm/core/xmProject/XmProjectEdit.vue
+++ b/src/views/xm/core/xmProject/XmProjectEdit.vue
@@ -1,44 +1,35 @@
 <template>
-	<section class="page-container page-full-height padding border">
-		<el-row> 
+	<section class="page-container padding border">
+		<el-row class="padding-bottom">
+			<el-steps :active="calcProjectStatusStep" simple finish-status="success">
+ 				<el-step  v-for="(i,index) in options['projectStatus']" :title="i.optionName" :key="index">
+					 <el-row slot="title" @click.native.stop="editForm.status=i.optionValue">
+						 {{i.optionName}} 
+					 </el-row>
+				</el-step> 
+			</el-steps>
+		</el-row>
+		<el-row class="page-main page-height-70"> 
 		<!--编辑界面 XmProject xm_project--> 
 			<div ref="editFormDiv">
-				<el-form :model="editForm"  label-width="120px" :rules="editFormRules" ref="editForm" class="editForm">  
-						
-
-						<el-form-item label="项目名称" prop="name">
-							<el-input v-model="editForm.name" placeholder="项目名称" ></el-input>
-						</el-form-item> 
-						<el-form-item label="项目编号" prop="code">
-							<el-input v-model="editForm.code" placeholder="项目编号，不可为空" ></el-input>
-						</el-form-item> 
-						<el-form-item label="项目状态" prop="status"> 
-							<el-radio-group v-model="editForm.status">
-								<el-radio v-for="(i,index) in options['projectStatus']" :label="i.optionValue" :key="index">{{i.optionName}}</el-radio> 
-							</el-radio-group>  
-						</el-form-item> 
-						<el-form-item label="项目类型" prop="xmType"> 
-							<el-radio-group v-model="editForm.xmType">
-								<el-radio v-for="(i,index) in options['projectType']" :label="i.optionValue" :key="index">{{i.optionName}}</el-radio> 
-							</el-radio-group>  
-						</el-form-item> 
-						<el-form-item label="紧急程度" prop="urgent">
-							<el-radio-group v-model="editForm.urgent">
-								<el-radio v-for="(i,index) in options['urgencyLevel']" :label="i.optionValue" :key="index">{{i.optionName}}</el-radio> 
-							</el-radio-group>   
+				<el-form :model="editForm"  label-width="150px" :rules="editFormRules" ref="editForm" class="editForm">   
+						<el-form-item label="项目编号|名称" prop="name">
+							<el-input v-model="editForm.code" placeholder="项目编号，不可为空" style="width:20%;" ></el-input><el-input style="width:80%;" v-model="editForm.name" placeholder="项目名称" ></el-input>
 						</el-form-item>  
-						<el-form-item label="优先程度" prop="priority">
-							<el-radio-group v-model="editForm.priority">
-								<el-radio v-for="(i,index) in options['priority']" :label="i.optionValue" :key="index">{{i.optionName}}</el-radio> 
-							</el-radio-group> 
+						<el-form-item label="项目属性" prop="xmType"> 
+							<el-select v-model="editForm.xmType">
+								<el-option v-for="(i,index) in options['projectType']" :label="i.optionName" :value="i.optionValue" :key="index"></el-option> 
+							</el-select>   
+							<el-select v-model="editForm.urgent">
+								<el-option v-for="(i,index) in options['urgencyLevel']" :label="i.optionName" :value="i.optionValue" :key="index"></el-option> 
+							</el-select>    
+							<el-select v-model="editForm.priority">
+								<el-option v-for="(i,index) in options['priority']" :label="i.optionName" :value="i.optionValue" :key="index"></el-option> 
+							</el-select> 
 						</el-form-item>   
 						<el-form-item label="预算控制" prop="priority">
 							<el-checkbox  v-model="editForm.budgetCtrl"  true-label="1" false-label="0" >严格控制预算</el-checkbox> 注：在项目->阶段->任务 每个环节进行严格的预算控制
-						</el-form-item> 
-						<el-form-item label="项目团队" prop="groupUsername">
-							<el-button @click.native="showProjectGroups">团队维护</el-button>
 						</el-form-item>  
-						
 						<el-form-item label="工期及成本预估" >  
 							<el-row>
 								<el-date-picker
@@ -122,29 +113,20 @@
 						</el-form-item>  
 						<el-form-item label="项目描述" prop="description">
 							<el-input type="textarea" :rows="6" v-model="editForm.description" placeholder="项目描述" ></el-input>
-						</el-form-item>    
-						<el-form-item> 
-							<el-col :span="24">  
-								<el-button v-if="selProject.status=='0'" v-loading="load.edit" type="primary" @click.native="editSubmit" :disabled="load.edit==true">提交</el-button>  
-								<el-button icon="el-icon-watch" type="danger"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_baseinfo_change_approva'})">基本信息修改申请</el-button>  
-								<el-button icon="el-icon-watch" type="danger"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_delay_approva'})">延期申请</el-button> 
-								<el-button icon="el-icon-star-on"  type="success"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_start_approva'})">立项申请</el-button>
-								<el-button icon="el-icon-success"  type="success" @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_over_approva'})">结项申请</el-button>
-								<el-button icon="el-icon-edit" type="warning"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_budget_change_approva'})">预算变更申请</el-button>
-								<el-button icon="el-icon-video-pause" type="danger"   @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_pause_approva'})">项目暂停申请</el-button> 
-								<el-button icon="el-icon-video-play"  type="primary" @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_restart_approva'})">项目重新启动申请</el-button>
-
-							</el-col> 
-						</el-form-item> 
+						</el-form-item>     
 				</el-form>   
 			</div>
-			<el-drawer
-				append-to-body
-				title="项目分组"
-				:visible.sync="groupSelectVisible"
-				width="80%">
-				<xm-project-group-formwork :sel-groups="xmProjectGroups" @select-confirm="onGroupSelected"></xm-project-group-formwork> 
-			</el-drawer> 
+		</el-row>
+		<el-row> 
+			<el-button v-if="selProject.status=='0'" v-loading="load.edit" type="primary" @click.native="editSubmit" :disabled="load.edit==true">提交</el-button>  
+			<el-button icon="el-icon-watch" type="danger"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_baseinfo_change_approva'})">基本信息修改申请</el-button>  
+			<el-button icon="el-icon-watch" type="danger"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_delay_approva'})">延期申请</el-button> 
+			<el-button icon="el-icon-star-on"  type="success"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_start_approva'})">立项申请</el-button>
+			<el-button icon="el-icon-success"  type="success" @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_over_approva'})">结项申请</el-button>
+			<el-button icon="el-icon-edit" type="warning"  @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_budget_change_approva'})">预算变更申请</el-button>
+			<el-button icon="el-icon-video-pause" type="danger"   @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_pause_approva'})">项目暂停申请</el-button> 
+			<el-button icon="el-icon-video-play"  type="primary" @click="handleCommand({type:'sendToProcessApprova',data:editForm,bizKey:'xm_project_restart_approva'})">项目重新启动申请</el-button>
+ 
 		</el-row>
 	</section>
 </template>
@@ -263,6 +245,20 @@
 			totalReceivables:function(){
 				 return this.editForm.totalReceivables
 			},
+			calcProjectStatusStep(){
+				if(this.options['projectStatus'] && this.editForm){
+					var index=this.options['projectStatus'].findIndex(i=>{
+						if(i.optionValue==this.editForm.status){
+							return true;
+						}else{
+							return false;
+						}
+					})
+					return index+1;
+				}else{
+					return 0;
+				}
+			}
 		},
 		props:['selProject','visible'],
 		watch: { 
diff --git a/src/views/xm/core/xmProject/XmProjectInfo.vue b/src/views/xm/core/xmProject/XmProjectInfo.vue
index d66899e8..5abc4bf1 100644
--- a/src/views/xm/core/xmProject/XmProjectInfo.vue
+++ b/src/views/xm/core/xmProject/XmProjectInfo.vue
@@ -140,10 +140,8 @@
 					</el-menu-item>
 				</el-submenu>
 			</el-menu>
-		  <xm-project-overview v-if="infotype=='项目概览'" :sel-project="selProject"></xm-project-overview>
-      <!--
-			<xm-detail v-if="infotype=='项目概览'" :sel-project="selProject" @submit="afterEditSubmit"></xm-detail>
-			-->
+		   
+		  	<xm-project-overiew-complex v-if="infotype=='项目概览'" :sel-project="selProject"></xm-project-overiew-complex> 
 			 <xm-iteration-complex v-if="infotype=='迭代'" ref="xmIterationMng" :sel-project="selProject" ></xm-iteration-complex>
 			 <xm-product-mng v-if="infotype=='产品'" ref="xmProductMng" :sel-project="selProject" ></xm-product-mng>
 			 <xm-menu-mng v-if="infotype=='用户故事'" :sel-project="selProject"></xm-menu-mng>
@@ -195,11 +193,10 @@
 	import xmMenuMng from '../xmMenu/XmMenuMng';
 	import xmMenuWithPlan from '../xmMenu/XmMenuWithPlan';
 	import xmProjectStateMng from '../xmProjectState/XmProjectStateMng';
-	import xmTestCaseExecMng from '../xmTestCaseExec/XmTestCaseExecMng';
-	import xmIterationMng from '../xmIteration/XmIterationMng';
+	import xmTestCaseExecMng from '../xmTestCaseExec/XmTestCaseExecMng'; 
 	import xmProductMng from '../xmProduct/XmProductMng';
-	import XmIterationComplex from '../xmIteration/XmIterationComplex.vue';
-  import XmProjectOverview from "./XmProjectOverview";
+	import XmIterationComplex from '../xmIteration/XmIterationComplex.vue'; 
+	import XmProjectOveriewComplex from './XmProjectOveriewComplex.vue';
 
 
 	export default {
@@ -400,8 +397,7 @@
 			}
 
 		},//end methods
-		components: {
-      XmProjectOverview,
+		components: { 
 			xmTaskMng,
 			xmProjectPhaseMng,
 			xmGroupMng,
@@ -420,9 +416,9 @@
 			xmProjectStateMng,
 			xmTestCaseExecMng,
 			xmProjectGroupSelect,
-			xmIterationMng,
-			xmProductMng,
-XmIterationComplex,
+			XmIterationComplex,
+			xmProductMng, 
+			XmProjectOveriewComplex,
 			//在下面添加其它组件
 		},
 		mounted() {
diff --git a/src/views/xm/core/xmProject/XmProjectOveriewComplex.vue b/src/views/xm/core/xmProject/XmProjectOveriewComplex.vue
new file mode 100644
index 00000000..974a6b14
--- /dev/null
+++ b/src/views/xm/core/xmProject/XmProjectOveriewComplex.vue
@@ -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="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="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-project-overview  v-if="showPanelName=='overiew'" :sel-project="selProject"></xm-project-overview>
+        <xm-project-detail  v-if="showPanelName=='detail'" :sel-project="selProject"></xm-project-detail>
+  </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/xmProjectState';
+import XmProjectOverview from './XmProjectOverview.vue';
+import XmProjectDetail from './XmProjectDetail.vue';
+
+
+export default {
+  components: { XmProjectOverview, XmProjectDetail },
+  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>
diff --git a/src/views/xm/core/xmProject/XmProjectOverview.vue b/src/views/xm/core/xmProject/XmProjectOverview.vue
index f9dda87f..b0e02796 100644
--- a/src/views/xm/core/xmProject/XmProjectOverview.vue
+++ b/src/views/xm/core/xmProject/XmProjectOverview.vue
@@ -1,11 +1,6 @@
 <template>
-  <section class="page-container padding">
-    <el-row  class="page-header page-height-10">
-      <el-col :xs="22" :sm="22" :md="23" :lg="23" :xl="23">
-          <span >项目总览</span>
-      </el-col>
-    </el-row>
-    <el-row class="page-main page-height-75" style="overflow-x: hidden;">
+  <section class="page-container page-height-90"> 
+    <el-row class="page-main page-height-75 padding" style="overflow-x: hidden;">
         <el-row :gutter="10">
           <el-col :span="8" >
             <el-card class="box-card" style="padding:0px ;height:425px">
@@ -253,7 +248,7 @@ export default {
       };
       this.load.list = true;
       listXmProjectState(params).then((res) => {
-        debugger;
+       
         let tips=res.data.tips;
         if(tips.isOk){
           this.xmProjectState = res.data.data;