renguanyu111
4 years ago
10 changed files with 860 additions and 23 deletions
@ -0,0 +1,804 @@ |
|||||
|
<template> |
||||
|
<!-- 指标目标录入 --> |
||||
|
<div class="dashboard-container"> |
||||
|
<div class="gva-search-box"> |
||||
|
<el-form ref="searchForm" :inline="true" :model="searchInfo"> |
||||
|
<el-form-item label="部门"> |
||||
|
<el-select v-model.string="searchInfo.departmentid" clearable placeholder="请选择" @change="shouWei"> |
||||
|
<el-option |
||||
|
v-for="item in departmentList" |
||||
|
:key="item.id" |
||||
|
:label="item.name" |
||||
|
:value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="年度"> |
||||
|
<el-select v-model.number="searchInfo.year" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in yearList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-search" @click="onSubmit">查询</el-button> |
||||
|
<el-button size="mini" icon="el-icon-refresh" @click="onReset">重置</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<div class="gva-table-box"> |
||||
|
<div class="gva-btn-list"> |
||||
|
<el-button size="mini" type="primary" icon="el-icon-plus" @click="showAdd()">新增</el-button> |
||||
|
</div> |
||||
|
<el-table :data="tableData" border :span-method="objectSpanMethod"> |
||||
|
<el-table-column align="left" label="部门" prop="dimensiontitle"/> |
||||
|
<el-table-column align="left" label="年度" prop="year"/> |
||||
|
<el-table-column align="left" label="考核指标" prop="targettitle"/> |
||||
|
<el-table-column align="left" label="考核指标" prop="type"> |
||||
|
<template #default="scope"> |
||||
|
<el-tag v-if="scope.row.type==1">年度</el-tag> |
||||
|
<el-tag v-if="scope.row.type==2">季度</el-tag> |
||||
|
<el-tag v-if="scope.row.type==3">月度</el-tag> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column align="left" fixed="right" label="奖值" width="200"> |
||||
|
<template #default="scope"> |
||||
|
<el-button |
||||
|
icon="el-icon-view" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="showJiang(scope.row)" |
||||
|
>查看</el-button> |
||||
|
<!-- <el-button |
||||
|
icon="el-icon-delete" |
||||
|
size="small" |
||||
|
type="text" |
||||
|
@click="deleteOperate(scope.row)" |
||||
|
>删除</el-button> --> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
</div> |
||||
|
<!-- 新增弹框 --> |
||||
|
<el-dialog :close-on-click-modal="false" :visible.sync="dialogFormVisible" :before-close="closeDialog" title="新增" width="60%"> |
||||
|
<el-form ref="addForm" :model="form" :rules="rules" label-width="150px"> |
||||
|
<el-form-item label="年度"> |
||||
|
<el-select v-model.number="form.year" placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in yearList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="所属部门"> |
||||
|
<el-select v-model="form.department" clearable placeholder="请选择" @change="shouWei"> |
||||
|
<el-option |
||||
|
v-for="item in departmentList" |
||||
|
:key="item.id" |
||||
|
:label="item.name" |
||||
|
:value="item.id"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="考核维度"> |
||||
|
<el-select v-model="form.dimension" clearable placeholder="请选择" @change="shouZhi"> |
||||
|
<el-option |
||||
|
v-for="item in dutyclasslist" |
||||
|
:key="item.outId" |
||||
|
:label="item.title" |
||||
|
:value="item.outId"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="考核指标" v-if="form.dimension!=''"> |
||||
|
<el-select v-model="form.target" clearable placeholder="请选择"> |
||||
|
<el-option |
||||
|
v-for="item in zhibiaoList" |
||||
|
:key="item.target" |
||||
|
:label="item.targetname" |
||||
|
:value="item.target"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="周期"> |
||||
|
<el-select v-model="form.cycle" placeholder="请选择" @change="selectZhou"> |
||||
|
<el-option |
||||
|
v-for="item in cycleList" |
||||
|
:key="item.value" |
||||
|
:label="item.label" |
||||
|
:value="item.value"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" v-if="form.cycle==1"> |
||||
|
<el-table |
||||
|
border |
||||
|
:data="nian" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
label="零奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.zeroprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="全奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.allprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" v-if="form.cycle==2"> |
||||
|
<el-table |
||||
|
border |
||||
|
:data="jidu" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
label="季度" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
第{{scope.row.id}}季度 |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="零奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.zeroprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="全奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.allprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="" v-if="form.cycle==3"> |
||||
|
<el-table |
||||
|
border |
||||
|
:data="yue" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
label="月份" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
第{{scope.row.id}}月 |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="零奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.zeroprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="全奖值" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model.number="scope.row.allprize" autocomplete="off" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-form-item> |
||||
|
|
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="closeDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 编辑弹框 --> |
||||
|
<el-dialog :visible.sync="editDialogFormVisible" :before-close="editCloseDialog" title="修改" width="20%"> |
||||
|
<el-form ref="editForm" :model="editAdd" :rules="editRules" label-width="150px"> |
||||
|
<el-form-item label="考核维度名称" prop="title"> |
||||
|
<el-input v-model="editAdd.title" autocomplete="off" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="排序" prop="sort"> |
||||
|
<el-input v-model.number="editAdd.sort" autocomplete="off" /> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<template #footer> |
||||
|
<div class="dialog-footer"> |
||||
|
<el-button size="small" @click="editCloseDialog">取 消</el-button> |
||||
|
<el-button size="small" type="primary" @click="editEnterDialog">确 定</el-button> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-dialog> |
||||
|
<!-- 奖值弹窗 --> |
||||
|
<el-dialog :visible.sync="jiangZhiDialogFormVisible" title="奖值" width="40%"> |
||||
|
<el-table |
||||
|
border |
||||
|
:data="jiangzhiList" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
label="月份" |
||||
|
align="center" |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<div v-if="scope.row.type==3">第{{scope.row.timecopy}}月</div> |
||||
|
<div v-if="scope.row.type==2">第{{scope.row.timecopy}}季度</div> |
||||
|
<div v-if="scope.row.type==1">{{scope.row.timecopy}}</div> |
||||
|
|
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="零奖值" |
||||
|
align="center" |
||||
|
prop="zeroprize" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
label="全奖值" |
||||
|
align="center" |
||||
|
prop="allprize" |
||||
|
> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { gettasktarget,gettasktargetsun,gettasktargetcontary,addqualeval,addration,departmenttasklist,addqubatch,bumenList,departmentlistnew,adddepartmentdutyinfo,lookquantitativeconfig,setevaluationobjectives } from '@/api/duty/duty' |
||||
|
import { dutyclasslist,statedutyclass,eitedutyclassinfo,getdutyclassinfo,adddutyclass } from '@/api/duty/dimension' |
||||
|
import { |
||||
|
grouplist, |
||||
|
departmentlist, |
||||
|
getgroupdepartmap, |
||||
|
getgroupuser |
||||
|
} from '@/api/duty/group' |
||||
|
export default { |
||||
|
name: 'Dashboard', |
||||
|
data() { |
||||
|
return { |
||||
|
// 奖值弹窗 |
||||
|
jiangZhiDialogFormVisible:false, |
||||
|
|
||||
|
departmentList:[], |
||||
|
// 考核纬度请求值 |
||||
|
dutyClassFrom:{ |
||||
|
page: 1, //分页页码，数字类型 |
||||
|
pagesize: 100000, |
||||
|
state: 1 //状态（查询用） |
||||
|
}, |
||||
|
nian:[ |
||||
|
{ |
||||
|
id: 1, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
], |
||||
|
jiangZhi:Number, |
||||
|
jidu:[ |
||||
|
{ |
||||
|
id: 1, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
], |
||||
|
yue:[ |
||||
|
{ |
||||
|
id: 1, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 2, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 3, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 4, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 5, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 6, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 7, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 8, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 9, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 10, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 11, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
{ |
||||
|
id: 12, //季度与月度辅助值 |
||||
|
zeroprize: 0, //零奖值 |
||||
|
allprize: 100 //全奖值 |
||||
|
}, |
||||
|
], |
||||
|
cycleList:[{ |
||||
|
value: 1, |
||||
|
label: '年度' |
||||
|
},{ |
||||
|
value: 2, |
||||
|
label: '季度' |
||||
|
},{ |
||||
|
value: 3, |
||||
|
label: '月度' |
||||
|
},], |
||||
|
yearList:[{ |
||||
|
value: '2021', |
||||
|
label: '2021' |
||||
|
}, { |
||||
|
value: '2022', |
||||
|
label: '2022' |
||||
|
}, { |
||||
|
value: '2023', |
||||
|
label: '2023' |
||||
|
}, { |
||||
|
value: '2024', |
||||
|
label: '2024' |
||||
|
}, { |
||||
|
value: '2025', |
||||
|
label: '2025' |
||||
|
}, { |
||||
|
value: '2026', |
||||
|
label: '2026' |
||||
|
}, { |
||||
|
value: '2027', |
||||
|
label: '2027' |
||||
|
}, { |
||||
|
value: '2028', |
||||
|
label: '2028' |
||||
|
}, { |
||||
|
value: '2029', |
||||
|
label: '2029' |
||||
|
}, { |
||||
|
value: '2030', |
||||
|
label: '2030' |
||||
|
}], |
||||
|
jiangzhiList:[], |
||||
|
// 查询详情的数据 |
||||
|
editFrom:{}, |
||||
|
// 修改状态提交数据 |
||||
|
switchFrom:{}, |
||||
|
// 删除数据提交 |
||||
|
deleFrom:{}, |
||||
|
// 编辑时数据 |
||||
|
editAdd:{}, |
||||
|
assessList:{}, |
||||
|
// 添加数据 |
||||
|
form:{ |
||||
|
group:3, |
||||
|
}, |
||||
|
// 弹窗变量 |
||||
|
dialogFormVisible:false, |
||||
|
// 修改弹窗 |
||||
|
editDialogFormVisible:false, |
||||
|
total: 0, |
||||
|
tableData:[], |
||||
|
// 纬度列表 |
||||
|
dutyclasslist:[], |
||||
|
// 条件查询变量 |
||||
|
searchInfo: { |
||||
|
groupid:"3", |
||||
|
|
||||
|
}, |
||||
|
pos:'', |
||||
|
spanArr:[], |
||||
|
pos1:'', |
||||
|
spanArr1:[], |
||||
|
// 条件查询变量 |
||||
|
abc:{ |
||||
|
aaa:"111", |
||||
|
bbb:"222" |
||||
|
}, |
||||
|
zhibiaoList:[], |
||||
|
zhibiaoShow:false, |
||||
|
// 添加时验证规则 |
||||
|
rules: { |
||||
|
title: [{ required: true, message: '请输入名称', trigger: 'blur' }], |
||||
|
}, |
||||
|
editRules:{ |
||||
|
title: [{ required: true, message: '请输入名称', trigger: 'blur' }], |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
created() { |
||||
|
console.log(this.$store.state.user.token) |
||||
|
if (this.$store.state.user.token=='') { |
||||
|
this.$router.push('/login') |
||||
|
} |
||||
|
// 页面渲染时获取初始数据 |
||||
|
this.getDataList() |
||||
|
this.selectGroup() |
||||
|
this.getDutyclasslist() |
||||
|
}, |
||||
|
watch:{ |
||||
|
tableData() { |
||||
|
this.$nextTick(() => { |
||||
|
this.spanArr=[], |
||||
|
this.pos='', |
||||
|
this.spanArr1=[], |
||||
|
this.pos1='', |
||||
|
//此时就可以获取到在created赋值后的dataList了 |
||||
|
this.getSpanArr(this.tableData); |
||||
|
this.getSpanArr1(this.tableData); |
||||
|
}); |
||||
|
}, |
||||
|
}, |
||||
|
methods: { |
||||
|
// 奖值 |
||||
|
async showJiang(row){ |
||||
|
const from = { |
||||
|
groupid: row.group.toString(), //集团 |
||||
|
departmentid: row.departmentid.toString(), //部门 |
||||
|
dimension: row.dimensionid, //维度 |
||||
|
target: row.target.toString(), //指标 |
||||
|
year: row.year, //年度 |
||||
|
} |
||||
|
const res = await lookquantitativeconfig(from) |
||||
|
this.jiangzhiList=res.data |
||||
|
this.jiangZhiDialogFormVisible=true |
||||
|
console.log("showJiang") |
||||
|
console.log(res) |
||||
|
}, |
||||
|
getSpanArr(data) { |
||||
|
// data就是我们从后台拿到的数据 |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
if (i === 0) { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = 0; |
||||
|
} else { |
||||
|
// 判断当前元素与上一个元素是否相同 |
||||
|
if (data[i].dimension === data[i - 1].dimension) { |
||||
|
this.spanArr[this.pos] += 1; |
||||
|
this.spanArr.push(0); |
||||
|
} else { |
||||
|
this.spanArr.push(1); |
||||
|
this.pos = i; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
getSpanArr1(data) { |
||||
|
// data就是我们从后台拿到的数据 |
||||
|
for (var i = 0; i < data.length; i++) { |
||||
|
if (i === 0) { |
||||
|
this.spanArr1.push(1); |
||||
|
this.pos1 = 0; |
||||
|
} else { |
||||
|
// 判断当前元素与上一个元素是否相同 |
||||
|
if (data[i].time === data[i - 1].time) { |
||||
|
this.spanArr1[this.pos1] += 1; |
||||
|
this.spanArr1.push(0); |
||||
|
} else { |
||||
|
this.spanArr1.push(1); |
||||
|
this.pos1 = i; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 合并行 |
||||
|
objectSpanMethod({ row, column, rowIndex, columnIndex }) { |
||||
|
if (columnIndex === 0) { |
||||
|
const _row = this.spanArr[rowIndex]; |
||||
|
const _col = _row > 0 ? 1 : 0; |
||||
|
return { |
||||
|
// [0,0] 表示这一行不显示， [2,1]表示行的合并数 |
||||
|
rowspan: _row, |
||||
|
colspan: _col |
||||
|
}; |
||||
|
} |
||||
|
if (columnIndex === 1||2||3||4) { |
||||
|
const _row = this.spanArr1[rowIndex]; |
||||
|
const _col = _row > 0 ? 1 : 0; |
||||
|
return { |
||||
|
// [0,0] 表示这一行不显示， [2,1]表示行的合并数 |
||||
|
rowspan: _row, |
||||
|
colspan: _col |
||||
|
}; |
||||
|
} |
||||
|
}, |
||||
|
// 选中周期 |
||||
|
selectZhou(val){ |
||||
|
if (val==1) { |
||||
|
this.jiangZhi=1 |
||||
|
} |
||||
|
if (val==2) { |
||||
|
this.jiangZhi=1 |
||||
|
} |
||||
|
if (val==3) { |
||||
|
this.jiangZhi=1 |
||||
|
} |
||||
|
}, |
||||
|
// 选中纬度后展示对应指标 |
||||
|
async shouZhi(val){ |
||||
|
const methodData={ |
||||
|
type: 2, //1：定性考核；2：定量考核 |
||||
|
group: 3, //归属集团 |
||||
|
departmentid: this.form.department, //被考核部门 |
||||
|
dimension: this.form.dimension, //维度 |
||||
|
} |
||||
|
const res = await departmenttasklist(methodData) |
||||
|
if (res.code==0) { |
||||
|
this.zhibiaoList=res.data |
||||
|
} |
||||
|
}, |
||||
|
// 获取考核纬度列表 |
||||
|
async getDutyclasslist(){ |
||||
|
const res = await dutyclasslist(this.dutyClassFrom) |
||||
|
this.dutyclasslist=res.data.list |
||||
|
}, |
||||
|
// 选中的公司值 |
||||
|
async selectGroup(){ |
||||
|
const departmentFrom={ |
||||
|
id:3 |
||||
|
} |
||||
|
const res = await departmentlist(departmentFrom) |
||||
|
this.departmentList=res.data |
||||
|
}, |
||||
|
// 选中部门后显示纬度卡片 |
||||
|
async shouWei(val){ |
||||
|
const methodData={ |
||||
|
type: 2, //1：定性考核；2：定量考核 |
||||
|
group: row.group, //归属集团 |
||||
|
departmentid: row.parentid, //被考核部门 |
||||
|
dimension: row.dimension, //维度 |
||||
|
target: row.target, //考核指标 |
||||
|
} |
||||
|
const res = await departmenttasklist(methodData) |
||||
|
if (res.code==0) { |
||||
|
this.methodList=res.data |
||||
|
this.methodShow=true |
||||
|
} |
||||
|
}, |
||||
|
// 删除操作 |
||||
|
//删除操作 |
||||
|
async deleteOperate(row) { |
||||
|
this.$confirm('此操作将永久删除, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
.then(async() => { |
||||
|
this.deleFrom.state=3; |
||||
|
this.deleFrom.outid=row.outId; |
||||
|
const res = await statedutyclass(this.deleFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '删除成功!' |
||||
|
}) |
||||
|
|
||||
|
this.getDataList() |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
showAdd(){ |
||||
|
this.dialogFormVisible=true; |
||||
|
console.log(this.dialogFormVisible) |
||||
|
}, |
||||
|
// 编辑按钮 |
||||
|
async showEdit(row){ |
||||
|
this.editFrom.outid=row.outId |
||||
|
const res = await getdutyclassinfo(this.editFrom) |
||||
|
this.editAdd = res.data |
||||
|
this.editDialogFormVisible=true; |
||||
|
|
||||
|
}, |
||||
|
// 开关状态监听 |
||||
|
async changeVal(val,id){ |
||||
|
console.log(val) |
||||
|
this.switchFrom.outid=id |
||||
|
if (val==1) { |
||||
|
this.switchFrom.state=1; |
||||
|
const res = await statedutyclass(this.switchFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '修改状态成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
this.getDataList() |
||||
|
} |
||||
|
} else { |
||||
|
this.switchFrom.state=2; |
||||
|
const res = await statedutyclass(this.switchFrom) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '修改状态成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
this.getDataList() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
// 重置搜索条件 |
||||
|
onReset() { |
||||
|
this.searchInfo = { |
||||
|
groupid:"3", |
||||
|
} |
||||
|
}, |
||||
|
// 条件搜索 |
||||
|
onSubmit() { |
||||
|
this.page = 1 |
||||
|
this.pageSize = 10 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 日期时间戳转日期格式 |
||||
|
formatDate(nS) { |
||||
|
return new Date(parseInt(nS) * 1000).toLocaleString().replace(/:\d{1,2}$/,' '); |
||||
|
}, |
||||
|
|
||||
|
// 提交按钮 |
||||
|
async enterDialog(){ |
||||
|
|
||||
|
this.$refs.addForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
if (this.form.cycle==1) { |
||||
|
this.form.cycleadded=this.nian |
||||
|
} |
||||
|
if (this.form.cycle==2) { |
||||
|
this.form.cycleadded=this.jidu |
||||
|
} |
||||
|
if (this.form.cycle==3) { |
||||
|
this.form.cycleadded=this.yue |
||||
|
} |
||||
|
const res = await setevaluationobjectives(this.form) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '添加成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getDataList(); |
||||
|
this.closeDialog(); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 编辑提交按钮 |
||||
|
async editEnterDialog(){ |
||||
|
this.$refs.editForm.validate(async valid => { |
||||
|
if (valid) { |
||||
|
const res = await eitedutyclassinfo(this.editAdd) |
||||
|
if (res.code === 0) { |
||||
|
this.$message({ |
||||
|
type: 'success', |
||||
|
message: '编辑成功', |
||||
|
showClose: true |
||||
|
}) |
||||
|
} |
||||
|
this.getDataList(); |
||||
|
this.editCloseDialog(); |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 添加框关闭 |
||||
|
closeDialog() { |
||||
|
console.log("closeDialog") |
||||
|
this.initForm() |
||||
|
this.dialogFormVisible = false |
||||
|
}, |
||||
|
// 修改框关闭 |
||||
|
editCloseDialog() { |
||||
|
this.editInitForm() |
||||
|
this.editDialogFormVisible = false |
||||
|
}, |
||||
|
// 添加重置表单 |
||||
|
initForm() { |
||||
|
console.log("initForm") |
||||
|
this.$refs.addForm.resetFields() |
||||
|
this.form = {} |
||||
|
console.log(this.form) |
||||
|
}, |
||||
|
// 修改重置表单 |
||||
|
editInitForm() { |
||||
|
this.$refs.editForm.resetFields() |
||||
|
this.editAdd = {} |
||||
|
}, |
||||
|
// 改变pageSize |
||||
|
handleSizeChange(val) { |
||||
|
this.searchInfo.pagesize=val |
||||
|
this.getDataList(this.searchInfo) |
||||
|
}, |
||||
|
// 改变page |
||||
|
handleCurrentChange(val) { |
||||
|
this.searchInfo.page=val |
||||
|
this.getDataList(this.searchInfo) |
||||
|
}, |
||||
|
// 获取初始数据 |
||||
|
async getDataList() { |
||||
|
console.log(this.searchInfo.departmentid) |
||||
|
if (this.searchInfo.departmentid!=undefined) { |
||||
|
this.searchInfo.departmentid=this.searchInfo.departmentid.toString() |
||||
|
} |
||||
|
|
||||
|
const res = await lookquantitativeconfig(this.searchInfo) |
||||
|
this.tableData = res.data |
||||
|
this.searchInfo = { |
||||
|
groupid:"3", |
||||
|
departmentid:'' |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.dashboard { |
||||
|
&-container { |
||||
|
margin: 30px; |
||||
|
} |
||||
|
&-text { |
||||
|
font-size: 30px; |
||||
|
line-height: 46px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue