v-for="(item, index) of quota" | v-for="(item, index) of quota" | ||||
:key="index" | :key="index" | ||||
:label="item" | :label="item" | ||||
:value="item" | |||||
:value="item" | |||||
></el-option> | ></el-option> | ||||
</el-select> | </el-select> | ||||
</el-form-item> | </el-form-item> |
:span-method="arraySpanMethod" | :span-method="arraySpanMethod" | ||||
ref="table" | ref="table" | ||||
> | > | ||||
<el-table-column | |||||
<el-table-column | |||||
type="index" | type="index" | ||||
width="50" | width="50" | ||||
align="center" | align="center" | ||||
></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="200" | |||||
min-width="80" | |||||
max-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="150" | |||||
min-width="320" | |||||
align="center" | align="center" | ||||
prop="itemContent" | prop="itemContent" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="60" | |||||
min-width="50" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
min-width="80" | min-width="80" | ||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
> | |||||
</el-table-column> | |||||
></el-table-column> | |||||
<el-table-column label="牵头部门" min-width="80" align="center"> | <el-table-column label="牵头部门" min-width="80" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ row.leaderDeptList | formatList }} | {{ row.leaderDeptList | formatList }} | ||||
{{ row.cooperatePrincipalList | formatList }} | {{ row.cooperatePrincipalList | formatList }} | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="125" align="center"> | |||||
<el-table-column label="操作" width="80" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<router-link | <router-link | ||||
:to="{ name: 'segmentation', params: { id:row.id, type: 1 } }" | :to="{ name: 'segmentation', params: { id:row.id, type: 1 } }" |
></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="quota" | prop="quota" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分细则" | label="考核内容和计分细则" | ||||
min-width="200" | |||||
min-width="150" | |||||
align="center" | align="center" | ||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
label="小条内容" | label="小条内容" | ||||
min-width="150" | min-width="150" | ||||
align="center" | align="center" | ||||
prop="littleContent" | |||||
prop="itemContent" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="60" | |||||
min-width="50" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column label="牵头部门" min-width="80" align="center"> | |||||
<el-table-column label="牵头部门" min-width="100" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ row.leaderDeptList | formatList }} | {{ row.leaderDeptList | formatList }} | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="责任领导" min-width="80" align="center"> | |||||
<el-table-column label="责任领导" min-width="60" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
{{ row.leaderPrincipalList | formatList }} | {{ row.leaderPrincipalList | formatList }} | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="配合部门" | label="配合部门" | ||||
min-width="80" | |||||
min-width="100" | |||||
align="center" | align="center" | ||||
prop="cooperateDept" | prop="cooperateDept" | ||||
> | > | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="责任领导" | label="责任领导" | ||||
min-width="80" | |||||
min-width="60" | |||||
align="center" | align="center" | ||||
prop="cooperateDeptList" | prop="cooperateDeptList" | ||||
> | > | ||||
{{ row.cooperatePrincipalList | formatList }} | {{ row.cooperatePrincipalList | formatList }} | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="125" align="center"> | |||||
<el-table-column label="操作" width="60" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<router-link | <router-link | ||||
:to="{ name: 'segmentation', params: { id: row.id, type: 3 } }" | :to="{ name: 'segmentation', params: { id: row.id, type: 3 } }" |
:span-method="arraySpanMethod" | :span-method="arraySpanMethod" | ||||
ref="table" | ref="table" | ||||
> | > | ||||
<el-table-column | |||||
<el-table-column | |||||
type="index" | type="index" | ||||
width="50" | width="50" | ||||
align="center" | align="center" | ||||
></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="200" | |||||
min-width="80" | |||||
max-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="150" | |||||
min-width="320" | |||||
align="center" | align="center" | ||||
prop="littleContent" | |||||
prop="itemContent" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="60" | |||||
min-width="50" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> |
v-loading="loading" | v-loading="loading" | ||||
element-loading-background="rgba(255, 255, 255, 1)" | element-loading-background="rgba(255, 255, 255, 1)" | ||||
> | > | ||||
<search :type="1" :search-params="searchParams" /> | |||||
<search :type="1" @search:task="updateParams($event)" /> | |||||
<div class="operating"> | <div class="operating"> | ||||
<el-button size="small" type="primary">导出</el-button> | <el-button size="small" type="primary">导出</el-button> | ||||
</div> | </div> | ||||
border | border | ||||
:span-method="arraySpanMethod" | :span-method="arraySpanMethod" | ||||
> | > | ||||
<el-table-column | |||||
<el-table-column | |||||
type="index" | type="index" | ||||
width="50" | width="50" | ||||
align="center" | align="center" | ||||
></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="200" | |||||
min-width="80" | |||||
max-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="150" | |||||
min-width="320" | |||||
align="center" | align="center" | ||||
prop="itemContent" | prop="itemContent" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="60" | |||||
min-width="50" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="牵头部门" | label="牵头部门" | ||||
min-width="80" | |||||
min-width="100" | |||||
align="center" | align="center" | ||||
prop="leaderDeptList" | prop="leaderDeptList" | ||||
></el-table-column> | ></el-table-column> | ||||
label="责任领导" | label="责任领导" | ||||
min-width="80" | min-width="80" | ||||
align="center" | align="center" | ||||
prop="leaderPrincipalList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="配合部门" | label="配合部门" | ||||
min-width="80" | |||||
min-width="100" | |||||
align="center" | align="center" | ||||
prop="cooperateDept" | |||||
prop="cooperateDeptList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="责任领导" | label="责任领导" | ||||
min-width="80" | min-width="80" | ||||
align="center" | align="center" | ||||
prop="cooperateDeptList" | |||||
prop="cooperatePrincipalList" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="操作" | label="操作" | ||||
width="125" | |||||
width="80" | |||||
align="center" | align="center" | ||||
:key="Math.random()" | :key="Math.random()" | ||||
> | > | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
</el-table> | |||||
<el-pagination | <el-pagination | ||||
:current-page.sync="page.page" | :current-page.sync="page.page" | ||||
:page-size="page.limit" | :page-size="page.limit" | ||||
...mapGetters(["formatDep"]), | ...mapGetters(["formatDep"]), | ||||
}, | }, | ||||
methods: { | methods: { | ||||
updateParams(data) { | |||||
this.searchParams = data; | |||||
this.resetCurrentPage(); | |||||
this.getDataList(); | |||||
}, | |||||
resetCurrentPage() { | |||||
let page = this.page; | |||||
page.page = 1; | |||||
this.page = page; | |||||
}, | |||||
getDataList() { | getDataList() { | ||||
this.loading = true; | this.loading = true; | ||||
api | api | ||||
.finally(() => { | .finally(() => { | ||||
this.loading = false; | this.loading = false; | ||||
}); | }); | ||||
}, | |||||
}, | |||||
edit(row) { | edit(row) { | ||||
this.showEdit = true; | this.showEdit = true; | ||||
}, | }, |
<template> | <template> | ||||
<div class="assessing-content ele-body"> | <div class="assessing-content ele-body"> | ||||
<el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)"> | |||||
<search :type="3" :search-params="searchParams" /> | |||||
<div class="operating"> | |||||
<el-card | |||||
shadow="never" | |||||
v-loading="loading" | |||||
element-loading-background="rgba(255, 255, 255, 1)" | |||||
> | |||||
<search :type="3" @search:task="updateParams($event)" /> | |||||
<div class="operating"> | |||||
<el-button size="small" type="primary">导出</el-button> | <el-button size="small" type="primary">导出</el-button> | ||||
</div> | |||||
<el-table highlight-current-row :data="dataList" :height="tableHeight" border> | |||||
<el-table-column type="index" width="50" align="center" label="编号"></el-table-column> | |||||
<el-table-column label="考核指标" min-width="150" align="center"></el-table-column> | |||||
<el-table-column label="考核内容和计分细则" min-width="200" align="center"></el-table-column> | |||||
<el-table-column label="小条内容" min-width="150" align="center"></el-table-column> | |||||
<el-table-column label="分值" min-width="60" align="center"></el-table-column> | |||||
<el-table-column label="区牵头单位" min-width="80" align="center"></el-table-column> | |||||
<el-table-column label="牵头部门" min-width="80" align="center"></el-table-column> | |||||
<el-table-column label="责任领导" min-width="80" align="center"></el-table-column> | |||||
<el-table-column label="配合部门" min-width="80" align="center"></el-table-column> | |||||
<el-table-column label="责任领导" min-width="80" align="center"></el-table-column> | |||||
<el-table-column | |||||
label="操作" | |||||
width="125" | |||||
align="center" | |||||
:key="Math.random()" | |||||
</div> | |||||
<el-table | |||||
highlight-current-row | |||||
:data="dataList" | |||||
:height="tableHeight" | |||||
border | |||||
> | > | ||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
slot="reference" | |||||
type="primary" | |||||
:underline="false" | |||||
@click="edit(row)" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
<el-table-column | |||||
type="index" | |||||
width="50" | |||||
align="center" | |||||
label="编号" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="考核指标" | |||||
min-width="100" | |||||
align="center" | |||||
prop="quota" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="考核内容和计分细则" | |||||
min-width="480" | |||||
align="center" | |||||
prop="content" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="小条内容" | |||||
min-width="320" | |||||
align="center" | |||||
prop="itemContent" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="分值" | |||||
min-width="50" | |||||
align="center" | |||||
prop="points" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="区牵头单位" | |||||
min-width="80" | |||||
align="center" | |||||
prop="leaderUnit" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="牵头部门" | |||||
min-width="100" | |||||
align="center" | |||||
prop="leaderDeptList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="责任领导" | |||||
min-width="80" | |||||
align="center" | |||||
prop="leaderPrincipalList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="配合部门" | |||||
min-width="100" | |||||
align="center" | |||||
prop="cooperateDeptList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="责任领导" | |||||
min-width="80" | |||||
align="center" | |||||
prop="cooperatePrincipalList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="操作" | |||||
width="80" | |||||
align="center" | |||||
:key="Math.random()" | |||||
> | |||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
slot="reference" | |||||
type="primary" | |||||
:underline="false" | |||||
@click="edit(row)" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
<el-pagination | |||||
<el-pagination | |||||
:current-page.sync="page.page" | :current-page.sync="page.page" | ||||
:page-size="page.limit" | :page-size="page.limit" | ||||
:total="count" | :total="count" | ||||
} | } | ||||
" | " | ||||
/> | /> | ||||
</el-form-item> | |||||
<el-form-item label="配合部门:" prop=""> | |||||
<treeselect | |||||
:flat="true" | |||||
:options="formatDep" | |||||
:multiple="true" | |||||
placeholder="请选择牵头部门" | |||||
:defaultExpandLevel="2" | |||||
:normalizer=" | |||||
(d) => { | |||||
return { | |||||
id: d.id, | |||||
label: d.name, | |||||
children: | |||||
d.children && d.children.length > 0 | |||||
? d.children | |||||
: undefined, | |||||
}; | |||||
} | |||||
" | |||||
/> | |||||
</el-form-item> | |||||
</el-form-item> | |||||
<el-form-item label="配合部门:" prop=""> | |||||
<treeselect | |||||
:flat="true" | |||||
:options="formatDep" | |||||
:multiple="true" | |||||
placeholder="请选择牵头部门" | |||||
:defaultExpandLevel="2" | |||||
:normalizer=" | |||||
(d) => { | |||||
return { | |||||
id: d.id, | |||||
label: d.name, | |||||
children: | |||||
d.children && d.children.length > 0 | |||||
? d.children | |||||
: undefined, | |||||
}; | |||||
} | |||||
" | |||||
/> | |||||
</el-form-item> | |||||
</el-form> | </el-form> | ||||
<div slot="footer"> | <div slot="footer"> | ||||
<el-button type="primary" @click="save">确定</el-button> | <el-button type="primary" @click="save">确定</el-button> | ||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; | ||||
import Treeselect from "@riophae/vue-treeselect"; | import Treeselect from "@riophae/vue-treeselect"; | ||||
import { mapGetters } from "vuex"; | import { mapGetters } from "vuex"; | ||||
import api from "@/api/second/taskSummary"; | |||||
import { mergeSpan } from "@/utils/mixin"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
Treeselect | |||||
Treeselect, | |||||
}, | }, | ||||
mixins: [ | |||||
mergeSpan([ | |||||
{ name: "quota", col: [1] }, | |||||
{ name: "content", col: [2] }, | |||||
]), | |||||
], | |||||
data() { | data() { | ||||
return { | return { | ||||
searchParams: {}, | searchParams: {}, | ||||
dataList: [ | |||||
{} | |||||
], | |||||
dataList: [{}], | |||||
loading: false, | loading: false, | ||||
showEdit: false, | showEdit: false, | ||||
form: {}, | form: {}, | ||||
...mapGetters(["formatDep"]), | ...mapGetters(["formatDep"]), | ||||
}, | }, | ||||
methods: { | methods: { | ||||
getDataList() {}, | |||||
updateParams(data) { | |||||
this.searchParams = data; | |||||
this.resetCurrentPage(); | |||||
this.getDataList(); | |||||
}, | |||||
resetCurrentPage() { | |||||
let page = this.page; | |||||
page.page = 1; | |||||
this.page = page; | |||||
}, | |||||
getDataList() { | |||||
api | |||||
.getContraintList(Object.assign({}, this.page, this.searchParams)) | |||||
.then((res) => { | |||||
let data = res.data.data; | |||||
this.count = data.total; | |||||
this.dataList = this.reduceData(data.records); | |||||
}) | |||||
.catch((e) => { | |||||
this.dataList = []; | |||||
this.count = 0; | |||||
}) | |||||
.finally(() => { | |||||
this.loading = false; | |||||
}); | |||||
}, | |||||
edit(row) { | edit(row) { | ||||
this.showEdit = true | |||||
this.showEdit = true; | |||||
}, | }, | ||||
save() { | save() { | ||||
this.showEdit = false | |||||
} | |||||
} | |||||
this.showEdit = false; | |||||
}, | |||||
}, | |||||
}; | }; | ||||
</script> | </script> | ||||
<template> | <template> | ||||
<div class="assessing-content ele-body"> | <div class="assessing-content ele-body"> | ||||
<el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)"> | <el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)"> | ||||
<search :type="2" :search-params="searchParams" /> | |||||
<search :type="2" @search:task="updateParams($event)" /> | |||||
<div class="operating"> | <div class="operating"> | ||||
<el-button size="small" type="primary">导出</el-button> | <el-button size="small" type="primary">导出</el-button> | ||||
</div> | </div> | ||||
<el-table highlight-current-row :data="dataList" :height="tableHeight" border> | |||||
<el-table-column type="index" width="50" align="center" label="编号"></el-table-column> | |||||
<el-table-column label="一级指标" min-width="150" align="center" prop="quota1"></el-table-column> | |||||
<el-table-column label="二级指标" min-width="150" align="center" prop=""></el-table-column> | |||||
<el-table-column label="考核内容和计分细则" min-width="200" align="center" prop=""></el-table-column> | |||||
<el-table-column label="小条内容" min-width="150" align="center" prop=""></el-table-column> | |||||
<el-table-column label="分值" min-width="60" align="center" prop=""></el-table-column> | |||||
<el-table-column label="区牵头单位" min-width="80" align="center" prop=""></el-table-column> | |||||
<el-table-column label="牵头部门" min-width="80" align="center" prop=""></el-table-column> | |||||
<el-table-column label="责任领导" min-width="80" align="center" prop=""></el-table-column> | |||||
<el-table-column label="配合部门" min-width="80" align="center" prop=""></el-table-column> | |||||
<el-table-column label="责任领导" min-width="80" align="center" prop=""></el-table-column> | |||||
<el-table-column | |||||
label="操作" | |||||
width="125" | |||||
align="center" | |||||
:key="Math.random()" | |||||
<el-table | |||||
highlight-current-row | |||||
:data="dataList" | |||||
:height="tableHeight" | |||||
border | |||||
:span-method="arraySpanMethod" | |||||
> | > | ||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
slot="reference" | |||||
type="primary" | |||||
:underline="false" | |||||
@click="edit(row)" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
<el-table-column | |||||
type="index" | |||||
width="50" | |||||
align="center" | |||||
label="编号" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="一级指标" | |||||
min-width="100" | |||||
align="center" | |||||
prop="quota1" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="二级指标" | |||||
min-width="100" | |||||
align="center" | |||||
prop="quota2" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="考核内容和计分细则" | |||||
min-width="80" | |||||
max-width="300" | |||||
align="center" | |||||
prop="content" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="小条内容" | |||||
min-width="320" | |||||
align="center" | |||||
prop="itemContent" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="分值" | |||||
min-width="50" | |||||
align="center" | |||||
prop="points" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="区牵头单位" | |||||
min-width="80" | |||||
align="center" | |||||
prop="leaderUnit" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="牵头部门" | |||||
min-width="100" | |||||
align="center" | |||||
prop="leaderDeptList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="责任领导" | |||||
min-width="80" | |||||
align="center" | |||||
prop="leaderPrincipalList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="配合部门" | |||||
min-width="100" | |||||
align="center" | |||||
prop="cooperateDeptList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="责任领导" | |||||
min-width="80" | |||||
align="center" | |||||
prop="cooperatePrincipalList" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="操作" | |||||
width="80" | |||||
align="center" | |||||
:key="Math.random()" | |||||
> | |||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
slot="reference" | |||||
type="primary" | |||||
:underline="false" | |||||
@click="edit(row)" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | |||||
<el-pagination | <el-pagination | ||||
:current-page.sync="page.page" | :current-page.sync="page.page" | ||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; | import "@riophae/vue-treeselect/dist/vue-treeselect.css"; | ||||
import Treeselect from "@riophae/vue-treeselect"; | import Treeselect from "@riophae/vue-treeselect"; | ||||
import { mapGetters } from "vuex"; | import { mapGetters } from "vuex"; | ||||
import api from "@/api/second/taskSummary"; | |||||
import { mergeSpan } from "@/utils/mixin"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
Treeselect | Treeselect | ||||
}, | }, | ||||
mixins: [ | |||||
mergeSpan([ | |||||
{ name: "quota1", col: [1] }, | |||||
{ name: "quota2", col: [2] }, | |||||
{ name: "content", col: [3] }, | |||||
]), | |||||
], | |||||
data() { | data() { | ||||
return { | return { | ||||
searchParams: {}, | searchParams: {}, | ||||
...mapGetters(["formatDep"]), | ...mapGetters(["formatDep"]), | ||||
}, | }, | ||||
methods: { | methods: { | ||||
getDataList() {}, | |||||
updateParams(data) { | |||||
this.searchParams = data; | |||||
this.resetCurrentPage(); | |||||
this.getDataList(); | |||||
}, | |||||
resetCurrentPage() { | |||||
let page = this.page; | |||||
page.page = 1; | |||||
this.page = page; | |||||
}, | |||||
getDataList() { | |||||
api | |||||
.getRewardList(Object.assign({}, this.page, this.searchParams)) | |||||
.then((res) => { | |||||
let data = res.data.data; | |||||
this.count = data.total | |||||
this.dataList = this.reduceData(data.records); | |||||
}) | |||||
.catch((e) => { | |||||
this.dataList = []; | |||||
this.count=0 | |||||
}) | |||||
.finally(() => { | |||||
this.loading = false; | |||||
}); | |||||
}, | |||||
edit(row) { | edit(row) { | ||||
this.showEdit = true | this.showEdit = true | ||||
}, | }, |