Browse Source

任务评价

master
陈裕财 3 years ago
parent
commit
38680c578b
  1. 44
      src/api/xm/core/xmTaskEval.js
  2. 198
      src/views/xm/core/xmTaskEval/XmTaskEvalEdit.vue
  3. 362
      src/views/xm/core/xmTaskEval/XmTaskEvalMng.vue

44
src/api/xm/core/xmTaskEval.js

@ -0,0 +1,44 @@
import axios from '@/utils/request'
import { getDicts,initSimpleDicts,initComplexDicts } from '@/api/mdp/meta/item';//字典表
import config from '@/common/config'
let base = config.getCoreBasePath();
/**-------------------------与后端通讯接口------------------请写在下面-------------------------------------------- */
/**
* xm_task_eval
*1 默认只开放普通查询所有查询只要上传 分页参数 {pageNum:当前页码从1开始,pageSize:每页记录数,total:总记录数如果是0后台会自动计算总记录数非0不会自动计算}后台都会自动按分页查询 其它 api用到再打开没用到的api请注释掉
*2 查询新增修改的参数格式 params={id:'评价 主键',type:'评价类型1-雇主对服务商的评价,2-服务商对雇主的评价,3-组长对组员的评价',wspeed:'工作速度0-5分',wattit:'工作态度0-5分',wquality:'工作质量0-5分',totalStar:'总体评价0-5分',remark:'评价内容',evalUserid:'评价人编号',evalUsername:'评价人姓名',toUserid:'被评价人编号',toUsername:'被评价人姓名',evalBranchId:'评价人归属机构',toBranchId:'被评价人归属机构号',taskId:'任务编号',evalTime:'评价时间',paySpeed:'付款及时度0-5分',coopHappy:'合作愉快度0-5分'}
**/
//普通查询 条件之间and关系
export const listXmTaskEval = params => { return axios.get(`${base}/xm/core/xmTaskEval/list`, { params: params }); };
//删除一条xm_task_eval params={id:'评价 主键'}
export const delXmTaskEval = params => { return axios.post(`${base}/xm/core/xmTaskEval/del`,params); };
//批量删除xm_task_eval params=[{id:'评价 主键'}]
export const batchDelXmTaskEval = params => { return axios.post(`${base}/xm/core/xmTaskEval/batchDel`, params); };
//修改一条xm_task_eval记录
export const editXmTaskEval = params => { return axios.post(`${base}/xm/core/xmTaskEval/edit`, params); };
//新增一条xm_task_eval
export const addXmTaskEval = params => { return axios.post(`${base}/xm/core/xmTaskEval/add`, params); };
//批量修改某些字段
export const editSomeFieldsXmTaskEval = params => { return axios.post(`${base}/xm/core/xmTaskEval/editSomeFields`, params); };
/**-------------------------前端mng|add|edit界面公共函数---------------请写在下面----------------------------------------------- */
//初始化页面上的字典
export const initDicts = (that) => {
var itemCodes=[];//在此添加要加载的字典 如['sex','grade','lvl']
if(itemCodes.length>0){
initSimpleDicts('all',itemCodes).then(res=>{
Object.assign(that.dicts,res.data.data)
});
}
};

198
src/views/xm/core/xmTaskEval/XmTaskEvalEdit.vue

@ -0,0 +1,198 @@
<template>
<section class="page-container padding">
<el-row class="page-header">
</el-row>
<el-row class="page-main" :style="{overflowX:'auto',height:maxTableHeight+'px'}" ref="table">
<!--编辑界面 XmTaskEval xm_task_eval-->
<el-form :model="editForm" label-width="120px" :rules="editFormRules" ref="editFormRef">
<el-form-item label="评价" prop="id">
<el-input v-model="editForm.id" placeholder="评价" :maxlength="50" @change="editSomeFields(editForm,'id',$event)"></el-input>
</el-form-item>
<el-form-item label="评价类型1-雇主对服务商的评价,2-服务商对雇主的评价,3-组长对组员的评价" prop="type">
<el-input v-model="editForm.type" placeholder="评价类型1-雇主对服务商的评价,2-服务商对雇主的评价,3-组长对组员的评价" :maxlength="1" @change="editSomeFields(editForm,'type',$event)"></el-input>
</el-form-item>
<el-form-item label="工作速度0-5分" prop="wspeed">
<el-input-number v-model="editForm.wspeed" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="工作态度0-5分" prop="wattit">
<el-input-number v-model="editForm.wattit" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="工作质量0-5分" prop="wquality">
<el-input-number v-model="editForm.wquality" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="总体评价0-5分" prop="totalStar">
<el-input-number v-model="editForm.totalStar" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="评价内容" prop="remark">
<el-input v-model="editForm.remark" placeholder="评价内容" :maxlength="255" @change="editSomeFields(editForm,'remark',$event)"></el-input>
</el-form-item>
<el-form-item label="评价人编号" prop="evalUserid">
<el-input v-model="editForm.evalUserid" placeholder="评价人编号" :maxlength="50" @change="editSomeFields(editForm,'evalUserid',$event)"></el-input>
</el-form-item>
<el-form-item label="评价人姓名" prop="evalUsername">
<el-input v-model="editForm.evalUsername" placeholder="评价人姓名" :maxlength="255" @change="editSomeFields(editForm,'evalUsername',$event)"></el-input>
</el-form-item>
<el-form-item label="被评价人编号" prop="toUserid">
<el-input v-model="editForm.toUserid" placeholder="被评价人编号" :maxlength="50" @change="editSomeFields(editForm,'toUserid',$event)"></el-input>
</el-form-item>
<el-form-item label="被评价人姓名" prop="toUsername">
<el-input v-model="editForm.toUsername" placeholder="被评价人姓名" :maxlength="255" @change="editSomeFields(editForm,'toUsername',$event)"></el-input>
</el-form-item>
<el-form-item label="评价人归属机构" prop="evalBranchId">
<el-input v-model="editForm.evalBranchId" placeholder="评价人归属机构" :maxlength="50" @change="editSomeFields(editForm,'evalBranchId',$event)"></el-input>
</el-form-item>
<el-form-item label="被评价人归属机构号" prop="toBranchId">
<el-input v-model="editForm.toBranchId" placeholder="被评价人归属机构号" :maxlength="50" @change="editSomeFields(editForm,'toBranchId',$event)"></el-input>
</el-form-item>
<el-form-item label="任务编号" prop="taskId">
<el-input v-model="editForm.taskId" placeholder="任务编号" :maxlength="50" @change="editSomeFields(editForm,'taskId',$event)"></el-input>
</el-form-item>
<el-form-item label="评价时间" prop="evalTime">
<el-date-picker type="date" placeholder="选择日期" v-model="editForm.evalTime" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
<el-form-item label="付款及时度0-5分" prop="paySpeed">
<el-input-number v-model="editForm.paySpeed" :min="0" :max="200"></el-input-number>
</el-form-item>
<el-form-item label="合作愉快度0-5分" prop="coopHappy">
<el-input-number v-model="editForm.coopHappy" :min="0" :max="200"></el-input-number>
</el-form-item>
</el-form>
</el-row>
<el-row v-if="opType=='add'" class="page-bottom bottom-fixed">
<el-button @click.native="handleCancel">取消</el-button>
<el-button v-loading="load.edit" type="primary" @click.native="saveSubmit" :disabled="load.edit==true">提交</el-button>
</el-row>
</section>
</template>
<script>
import util from '@/common/js/util';//
import config from "@/common/config"; //import
import { initDicts, addXmTaskEval,editXmTaskEval,editSomeFieldsXmTaskEval } from '@/api/xm/core/xmTaskEval';
import { mapGetters } from 'vuex'
export default {
name:'xmTaskEvalEdit',
components: {
},
computed: {
...mapGetters([ 'userInfo' ]),
},
props:['xmTaskEval','visible','opType'],
watch: {
'xmTaskEval':function( xmTaskEval ) {
if(xmTaskEval){
this.editForm = {...xmTaskEval};
}
},
'visible':function(visible) {
if(visible==true){
this.initData()
}
}
},
data() {
return {
currOpType:'add',//add/edit
load:{ list: false, edit: false, del: false, add: false },//...
dicts:{},// params={categoryId:'all',itemCodes:['sex']} {sex: [{id:'1',name:''},{id:'2',name:''}]}
editFormRules: {
id: [
//{ required: true, message: '', trigger: 'blur' }
]
},
editForm: {
id:'',type:'',wspeed:'',wattit:'',wquality:'',totalStar:'',remark:'',evalUserid:'',evalUsername:'',toUserid:'',toUsername:'',evalBranchId:'',toBranchId:'',taskId:'',evalTime:'',paySpeed:'',coopHappy:''
},
maxTableHeight:300,
}//end return
},//end data
methods: {
...util,
// @cancel="editFormVisible=false"
handleCancel:function(){
this.$refs['editFormRef'].resetFields();
this.$emit('cancel');
},
//XmTaskEval xm_task_eval@submit="afterEditSubmit"
saveSubmit: function () {
this.$refs.editFormRef.validate((valid) => {
if (valid) {
this.$confirm('确认提交吗?', '提示', {}).then(() => {
this.load.edit=true
let params = Object.assign({}, this.editForm);
var func=addXmTaskEval
if(this.currOpType=='edit'){
func=editXmTaskEval
}
func(params).then((res) => {
this.load.edit=false
var tips=res.data.tips;
if(tips.isOk){
this.editForm=res.data.data
this.initData()
this.currOpType="edit";
this.$emit('submit');// @submit="afterAddSubmit"
}
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error' });
}).catch( err =>this.load.edit=false);
});
}else{
this.$notify({ showClose:true, message: "表单验证不通过,请修改表单数据再提交", type: 'error' });
}
});
},
initData: function(){
this.currOpType=this.opType
if(this.xmTaskEval){
this.editForm = Object.assign({},this.xmTaskEval);
}
if(this.opType=='edit'){
}else{
}
this.editFormBak={...this.editForm}
},
editSomeFields(row,fieldName,$event){
if(this.opType=='add'){
return;
}
let params={};
params['ids']=[row].map(i=>i.id)
params[fieldName]=$event
var func = editSomeFieldsXmTaskEval
func(params).then(res=>{
let tips = res.data.tips;
if(tips.isOk){
this.editFormBak=[...this.editForm]
}else{
Object.assign(this.editForm,this.editFormBak)
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'})
}
}).catch((e)=>Object.assign(this.editForm,this.editFormBak))
},
},//end method
mounted() {
this.$nextTick(() => {
initDicts(this);
this.initData()
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.table.$el)
});
}
}
</script>
<style scoped>
</style>

