陈裕财
4 years ago
3 changed files with 904 additions and 177 deletions
-
2src/router/routes_xm.js
-
39src/views/xm/core/xmProject/XmProjectMng.vue
-
718src/views/xm/core/xmProject/XmProjectTplMng.vue
@ -0,0 +1,718 @@ |
|||
<template> |
|||
<section class="page-container"> |
|||
<el-row class="page-main page-height-80"> |
|||
<!--列表 XmProject xm_project--> |
|||
<el-row v-loading="load.list"> |
|||
|
|||
<el-table ref="table" v-cloak stripe :data="ScreenData" @sort-change="sortChange" highlight-current-row v-loading="load.list" @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
|||
<el-table-column prop="name" label="项目模板(学习/参考)" min-width="200" > |
|||
<template slot-scope="scope"> |
|||
<el-link @click.stop="intoInfo(scope.row)">{{scope.row.name}}</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column label="" width="100" fixed="right"> |
|||
<template slot-scope="scope"> |
|||
<el-button type="text" title="通过复制创建新的项目" @click="onCopyToBtnClick(scope.row)" :disabled="load.add" v-load="load.add">复制</el-button> |
|||
<el-button type="text" title="删除该模板" @click="handleDel(scope.row)" :disabled="load.del" v-load="load.del">删除</el-button> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</el-row> |
|||
|
|||
<el-pagination layout="total, prev, 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"></el-pagination> |
|||
</el-row> |
|||
<el-drawer title="项目编辑" :visible.sync="editFormVisible" :with-header="false" size="50%" :close-on-click-modal="false" append-to-body> |
|||
<xm-project-edit :sel-project="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></xm-project-edit> |
|||
</el-drawer> |
|||
<el-drawer :title="selectProject==null?'项目明细':selectProject.name" center :fullscreen="true" :visible.sync="showInfo" size="50%" :close-on-click-modal="false" append-to-body> |
|||
<xm-project-info :sel-project="selectProject" :visible="showInfo" @changeShowInfo="changeShowInfo" @submit="changeShowInfo"></xm-project-info> |
|||
</el-drawer> |
|||
<el-dialog |
|||
title="提示" |
|||
:visible.sync="copyToVisible" |
|||
width="30%" > |
|||
<el-form> |
|||
<el-form-item label="项目名称"> |
|||
<el-input v-model="xmProjectCopy.name" placeholder="新的项目名称"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="项目编码(留空则后台自动生成)"> |
|||
<el-input v-model="xmProjectCopy.code" placeholder="新的项目编码"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label="目标"> |
|||
<el-radio v-model="xmProjectCopy.isTpl" label="0">复制为新的模板</el-radio> |
|||
<el-radio v-model="xmProjectCopy.isTpl" label="1">复制为新的项目</el-radio> |
|||
</el-form-item> |
|||
<el-form-item label="附加任务"> |
|||
<el-checkbox v-model="xmProjectCopy.copyPhase" true-label="1" false-label="0">拷贝计划</el-checkbox> |
|||
<el-checkbox v-model="xmProjectCopy.copyTask" true-label="1" false-label="0">拷贝任务</el-checkbox> |
|||
<el-checkbox v-model="xmProjectCopy.copyGroup" true-label="1" false-label="0">拷贝项目组成员</el-checkbox> |
|||
</el-form-item> |
|||
</el-form> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="copyToVisible = false">取 消</el-button> |
|||
<el-button type="primary" @click="onCopyToConfirm">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</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, editStatus, delXmProject, batchDelXmProject } from '@/api/xm/core/xmProject'; |
|||
import { addXmMyFocus , delXmMyFocus } from '@/api/xm/core/xmMyFocus'; |
|||
import XmProjectEdit from './XmProjectEdit';//修改界面 |
|||
import { mapGetters } from 'vuex' |
|||
import xmProjectInfo from './XmProjectInfo'; |
|||
|
|||
if(!Vue.component("xm-project-info")){ |
|||
|
|||
Vue.component('xm-project-info',xmProjectInfo) |
|||
Vue.use(xmProjectInfo); |
|||
} |
|||
|
|||
|
|||
|
|||
export default { |
|||
props:['dataScope'], |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
ScreenData() { |
|||
const key = this.menukey; |
|||
const userid = this.userInfo.userid; |
|||
return this.xmProjects; |
|||
|
|||
}, |
|||
}, |
|||
watch: { |
|||
"showType": function(val){ |
|||
console.log("shotType_change"); |
|||
//this.xmProjects = []; |
|||
//this.getXmProjects(); |
|||
}, |
|||
"finishFlag":function(val){ |
|||
this.searchXmProjects(); |
|||
} |
|||
}, |
|||
data() { |
|||
|
|||
const beginDate = new Date(); |
|||
const endDate = new Date(); |
|||
beginDate.setTime(beginDate.getTime() - 3600 * 1000 * 24 * 7 * 4 * 12 ); |
|||
return { |
|||
filters: { |
|||
key: '', |
|||
productId:'', |
|||
productName:'', |
|||
}, |
|||
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:'',budgetCtrl:'0', |
|||
}, |
|||
|
|||
editFormVisible: false,//编辑界面是否显示 |
|||
//编辑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:'',budgetCtrl:'0', |
|||
}, |
|||
/**begin 自定义属性请在下面加 请加备注**/ |
|||
menukey: "all", |
|||
showType: true, |
|||
showInfo: false, |
|||
selectProject: null, |
|||
finishFlag: false, |
|||
xmRecordVisible: false, |
|||
productSelectVisible:false, |
|||
tableHeight:300, |
|||
dateRanger: [ ], |
|||
pickerOptions: util.pickerOptions('datarange'), |
|||
xmProjectCopy:{ |
|||
id:'',name:'',code:'',isTpl:'',copyPhase:'1',copyTask:'1',copyGrup:'0' |
|||
}, |
|||
copyToVisible:false, |
|||
/**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.filters.key!==""){ |
|||
//params.xxx=this.filters.key |
|||
}else{ |
|||
//params.xxx=xxxxx |
|||
} |
|||
|
|||
if(this.dateRanger&&this.dateRanger.length==2){ |
|||
|
|||
} |
|||
params.isTpl="1" |
|||
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(",") |
|||
} |
|||
if(this.finishFlag){ |
|||
params.status = '4'; |
|||
} |
|||
|
|||
params = this.menuFilter(params); |
|||
if(this.filters.productId){ |
|||
params.productId = this.filters.productId |
|||
} |
|||
params.createTimeStart=this.dateRanger[0] |
|||
params.createTimeEnd=this.dateRanger[1] |
|||
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 ); |
|||
}, |
|||
|
|||
menuFilter(params) { |
|||
const key = this.menukey; |
|||
const userid = this.userInfo.userid; |
|||
if( this.dataScope=='all' && key == "compete"){ |
|||
params.compete = userid; |
|||
}else if( this.dataScope!='all' && (key == "compete" || key=="all")){ |
|||
params.compete = userid; |
|||
} else if(key == "leader"){ //负责人 |
|||
params.pgTypeIds=['nbxmjl'] |
|||
params.userid=userid |
|||
} |
|||
else if(key == "moniter"){ //监控人 |
|||
params.pgTypeIds=['yyz','xmzl'] |
|||
params.userid=userid |
|||
} |
|||
else if(key == "approver"){ //审批人 |
|||
params.pgTypeIds=['nbxmjl','xmzk','nbldz'] |
|||
params.userid=userid |
|||
} |
|||
else if(key == "create"){ |
|||
params.createUserid = userid; |
|||
}else if(key=="myFocus"){ |
|||
params.myFocus="1" |
|||
params.userid=userid |
|||
}else if(key.indexOf("myExecuserStatus")>=0){ |
|||
params.userid=userid |
|||
params.myExecuserStatus=key.substring("myExecuserStatus".length) |
|||
} |
|||
return params; |
|||
}, |
|||
|
|||
//"隐藏结束的项目"按下触发 |
|||
setSearch() { |
|||
this.getXmProjects(); |
|||
}, |
|||
|
|||
//显示编辑界面 XmProject xm_project |
|||
showEdit: function ( row,index ) { |
|||
this.editFormVisible = true; |
|||
this.editForm = Object.assign({}, row); |
|||
}, |
|||
//显示新增界面 XmProject xm_project |
|||
showAdd: function () { |
|||
this.addFormVisible = true; |
|||
//this.addForm=Object.assign({}, this.editForm); |
|||
}, |
|||
afterAddSubmit(){ |
|||
this.addFormVisible=false; |
|||
this.pageInfo.count=true; |
|||
this.getXmProjects(); |
|||
}, |
|||
afterEditSubmit(){ |
|||
this.editFormVisible=false; |
|||
}, |
|||
//选择行xmProject |
|||
selsChange: function (sels) { |
|||
this.sels = sels; |
|||
}, |
|||
//删除xmProject |
|||
handleDel: function (row,index) { |
|||
this.$confirm('确认删除该记录吗?', '提示', { |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.load.del=true; |
|||
let params = { id: row.id }; |
|||
delXmProject(params).then((res) => { |
|||
this.load.del=false; |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.pageInfo.count=true; |
|||
this.getXmProjects(); |
|||
} |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}).catch( err => this.load.del=false ); |
|||
}); |
|||
}, |
|||
//批量删除xmProject |
|||
batchDel: function () { |
|||
this.$confirm('确认删除选中记录吗？', '提示', { |
|||
type: 'warning' |
|||
}).then(() => { |
|||
this.load.del=true; |
|||
batchDelXmProject(this.sels).then((res) => { |
|||
this.load.del=false; |
|||
var tips=res.data.tips; |
|||
if( tips.isOk ){ |
|||
this.pageInfo.count=true; |
|||
this.getXmProjects(); |
|||
} |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error'}); |
|||
}).catch( err => this.load.del=false ); |
|||
}); |
|||
}, |
|||
rowClick: function(row, event, column){ |
|||
const that = this; |
|||
//that.intoInfo(row.id); |
|||
// this.$emit('row-click',row, event, column);// @row-click="rowClick" |
|||
}, |
|||
onCopyToBtnClick(row){ |
|||
this.xmProjectCopy.id=row.id; |
|||
this.xmProjectCopy.name=row.name+"(复制)"; |
|||
this.xmProjectCopy.isTpl=row.isTpl; |
|||
this.copyToVisible=true; |
|||
}, |
|||
onCopyToConfirm(){ |
|||
this.load.add=true; |
|||
copyTo(this.xmProjectCopy).then(res=>{ |
|||
|
|||
this.load.add=false; |
|||
var tips = res.tips; |
|||
if(tips.isOk){ |
|||
if(this.xmProjectCopy.isTpl){ |
|||
this.searchXmProjects() |
|||
} |
|||
|
|||
} |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
|
|||
}) |
|||
}, |
|||
/**begin 自定义函数请在下面加**/ |
|||
//是否负责人 是则true，否则false |
|||
isLeader(leader) { |
|||
return leader.some(i=>i.leadType=='负责人' && i.userid == this.userInfo.userid); |
|||
}, |
|||
|
|||
//进入info界面 |
|||
intoInfo(row) { |
|||
this.selectProject = row; |
|||
this.$router.push({ name:'XmProjectInfoRoute', params: row }) |
|||
//this.showInfo = true; |
|||
}, |
|||
|
|||
//筛选项目 |
|||
handleSelect(key, keyPath) { |
|||
this.menukey = key; |
|||
this.getXmProjects(); |
|||
}, |
|||
//修改项目状态 |
|||
statusChange(scope,val) { |
|||
this.load.edit = true; |
|||
let params = { |
|||
id: scope.row.id, |
|||
status: val, |
|||
}; |
|||
editStatus(params).then((res) => { |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.ScreenData[scope.$index].status = val; |
|||
this.status = val; |
|||
} |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
this.load.edit = false; |
|||
}).catch( err => this.load.edut = false ); |
|||
}, |
|||
changeShowInfo() { |
|||
this.xmProjects = []; |
|||
this.getXmProjects(); |
|||
this.showInfo = false; |
|||
}, |
|||
showApprovaInfo:function(row){ |
|||
var msgFields=[]; |
|||
if(row.mainTitle!=null && row.mainTitle!=""){ |
|||
msgFields.push("流程【"+row.mainTitle+"】"); |
|||
} |
|||
|
|||
if(row.taskName!=null && row.taskName!=""){ |
|||
msgFields.push("当前环节【"+row.taskName+"】"); |
|||
} |
|||
|
|||
if(row.assigneeName!=null && row.assigneeName!=""){ |
|||
msgFields.push("执行人【"+row.assigneeName+"】"); |
|||
} |
|||
|
|||
if(row.commentMsg!=null && row.commentMsg!=""){ |
|||
msgFields.push("审批意见【"+row.commentMsg+"】"); |
|||
} |
|||
var msg=msgFields.join(","); |
|||
return msg; |
|||
}, |
|||
|
|||
sendToProcessApprova:function(row,bizKey){ |
|||
if(row.bizFlowState=='1'){ |
|||
this.$message.error("审核中，不允许重新发起"); |
|||
return; |
|||
} |
|||
|
|||
let extVars={projectId:row.id} |
|||
let jsonExtVars=JSON.stringify(extVars); |
|||
|
|||
var currDomain=window.location.protocol+"//"+window.location.host; |
|||
var fullPath=this.$route.fullPath; |
|||
var bizUrl=currDomain+'/'+process.env.CONTEXT+'/'+process.env.VERSION+'/#'+fullPath+'?extVars='+jsonExtVars |
|||
|
|||
var titleNames=row.name |
|||
var mainTitle='' |
|||
var mainContext='' |
|||
|
|||
|
|||
if(bizKey=='xm_project_delete_approva'){ |
|||
if(row.status!='0'){ |
|||
this.$message.error("只有状态为初始化的项目可以删除"); |
|||
return; |
|||
} |
|||
mainTitle='关于删除项目【'+titleNames+"】的审批" |
|||
mainContext=mainTitle+',删除原因：'; |
|||
} else if(bizKey=='xm_project_over_approva'){ |
|||
if(row.status!='1'){ |
|||
this.$message.error("只有状态为执行中的项目可以进行结项操作"); |
|||
return; |
|||
} |
|||
mainTitle='关于项目【'+titleNames+"】结项的审批" |
|||
mainContext=mainTitle; |
|||
|
|||
} else if(bizKey=='xm_project_restart_approva'){ |
|||
if(row.status!='3'){ |
|||
this.$message.error("只有状态为暂停的项目可以进行重新启动操作"); |
|||
return; |
|||
} |
|||
mainTitle='关于项目【'+titleNames+"】重新启动的审批" |
|||
mainContext=mainTitle; |
|||
} else if(bizKey=='xm_project_start_approva'){ |
|||
if(row.status!='0'){ |
|||
this.$message.error("只有状态为初始化的项目可以进行立项审批操作"); |
|||
return; |
|||
} |
|||
mainTitle='关于项目【'+titleNames+"】的立项审批" |
|||
mainContext=mainTitle |
|||
} else if(bizKey=='xm_project_suspension_approva'){ |
|||
if(row.status!='1'){ |
|||
this.$message.error("只有状态为执行中的项目可以进行挂起操作"); |
|||
return; |
|||
} |
|||
mainTitle='关于项目【'+titleNames+"】暂停的审批" |
|||
mainContext=mainTitle+''; |
|||
} else if(bizKey=='xm_project_budget_change_approva'){ |
|||
if(row.status!='1'){ |
|||
this.$message.error("只有状态为执行中的项目可以进行预算变更操作"); |
|||
return; |
|||
} |
|||
mainTitle='关于项目【'+titleNames+"】的预算变更审批" |
|||
mainContext=mainTitle+''; |
|||
} else{ |
|||
this.$message.error("暂不支持的业务审批"); |
|||
return; |
|||
} |
|||
|
|||
let params={ |
|||
mainContext:mainContext, |
|||
mainTitle:mainTitle, |
|||
bizKey:bizKey, |
|||
bizUrl:bizUrl, |
|||
restUrl:config.getXmBasePath()+"/xm/core/xmProject/processApprova", |
|||
extVars:extVars, |
|||
flowVars:{ |
|||
subscribeTaskEvent:'TASK_COMPLETED,TASK_CREATED', |
|||
branchId:row.branchId, |
|||
projectId:row.id |
|||
}, |
|||
} |
|||
let jsonParmas=encodeURIComponent(JSON.stringify(params));//对方要 decodeURIComponent |
|||
this.$router.push({name:'ProcdefListForBizStart',params:jsonParmas}); |
|||
}, |
|||
handleCommand(command) { |
|||
if(command.type=='sendToProcessApprova'){ |
|||
this.sendToProcessApprova(command.row,command.bizKey); |
|||
} else if(command.type=='showEdit'){ |
|||
this.showEdit(command.row,null); |
|||
} |
|||
}, |
|||
focusOrUnfocus:function(row){ |
|||
if(this.menukey=="myFocus"){ |
|||
delXmMyFocus({projectId:row.id,focusType:'project',userid:this.userInfo.userid,username:this.userInfo.username}).then(res=>{ |
|||
var tips=res.data.tips; |
|||
if(tips.isOk){ |
|||
this.getXmProjects(); |
|||
} |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}) |
|||
}else{ |
|||
addXmMyFocus({projectId:row.id,focusType:'project',projectName:row.name,userid:this.userInfo.userid,username:this.userInfo.username}).then(res=>{ |
|||
var tips=res.data.tips; |
|||
this.$message({showClose: true, message: tips.msg, type: tips.isOk?'success':'error' }); |
|||
}) |
|||
} |
|||
}, |
|||
|
|||
onProductSelected:function(product){ |
|||
this.filters.productId=product.id |
|||
this.filters.productName=product.productName |
|||
this.getXmProjects() |
|||
this.productSelectVisible=false; |
|||
}, |
|||
onProductClose:function(){ |
|||
this.filters.productId='' |
|||
this.filters.productName='' |
|||
this.getXmProjects() |
|||
} |
|||
/**end 自定义函数请在上面加**/ |
|||
|
|||
},//end methods |
|||
components: { |
|||
'xm-project-edit':XmProjectEdit, |
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
if(this.$route.params){ |
|||
this.filters.productId=this.$route.params.productId; |
|||
this.filters.productName=this.$route.params.productName; |
|||
} |
|||
this.$nextTick(() => { |
|||
this.showInfo = false; |
|||
this.getXmProjects(); |
|||
}); |
|||
}, |
|||
} |
|||
|
|||
</script> |
|||
|
|||
<style scoped> |
|||
* >>> .sub-navbar{ |
|||
background: #fafbfc; |
|||
} |
|||
.changebtn{ |
|||
float: right; |
|||
padding: 2px 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; |
|||
padding-left: 10px; |
|||
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; |
|||
} |
|||
.hidden-btn{ |
|||
margin-top: 5px; |
|||
margin-bottom: 5px; |
|||
} |
|||
.right-btn{ |
|||
margin-top: 12px; |
|||
} |
|||
@media only screen and (max-height: 2400px) { |
|||
.project-box{ |
|||
max-height: 1600x; |
|||
overflow-y: auto; |
|||
} |
|||
} |
|||
@media only screen and (max-height: 1200px) { |
|||
.project-box{ |
|||
max-height: 800px; |
|||
overflow-y: auto; |
|||
} |
|||
} |
|||
@media only screen and (max-height: 980px) { |
|||
.project-box{ |
|||
max-height: 600px; |
|||
overflow-y: auto; |
|||
} |
|||
} |
|||
@media only screen and (max-height: 640px) { |
|||
.project-box{ |
|||
max-height: 300px; |
|||
overflow-y: auto; |
|||
} |
|||
} |
|||
|
|||
.more-label-font{ |
|||
text-align:center; |
|||
float:left; |
|||
padding-top:5px; |
|||
} |
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue