15 changed files with 1083 additions and 22 deletions
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 14 KiB |
@ -0,0 +1,195 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2023-04-01 13:07:53 |
|||
@ 备注: 执行的考核项目 |
|||
--> |
|||
<template> |
|||
<el-dialog title="考核项目" top="100px" :visible.sync="bylawsBox" width="50%" :before-close="handleClose"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-form ref="searchBylawsForm" :inline="true" :model="searchBylawsInfo" class="demo-form-inline"> |
|||
<el-form-item label="考核内容"> |
|||
<el-input placeholder="请输入考核内容" v-model="searchBylawsInfo.title" clearable></el-input> |
|||
</el-form-item> |
|||
<el-form-item> |
|||
<el-button type="primary" icon="el-icon-search" @click="searckBylawsClick">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-table |
|||
:data="bylawsList" |
|||
:span-method="objectBylawsMethod" |
|||
border |
|||
:height="tableBylawsHeight" |
|||
style="width: 100%"> |
|||
<el-table-column |
|||
prop="columntitle" |
|||
label="考核栏目" |
|||
width="180" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="title" |
|||
label="考核内容" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="standard" |
|||
label="考核标准" |
|||
width="100" |
|||
align="center" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column |
|||
prop="unit" |
|||
label="单位" |
|||
width="100" |
|||
align="center" |
|||
> |
|||
</el-table-column> |
|||
<el-table-column label="操作" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<el-link type="danger" class="scoreLink" @click="addOrSubtraction(scope.row,1)" :underline="false" v-if="scope.row.plusminusscore==1||scope.row.plusminusscore==3" icon="el-icon-remove-outline">减分</el-link> |
|||
<el-link type="primary" class="scoreLink" @click="addOrSubtraction(scope.row,2)" :underline="false" v-if="scope.row.plusminusscore==2||scope.row.plusminusscore==3" icon="el-icon-circle-plus-outline">加分</el-link> |
|||
</template> |
|||
</el-table-column> |
|||
|
|||
</el-table> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="block"> |
|||
<el-pagination |
|||
@current-change="bylawsCurrentChange" |
|||
:current-page.sync="currBylawsPage" |
|||
:page-size="searchBylawsInfo.pagesize" |
|||
layout="prev, pager, next, jumper" |
|||
:total="bylawsTotal"> |
|||
</el-pagination> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<plusMinusScore :addOfMinusBox="addOfMinusBox" :addOfMinusCont="addOfMinusCont" :addOfMinusAttribute="addOfMinusAttribute" :orgTarget="orgTarget" @closeAddOfMinusBox="closeAddOfMinusBox" /> |
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
import { tableMergeTrade } from "@/api/people/peopledata"; |
|||
import { getQualityBylawsTasks } from "@/api/systemaccredit/systemapi" |
|||
import plusMinusScore from "@/views/qualitative/qualitativecont/plus_minus_score" |
|||
export default { |
|||
name: 'bylaws', |
|||
components: { |
|||
plusMinusScore |
|||
}, |
|||
props:['bylawsBox','orgTarget','closeBylawsBox'], |
|||
data() { |
|||
return { |
|||
//查询结构体 |
|||
searchBylawsInfo:{ |
|||
orgid:"", |
|||
targetid:"", |
|||
title:"", |
|||
page:1, |
|||
pagesize:20, |
|||
}, |
|||
mergeBylawsArr: ['columntitle',"endClick"], //合并字段 |
|||
mergeBylawsObj:[], |
|||
bylawsTotal:0, |
|||
currBylawsPage:1, |
|||
tableBylawsHeight:450, //表格高度 |
|||
bylawsList:[], //细则列表 |
|||
addOfMinusBox:false, //加减分弹窗 |
|||
addOfMinusCont:{}, //考核项内容 |
|||
addOfMinusAttribute:1, //1：减分；2：加分 |
|||
|
|||
} |
|||
}, |
|||
created(){ |
|||
|
|||
}, |
|||
watch: { |
|||
bylawsBox(){ |
|||
if(this.bylawsBox){ |
|||
console.log("考核细则处理--1->",this.bylawsBox,this.orgTarget) |
|||
this.searchBylawsInfo.orgid = this.orgTarget.orgid; |
|||
this.searchBylawsInfo.targetid = this.orgTarget.targetid; |
|||
|
|||
this.getBylawsList(); |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
//获取考核项目 |
|||
async getBylawsList(){ |
|||
const res = await getQualityBylawsTasks(this.searchBylawsInfo) |
|||
console.log("获取考核项目-->",res) |
|||
if(res.code == 0){ |
|||
this.bylawsList = res.data.list |
|||
this.bylawsTotal = res.data.total |
|||
this.mergeBylawsObj = tableMergeTrade(this.bylawsList,this.mergeBylawsArr,"endClick") |
|||
// console.log("获取个人需要提交得定性考核数据--->",this.mergeBylawsObj) |
|||
} |
|||
}, |
|||
//关闭弹窗 |
|||
handleClose(){ |
|||
this.$emit('closeBylawsBox'); |
|||
this.initBylawsCont(); |
|||
}, |
|||
//翻页 |
|||
bylawsCurrentChange(val) { |
|||
this.searchBylawsInfo.page = val |
|||
this.getBylawsList(); |
|||
}, |
|||
//初始化数据 |
|||
initBylawsCont(){ |
|||
this.searchBylawsInfo={ |
|||
orgid:"", |
|||
targetid:"", |
|||
title:"", |
|||
page:1, |
|||
pagesize:20, |
|||
}; |
|||
this.bylawsList=[]; |
|||
this.bylawsTotal = 0; |
|||
this.currBylawsPage = 1 |
|||
}, |
|||
//查询考核项目 |
|||
searckBylawsClick(){ |
|||
this.searchBylawsInfo.page = 1 |
|||
this.getBylawsList(); |
|||
}, |
|||
//加减 |
|||
addOrSubtraction(val,attribute){ |
|||
console.log("加减--->",val,attribute) |
|||
this.addOfMinusCont= val |
|||
this.addOfMinusAttribute = attribute |
|||
this.addOfMinusBox = true; |
|||
}, |
|||
//关闭加减分窗口 |
|||
closeAddOfMinusBox(){ |
|||
this.addOfMinusBox=false; |
|||
this.addOfMinusCont={}; |
|||
}, |
|||
//计算表格合并行 |
|||
// 默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 } |
|||
objectBylawsMethod({ row, column, rowIndex, columnIndex }) { |
|||
// console.log("默认接受四个值 { 当前行的值, 当前列的值, 行的下标, 列的下标 }",row, column, rowIndex, columnIndex) |
|||
// 判断列的属性 |
|||
if(this.mergeBylawsArr.indexOf(column.property) !== -1) { |
|||
// 判断其值是不是为0 |
|||
if(this.mergeBylawsObj[column.property][rowIndex]) { |
|||
return [this.mergeBylawsObj[column.property][rowIndex], 1] |
|||
} else { |
|||
// 如果为0则为需要合并的行 |
|||
return [0, 0]; |
|||
} |
|||
} |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang='less'> |
|||
.scoreLink{ |
|||
padding: 0 5px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,455 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2023-04-01 16:20:57 |
|||
@ 备注: 加减分 |
|||
--> |
|||
<template> |
|||
<el-dialog :title="addOfMinusTitle" :visible.sync="addOfMinusBox" width="620px" top="10px" append-to-body :before-close="handlePlusMinusClose" custom-class=""> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
|
|||
<el-form :model="fromDataCont" :rules="rulesAddFrom" ref="ruleForm" label-width="0px" class="demo-ruleForm"> |
|||
<el-descriptions class="margin-top" :column="4" :size="size" border> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核项目 |
|||
</template> |
|||
{{ addOfMinusCont.columntitle }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核内容 |
|||
</template> |
|||
{{ addOfMinusCont.title }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="3" label-class-name="my-label" content-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核标准 |
|||
</template> |
|||
{{ addOfMinusCont.standard }} |
|||
</el-descriptions-item> |
|||
|
|||
<el-descriptions-item label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核单位 |
|||
</template> |
|||
{{ addOfMinusCont.unit }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" v-if="addOfMinusCont.scoretype!=1" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
<div class="lable_title">分值</div> |
|||
</template> |
|||
<el-form-item label="" style="margin-bottom:10px; margin-top:5px" prop="score"> |
|||
<el-input v-model="fromDataCont.score" clearable placeholder="请输入分值(小数最多只能输入两位)" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}" autocomplete="off" /> |
|||
</el-form-item> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" v-if="addOfMinusCont.scoretype==1" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
<div class="lable_title">发生次数</div> |
|||
</template> |
|||
<el-form-item label="" style="margin-bottom:10px; margin-top:5px" prop="frequency"> |
|||
<el-input-number v-model="fromDataCont.frequency" :step="1" :min="1" :max="100" step-strictly></el-input-number> |
|||
</el-form-item> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
<div class="lable_title">原因</div> |
|||
</template> |
|||
<el-form-item label="" style="margin-bottom:10px; margin-top:5px" prop="reason"> |
|||
<el-input type="textarea" :rows="4" placeholder="请输入原因" v-model="fromDataCont.reason"></el-input> |
|||
</el-form-item> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
<div class="lable_title">发生时间</div> |
|||
</template> |
|||
<el-form-item label="" style="margin-bottom:10px; margin-top:5px" prop="time"> |
|||
<el-date-picker |
|||
v-model="fromDataCont.time" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
type="datetime" |
|||
placeholder="选择日期时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
是否整改 |
|||
</template> |
|||
<el-switch |
|||
v-model="fromDataCont.correct" |
|||
active-text="需要整改" |
|||
inactive-text="无需整改" |
|||
inactive-color="#ff4949" |
|||
active-value="1" |
|||
inactive-value="2" |
|||
@change="zhengGai($event)" |
|||
> |
|||
</el-switch> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label" v-if="fromDataCont.attribute==1"> |
|||
<template slot="label"> |
|||
<div class="lable_title">整改期限</div> |
|||
</template> |
|||
<el-form-item label="" style="margin-bottom:10px; margin-top:5px" prop="duetime"> |
|||
<el-date-picker |
|||
v-model="fromDataCont.duetime" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
type="datetime" |
|||
placeholder="选择日期时间"> |
|||
</el-date-picker> |
|||
</el-form-item> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
上传附件 |
|||
</template> |
|||
<el-upload |
|||
:action="actionUrl" |
|||
list-type="picture-card" |
|||
:auto-upload="true" |
|||
:multiple="false" |
|||
:file-list="fileDataList" |
|||
:on-success="attachUploadSuccess" |
|||
:on-error="attachError" |
|||
:headers="headers" |
|||
:accept="fileType" |
|||
:limit="maxFileCount" |
|||
:on-exceed="excFileCount" |
|||
> |
|||
<i slot="default" class="el-icon-plus"></i> |
|||
<div slot="file" slot-scope="{file}"> |
|||
<img |
|||
class="el-upload-list__item-thumbnail" |
|||
:src="file.url" alt="" |
|||
> |
|||
<span class="el-upload-list__item-actions"> |
|||
<span |
|||
class="el-upload-list__item-preview" |
|||
@click="handlePictureCardPreview(file)" |
|||
> |
|||
<i class="el-icon-zoom-in"></i> |
|||
</span> |
|||
<span |
|||
class="el-upload-list__item-delete" |
|||
@click="handleRemove(file,fileDataList)" |
|||
> |
|||
<i class="el-icon-delete"></i> |
|||
</span> |
|||
</span> |
|||
</div> |
|||
</el-upload> |
|||
<el-dialog :visible.sync="dialogVisible" append-to-body> |
|||
<img width="100%" :src="dialogImageUrl" alt=""> |
|||
</el-dialog> |
|||
</el-descriptions-item> |
|||
</el-descriptions> |
|||
|
|||
</el-form> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<el-card class="box-card ge_li"> |
|||
<el-steps direction="vertical" :active="buzhou"> |
|||
<el-step v-for="(item,index) in workflowListCont" :key="index" :title="item.nodename" icon="el-icon-circle-check" > |
|||
<template slot="description"> |
|||
<div style="color: rgb(153,153,153);" v-for="(a,userlistIndex) in item.userlist" :key="userlistIndex"> |
|||
<el-row> |
|||
<el-col :span="2" v-if="a.log!=null"> |
|||
<el-badge is-dot type="primary "> |
|||
<el-avatar style="margin-right: 5px;" shape="square" size="small" :src="a.icon"></el-avatar> |
|||
</el-badge> |
|||
</el-col> |
|||
<el-col :span="2" v-else> |
|||
<el-avatar style="margin-right: 5px;" shape="square" size="small" :src="a.icon"></el-avatar> |
|||
</el-col> |
|||
<el-col :span="20" style="margin-top: -5px;"> |
|||
{{a.departmentname}}-{{a.postname}}-{{a.name}} |
|||
<el-row> |
|||
<div v-for="(i,logIndex) in a.log" :key="logIndex"> |
|||
<div class="left" v-if="i.state==2">已同意 · </div> |
|||
<div class="left" v-if="i.state==1" type="info">未操作 · </div> |
|||
<div class="left" v-if="i.state==3" type="danger">驳回 · </div> |
|||
<div class="left">{{i.time}}</div> |
|||
</div> |
|||
</el-row> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
<el-row v-if="nodeIsShow(item)"> |
|||
<el-col :span="2" > |
|||
<div class="addPeople" @click="addManCont(item)"> |
|||
<span class="el-icon-plus"></span> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<peopleTransfer :addManBox="addManBox" :checkedUser="checkedUser" @closeAddManBox="closeAddManBox" /> |
|||
|
|||
</template> |
|||
</el-step> |
|||
</el-steps> |
|||
</el-card> |
|||
</el-col> |
|||
<el-col :span="24"></el-col> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="handlePlusMinusClose">取 消</el-button> |
|||
<el-button type="primary" @click="saveDataDialog" :loading="clickLoading">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
import bookfile from "@/images/bookfile.png" |
|||
import quzheng from "@/images/quzheng.png" |
|||
import { getWorkflowFullView } from "@/api/systemaccredit/systemapi" |
|||
import peopleTransfer from "@/views/qualitative/qualitativecont/xuanren/peopleTransfer" |
|||
export default { |
|||
components: { peopleTransfer }, |
|||
name: 'plusMinusScoreDx', |
|||
props:['addOfMinusBox','addOfMinusCont','addOfMinusAttribute','closeAddOfMinusBox','orgTarget'], |
|||
data() { |
|||
|
|||
return { |
|||
maxFileCount:5, //最大上传文件数量 |
|||
fileType:".jpg,.jpeg,.png,.gif,.bmp,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.mp4,.avi.3gp", //文件上传类型 |
|||
fileDataList: [], //文件列表 |
|||
dialogImageUrl:quzheng, //预览图片 |
|||
dialogVisible:false, //图片预览框 |
|||
clickLoading:false, |
|||
size:"", |
|||
addOfMinusTitle:"减分操作", |
|||
fromDataCont:{ |
|||
id:"", |
|||
score:"", |
|||
frequency:1, |
|||
time:"", |
|||
correct:2, //是否需要整改 1：整改；2：不需要 |
|||
duetime:"", //整改期限 |
|||
}, //提交数据表单 |
|||
rulesAddFrom:{ |
|||
score:[{ required: true, message: '请输入分值', trigger: 'blur' }], |
|||
frequency:[{ required: true, message: '请输入发生次数', trigger: 'blur' }], |
|||
reason:[{ required: true, message: '请输入原因', trigger: 'blur' }], |
|||
time:[{ required: true, message: '请输选择发生时间', trigger: 'blur' }], |
|||
duetime:[{ required: true, message: '请输选择整改期限', trigger: 'blur' }], |
|||
}, //表单验证规则 |
|||
workflowListCont:[], //工作流 |
|||
buzhou:1, //步进流Id |
|||
flowIsTrue:true, //流程检查 |
|||
addManBox:false, //选择添加人 |
|||
checkedUser:[], //选中的人员 |
|||
} |
|||
}, |
|||
created(){ |
|||
|
|||
}, |
|||
computed: { |
|||
//设置上传API |
|||
actionUrl() { |
|||
return "/api/upordown" |
|||
}, |
|||
//设置上传头部 |
|||
headers() { |
|||
return { token: "mytoken" } |
|||
}, |
|||
}, |
|||
watch: { |
|||
addOfMinusBox(){ |
|||
if(this.addOfMinusBox){ |
|||
console.log("考核细则处理--2232->",this.addOfMinusBox,this.addOfMinusCont,this.orgTarget) |
|||
if(this.plusminusscore != 1){ |
|||
this.addOfMinusTitle="加分操作" |
|||
}else{ |
|||
this.addOfMinusTitle="减分操作" |
|||
} |
|||
this.fromDataCont.id=this.addOfMinusAttribute.id |
|||
this.addOfMinusCont.scoretype=1 |
|||
this.getWorkflowView(); |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
//整改开关 |
|||
zhengGai(val){ |
|||
console.log("整改开关",val) |
|||
this.fromDataCont.correct = val |
|||
this.getWorkflowView(); |
|||
}, |
|||
//获取流程图 |
|||
async getWorkflowView(){ |
|||
let sendData ={ |
|||
flowworkid: "103820507006115840", |
|||
orgid: this.orgTarget.orgid, |
|||
condition: [ |
|||
{ |
|||
words: "attribute", |
|||
price: "1" |
|||
}, |
|||
{ |
|||
words: "correct", |
|||
price: this.fromDataCont.correct.toString() |
|||
} |
|||
] |
|||
} |
|||
console.log("获取流程图---发送参数--->",sendData) |
|||
const res = await getWorkflowFullView(sendData) |
|||
console.log("获取流程图-->",res) |
|||
if(res.code == 0){ |
|||
this.workflowListCont = res.data.nodecontlist |
|||
} |
|||
}, |
|||
//检查文件上传个数 |
|||
excFileCount(files, fileList){ |
|||
|
|||
this.$message.warning(`当前限制选择 ${this.maxFileCount} 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`); |
|||
}, |
|||
//上传成功时回调 |
|||
attachUploadSuccess(response, file, fileList) { |
|||
// console.log("上传成功时回调",response, file, fileList) |
|||
if(response.code == 0){ |
|||
let fengmian = quzheng |
|||
if(response.data.type != 1){ |
|||
fengmian = bookfile |
|||
}else{ |
|||
fengmian = response.data.url |
|||
} |
|||
this.fileDataList.push({ |
|||
id: response.data.ID, |
|||
name: response.data.name, |
|||
url: fengmian, |
|||
fileUrl: response.data.url, |
|||
physicspath: response.data.physicspath, |
|||
type:response.data.type, |
|||
fileSize:response.data.fileSize, |
|||
size:response.data.size, |
|||
tag:response.data.tag |
|||
}) |
|||
} |
|||
}, |
|||
//上传失败时回调 |
|||
attachError(err, file, fileList) { |
|||
// console.log("上传路径--->",err, file, fileList) |
|||
this.$message.warning("当前文件上传失败！"); |
|||
}, |
|||
//删除图片 |
|||
handleRemove(file) { |
|||
console.log(file,this.fileDataList); |
|||
let removeId = file.id |
|||
this.fileDataList.forEach((item, index) => { |
|||
if (item.id == removeId) { |
|||
this.fileDataList.splice(index, 1) |
|||
} |
|||
}) |
|||
}, |
|||
//预览图片 |
|||
handlePictureCardPreview(file) { |
|||
this.dialogImageUrl = file.url; |
|||
this.dialogVisible = true; |
|||
}, |
|||
//关闭弹窗 |
|||
handlePlusMinusClose(){ |
|||
this.fileDataList=[] |
|||
this.fromDataCont.correct = 2; |
|||
this.$refs.ruleForm.resetFields(); |
|||
this.$emit('closeAddOfMinusBox'); |
|||
}, |
|||
//提交数据 |
|||
async saveDataDialog(){ |
|||
this.$refs.ruleForm.validate((valid) => { |
|||
if (valid) { |
|||
console.log("没有问题",valid) |
|||
}else{ |
|||
console.log("1") |
|||
return false; |
|||
} |
|||
}); |
|||
}, |
|||
//判断提交 |
|||
nodeIsShow(val){ |
|||
// console.log("判断提交",val) |
|||
let isShow = false; |
|||
switch(val.runtype){ |
|||
case 1: |
|||
if(val.step == 1){ |
|||
isShow = true; |
|||
this.flowIsTrue = true; |
|||
}else{ |
|||
isShow = false; |
|||
} |
|||
break; |
|||
case 2: |
|||
// isShow = true; |
|||
break; |
|||
case 3: //有选中得节点指定 |
|||
if(val.customNode == this.workflowListCont.currentnode){ |
|||
isShow = true; |
|||
}else{ |
|||
isShow = false; |
|||
} |
|||
break; |
|||
case 4: //抄送节点 |
|||
if(val.runscope == 1){ //1：自选；非1：不可自选 |
|||
isShow = true; |
|||
}else{ |
|||
isShow = false; |
|||
} |
|||
break; |
|||
default: |
|||
isShow= false; |
|||
break; |
|||
} |
|||
return isShow; |
|||
}, |
|||
//节点添加人员 |
|||
addManCont(manCont){ |
|||
console.log("节点添加人员",manCont) |
|||
if(manCont.userlist){ |
|||
if(manCont.userlist.length > 0){ |
|||
manCont.userlist.forEach(item => { |
|||
if(item.xuan==1){ |
|||
this.checkedUser.push(item) |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
|
|||
this.addManBox = true |
|||
}, |
|||
//关闭添加人员弹窗 |
|||
closeAddManBox(){ |
|||
this.addManBox = false |
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang='less'> |
|||
.my-label{ |
|||
width: 80px; |
|||
} |
|||
.lable_title{ |
|||
width: 100%; |
|||
height: 100%; |
|||
margin-top: 15px; |
|||
} |
|||
.ge_li{ |
|||
margin-top: 20px; |
|||
} |
|||
.gundong_dialog{ |
|||
height: 500px; |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
} |
|||
.addPeople{ |
|||
border: 1px dashed #c0ccda; |
|||
background-color: #fbfdff; |
|||
text-align: center; |
|||
width: 30px; |
|||
height: 30px; |
|||
font-size: 20px; |
|||
color: #8c939d; |
|||
cursor: pointer; |
|||
span{ |
|||
margin-top: 5px; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,124 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2023-04-01 16:20:57 |
|||
@ 备注: 加减分 |
|||
--> |
|||
<template> |
|||
<el-dialog :title="addOfMinusTitle" :visible.sync="addOfMinusBox" width="600px" append-to-body :before-close="handlePlusMinusClose"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-descriptions class="margin-top" :column="4" :size="size" border> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核项目 |
|||
</template> |
|||
{{ addOfMinusCont.columntitle }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核内容 |
|||
</template> |
|||
{{ addOfMinusCont.title }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="3" label-class-name="my-label" content-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核标准 |
|||
</template> |
|||
{{ addOfMinusCont.standard }} |
|||
</el-descriptions-item> |
|||
|
|||
<el-descriptions-item label-class-name="my-label"> |
|||
<template slot="label"> |
|||
考核单位 |
|||
</template> |
|||
{{ addOfMinusCont.unit }} |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" v-if="addOfMinusCont.scoretype!=1" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
分值 |
|||
</template> |
|||
<el-input v-model="fromDataCont.score" clearable placeholder="请输入分值(小数最多只能输入两位)" oninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}" /> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" v-if="addOfMinusCont.scoretype==1" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
发生次数 |
|||
</template> |
|||
<el-input-number v-model="fromDataCont.frequency" :step="1" step-strictly></el-input-number> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
原因 |
|||
</template> |
|||
<el-input type="textarea" :rows="4" placeholder="请输入原因" v-model="fromDataCont.reason"></el-input> |
|||
</el-descriptions-item> |
|||
<el-descriptions-item span="4" label-class-name="my-label"> |
|||
<template slot="label"> |
|||
发生时间 |
|||
</template> |
|||
<el-date-picker |
|||
v-model="fromDataCont.time" |
|||
value-format="yyyy-MM-dd HH:mm:ss" |
|||
type="datetime" |
|||
placeholder="选择日期时间"> |
|||
</el-date-picker> |
|||
</el-descriptions-item> |
|||
</el-descriptions> |
|||
</el-col> |
|||
<el-col :span="24"></el-col> |
|||
<el-col :span="24"></el-col> |
|||
<el-col :span="24"></el-col> |
|||
</el-row> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="handlePlusMinusClose">取 消</el-button> |
|||
<el-button type="primary" @click="saveDataDialog">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
name: 'plusMinusScoreDx', |
|||
props:['addOfMinusBox','addOfMinusCont','addOfMinusAttribute','closeAddOfMinusBox'], |
|||
data() { |
|||
return { |
|||
size:"", |
|||
addOfMinusTitle:"减分操作", |
|||
fromDataCont:{ |
|||
id:"", |
|||
score:"", |
|||
frequency:1, |
|||
}, //提交数据表单 |
|||
} |
|||
}, |
|||
created(){ |
|||
|
|||
}, |
|||
watch: { |
|||
addOfMinusBox(){ |
|||
if(this.addOfMinusBox){ |
|||
console.log("考核细则处理--->",this.addOfMinusBox,this.addOfMinusCont) |
|||
if(this.plusminusscore != 1){ |
|||
this.addOfMinusTitle="加分操作" |
|||
}else{ |
|||
this.addOfMinusTitle="减分操作" |
|||
} |
|||
this.fromDataCont.id=this.addOfMinusAttribute.id |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
//关闭弹窗 |
|||
handlePlusMinusClose(){ |
|||
this.$emit('closeAddOfMinusBox'); |
|||
}, |
|||
//提交数据 |
|||
async saveDataDialog(){ |
|||
|
|||
}, |
|||
} |
|||
} |
|||
</script> |
|||
<style lang='less'> |
|||
.my-label{ |
|||
width: 80px; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,215 @@ |
|||
<!-- |
|||
@ 作者: 秦东 |
|||
@ 时间: 2023-04-05 10:33:33 |
|||
@ 备注: 选人 |
|||
--> |
|||
<template> |
|||
<el-dialog title="选择人员" :visible.sync="addManBox" width="620px" append-to-body :before-close="closePeopleAddBox" custom-class="dia_box"> |
|||
<el-row :gutter="5"> |
|||
<el-col :span="12"> |
|||
<div class="box_body"> |
|||
<el-row> |
|||
<el-col :span="24"> |
|||
<el-input prefix-icon="el-icon-search" size="small" v-model="searchPeople" placeholder="请输入姓名或工号" ></el-input> |
|||
</el-col> |
|||
<el-col :span="24" class="mianbaox"> |
|||
<el-breadcrumb separator-class="el-icon-arrow-right"> |
|||
<el-breadcrumb-item><span @click="breadClick(309)">所有</span></el-breadcrumb-item> |
|||
<el-breadcrumb-item><span @click="breadClick(309)">企管部</span></el-breadcrumb-item> |
|||
<el-breadcrumb-item><span @click="breadClick(309)">IT</span></el-breadcrumb-item> |
|||
</el-breadcrumb> |
|||
</el-col> |
|||
<el-col :span="24"> |
|||
<div class="left_man_box"> |
|||
|
|||
<el-row class="ui_li_list lv_lan_se"> |
|||
<el-col :span="2"> |
|||
<i class="fa fa-lg fa-check-square-o"></i> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<!-- <el-image :src="departpic"></el-image> --> |
|||
<span class="fa fa-lg fa-sitemap"></span> |
|||
</el-col> |
|||
<el-col :span="15" class="listmank">企管部</el-col> |
|||
<el-col :span="4" class="rightLint"><span>下级</span></el-col> |
|||
</el-row> |
|||
|
|||
<el-row class="ui_li_list"> |
|||
<el-col :span="2"> |
|||
<i class="fa fa-lg fa-square-o"></i> |
|||
</el-col> |
|||
<el-col :span="2"> |
|||
<span class="fa fa-lg fa-sitemap"></span> |
|||
</el-col> |
|||
<el-col :span="15" class="listmank">企管部</el-col> |
|||
<el-col :span="4" class="rightLint"><span>下级</span></el-col> |
|||
</el-row> |
|||
|
|||
|
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-col> |
|||
<el-col :span="12"> |
|||
<div class="box_body_right"> |
|||
<el-row> |
|||
<el-col :span="12" class="right_hear">已选择（{{ selected }}）</el-col> |
|||
<el-col :span="12" class="right_hear clear_cont"><span>清除</span></el-col> |
|||
<el-col :span="24" class="seleced_body"> |
|||
<el-row class="ui_li_list"> |
|||
<el-col :span="2"><el-image :src="departpic"></el-image></el-col> |
|||
<el-col :span="18" class="sel_mancont">秦东</el-col> |
|||
<el-col :span="4" class="del_mancont"><i class="el-icon-circle-close"></i></el-col> |
|||
</el-row> |
|||
<el-row class="ui_li_list"> |
|||
<el-col :span="2"><el-image :src="departpic"></el-image></el-col> |
|||
<el-col :span="18" class="sel_mancont">秦东</el-col> |
|||
<el-col :span="4" class="del_mancont"><i class="el-icon-circle-close"></i></el-col> |
|||
</el-row> |
|||
</el-col> |
|||
</el-row> |
|||
</div> |
|||
</el-col> |
|||
</el-row> |
|||
<span slot="footer" class="dialog-footer"> |
|||
<el-button @click="closePeopleAddBox">取 消</el-button> |
|||
<el-button type="primary" @click="saveManDataDialog" :loading="clickManLoading">确 定</el-button> |
|||
</span> |
|||
</el-dialog> |
|||
</template> |
|||
<script> |
|||
import bumenpic from "@/images/bumen.png" |
|||
export default { |
|||
name:"xuanren", |
|||
props:['addManBox','userlist','closeAddManBox'], |
|||
data() { |
|||
return { |
|||
selected:0, //已选择 |
|||
departpic:bumenpic, |
|||
searchPeople:"", //搜索人 |
|||
clickManLoading:false, //提交按钮 |
|||
checkList:[], //选中选项 |
|||
} |
|||
}, |
|||
created(){ |
|||
console.log(this.departpic,bumenpic) |
|||
}, |
|||
watch: { |
|||
addManBox(){ |
|||
|
|||
if(this.addManBox){ |
|||
console.log("添加人员--2232->",this.addManBox,this.userlist) |
|||
// if(this.plusminusscore != 1){ |
|||
// this.addOfMinusTitle="加分操作" |
|||
// }else{ |
|||
// this.addOfMinusTitle="减分操作" |
|||
// } |
|||
// this.fromDataCont.id=this.addOfMinusAttribute.id |
|||
// this.addOfMinusCont.scoretype=1 |
|||
// this.getWorkflowView(); |
|||
} |
|||
} |
|||
}, |
|||
methods:{ |
|||
//面包屑 |
|||
breadClick(orgid){ |
|||
console.log("面包屑",orgid) |
|||
}, |
|||
//关闭弹窗 |
|||
closePeopleAddBox(){ |
|||
this.$emit('closeAddManBox'); |
|||
}, |
|||
//保存选中的内容 |
|||
saveManDataDialog(){ |
|||
console.log("保存选中的内容") |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang='less'> |
|||
.dia_box{ |
|||
padding: 0px 0px; |
|||
|
|||
} |
|||
.box_body{ |
|||
border: 1px solid #f5f5f5; |
|||
height: 450px; |
|||
padding: 10px 0 10px 10px; |
|||
} |
|||
.box_body_right{ |
|||
border: 1px solid #f5f5f5; |
|||
height: 450px; |
|||
} |
|||
.mianbaox{ |
|||
padding: 10px 0 5px 0; |
|||
color: #38adff; |
|||
span{ |
|||
color: #38adff; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
.el-dialog__body{ |
|||
padding: 15px 25px; |
|||
} |
|||
.ui_li_list{ |
|||
margin: 5px 0; |
|||
} |
|||
.left_man_box{ |
|||
width: 100%; |
|||
height: 375px; |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
i{ |
|||
margin: 7px 0 0 2px; |
|||
width: 16px; |
|||
height: 16px; |
|||
} |
|||
} |
|||
|
|||
.xuanze_1{ |
|||
width: 16px; |
|||
height: 16px; |
|||
border: 1px solid #dcdfe6; |
|||
border-radius: 2px; |
|||
text-align: center; |
|||
padding: 0px; |
|||
|
|||
} |
|||
.rightLint{ |
|||
border-left: 1px solid #eeeeee; |
|||
text-align: right; |
|||
cursor: pointer; |
|||
} |
|||
.listmank{ |
|||
padding: 0px 0 0 5px; |
|||
font-size: 16px; |
|||
} |
|||
.right_hear{ |
|||
padding: 10px 15px; |
|||
border-bottom: 1px solid #f5f5f5; |
|||
} |
|||
.clear_cont{ |
|||
text-align: right; |
|||
color: #38adff; |
|||
cursor: pointer; |
|||
} |
|||
.seleced_body{ |
|||
width: 100%; |
|||
padding: 0px 15px; |
|||
height: 400px; |
|||
overflow: hidden; |
|||
overflow-y: auto; |
|||
font-size: 16px; |
|||
} |
|||
.del_mancont{ |
|||
text-align: right; |
|||
color: #FF0000; |
|||
} |
|||
.sel_mancont{ |
|||
padding-left: 5px; |
|||
} |
|||
.lv_lan_se{ |
|||
color: #38adff; |
|||
} |
|||
</style> |
|||
Loading…
Reference in new issue