陈裕财
4 years ago
7 changed files with 925 additions and 76 deletions
-
2src/api/xm/core/xmTaskExecuser.js
-
1src/router/routes_xm.js
-
2src/views/xm/core/xmTask/XmTaskEdit.vue
-
2src/views/xm/core/xmTask/XmTaskMng.vue
-
764src/views/xm/core/xmTaskExecuser/XmTaskExecuserForTask.vue
-
227src/views/xm/core/xmTaskExecuser/XmTaskExecuserMng.vue
-
3src/views/xm/core/xmTaskWorkload/XmTaskWorkloadEdit.vue
@ -0,0 +1,764 @@ |
|||||
|
<template> |
||||
|
<section> |
||||
|
<div class="exec-navbar"> |
||||
|
<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input> |
||||
|
<el-button type="primary" v-loading="load.list" :disabled="load.list==true" v-on:click="searchXmTaskExecusers">查询</el-button> |
||||
|
<el-button type="primary" @click="toJoin">我要加入</el-button> |
||||
|
<el-button type="primary" @click="showAdd">邀请他人加入</el-button> |
||||
|
<!-- <el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || load.del==true">批量删除</el-button> --> |
||||
|
</div> |
||||
|
<el-row class="page-main "> |
||||
|
<!--列表 XmTaskExecuser xm_task_execuser--> |
||||
|
<el-table ref="table" :height="tableHeight" :data="xmTaskExecusers" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;"> |
||||
|
<el-table-column type="expand"> |
||||
|
<template slot-scope="props"> |
||||
|
<el-form label-position="left" class="demo-table-expand"> |
||||
|
<el-form-item label="报价"> |
||||
|
工作量：<span>{{ props.row.quoteWorkload }} 人时</span> 金额：<span>{{ props.row.quoteAmount }}元</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报价工期"> |
||||
|
<span>{{ props.row.quoteWeekday }} 天 :{{props.row.quoteStartTime }}~{{props.row.quoteEndTime}}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="匹配指数"> |
||||
|
<span>{{ props.row.matchScore }}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="技能说明"> |
||||
|
<span>{{ props.row.skillRemark }}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="备注说明"> |
||||
|
<span>{{ props.row.remarks }}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="操作"> |
||||
|
<!--结算状态0未结算1已部分结算2无需结算4已申请结算5结算失败6已全部结算--> |
||||
|
<el-button type="primary" v-if="props.row.status=='7' " @click="becomeCandidate(props.row)">成为候选人</el-button> |
||||
|
<el-button type="danger" v-if="props.row.status=='7' " @click="handleDel(props.row)">删除</el-button> |
||||
|
<el-button type="warning" v-if="props.row.status=='0'" @click="showQuotePrice(props.row)">修改报价信息</el-button> |
||||
|
<el-button type="primary" v-if="props.row.status=='0'" @click="execute(props.row)">成为执行人</el-button> |
||||
|
<el-button type="warning" v-if="props.row.status!='7' " @click="leave(props.row)">离开任务</el-button> |
||||
|
|
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="username" label="姓名" min-width="300" > |
||||
|
<template slot-scope="scope"> |
||||
|
<div> |
||||
|
{{scope.row.username}} <el-tag type="info">{{scope.row.quoteStartTime }}~{{scope.row.quoteEndTime}}</el-tag> <el-tooltip content="报价金额"><el-tag type="danger">{{scope.row.quoteAmount}}元</el-tag></el-tooltip> |
||||
|
<el-popover trigger="hover" |
||||
|
width="400" > |
||||
|
<el-row> |
||||
|
<!--结算状态0未结算1已部分结算2无需结算4已申请结算5结算失败6已全部结算--> |
||||
|
<el-button type="primary" v-if="scope.row.status=='7' " @click="becomeCandidate(scope.row)">成为候选人</el-button> |
||||
|
<el-button type="danger" v-if="scope.row.status=='7' " @click="handleDel(scope.row)">删除</el-button> |
||||
|
<el-button type="warning" v-if="scope.row.status=='0'" @click="showQuotePrice(scope.row)">修改报价信息</el-button> |
||||
|
<el-button type="primary" v-if="scope.row.status=='0'" @click="execute(scope.row)">成为执行人</el-button> |
||||
|
<el-button type="warning" v-if="scope.row.status!='7' " @click="leave(scope.row)">离开任务</el-button> |
||||
|
</el-row> |
||||
|
<font slot="reference"> |
||||
|
<el-link type="primary" v-if="scope.row.status=='0'">候选中({{formatToDoByStatus(scope.row)}})</el-link> |
||||
|
<el-link type="success" v-else-if="scope.row.status=='1'">执行中({{formatToDoByStatus(scope.row)}})</el-link> |
||||
|
<el-link type="info" v-else-if="scope.row.status=='7'">已放弃任务({{formatToDoByStatus(scope.row)}})</el-link> |
||||
|
<el-link type="danger" v-else-if="scope.row.status=='8'">黑名单({{formatToDoByStatus(scope.row)}})</el-link> |
||||
|
</font> |
||||
|
|
||||
|
</el-popover> |
||||
|
</div> |
||||
|
</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-drawer append-to-body title="报价" :visible.sync="quotePriceVisible" size="60%" :close-on-click-modal="false"> |
||||
|
<el-form :model="quotePriceForm" label-width="100px" ref="quotePriceForm"> |
||||
|
<el-form-item label="候选人名称"> |
||||
|
<span>{{ quotePriceForm.username }}</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报价工期" prop="quoteWeekday"> |
||||
|
<div> |
||||
|
<el-input v-model="quotePriceForm.quoteWeekday" style="width:30%;" type="number" placeholder="报价工期（不包括周六日）" ></el-input>工作日 |
||||
|
<el-date-picker |
||||
|
v-model="quoteDateRanger" |
||||
|
class="hidden-sm-and-down" |
||||
|
type="daterange" |
||||
|
align="right" |
||||
|
unlink-panels |
||||
|
range-separator="至" |
||||
|
start-placeholder="开始日期" |
||||
|
end-placeholder="完成日期" |
||||
|
value-format="yyyy-MM-dd HH:mm:ss" |
||||
|
:default-time="['00:00:00','23:59:59']" |
||||
|
:picker-options="pickerOptions" |
||||
|
></el-date-picker> |
||||
|
</div> |
||||
|
<el-tag>原来{{editForm.quoteWeekday}},任务要求{{xmTask.startTime}}~{{xmTask.endTime}}</el-tag> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报价工作量" prop="quoteWorkload"> |
||||
|
<el-input v-model="quotePriceForm.quoteWorkload" type="number" placeholder="报价工作量（人时）" ></el-input> |
||||
|
<el-tag>原来{{editForm.quoteWorkload}},任务预估{{xmTask.budgetWorkload}}</el-tag> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="报价金额" prop="quoteAmount"> |
||||
|
<el-input v-model="quotePriceForm.quoteAmount" type="number" placeholder="报价金额" ></el-input> |
||||
|
<el-tag>原来{{editForm.quoteAmount}},任务预算{{xmTask.budgetCost}}</el-tag> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="擅长技能" prop="skillRemark"> |
||||
|
<el-input type="textarea" :row="3" v-model="quotePriceForm.skillRemark" placeholder="擅长技能" ></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button @click.native="quotePriceVisible=false">取消</el-button> |
||||
|
<el-button v-loading="load.edit" @click.native="fillTaskBudgetInfoToQuotePriceForm" :disabled="load.edit==true">按任务预算填充</el-button> |
||||
|
<el-button v-loading="load.edit" type="primary" @click.native="handleQuotePrice" :disabled="load.edit==true">提交</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</el-drawer> |
||||
|
|
||||
|
<!--编辑 XmTaskExecuser xm_task_execuser界面--> |
||||
|
<el-drawer append-to-body title="编辑任务执行人" :visible.sync="editFormVisible" size="50%" :close-on-click-modal="false"> |
||||
|
<xm-task-execuser-edit :exec-user-list="xmTaskExecusers" :xm-task="xmTask" :xm-task-execuser="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></xm-task-execuser-edit> |
||||
|
</el-drawer> |
||||
|
|
||||
|
<!--新增 XmTaskExecuser xm_task_execuser界面--> |
||||
|
<el-drawer append-to-body title="新增任务执行人" :visible.sync="addFormVisible" size="50%" :close-on-click-modal="false"> |
||||
|
<xm-task-execuser-add :exec-user-list="xmTaskExecusers" :xm-task="xmTask" :execuser-add-type="execuserAddType" :xm-task-execuser="addForm" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></xm-task-execuser-add> |
||||
|
</el-drawer> |
||||
|
</el-row> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import util from '@/common/js/util';//全局公共库 |
||||
|
import config from "@/common/config"; //全局公共库 |
||||
|
|
||||
|
//import Sticky from '@/components/Sticky' // 粘性header组件 |
||||
|
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
||||
|
import { listXmTaskExecuser,editXmTaskExecuser,leaveTask,beExecutor,settleExec, delXmTaskExecuser, batchDelXmTaskExecuser,quotePrice,becomeCandidate,toTest,testSuccess,testFail } from '@/api/xm/core/xmTaskExecuser'; |
||||
|
import XmTaskExecuserAdd from './XmTaskExecuserAdd';//新增界面 |
||||
|
import XmTaskExecuserEdit from './XmTaskExecuserEdit';//修改界面 |
||||
|
import XmProjectMCostUserList from '../xmProjectMCostUser/XmProjectMCostUserList'; |
||||
|
import { mapGetters } from 'vuex' |
||||
|
import html2canvas from 'html2canvas' |
||||
|
import { uploadBase64 } from '@/api/mdp/arc/image'; |
||||
|
|
||||
|
export default { |
||||
|
computed: { |
||||
|
...mapGetters([ |
||||
|
'userInfo','roles' |
||||
|
]), |
||||
|
}, |
||||
|
props: ["visible","xmTask","isMy"], |
||||
|
watch: { |
||||
|
'visible': function(val) { |
||||
|
if(val == true){ |
||||
|
console.log("visible"); |
||||
|
this.getXmTaskExecusers(); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
filters: { |
||||
|
key: '' |
||||
|
}, |
||||
|
xmTaskExecusers: [],//查询结果 |
||||
|
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: [],//列表选中数据 |
||||
|
dicts:{ |
||||
|
projectTaskExecuserStatus:[], |
||||
|
projectTaskSettleStatus:[], |
||||
|
},//下拉选择框的所有静态数据 params=[{categoryId:'0001',itemCode:'sex'}] 返回结果 {'sex':[{optionValue:'1',optionName:'男',seqOrder:'1',fp:'',isDefault:'0'},{optionValue:'2',optionName:'女',seqOrder:'2',fp:'',isDefault:'0'}]} |
||||
|
|
||||
|
addFormVisible: false,//新增xmTaskExecuser界面是否显示 |
||||
|
//新增xmTaskExecuser界面初始化数据 |
||||
|
addForm: { |
||||
|
createTime:'',id:'',taskId:'',userid:'',startTime:'',endTime:'',status:'',remarks:'',settleAmount:'',settleWorkload:'',settleStatus:'',settleTime:'',createUserid:'',createUsername:'',username:'',matchScore:'',quoteWeekday:'',quoteAmount:'',quoteTime:'',bizProcInstId:'',bizFlowState:'',projectId:'',phaseId:'',skillRemark:'',quoteWorkload:'',quoteStartTime:'',quoteEndTime:'',branchId:'',projectPhaseName:'',taskName:'' |
||||
|
}, |
||||
|
|
||||
|
editFormVisible: false,//编辑界面是否显示 |
||||
|
//编辑xmTaskExecuser界面初始化数据 |
||||
|
editForm: { |
||||
|
createTime:'',id:'',taskId:'',userid:'',startTime:'',endTime:'',status:'',remarks:'',settleAmount:'',settleWorkload:'',settleStatus:'',settleTime:'',createUserid:'',createUsername:'',username:'',matchScore:'',quoteWeekday:'',quoteAmount:'',quoteTime:'',bizProcInstId:'',bizFlowState:'',projectId:'',phaseId:'',skillRemark:'',quoteWorkload:'',quoteStartTime:'',quoteEndTime:'',branchId:'',projectPhaseName:'',taskName:'' |
||||
|
}, |
||||
|
/**begin 自定义属性请在下面加 请加备注**/ |
||||
|
|
||||
|
settleVisible: false, |
||||
|
settleForm: { |
||||
|
settleAmount: '',settleWorkload: '', settleStatus: '', |
||||
|
}, |
||||
|
settleListVisible:false, |
||||
|
quotePriceForm: { |
||||
|
quoteAmount: '',quoteWorkload: '', skillRemark: '',quoteStartTime:'',quoteEndTime:'',id:'',userid:'',usernane:'',taskId:'', |
||||
|
}, |
||||
|
quotePriceVisible:false, |
||||
|
readyAdd: [], |
||||
|
quoteDateRanger: [ |
||||
|
], |
||||
|
execuserAddType:'add',//add为新增 join为当前登陆者加入 |
||||
|
pickerOptions: util.pickerOptions('datarange'), |
||||
|
tableHeight:300, |
||||
|
/**end 自定义属性请在上面加 请加备注**/ |
||||
|
} |
||||
|
},//end data |
||||
|
methods: { |
||||
|
handleSizeChange(pageSize) { |
||||
|
this.pageInfo.pageSize=pageSize; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
handleCurrentChange(pageNum) { |
||||
|
this.pageInfo.pageNum = pageNum; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
// 表格排序 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.getXmTaskExecusers(); |
||||
|
}, |
||||
|
searchXmTaskExecusers(){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
//获取列表 XmTaskExecuser xm_task_execuser |
||||
|
getXmTaskExecusers() { |
||||
|
let params = { |
||||
|
pageSize: this.pageInfo.pageSize, |
||||
|
pageNum: this.pageInfo.pageNum, |
||||
|
total: this.pageInfo.total, |
||||
|
count:this.pageInfo.count |
||||
|
}; |
||||
|
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.filters.key!==""){ |
||||
|
params.fuzzy = '%'+this.filters.key+'%'; |
||||
|
//params.xxx=this.filters.key |
||||
|
}else{ |
||||
|
//params.xxx=xxxxx |
||||
|
} |
||||
|
if(this.isMy=='1'){ |
||||
|
params.isMy='1' |
||||
|
} |
||||
|
this.load.list = true; |
||||
|
params.taskId = this.xmTask.id; |
||||
|
params.projectId=this.xmTask.projectId |
||||
|
if(this.isMy=='1'){ |
||||
|
params.userid=this.userInfo.userid |
||||
|
} |
||||
|
listXmTaskExecuser(params).then((res) => { |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.pageInfo.total = res.data.total; |
||||
|
this.pageInfo.count=false; |
||||
|
this.xmTaskExecusers = res.data.data; |
||||
|
this.$emit("loadExecUserList",this.xmTaskExecusers); |
||||
|
}else{ |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: 'error' }); |
||||
|
} |
||||
|
this.load.list = false; |
||||
|
}).catch( err => this.load.list = false ); |
||||
|
}, |
||||
|
|
||||
|
//显示编辑界面 XmTaskExecuser xm_task_execuser |
||||
|
showEdit: function ( row,index ) { |
||||
|
this.editFormVisible = true; |
||||
|
this.editForm = Object.assign({}, row); |
||||
|
}, |
||||
|
//显示新增界面 XmTaskExecuser xm_task_execuser |
||||
|
showAdd: function () { |
||||
|
this.execuserAddType=""; |
||||
|
this.addFormVisible = true; |
||||
|
|
||||
|
//this.addForm=Object.assign({}, this.editForm); |
||||
|
}, |
||||
|
toJoin(){ |
||||
|
this.execuserAddType="join" |
||||
|
this.addFormVisible = true; |
||||
|
}, |
||||
|
getWeekday(first, last) { |
||||
|
//计算工作日方法：遍历这两个日期区间的每一个日期，获取他的getDay() |
||||
|
|
||||
|
//分别获取first和last的毫秒数(时间戳) |
||||
|
first = first.getTime(); |
||||
|
last = last.getTime(); |
||||
|
|
||||
|
var count = 0; |
||||
|
for (var i = first; i <= last; i += 24 * 3600 * 1000) { |
||||
|
var d = new Date(i); |
||||
|
if (d.getDay() >= 1 && d.getDay() <= 5) { |
||||
|
count++; |
||||
|
} |
||||
|
} |
||||
|
return count; |
||||
|
}, |
||||
|
showQuotePrice(row){ |
||||
|
this.editForm=row |
||||
|
this.quotePriceForm=Object.assign({},row); |
||||
|
this.quoteDateRanger=[]; |
||||
|
this.quoteDateRanger.push(this.quotePriceForm.quoteStartTime); |
||||
|
this.quoteDateRanger.push(this.quotePriceForm.quoteEndTime); |
||||
|
this.quotePriceVisible=true; |
||||
|
}, |
||||
|
afterAddSubmit(){ |
||||
|
this.addFormVisible=false; |
||||
|
this.pageInfo.count=true; |
||||
|
this.$emit("after-add-submit",this.addForm); |
||||
|
|
||||
|
this.getXmTaskExecusers(); |
||||
|
}, |
||||
|
afterEditSubmit(){ |
||||
|
this.editFormVisible=false; |
||||
|
this.getXmTaskExecusers(); |
||||
|
this.$emit("after-edit-submit",this.editForm); |
||||
|
}, |
||||
|
afterDeleteSubmit(){ |
||||
|
this.getXmTaskExecusers(); |
||||
|
this.$emit("after-delete-submit"); |
||||
|
}, |
||||
|
//选择行xmTaskExecuser |
||||
|
selsChange: function (sels) { |
||||
|
this.sels = sels; |
||||
|
}, |
||||
|
//删除xmTaskExecuser |
||||
|
handleDel: function (row,index) { |
||||
|
this.$confirm('确认删除该记录吗?', '提示', { |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.load.del=true; |
||||
|
let params = row; |
||||
|
params.taskName=this.xmTask.name; |
||||
|
delXmTaskExecuser(params).then((res) => { |
||||
|
this.load.del=false; |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.afterDeleteSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err => this.load.del=false ); |
||||
|
}); |
||||
|
}, |
||||
|
//批量删除xmTaskExecuser |
||||
|
batchDel: function () { |
||||
|
this.$confirm('确认删除选中记录吗？', '提示', { |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
this.load.del=true; |
||||
|
batchDelXmTaskExecuser(this.sels).then((res) => { |
||||
|
this.load.del=false; |
||||
|
var tips=res.data.tips; |
||||
|
if( tips.isOk ){ |
||||
|
this.pageInfo.count=true; |
||||
|
this.afterDeleteSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error'}); |
||||
|
}).catch( err => this.load.del=false ); |
||||
|
}); |
||||
|
}, |
||||
|
rowClick: function(row, event, column){ |
||||
|
this.editForm=row; |
||||
|
this.$emit('row-click',row, event, column);// @row-click="rowClick" |
||||
|
}, |
||||
|
/**begin 自定义函数请在下面加**/ |
||||
|
|
||||
|
checkSelectable(row,index){ |
||||
|
return row.status != 2; |
||||
|
}, |
||||
|
leave(row) { |
||||
|
row.taskName=this.xmTask.name |
||||
|
var selExec = [row].filter(i=>i.status !="7"); |
||||
|
if(selExec.length > 0){ |
||||
|
this.$confirm('确定离开任务吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true; |
||||
|
leaveTask(selExec).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
execute(row) { |
||||
|
row.taskName=this.xmTask.name |
||||
|
if( row && row.status=="0"){ |
||||
|
this.$confirm('确定变更为执行人吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true; |
||||
|
beExecutor(row).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}else if(row.status=="1"){ |
||||
|
this.$notify.error("已是执行人，无需变更"); |
||||
|
}else if(row.status=="7"){ |
||||
|
this.$notify.error("已离开任务，不允许变更执行人"); |
||||
|
}else if(row.status=="8"){ |
||||
|
this.$notify.error("黑名单，不允许参与该任务"); |
||||
|
}else{ |
||||
|
this.$notify.error("已是执行人，无需变更"); |
||||
|
} |
||||
|
}, |
||||
|
settle(row) { |
||||
|
this.editForm=row |
||||
|
this.settleVisible = true; |
||||
|
}, |
||||
|
|
||||
|
handleSettle() { |
||||
|
var selExec=this.sels; |
||||
|
selExec.forEach(l=>{ |
||||
|
l = Object.assign(l,this.settleForm); |
||||
|
}); |
||||
|
this.$confirm('确定结算吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true; |
||||
|
settleExec(selExec).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.settleVisible = false; |
||||
|
this.$refs['settleForm'].resetFields(); |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}, |
||||
|
|
||||
|
handleQuotePrice() { |
||||
|
if(this.quoteDateRanger.length==2){ |
||||
|
this.quotePriceForm.quoteStartTime=this.quoteDateRanger[0] |
||||
|
this.quotePriceForm.quoteEndTime=this.quoteDateRanger[1] |
||||
|
} |
||||
|
this.$confirm('确定提交报价吗？', '提示', {}).then(() => { |
||||
|
this.load.edit=true; |
||||
|
quotePrice(this.quotePriceForm).then((res) => { |
||||
|
this.load.edit=false |
||||
|
var tips=res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.quotePriceVisible = false; |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
}).catch( err =>this.load.edit=false); |
||||
|
}); |
||||
|
}, |
||||
|
fillTaskBudgetInfoToQuotePriceForm(){ |
||||
|
this.quotePriceForm.quoteAmount=this.xmTask.budgetCost |
||||
|
this.quotePriceForm.quoteWorkload=this.xmTask.budgetWorkload |
||||
|
this.quotePriceForm.quoteStartTime=this.xmTask.startTime |
||||
|
this.quotePriceForm.quoteEndTime=this.xmTask.endTime |
||||
|
this.quoteDateRanger=[]; |
||||
|
this.quoteDateRanger.push(this.quotePriceForm.quoteStartTime); |
||||
|
this.quoteDateRanger.push(this.quotePriceForm.quoteEndTime); |
||||
|
if(!this.quotePriceForm.quoteWeekday){ |
||||
|
this.quotePriceForm.quoteWeekday=this.getWeekday(new Date(this.quotePriceForm.quoteStartTime),new Date(this.quotePriceForm.quoteEndTime)); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
fillQuotePriceToSettleForm(){ |
||||
|
this.settleForm.settleAmount=this.editForm.quoteAmount |
||||
|
this.settleForm.settleWorkload=this.editForm.quoteWorkload |
||||
|
}, |
||||
|
handleSettleCancel() { |
||||
|
this.settleVisible = false; |
||||
|
this.$refs['settleForm'].resetFields(); |
||||
|
}, |
||||
|
formatterOption: function(row,column,cellValue, index){ |
||||
|
var columnName=column.property; |
||||
|
var key=""; |
||||
|
if(columnName=='status'){ |
||||
|
key="projectTaskExecuserStatus" |
||||
|
}else if(columnName=='settleStatus'){ |
||||
|
key="projectTaskSettleStatus" |
||||
|
}else{ |
||||
|
return cellValue |
||||
|
} |
||||
|
if(this.dicts[key]==undefined || this.dicts[key]==null || this.dicts[key].length==0 ){ |
||||
|
return cellValue; |
||||
|
} |
||||
|
var list=this.dicts[key].filter(i=>i.id==cellValue) |
||||
|
if(list.length>0){ |
||||
|
return list[0].name |
||||
|
}else{ |
||||
|
return cellValue; |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
toAcceptance:function(){ |
||||
|
|
||||
|
}, |
||||
|
toTest:function(row){ |
||||
|
var params=row; |
||||
|
toTest(params).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.getXmTaskExecusers(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
testSuccess:function(row){ |
||||
|
var params=row; |
||||
|
testSuccess(params).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.getXmTaskExecusers(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
testFail:function(row){ |
||||
|
var params=row; |
||||
|
testFail(params).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.getXmTaskExecusers(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
showSettleList: function(row){ |
||||
|
this.editForm=row; |
||||
|
this.settleListVisible=true; |
||||
|
}, |
||||
|
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(this.settleForm.settleAmount==0||this.settleForm.settleAmount==''){ |
||||
|
this.$notify.error("结算金额为空/0，不允许发审"); |
||||
|
return; |
||||
|
} |
||||
|
if(row.flowState=='1'){ |
||||
|
this.$notify.error("审核中，不允许重复发审"); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
var taskName=this.xmTask.name |
||||
|
var projectId=this.xmTask.projectId |
||||
|
var projectName=this.xmTask.projectName |
||||
|
var taskId=this.xmTask.id |
||||
|
var branchId=this.userInfo.branchId |
||||
|
|
||||
|
let extVars={projectId:projectId,taskId,taskExecuserId:row.id} |
||||
|
let jsonExtVars=JSON.stringify(extVars); |
||||
|
|
||||
|
var currDomain=window.location.protocol+"//"+window.location.host; |
||||
|
var fullPath=this.$route.fullPath; |
||||
|
var bizUrl=currDomain+'/#'+fullPath+'?extVars='+jsonExtVars |
||||
|
|
||||
|
|
||||
|
let params={ |
||||
|
bizKey:bizKey, |
||||
|
bizUrl:bizUrl, |
||||
|
resUrl:'', |
||||
|
bizPkid:row.id, |
||||
|
bizParentPkid:projectId, |
||||
|
mainContext:'', |
||||
|
extVars:extVars, |
||||
|
flowVars:{ |
||||
|
subscribeTaskEvent:'TASK_COMPLETED,TASK_CREATED', |
||||
|
data:{ |
||||
|
projectId:projectId, |
||||
|
taskId:taskId, |
||||
|
userid:row.userid, |
||||
|
settleAmount:this.settleForm.settleAmount, |
||||
|
settleWorkload:this.settleForm.settleWorkload, |
||||
|
id:row.id, |
||||
|
branchId:branchId, |
||||
|
username:row.username |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
|
||||
|
if(bizKey=="xm_task_execuser_settle_approva"){ |
||||
|
//延期审核 |
||||
|
params.mainTitle='['+row.username+']发起关于任务【'+projectName+'-'+taskName+"】结算申请"; |
||||
|
params.mainContext='项目编号：'+projectId+','+'项目名称：'+projectName+',任务名称:'+taskName+',结算金额为:'+this.settleForm.settleAmount+',结算工作量为：'+this.settleForm.settleWorkload; |
||||
|
params.restUrl=config.getXmBasePath()+"/xm/core/xmTaskExecuser/processApprova"; |
||||
|
this.$router.push({name:'ProcdefListForBizStart',params:params}); |
||||
|
//this.html2canvas(document.querySelector(".settleForm"),row,params); |
||||
|
}else { |
||||
|
this.$notify.error("不支持的审批事项"); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
//this.$store.dispatch('addVisitedViews', {path:'/mdp/workflow/re/procdef/ProcdefListForBizStart',query:{params:jsonParmas}}) |
||||
|
}, |
||||
|
handleCommand(command) { |
||||
|
if(command.type=='sendToProcessApprova'){ |
||||
|
this.sendToProcessApprova(command.data,command.bizKey); |
||||
|
}else if(command.type=='showQuotePrice'){ |
||||
|
this.showQuotePrice(command.data); |
||||
|
}else if(command.type=='becomeCandidate'){ |
||||
|
this.becomeCandidate(command.data); |
||||
|
}else if(command.type=='setNoLeader'){ |
||||
|
this.setNoLeader(command.data); |
||||
|
}else if(command.type=='execute'){ |
||||
|
this.execute(command.data); |
||||
|
}else if(command.type=='leave'){ |
||||
|
this.leave(command.data); |
||||
|
}else if(command.type=='showSettleList'){ |
||||
|
this.showSettleList(command.data); |
||||
|
}else if(command.type=='handleDel'){ |
||||
|
this.handleDel(command.data); |
||||
|
}else if(command.type=='toJoin'){ |
||||
|
this.editForm=command.data |
||||
|
this.toJoin(); |
||||
|
} |
||||
|
}, |
||||
|
html2canvas(doc,row,params){ |
||||
|
this.load.edit=true; |
||||
|
this.hideAllBtn(doc,true); |
||||
|
html2canvas(doc).then(canvas => { |
||||
|
|
||||
|
let dataURL = canvas.toDataURL("image/png"); |
||||
|
uploadBase64({fileData:dataURL,categoryId:'workflow',storedb:'0',branchId:row.branchId,name:row.name+'.png'}).then(res=>{ |
||||
|
this.hideAllBtn(doc,false); |
||||
|
params.mainContext=params.mainContext+'<br><img style="max-width:100%;" src="'+res.data.data.url+'"/>' |
||||
|
this.$router.push({name:'ProcdefListForBizStart',params:params}); |
||||
|
this.load.edit=false; |
||||
|
}); |
||||
|
|
||||
|
}); |
||||
|
}, |
||||
|
hideAllBtn:function(doc,hide) { |
||||
|
var btns = doc.getElementsByTagName('button'); |
||||
|
for (var i = 0; i < btns.length; i++) { |
||||
|
if(hide==true){ |
||||
|
btns[i].style.display='none' |
||||
|
}else{ |
||||
|
btns[i].style.display='' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
becomeCandidate(row){ |
||||
|
this.editForm=row |
||||
|
var params=JSON.parse(JSON.stringify(row)); |
||||
|
params.status="0" |
||||
|
becomeCandidate(params).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
setNoLeader(row){ |
||||
|
this.editForm=row |
||||
|
var params=JSON.parse(JSON.stringify(row)); |
||||
|
params.isLeader="0" |
||||
|
becomeCandidate(params).then(res=>{ |
||||
|
var tips = res.data.tips; |
||||
|
if(tips.isOk){ |
||||
|
this.afterEditSubmit(); |
||||
|
} |
||||
|
this.$notify({position:'bottom-left',showClose:true,message: tips.msg, type: tips.isOk?'success':'error' }); |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
formatToDoByStatus(row){ |
||||
|
var status=row.status; |
||||
|
var msg="点我操作" |
||||
|
if(status=='1'){ |
||||
|
msg="请申请验收"; |
||||
|
}else if( row.status=='3' && row.settleStatus!='2' && row.settleStatus!='4' && row.settleStatus!='6' ){ |
||||
|
msg="请申请结算"; |
||||
|
}else if(status=='2' ){ |
||||
|
msg="请给出验收结论"; |
||||
|
}else if(status=='7' ){ |
||||
|
msg="申请成为候选人"; |
||||
|
}else if(status=='0' ){ |
||||
|
msg="申请成为执行人"; |
||||
|
}else if( row.status=='3' || row.status=='6' ){ |
||||
|
msg="查看结算清单"; |
||||
|
} else if( row.status=='4'){ |
||||
|
msg="再次申请验收"; |
||||
|
} |
||||
|
return msg; |
||||
|
} |
||||
|
/**end 自定义函数请在上面加**/ |
||||
|
|
||||
|
},//end methods |
||||
|
components: { |
||||
|
'xm-task-execuser-add':XmTaskExecuserAdd, |
||||
|
'xm-task-execuser-edit':XmTaskExecuserEdit, |
||||
|
|
||||
|
XmProjectMCostUserList, |
||||
|
//在下面添加其它组件 |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.$nextTick(() => { |
||||
|
this.tableHeight = util.calcTableMaxHeight(this.$refs.table.$el); |
||||
|
this.getXmTaskExecusers(); |
||||
|
}); |
||||
|
|
||||
|
initSimpleDicts('all',['projectTaskExecuserStatus','projectTaskSettleStatus']).then(res=>{ |
||||
|
this.dicts=res.data.data; |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.exec-navbar{ |
||||
|
background: #fafbfc; |
||||
|
padding: 0 20px; |
||||
|
height: 50px; |
||||
|
overflow: auto hidden; |
||||
|
line-height: 50px; |
||||
|
} |
||||
|
.badge { |
||||
|
margin-top: 7px; |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue