陈裕财
4 years ago
4 changed files with 280 additions and 7 deletions
-
5src/views/xm/core/xmGroup/XmGroupMng.vue
-
2src/views/xm/core/xmTaskExecuser/XmTaskExecuserForTask.vue
-
10src/views/xm/core/xmTaskExecuser/XmTaskExecuserMng.vue
-
270src/views/xm/core/xmTaskExecuser/XmTaskExecuserSelect.vue
@ -0,0 +1,270 @@ |
|||
<template> |
|||
<section class="padding"> |
|||
<el-row> |
|||
<el-input v-model="filters.key" style="width: 20%;" placeholder="任务名称、用户姓名模糊查询" clearable></el-input> |
|||
<el-input v-model="filters.taskId" style="width:150px;" placeholder="任务编号查询" clearable></el-input> |
|||
<span v-if="selProject && selProject.id"> |
|||
<el-input v-if="selProject && selProject.id" v-model="filters.projectId" style="width: 150px;" placeholder="项目编号" clearable></el-input> |
|||
<el-input v-model="filters.branchId" style="width: 150px;" placeholder="项目公司编号" clearable></el-input> |
|||
</span> |
|||
<el-input v-model="filters.execUserBranchId" style="width: 150px;" placeholder="用户公司编号" clearable></el-input> |
|||
<el-select v-model="filters.status" placeholder="候选状态" clearable> |
|||
<el-option v-for="(item,index) in dicts.projectTaskExecuserStatus" :value="item.id" :label="item.name" :key="index"></el-option> |
|||
</el-select> |
|||
<el-select v-model="filters.taskState" placeholder="任务状态" clearable> |
|||
<el-option v-for="(item,index) in dicts.taskState" :value="item.id" :label="item.name" :key="index"></el-option> |
|||
</el-select> |
|||
<el-button type="primary" v-loading="load.list" :disabled="load.list==true" v-on:click="searchXmTaskExecusers">查询</el-button> |
|||
<!-- <el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || load.del==true">批量删除</el-button> --> |
|||
</el-row> |
|||
<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 label="序号" type="index" width="60" fixed="left"> |
|||
</el-table-column> |
|||
<el-table-column prop="username" label="用户姓名" width="150" sortable show-overflow-tooltip fixed="left"> |
|||
</el-table-column> |
|||
<el-table-column prop="execUserBranchId" label="用户归属公司" width="150" sortable show-overflow-tooltip fixed="left"> |
|||
</el-table-column> |
|||
<el-table-column prop="status" label="候选状态" width="100" sortable fixed="left"> |
|||
<template slot-scope="scope"> |
|||
<el-link type="primary" v-if="scope.row.status=='0'">候选中</el-link> |
|||
<el-link type="success" v-else-if="scope.row.status=='1'">执行中 </el-link> |
|||
<el-link type="info" v-else-if="scope.row.status=='7'">已放弃 </el-link> |
|||
<el-link type="danger" v-else-if="scope.row.status=='8'">黑名单 </el-link> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="taskName" label="任务名称" width="150" sortable show-overflow-tooltip fixed="left"> |
|||
</el-table-column> |
|||
<el-table-column prop="taskName" label="任务状态" width="100" sortable show-overflow-tooltip > |
|||
<template slot-scope="scope"> |
|||
<el-tag v-for="(item,index) in formatDictsWithClass(dicts,'taskState',scope.row.taskState)" :key="index" :type="item.className">{{item.name}}</el-tag> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="projectId" label="项目编号" width="100" sortable show-overflow-tooltip> |
|||
</el-table-column> |
|||
<el-table-column prop="startTime" label="加入时间" width="150" sortable> |
|||
</el-table-column> |
|||
<el-table-column prop="endTime" label="离开时间" width="150" sortable> |
|||
</el-table-column> |
|||
<el-table-column prop="skillRemark" label="技能" min-width="150" sortable show-overflow-tooltip> |
|||
</el-table-column> |
|||
<el-table-column prop="remarks" label="备注" min-width="150" sortable show-overflow-tooltip> |
|||
</el-table-column> |
|||
<el-table-column label="报价信息" min-width="150"> |
|||
|
|||
<el-table-column prop="createTime" label="报价时间" width="150" sortable> |
|||
</el-table-column> |
|||
<el-table-column prop="quoteWorkload" label="报价工作量" width="100" sortable> |
|||
<template slot-scope="scope"> |
|||
{{scope.row.quoteWorkload?scope.row.quoteWorkload:'-'}}h |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column prop="quotePrice" label="报价金额" width="100" sortable> |
|||
|
|||
<template slot-scope="scope"> |
|||
￥{{scope.row.quotePrice?scope.row.quotePrice:'-'}}元 |
|||
</template> |
|||
</el-table-column> |
|||
</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 util from '@/common/js/util';//全局公共库 |
|||
import config from "@/common/config"; //全局公共库 |
|||
|
|||
//import Sticky from '@/components/Sticky' // 粘性header组件 |
|||
import { initSimpleDicts } from '@/api/mdp/meta/item';//下拉框数据查询 |
|||
import { listXmTaskExecuserWithTask,editXmTaskExecuser,leaveTask,beExecutor,settleExec, delXmTaskExecuser, batchDelXmTaskExecuser,quotePrice,becomeCandidate,toTest,testSuccess,testFail } from '@/api/xm/core/xmTaskExecuser'; |
|||
import { mapGetters } from 'vuex' |
|||
|
|||
export default { |
|||
computed: { |
|||
...mapGetters([ |
|||
'userInfo','roles' |
|||
]), |
|||
xmTask:function(){ |
|||
var xmTask={...this.editForm} |
|||
xmTask.id=this.editForm.taskId; |
|||
return xmTask; |
|||
} |
|||
}, |
|||
props: ["visible",'selProject'], |
|||
watch: { |
|||
'visible': function(val) { |
|||
if(val == true){ |
|||
this.searchXmTaskExecusers(); |
|||
} |
|||
}, |
|||
}, |
|||
data() { |
|||
return { |
|||
filters: { |
|||
key: '', |
|||
execUserBranchId:'', |
|||
taskId:'', |
|||
projectId:'', |
|||
status:'', |
|||
taskState:'', |
|||
branchId:'', |
|||
}, |
|||
xmTaskExecusers: [],//查询结果 |
|||
pageInfo:{//分页数据 |
|||
total:0,//服务器端收到0时，会自动计算总记录数，如果上传>0的不自动计算。 |
|||
pageSize:10,//每页数据 |
|||
count:false,//是否需要重新计算总记录数 |
|||
pageNum:1,//当前页码、从1开始计算 |
|||
orderFields:['res.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 自定义属性请在下面加 请加备注**/ |
|||
pickerOptions: util.getPickerOptions('datarange'), |
|||
tableHeight:300, |
|||
|
|||
/**end 自定义属性请在上面加 请加备注**/ |
|||
} |
|||
},//end data |
|||
methods: { |
|||
...util, |
|||
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.key=this.filters.key |
|||
} |
|||
this.load.list = true; |
|||
if(this.filters.taskId){ |
|||
params.taskId=this.filters.taskId |
|||
} |
|||
if(this.filters.projectId){ |
|||
params.projectId=this.filters.projectId |
|||
} |
|||
if(this.selProject && this.selProject.id){ |
|||
params.projectId=this.selProject.id |
|||
} |
|||
if(this.filters.execUserBranchId){ |
|||
params.execUserBranchId=this.filters.execUserBranchId |
|||
} |
|||
|
|||
if(this.filters.taskState){ |
|||
params.taskState=this.filters.taskState |
|||
} |
|||
if(this.filters.status){ |
|||
params.status=this.filters.status |
|||
} |
|||
listXmTaskExecuserWithTask(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 |
|||
selsChange: function (sels) { |
|||
this.sels = sels; |
|||
}, |
|||
rowClick: function(row, event, column){ |
|||
this.editForm=row; |
|||
this.$emit('row-click',row, event, column);// @row-click="rowClick" |
|||
}, |
|||
/**end 自定义函数请在上面加**/ |
|||
|
|||
},//end methods |
|||
components: { |
|||
//在下面添加其它组件 |
|||
}, |
|||
mounted() { |
|||
this.$nextTick(() => { |
|||
this.tableHeight = util.calcTableMaxHeight(this.$refs.table.$el); |
|||
this.getXmTaskExecusers(); |
|||
}); |
|||
|
|||
initSimpleDicts('all',['projectTaskExecuserStatus','projectTaskSettleStatus','taskState']).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