小组团队概览

src/views/xm/core/xmProjectGroupState/XmProjectGroupStateMng.vue

@@ -9,7 +9,11 @@
 			<!--列表 XmProjectGroupState 功能状态表,无需前端维护，所有数据由汇总统计得出-->
 			<el-table ref="table" :height="tableHeight" :data="xmProjectGroupStates" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
  				<el-table-column sortable type="index" width="45"></el-table-column> 
-  				<el-table-column prop="groupName" label="团队名称" min-width="80" ></el-table-column>   
+  				<el-table-column prop="groupName" label="团队名称" min-width="80" >
+					  <template slot-scope="scope">
+						  <el-link type="primary" @click="overviewVisible=true">{{scope.row.groupName}}</el-link>
+					  </template>
+				</el-table-column>   
 				<el-table-column prop="finishRate" label="总体进度" min-width="80" ></el-table-column>    
 				<el-table-column prop="planWorkload" label="计划工作量" min-width="80" ></el-table-column>
 				<el-table-column prop="actWorkload" label="实际工作量" min-width="80" ></el-table-column>
@@ -34,6 +38,15 @@
 		
 			 
 		</el-row>
+			<el-drawer
+				append-to-body
+				title="小组概览" 
+				:visible.sync="overviewVisible"
+				size="60%"
+				 >
+					<xm-project-group-state-overview :xm-project-group-state="editForm"></xm-project-group-state-overview>
+			</el-drawer>
+		
 	</section>
 </template>
 
@@ -43,6 +56,7 @@
 	import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
 	import { listXmProjectGroupState, delXmProjectGroupState, batchDelXmProjectGroupState,loadTasksToXmProjectGroupState } from '@/api/xm/core/xmProjectGroupState'; 
 	import { mapGetters } from 'vuex'
+import XmProjectGroupStateOverview from './XmProjectGroupStateOverview.vue';
 	
 	export default { 
 		computed: {
@@ -92,6 +106,7 @@
 				/**begin 自定义属性请在下面加 请加备注**/
 				
 				tableHeight:300,	
+				overviewVisible:false,
 				/**end 自定义属性请在上面加 请加备注**/
 			}
 		},//end data
@@ -238,6 +253,7 @@
 			
 		},//end methods
 		components: {
+XmProjectGroupStateOverview  
 		    //在下面添加其它组件
 		},
 		mounted() { 

src/views/xm/core/xmProjectGroupState/XmProjectGroupStateOverview.vue

@@ -0,0 +1,51 @@
+<template>
+	<section>
+		 
+	</section>
+</template>
+
+<script>
+	import util from '@/common/js/util';//全局公共库
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询  
+	import { mapGetters } from 'vuex'	
+ 
+	
+	export default { 
+		computed: {
+		    ...mapGetters([
+		      'userInfo','roles'
+		    ])
+		},
+		props:['xmProjectGroupState'],
+		watch: { 
+	       
+	    },
+		data() {
+			return {
+				options:{},//下拉选择框的所有静态数据  params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				 
+				 
+				/**begin 在下面加自定义属性,记得补上面的一个逗号**/
+				
+				/**end 在上面加自定义属性**/
+			}//end return
+		},//end data
+		methods: {
+			  
+			
+		},//end method
+		components: {  
+			 
+		},
+		mounted() {
+			 
+			
+		}//end mounted
+	}
+
+</script>
+
+<style scoped>
+
+</style>