From 2387e0bf7e871f047b8dd0e7ae08dce260dfc09f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=A3=95=E8=B4=A2?= <cyc58469@163.com>
Date: Sun, 18 Jul 2021 20:52:09 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../xm/core/xmProduct/XmProductComplex.vue    |   8 +-
 .../xmProduct/XmProductProjectForLink.vue     |  73 +++++
 .../xm/core/xmProject/XmProjectForLink.vue    | 305 ++++++++++++++++++
 3 files changed, 384 insertions(+), 2 deletions(-)
 create mode 100644 src/views/xm/core/xmProduct/XmProductProjectForLink.vue
 create mode 100644 src/views/xm/core/xmProject/XmProjectForLink.vue

diff --git a/src/views/xm/core/xmProduct/XmProductComplex.vue b/src/views/xm/core/xmProduct/XmProductComplex.vue
index 20035878..d7245241 100644
--- a/src/views/xm/core/xmProduct/XmProductComplex.vue
+++ b/src/views/xm/core/xmProduct/XmProductComplex.vue
@@ -14,8 +14,8 @@
 					<el-tab-pane label="迭代"   name="iterations">   
 						 <xm-iteration-mng v-show=" xmProduct && showPanel=='iterations'"   :xm-product="xmProduct" :sel-project="selProject"></xm-iteration-mng>
 					</el-tab-pane>
-					<el-tab-pane label="项目" lazy  name="projects" v-if="!selProject">
- 						<xm-project-list v-show="xmProduct && showPanel=='projects'"  :xm-product="xmProduct"></xm-project-list>
+					<el-tab-pane label="项目" lazy  name="projects"> 
+						<xm-product-project-for-link v-show="xmProduct && showPanel=='projects'"  :xm-product="xmProduct" :sel-project="selProject"></xm-product-project-for-link>
 					</el-tab-pane>
 					<el-tab-pane label="故事" lazy name="menus" >  
 						<xm-menu-mng v-show="xmProduct && showPanel=='menus'"   :xm-product="xmProduct" :sel-project="selProject"></xm-menu-mng>
@@ -49,8 +49,10 @@ import XmProductMng from './XmProductMng.vue';
 import XmTaskMng from '../xmTask/XmTaskMng.vue';
 import XmQuestionMng from '../xmQuestion/XmQuestionMng.vue';
 import XmProjectList from '../xmProject/XmProjectList.vue';
+import XmProjectForLink from '../xmProject/XmProjectForLink.vue';
 
 import XmProductSelect from './XmProductSelect.vue';
