<template> | <template> | ||||
<div class="basic-target ele-body"> | <div class="basic-target ele-body"> | ||||
<el-card shadow="never"> | <el-card shadow="never"> | ||||
<tab /> | |||||
<tab @get-type="updateType($event)"/> | |||||
<search :type="1" @search:task="updateParams($event)" /> | <search :type="1" @search:task="updateParams($event)" /> | ||||
<el-table | <el-table | ||||
:data="dataList" | :data="dataList" | ||||
quota1: "", | quota1: "", | ||||
quota2: "", | quota2: "", | ||||
}, | }, | ||||
class:{type:0} | |||||
}; | }; | ||||
}, | }, | ||||
created() { | created() { | ||||
this.resetCurrentPage(); | this.resetCurrentPage(); | ||||
this.getDataList(); | this.getDataList(); | ||||
}, | }, | ||||
updateType(data) { | |||||
console.log(data); | |||||
this.class = data; | |||||
this.resetCurrentPage(); | |||||
this.getDataList(); | |||||
}, | |||||
resetCurrentPage() { | resetCurrentPage() { | ||||
let page = this.page; | let page = this.page; | ||||
page.page = 1; | page.page = 1; | ||||
getDataList() { | getDataList() { | ||||
this.loading = true; | this.loading = true; | ||||
api | api | ||||
.getList(Object.assign({}, this.searchParams, this.page)) | |||||
.getList(Object.assign({},this.class, this.searchParams, this.page)) | |||||
.then((res) => { | .then((res) => { | ||||
this.loading = false; | this.loading = false; | ||||
let data = res.data.data.records; | let data = res.data.data.records; |
<template> | <template> | ||||
<div class="search"> | <div class="search"> | ||||
<el-form :inline="true" :model="searchParams" size="small"> | |||||
<el-form :inline="true" :model="searchParams" size="mini"> | |||||
<template v-if="type == 1 || type == 2"> | <template v-if="type == 1 || type == 2"> | ||||
<el-form-item label="一级指标:"> | <el-form-item label="一级指标:"> | ||||
<el-select | <el-select |
<template> | <template> | ||||
<div class="tab"> | <div class="tab"> | ||||
<el-radio-group v-model="type" style="margin-bottom: 30px" size="medium"> | |||||
<el-radio-button label="all">全部任务</el-radio-button> | |||||
<el-radio-button label="mine">部门任务</el-radio-button> | |||||
<el-radio-group v-model="type" style="margin-bottom: 30px" size="mini"> | |||||
<el-radio-button :label="0" @change="getType(0)">全部任务</el-radio-button> | |||||
<el-radio-button :label="1" @change="getType(1)">部门任务</el-radio-button> | |||||
</el-radio-group> | </el-radio-group> | ||||
</div> | </div> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
export default { | export default { | ||||
data(){ | data(){ | ||||
return{ | |||||
type:"all" | |||||
} | |||||
return{ | |||||
type: 0, | |||||
} | |||||
}, | |||||
methods: { | |||||
getType (params) { | |||||
this.type = params | |||||
// console.log(params) | |||||
this.$emit("get-type", {type: params}); | |||||
} | |||||
} | } | ||||
}; | }; | ||||
</script> | </script> |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="一级指标" | label="一级指标" | ||||
min-width="150" | |||||
min-width="80" | |||||
align="center" | align="center" | ||||
prop="quota1" | prop="quota1" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="二级指标" | label="二级指标" | ||||
min-width="150" | |||||
min-width="120" | |||||
align="center" | align="center" | ||||
prop="quota2" | prop="quota2" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分规则" | label="考核内容和计分规则" | ||||
min-width="80" | |||||
min-width="300" | |||||
align="center" | align="center" | ||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="100" | |||||
min-width="60" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="预计得分" | label="预计得分" | ||||
min-width="100" | |||||
min-width="60" | |||||
align="center" | align="center" | ||||
prop="expectedPoints" | prop="expectedPoints" | ||||
></el-table-column> | ></el-table-column> | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="责任领导" | label="责任领导" | ||||
min-width="100" | |||||
min-width="80" | |||||
align="center" | align="center" | ||||
prop="leaderPrincipal" | |||||
prop="leaderPrincipalList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="得分说明" | label="得分说明" | ||||
min-width="80" | |||||
min-width="120" | |||||
align="center" | align="center" | ||||
prop="note" | prop="note" | ||||
></el-table-column> | ></el-table-column> | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
created() { | |||||
// mixins: [assessing], | |||||
created() { | |||||
this.getDataList(); | this.getDataList(); | ||||
this.$store.dispatch('base/getQuota1List',1) | this.$store.dispatch('base/getQuota1List',1) | ||||
}, | }, | ||||
}); | }); | ||||
this.dataList = data; | this.dataList = data; | ||||
this.count = res.data.data.total; | this.count = res.data.data.total; | ||||
console.log(res.data); | |||||
}) | }) | ||||
.catch(() => { | .catch(() => { | ||||
this.loading=false | this.loading=false |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核指标" | label="考核指标" | ||||
min-width="150" | |||||
min-width="80" | |||||
align="center" | align="center" | ||||
prop="quota" | prop="quota" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分规则" | label="考核内容和计分规则" | ||||
min-width="80" | |||||
min-width="400" | |||||
align="center" | align="center" | ||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="预计扣分" | label="预计扣分" | ||||
min-width="100" | |||||
min-width="50" | |||||
align="center" | align="center" | ||||
prop="expectedPoints" | prop="expectedPoints" | ||||
></el-table-column> | ></el-table-column> | ||||
label="牵头部门" | label="牵头部门" | ||||
min-width="80" | min-width="80" | ||||
align="center" | align="center" | ||||
prop="leaderDept" | |||||
prop="leaderDeptList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="责任领导" | label="责任领导" | ||||
min-width="100" | min-width="100" | ||||
align="center" | align="center" | ||||
prop="leaderPrincipal" | |||||
prop="leaderPrincipalList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="扣分说明" | label="扣分说明" | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
created() { | |||||
created() { | |||||
this.getDataList(); | this.getDataList(); | ||||
this.$store.dispatch('base/getQuota1List',1) | this.$store.dispatch('base/getQuota1List',1) | ||||
}, | }, | ||||
}); | }); | ||||
this.dataList = data; | this.dataList = data; | ||||
this.count = res.data.data.total; | this.count = res.data.data.total; | ||||
console.log(res.data); | |||||
}) | }) | ||||
.catch(() => { | .catch(() => { | ||||
this.loading=false | this.loading=false |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="一级指标" | label="一级指标" | ||||
min-width="150" | |||||
min-width="100" | |||||
align="center" | align="center" | ||||
prop="quota1" | prop="quota1" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="二级指标" | label="二级指标" | ||||
min-width="150" | |||||
min-width="100" | |||||
align="center" | align="center" | ||||
prop="quota2" | prop="quota2" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分规则" | label="考核内容和计分规则" | ||||
min-width="80" | |||||
min-width="200" | |||||
align="center" | align="center" | ||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
label="牵头部门" | label="牵头部门" | ||||
min-width="80" | min-width="80" | ||||
align="center" | align="center" | ||||
prop="leaderDept" | |||||
prop="leaderDeptList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="责任领导" | label="责任领导" | ||||
min-width="100" | min-width="100" | ||||
align="center" | align="center" | ||||
prop="leaderPrincipal" | |||||
prop="leaderPrincipalList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="得分说明" | label="得分说明" | ||||
min-width="80" | |||||
min-width="120" | |||||
align="center" | align="center" | ||||
prop="note" | prop="note" | ||||
></el-table-column> | ></el-table-column> | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
created() { | |||||
created() { | |||||
this.getDataList(); | this.getDataList(); | ||||
this.$store.dispatch('base/getQuota1List',1) | this.$store.dispatch('base/getQuota1List',1) | ||||
}, | }, | ||||
}); | }); | ||||
this.dataList = data; | this.dataList = data; | ||||
this.count = res.data.data.total; | this.count = res.data.data.total; | ||||
console.log(res.data); | |||||
}) | }) | ||||
.catch(() => { | .catch(() => { | ||||
this.loading=false | this.loading=false |
this.$http.get('/dept/getDeptList/1').then(res => { | this.$http.get('/dept/getDeptList/1').then(res => { | ||||
if (res.data.code === 0) { | if (res.data.code === 0) { | ||||
this.departmentsList = res.data.data; | this.departmentsList = res.data.data; | ||||
console.log(this.departmentsList); | |||||
} else { | } else { | ||||
this.$message.error(res.data.msg); | this.$message.error(res.data.msg); | ||||
} | } |