362
src/views/xm/core/xmTaskEval/XmTaskEvalMng.vue

@ -0,0 +1,362 @@
<template>
<section class="page-container border padding">
<el-row>
<el-input v-model="filters.key" style="width: 20%;" placeholder="模糊查询"></el-input>
<el-button v-loading="load.list" :disabled="load.list==true" @click="searchXmTaskEvals" icon="el-icon-search">查询</el-button>
<span style="float:right;">
<el-button type="primary" @click="showAdd" icon="el-icon-plus" plain> </el-button>
<el-button type="danger" v-loading="load.del" @click="batchDel" :disabled="this.sels.length===0 || load.del==true" icon="el-icon-delete" plain></el-button>
</span>
</el-row>
<el-row class="padding-top">
<!--列表 XmTaskEval xm_task_eval-->
<el-table ref="xmTaskEvalTable" :data="xmTaskEvals" :height="maxTableHeight" @sort-change="sortChange" highlight-current-row v-loading="load.list" border @selection-change="selsChange" @row-click="rowClick" style="width: 100%;">
<el-table-column type="selection" width="55" show-overflow-tooltip fixed="left"></el-table-column>
<el-table-column sortable type="index" width="55" show-overflow-tooltip fixed="left"></el-table-column>
<!--
<el-table-column sortable prop="username" width="55" show-overflow-tooltip fixed="left">
<span class="cell-text"> {{scope.row.username}}} </span>
<span class="cell-bar"><el-input style="display:inline;" v-model="scope.row.username" placeholder="" @change="editSomeFields(scope.row,'username',$event)" :maxlength="22"></el-input></span>
</el-table-column>
-->
<el-table-column prop="id" label="评价" min-width="120" show-overflow-tooltip fixed="left"></el-table-column>
<el-table-column prop="type" label="评价类型1-雇主对服务商的评价,2-服务商对雇主的评价,3-组长对组员的评价" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.type}} </span>
</template>
</el-table-column>
<el-table-column prop="wspeed" label="工作速度0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.wspeed}} </span>
</template>
</el-table-column>
<el-table-column prop="wattit" label="工作态度0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.wattit}} </span>
</template>
</el-table-column>
<el-table-column prop="wquality" label="工作质量0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.wquality}} </span>
</template>
</el-table-column>
<el-table-column prop="totalStar" label="总体评价0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.totalStar}} </span>
</template>
</el-table-column>
<el-table-column prop="remark" label="评价内容" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.remark}} </span>
</template>
</el-table-column>
<el-table-column prop="evalUserid" label="评价人编号" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.evalUserid}} </span>
</template>
</el-table-column>
<el-table-column prop="evalUsername" label="评价人姓名" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.evalUsername}} </span>
</template>
</el-table-column>
<el-table-column prop="toUserid" label="被评价人编号" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.toUserid}} </span>
</template>
</el-table-column>
<el-table-column prop="toUsername" label="被评价人姓名" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.toUsername}} </span>
</template>
</el-table-column>
<el-table-column prop="evalBranchId" label="评价人归属机构" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.evalBranchId}} </span>
</template>
</el-table-column>
<el-table-column prop="toBranchId" label="被评价人归属机构号" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.toBranchId}} </span>
</template>
</el-table-column>
<el-table-column prop="taskId" label="任务编号" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.taskId}} </span>
</template>
</el-table-column>
<el-table-column prop="evalTime" label="评价时间" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.evalTime}} </span>
</template>
</el-table-column>
<el-table-column prop="paySpeed" label="付款及时度0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.paySpeed}} </span>
</template>
</el-table-column>
<el-table-column prop="coopHappy" label="合作愉快度0-5分" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span> {{scope.row.coopHappy}} </span>
</template>
</el-table-column>
<el-table-column label="操作" width="180" fixed="right">
<template scope="scope">
<el-button type="primary" @click="showEdit( scope.row,scope.$index)" icon="el-icon-edit" plain></el-button>
<el-button type="danger" @click="handleDel(scope.row,scope.$index)" icon="el-icon-delete" plain></el-button>
</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>
<el-row>
<!--编辑 XmTaskEval xm_task_eval界面-->
<el-drawer title="编辑xm_task_eval" :visible.sync="editFormVisible" size="60%" append-to-body :close-on-click-modal="false">
<xm-task-eval-edit op-type="edit" :xm-task-eval="editForm" :visible="editFormVisible" @cancel="editFormVisible=false" @submit="afterEditSubmit"></xm-task-eval-edit>
</el-drawer>
<!--新增 XmTaskEval xm_task_eval界面-->
<el-drawer title="新增xm_task_eval" :visible.sync="addFormVisible" size="60%" append-to-body :close-on-click-modal="false">
<xm-task-eval-edit op-type="add" :visible="addFormVisible" @cancel="addFormVisible=false" @submit="afterAddSubmit"></xm-task-eval-edit>
</el-drawer>
</el-row>
</section>
</template>
<script>
import util from '@/common/js/util';//
import config from '@/common/config';//
import { initDicts,listXmTaskEval, delXmTaskEval, batchDelXmTaskEval,editSomeFieldsXmTaskEval } from '@/api/xm/core/xmTaskEval';
import XmTaskEvalEdit from './XmTaskEvalEdit';//
import { mapGetters } from 'vuex'
export default {
name:'xmTaskEvalMng',
components: {
XmTaskEvalEdit,
},
props:['visible'],
computed: {
...mapGetters(['userInfo']),
},
watch:{
visible(val){
if(val==true){
this.initData();
this.searchXmTaskEvals()
}
}
},
data() {
return {
filters: {
key: ''
},
xmTaskEvals: [],//
pageInfo:{//
total:0,//0>0
pageSize:10,//
count:false,//
pageNum:1,//1
orderFields:[],// ['sex','student_id']
orderDirs:[]// asc,desc ['asc','desc']
},
load:{ list: false, edit: false, del: false, add: false },//...
sels: [],//
dicts:{
//sex: [{id:'1',name:''},{id:'2',name:''}]
},// params={categoryId:'all',itemCodes:['sex']} {sex: [{id:'1',name:''},{id:'2',name:''}]}
addFormVisible: false,//xmTaskEval
addForm: {
id:'',type:'',wspeed:'',wattit:'',wquality:'',totalStar:'',remark:'',evalUserid:'',evalUsername:'',toUserid:'',toUsername:'',evalBranchId:'',toBranchId:'',taskId:'',evalTime:'',paySpeed:'',coopHappy:''
},
editFormVisible: false,//
editForm: {
id:'',type:'',wspeed:'',wattit:'',wquality:'',totalStar:'',remark:'',evalUserid:'',evalUsername:'',toUserid:'',toUsername:'',evalBranchId:'',toBranchId:'',taskId:'',evalTime:'',paySpeed:'',coopHappy:''
},
maxTableHeight:300,
}
},//end data
methods: {
...util,
handleSizeChange(pageSize) {
this.pageInfo.pageSize=pageSize;
this.getXmTaskEvals();
},
handleCurrentChange(pageNum) {
this.pageInfo.pageNum = pageNum;
this.getXmTaskEvals();
},
// obj.order=ascending/descending, asc/desc ; obj.prop=,
sortChange( obj ){
if(obj.order==null){
this.pageInfo.orderFields=[];
this.pageInfo.orderDirs=[];
}else{
var dir='asc';
if(obj.order=='ascending'){
dir='asc'
}else{
dir='desc';
}
this.pageInfo.orderFields=[util.toLine(obj.prop)];
this.pageInfo.orderDirs=[dir];
}
this.getXmTaskEvals();
},
searchXmTaskEvals(){
this.pageInfo.count=true;
this.getXmTaskEvals();
},
// XmTaskEval xm_task_eval
getXmTaskEvals() {
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;
listXmTaskEval(params).then((res) => {
var tips=res.data.tips;
if(tips.isOk){
this.pageInfo.total = res.data.total;
this.pageInfo.count=false;
this.xmTaskEvals = res.data.data;
}else{
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: 'error' });
}
this.load.list = false;
}).catch( err => this.load.list = false );
},
// XmTaskEval xm_task_eval
showEdit: function ( row,index ) {
this.editFormVisible = true;
this.editForm = Object.assign({}, row);
},
// XmTaskEval xm_task_eval
showAdd: function () {
this.addFormVisible = true;
//this.addForm=Object.assign({}, this.editForm);
},
afterAddSubmit(){
this.addFormVisible=false;
this.pageInfo.count=true;
this.getXmTaskEvals();
},
afterEditSubmit(){
this.editFormVisible=false;
},
//xmTaskEval
selsChange: function (sels) {
this.sels = sels;
},
//xmTaskEval
handleDel: function (row,index) {
this.$confirm('确认删除该记录吗?', '提示', {
type: 'warning'
}).then(() => {
this.load.del=true;
let params = { id:row.id };
delXmTaskEval(params).then((res) => {
this.load.del=false;
var tips=res.data.tips;
if(tips.isOk){
this.searchXmTaskEvals();
}
this.$notify({ position:'bottom-left', showClose:true, message: tips.msg, type: tips.isOk?'success':'error' });
}).catch( err => this.load.del=false );
});
},
//xmTaskEval
batchDel: function () {
if(this.sels.length<=0){
return;
}
var params=this.sels.map(i=>{
return { id:i.id}
})
this.$confirm('确认删除选中记录吗?', '提示', {
type: 'warning'
}).then(() => {
this.load.del=true;
batchDelXmTaskEval(params).then((res) => {
this.load.del=false;
var tips=res.data.tips;
if( tips.isOk ){
this.searchXmTaskEvals();
}
this.$notify({ position:'bottom-left',showClose:true, message: tips.msg, type: tips.isOk?'success':'error'});
}).catch( err => this.load.del=false );
});
},
editSomeFields(row,fieldName,$event){
let params={};
if(this.sels.length>0){
if(!this.sels.some(k=> k.id==row.id)){
this.$notify({position:'bottom-left',showClose:true,message:'请编辑选中的行',type:'warning'})
Object.assign(this.editForm,this.editFormBak)
return;
}
params['ids']=this.sels.map(i=>i.id)
}else{
params['ids']=[row].map(i=>i.id)
}
params[fieldName]=$event
var func = editSomeFieldsXmTaskEval
func(params).then(res=>{
let tips = res.data.tips;
if(tips.isOk){
if(this.sels.length>0){
this.searchXmTaskEvals();
}
this.editFormBak=[...this.editForm]
}else{
Object.assign(this.editForm,this.editFormBak)
this.$notify({position:'bottom-left',showClose:true,message:tips.msg,type:tips.isOk?'success':'error'})
}
}).catch((e)=>Object.assign(this.editForm,this.editFormBak))
},
rowClick: function(row, event, column){
this.editForm=row
this.editFormBak={...row};
this.$emit('row-click',row, event, column);// @row-click="rowClick"
},
initData: function(){
},
},//end methods
mounted() {
this.$nextTick(() => {
initDicts(this);
this.initData()
this.searchXmTaskEvals();
this.maxTableHeight = util.calcTableMaxHeight(this.$refs.xmTaskEvalTable.$el)
});
}
}
</script>
<style scoped>
</style>
Loading…
Cancel
Save