+import XmProductProjectForLink from './XmProductProjectForLink.vue';
  
 
 	export default {
@@ -150,6 +152,8 @@ import XmProductSelect from './XmProductSelect.vue';
 			XmQuestionMng,
 			XmProductSelect,
 			XmProjectList,
+			XmProjectForLink,
+XmProductProjectForLink,
 		},
 		mounted() { 
 		this.$nextTick(() => {
diff --git a/src/views/xm/core/xmProduct/XmProductProjectForLink.vue b/src/views/xm/core/xmProduct/XmProductProjectForLink.vue
new file mode 100644
index 00000000..28a45a7d
--- /dev/null
+++ b/src/views/xm/core/xmProduct/XmProductProjectForLink.vue
@@ -0,0 +1,73 @@
+<template>
+	<section>
+		<el-row v-if="selProject!=null">  
+			<el-button icon="el-icon-zoom-out" @click="doDelXmProductProjectLink">
+				将项目<strong>{{selProject.name}}</strong>与产品<strong>{{xmProduct.productName}}</strong>脱钩
+			</el-button>
+		</el-row> 
+		<el-row v-else>
+			<xm-project-for-link :xm-product="xmProduct"></xm-project-for-link>
+		</el-row>
+	</section> 
+
+</template>
+
+<script>
+	import Vue from 'vue'
+	import util from '@/common/js/util';//全局公共库
+	//import Sticky from '@/components/Sticky' // 粘性header组件
+	import config from "@/common/config"; //全局公共库
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listXmProject,  } from '@/api/xm/core/xmProject';  
+	import { mapGetters } from 'vuex'  
+	import XmProjectForLink from '../xmProject/XmProjectForLink.vue';
+	import { delXmProductProjectLink, batchDelXmProductProjectLink } from '@/api/xm/core/xmProductProjectLink';
+
+
+	export default {  
+		props:['xmProduct','selProject'],
+		computed: {
+			...mapGetters([
+				'userInfo','roles'
+			]), 
+		}, 
+		data() {
+			return { 
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			 doDelXmProductProjectLink(){
+				 
+				var xmProduct=this.xmProduct;
+				var selProject=this.selProject;
+				this.$confirm('确认将产品【'+xmProduct.productName+'】与项目【'+selProject.projectName+'】进行脱钩吗？脱钩后，项目试图中将看不到该产品信息', '提示', {
+					type: 'warning'
+				}).then(()=>{
+					var params={productId:xmProduct.id,projectId:selProject.id}
+					delXmProductProjectLink(params).then(res=>{
+						var tips = res.data.tips;
+						if(tips.isOk){
+							this.$message({showClose: true, message: "脱钩成功", type: 'success' });
+						}
+					});
+				})
+				 
+			 }
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: {
+			XmProjectForLink,
+			 
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			 
+		}
+	}
+
+</script>
+
+<style scoped> 
+</style>
\ No newline at end of file
diff --git a/src/views/xm/core/xmProject/XmProjectForLink.vue b/src/views/xm/core/xmProject/XmProjectForLink.vue
new file mode 100644
index 00000000..f6627291
--- /dev/null
+++ b/src/views/xm/core/xmProject/XmProjectForLink.vue
@@ -0,0 +1,305 @@
+<template>
+	<section>
+		<el-row>
+			 <el-input v-model="filters.key" style="width:30%;" placeholder="请输入关键字进行查找项目">
+				<template slot="append">
+					 <el-button @click="searchXmProjects" icon="el-icon-search"></el-button>
+				 </template>
+			</el-input>
+		</el-row>
+		<el-row class="page-main page-height-90">   
+			<el-table ref="table" :height="tableHeight"  stripe :data="xmProjects"  highlight-current-row v-loading="load.list"   style="width: 100%;">
+				<el-table-column  type="index" label="序号" width="55" ></el-table-column>
+				<el-table-column prop="code" label="项目编号" min-width="80" ></el-table-column>
+				<el-table-column prop="name" label="标题名称" min-width="80" ></el-table-column> 
+				<el-table-column label="操作" width="245" fixed="right">
+					<template slot-scope="scope">  
+							<el-button-group>
+								<el-button size="mini" type="primary" @click.stop="selectProject(scope.row)" >选中</el-button>  
+							</el-button-group>
+							 
+							<!-- <el-button style="width:100%;" slot="reference" class="see-more" type="text" icon="el-icon-more"></el-button>
+						</el-popover> -->
+					</template>
+				</el-table-column>
+			</el-table>
+			<el-pagination  layout="total, sizes, prev, pager, next" @current-change="handleCurrentChange" @size-change="handleSizeChange" :page-sizes="[10,20, 50, 100, 500]" :current-page="pageInfo.pageNum" :page-size="pageInfo.pageSize"  :total="pageInfo.total" style="float:right;"></el-pagination> 
+		</el-row> 
+	</section> 
+
+</template>
+
+<script>
+	import Vue from 'vue'
+	import util from '@/common/js/util';//全局公共库
+	//import Sticky from '@/components/Sticky' // 粘性header组件
+	import config from "@/common/config"; //全局公共库
+	//import { listOption } from '@/api/mdp/meta/itemOption';//下拉框数据查询
+	import { listXmProject,  } from '@/api/xm/core/xmProject';  
+	import { mapGetters } from 'vuex' 
+	
+
+
+	export default {  
+		props:['xmProduct'],
+		computed: {
+			...mapGetters([
+				'userInfo','roles'
+			]), 
+		}, 
+		watch:{
+			xmProduct:function(){
+				this.getXmProjects();
+			}
+		},
+		data() {
+			return {
+				filters: {
+					key: ''
+				},
+				xmProjects: [],//查询结果
+				pageInfo:{//分页数据
+					total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。
+					pageSize:10,//每页数据
+					count:false,//是否需要重新计算总记录数
+					pageNum:1,//当前页码、从1开始计算
+					orderFields:['create_time'],//排序列 如 ['sex','student_id']，必须为数据库字段
+					orderDirs:['desc']//升序 asc,降序desc 如 性别 升序、学生编号降序 ['asc','desc']
+				},
+				load:{ list: false, edit: false, del: false, add: false },//查询中...
+				sels: [],//列表选中数据
+				options:{},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} 
+				
+				addFormVisible: false,//新增xmProject界面是否显示
+				//新增xmProject界面初始化数据
+				addForm: {
+					id:'',code:'',name:'',xmType:'',startTime:'',endTime:'',urgent:'',priority:'',description:'',createUserid:'',createUsername:'',createTime:'',assess:'',assessRemarks:'',status:'',branchId:'',planTotalCost:'',bizProcInstId:'',bizFlowState:'',planNouserAt:'',planInnerUserAt:'',planOutUserAt:'',locked:'',baseTime:'',baseRemark:'',baselineId:'',planWorkload:'',totalReceivables:'',budgetMarginRate:'',contractAmt:'',planInnerUserPrice:'',budgetOutUserPrice:'',planOutUserCnt:'',planInnerUserCnt:'',planWorkingHours:''
+				},
+				
+				editFormVisible: false,//编辑界面是否显示
+				tableHeight:300,
+				//编辑xmProject界面初始化数据
+				editForm: {
+					id:'',code:'',name:'',xmType:'',startTime:'',endTime:'',urgent:'',priority:'',description:'',createUserid:'',createUsername:'',createTime:'',assess:'',assessRemarks:'',status:'',branchId:'',planTotalCost:'',bizProcInstId:'',bizFlowState:'',planNouserAt:'',planInnerUserAt:'',planOutUserAt:'',locked:'',baseTime:'',baseRemark:'',baselineId:'',planWorkload:'',totalReceivables:'',budgetMarginRate:'',contractAmt:'',planInnerUserPrice:'',budgetOutUserPrice:'',planOutUserCnt:'',planInnerUserCnt:'',planWorkingHours:''
+				},
+ 
+ 
+				/**end 自定义属性请在上面加 请加备注**/
+			}
+		},//end data
+		methods: {
+			handleSizeChange(pageSize) { 
+				this.pageInfo.pageSize=pageSize; 
+				this.getXmProjects();
+			},
+			handleCurrentChange(pageNum) {
+				this.pageInfo.pageNum = pageNum;
+				this.getXmProjects();
+			},
+			// 表格排序 obj.order=ascending/descending,需转化为 asc/desc ; obj.prop=表格中的排序字段,字段驼峰命名
+			sortChange( obj ){
+				var dir='asc';
+				if(obj.order=='ascending'){
+					dir='asc'
+				}else{
+					dir='desc';
+				}
+				if(obj.prop=='xxx'){
+					this.pageInfo.orderFields=['xxx'];
+					this.pageInfo.orderDirs=[dir];
+				}
+				this.getXmProjects();
+			},
+			searchXmProjects(){
+				 this.pageInfo.count=true; 
+				 this.getXmProjects();
+			},
+			//获取列表 XmProject xm_project
+			getXmProjects() {
+				let params = {
+					pageSize: this.pageInfo.pageSize,
+					pageNum: this.pageInfo.pageNum,
+					total: this.pageInfo.total,
+					count:this.pageInfo.count,
+				};
+				if(this.xmProduct){
+					params.productId=this.xmProduct.id
+				}
+				if(this.filters.key){
+					params.key='%'+this.filters.key+'%'
+				}
+				this.load.list = true; 
+				if(this.pageInfo.orderFields!=null && this.pageInfo.orderFields.length>0){
+					let orderBys=[];
+					for(var i=0;i<this.pageInfo.orderFields.length;i++){ 
+						orderBys.push(this.pageInfo.orderFields[i]+" "+this.pageInfo.orderDirs[i])
+					}  
+					params.orderBy= orderBys.join(",")
+				} 
+				params.branchId = this.userInfo.branchId;
+				listXmProject(params).then((res) => {
+					var tips=res.data.tips;
+					if(tips.isOk){ 
+						console.log(res.data);
+						this.pageInfo.total = res.data.total;
+						this.pageInfo.count=false; 
+						this.xmProjects = res.data.data;
+					}else{
+						this.$message({showClose: true, message: tips.msg, type: 'error' });
+					} 
+					this.load.list = false;
+				}).catch( err => this.load.list = false );
+			}, 
+			selectProject:function(row){
+				this.editForm=row
+				this.$emit('project-confirm',this.editForm);
+			}
+			/**end 自定义函数请在上面加**/
+			
+		},//end methods
+		components: {  
+			 
+		    //在下面添加其它组件
+		},
+		mounted() { 
+			this.$nextTick(() => {
+				var clientRect=this.$refs.table.$el.getBoundingClientRect();
+				var subHeight=70/1000 * window.innerHeight; 
+				this.tableHeight =  window.innerHeight -clientRect.y - this.$refs.table.$el.offsetTop-subHeight; 
+				this.showInfo = false;
+				this.getXmProjects();
+      }); 
+		}
+	}
+
+</script>
+
+<style scoped>
+* >>> .sub-navbar{
+	background: #fafbfc;
+}
+.changebtn{
+	float: right;
+	padding: 0 10px;
+	display: flex;
+	align-items: center;
+	line-height: 0;
+	height: 100%;
+}
+.changebtn > button{
+	padding: 0;
+	border: 0;
+	color: #333;
+}
+.changebtn >>> i::before{
+	font-size:20px;
+}
+.changebtn-active{
+	color: #409EFF !important;
+}
+.app-container{
+	padding: 10px;
+}
+.el-menu-demo{
+	border: 0 !important;
+	height: 50px;
+	background-color: #fafbfc;
+}
+.el-menu-demo>.el-menu-item,
+.el-menu-demo>.el-submenu >>> .el-submenu__title{
+	height: 100%;
+	line-height: 50px;
+	color: #909399;
+}
+.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,
+.el-menu--horizontal>.el-submenu .el-submenu__title:hover{
+	background-color: transparent;
+}
+.project-card{
+	font-size: 12px;
+	color: #999;
+	margin: 10px 12px;
+}
+.project-card:hover{
+	border-color: #00abfc;
+}
+.project-card >>> .el-card__body{
+	padding: 20px 15px 10px;
+}
+.project-name{
+	font-size: 16px;
+	font-weight: 700;
+	color: #333;
+	height: 24px;
+}
+.project-id{
+	margin-top: 4px;
+	height: 18px;
+}
+.project-info{
+	display: flex;
+	margin-top: 8px;
+}
+.project-info>div{
+	display: flex;
+	flex-direction: column;
+}
+.info-item{
+	width: 15%;
+	text-align: center;
+}
+.info-item >>> span{
+	display: block;
+}
+.item-total{
+	font-size: 18px;
+	color: #666;
+}
+.info-task{
+	padding-left: 20px;
+	width: 70%;
+	border-left: 1px solid #efefef;
+}
+.finish-task{
+	color: #00abfc !important;
+}
+.project-rate{
+	margin: 15px 0;
+}
+.project-rate>.el-progress{
+	display: flex;
+	align-items: center;
+}
+.project-rate >>> .el-progress-bar{
+	padding-right: 0;
+	margin-right: 0;
+}
+.project-rate >>> .el-progress__text{
+	margin-left: 5px;
+}
+.project-footer{
+	display: flex;
+}
+.project-footer>div{
+	width: 30%;
+}
+.project-footer>div:not(:first-child){
+	width: 70%;
+}
+.project-period{
+	text-align: right;
+}
+.see-more > i{
+	background:#000;
+}
+/* 超过宽度则用...代替 */
+.truncate{
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+[v-cloak]{
+	display: none;
+}
+</style>
\ No newline at end of file