department: [], | department: [], | ||||
quota: [], | quota: [], | ||||
principalList: [], | principalList: [], | ||||
currentPage:null, | |||||
}, | }, | ||||
mutations: { | mutations: { | ||||
SET_CURRENT_PAGE(state,data){ | |||||
state.currentPage=data; | |||||
}, | |||||
SET_DEPARTMENT(state, data) { | SET_DEPARTMENT(state, data) { | ||||
state.department = data; | state.department = data; | ||||
}, | }, |
: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" | ||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderDeptList | formatList }}</pre> | <pre>{{ row.leaderDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="第一牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="第一牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
<pre>{{ row.otherDeptList | formatList }}</pre> | <pre>{{ row.otherDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="其他牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="其他牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.otherPrincipalList | formatList }}</pre> | <pre>{{ row.otherPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="80" 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.basicTaskId, type: 1 } }" | :to="{ name: 'segmentation', params: { id:row.basicTaskId, type: 1 } }" | ||||
>分项</router-link | >分项</router-link | ||||
> | |||||
> --> | |||||
<!-- <span @click="toSegmentation(row)">分项</span> --> | |||||
<el-link @click="toSegmentation(row)" type="primary" >分项</el-link> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
mergeSpan([ | mergeSpan([ | ||||
{ name: "quota1", col: [1] }, | { name: "quota1", col: [1] }, | ||||
{ name: "quota2", col: [2] }, | { name: "quota2", col: [2] }, | ||||
{ name: "content", col: [3,13] }, | |||||
{ name: "content", col: [3, 13] }, | |||||
]), | ]), | ||||
], | ], | ||||
created() { | created() { | ||||
this.getDataList(); | this.getDataList(); | ||||
let page=this.page; | |||||
page.page=this.$store.state.base.currentPage||1; | |||||
this.$store.commit("base/SET_CURRENT_PAGE", null); | |||||
this.page=page | |||||
}, | }, | ||||
methods: { | methods: { | ||||
toSegmentation(row) { | |||||
this.$store.commit("base/SET_CURRENT_PAGE", this.page.page); | |||||
this.$router.push({ | |||||
name: "segmentation", | |||||
params: { id: row.basicTaskId, type: 1 }, | |||||
}); | |||||
}, | |||||
updateParams(data) { | updateParams(data) { | ||||
this.searchParams = data; | this.searchParams = data; | ||||
this.resetCurrentPage(); | this.resetCurrentPage(); |
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderDeptList | formatList }}</pre> | <pre>{{ row.leaderDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="第一牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="第一牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
<pre>{{ row.otherDeptList | formatList }}</pre> | <pre>{{ row.otherDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="其他牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="其他牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.otherPrincipalList | formatList }}</pre> | <pre>{{ row.otherPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="80" align="center"> | <el-table-column label="操作" width="80" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<router-link | |||||
:to="{ name: 'segmentation', params: { id: row.rigidityConstraintId, type: 3 } }" | |||||
<!-- <router-link | |||||
:to="{ | |||||
name: 'segmentation', | |||||
params: { id: row.rigidityConstraintId, type: 3 }, | |||||
}" | |||||
>分项</router-link | >分项</router-link | ||||
> | |||||
> --> | |||||
<el-link @click="toSegmentation(row)" type="primary">分项</el-link> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
mixins: [ | mixins: [ | ||||
mergeSpan([ | mergeSpan([ | ||||
{ name: "quota", col: [1] }, | { name: "quota", col: [1] }, | ||||
{ name: "content", col: [2,12] }, | |||||
{ name: "content", col: [2, 12] }, | |||||
]), | ]), | ||||
], | ], | ||||
created() { | created() { | ||||
this.getDataList(); | this.getDataList(); | ||||
let page = this.page; | |||||
page.page = this.$store.state.base.currentPage || 1; | |||||
this.$store.commit("base/SET_CURRENT_PAGE", null); | |||||
this.page = page; | |||||
}, | }, | ||||
methods: { | methods: { | ||||
toSegmentation(row) { | |||||
this.$store.commit("base/SET_CURRENT_PAGE", this.page.page); | |||||
this.$router.push({ | |||||
name: "segmentation", | |||||
params: { id: row.rigidityConstraintId, type: 3 }, | |||||
}); | |||||
}, | |||||
updateParams(data) { | updateParams(data) { | ||||
this.searchParams = data; | this.searchParams = data; | ||||
this.resetCurrentPage(); | this.resetCurrentPage(); |
<pre>{{ data.leaderDeptList | formatList }}</pre> | <pre>{{ data.leaderDeptList | formatList }}</pre> | ||||
</span></el-col | </span></el-col | ||||
> | > | ||||
<el-col :span="5" class="grey"><span>牵头部门责任领导</span></el-col> | |||||
<el-col :span="5" class="grey" | |||||
><span>牵头部门责任领导</span></el-col | |||||
> | |||||
<el-col :span="7" | <el-col :span="7" | ||||
><span> | ><span> | ||||
<pre>{{ data.leaderPrincipalList | formatList }}</pre> | <pre>{{ data.leaderPrincipalList | formatList }}</pre> | ||||
</span></el-col | </span></el-col | ||||
> | > | ||||
</el-row> | </el-row> | ||||
<!-- <el-row type="flex"> | |||||
<el-col :span="5" class="grey"><span>其他牵头部门</span></el-col> | |||||
<el-col :span="7" | |||||
><span> | |||||
<pre>{{ data.otherDeptList | formatList }}</pre> | |||||
</span></el-col | |||||
> | |||||
<el-col :span="5" class="grey"><span>其他牵头部门责任领导</span></el-col> | |||||
<el-col :span="7" | |||||
><span> | |||||
<pre>{{ data.otherPrincipalList | formatList }}</pre> | |||||
</span></el-col | |||||
> | |||||
</el-row> --> | |||||
<el-row type="flex"> | <el-row type="flex"> | ||||
<el-col :span="5" class="grey"><span>配合部门</span></el-col> | <el-col :span="5" class="grey"><span>配合部门</span></el-col> | ||||
<el-col :span="7" | <el-col :span="7" | ||||
<pre>{{ data.cooperateDeptList | formatList }}</pre> | <pre>{{ data.cooperateDeptList | formatList }}</pre> | ||||
</span></el-col | </span></el-col | ||||
> | > | ||||
<el-col :span="5" class="grey"><span>配合部门责任领导</span></el-col> | |||||
<el-col :span="5" class="grey" | |||||
><span>配合部门责任领导</span></el-col | |||||
> | |||||
<el-col :span="7" | <el-col :span="7" | ||||
><span> | ><span> | ||||
<pre>{{ data.cooperatePrincipalList | formatList }}</pre> | <pre>{{ data.cooperatePrincipalList | formatList }}</pre> | ||||
</span> | </span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="第一牵头部门责任领导" align="center" width="180"> | |||||
<el-table-column | |||||
label="第一牵头部门责任领导" | |||||
align="center" | |||||
width="180" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<treeselect | <treeselect | ||||
:disable-branch-nodes="true" | :disable-branch-nodes="true" | ||||
</span> | </span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="其他牵头部门责任领导" align="center" width="180"> | |||||
<el-table-column | |||||
label="其他牵头部门责任领导" | |||||
align="center" | |||||
width="180" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<treeselect | <treeselect | ||||
:disable-branch-nodes="true" | :disable-branch-nodes="true" | ||||
</span> | </span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="配合部门责任领导" align="center" width="180"> | |||||
<el-table-column | |||||
label="配合部门责任领导" | |||||
align="center" | |||||
width="180" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<treeselect | <treeselect | ||||
:disable-branch-nodes="true" | :disable-branch-nodes="true" | ||||
change(type, index, row) { | change(type, index, row) { | ||||
if (!this.reducing) { | if (!this.reducing) { | ||||
if (type == "add") { | if (type == "add") { | ||||
// document.documentElement.scrollTop = | |||||
// document.documentElement.offsetHeight; | |||||
window.scroll({ | |||||
top: document.documentElement.offsetHeight, | |||||
behavior: "smooth", | |||||
}); | |||||
this.form = {}; | this.form = {}; | ||||
let data = this.data; | let data = this.data; | ||||
data[map[this.type]].push({ add: true }); | data[map[this.type]].push({ add: true }); | ||||
} | } | ||||
}, | }, | ||||
close() { | close() { | ||||
console.log("==============="); | |||||
this.$router.back(-1); | this.$router.back(-1); | ||||
}, | }, | ||||
add(data) { | add(data) { |
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<el-table-column label="第一牵头部门" width="150" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderDeptList | formatList }}</pre> | <pre>{{ row.leaderDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="第一牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="第一牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
<pre>{{ row.otherDeptList | formatList }}</pre> | <pre>{{ row.otherDeptList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="其他牵头部门责任领导" width="170" align="center"> | |||||
<el-table-column | |||||
label="其他牵头部门责任领导" | |||||
width="170" | |||||
align="center" | |||||
> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.otherPrincipalList | formatList }}</pre> | <pre>{{ row.otherPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="125" align="center"> | <el-table-column label="操作" width="125" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<router-link | |||||
<!-- <router-link | |||||
:to="{ | :to="{ | ||||
name: 'segmentation', | name: 'segmentation', | ||||
params: { id: row.specialPowerId, type: 2 }, | params: { id: row.specialPowerId, type: 2 }, | ||||
}" | }" | ||||
>分项</router-link | >分项</router-link | ||||
> | |||||
> --> | |||||
<el-link @click="toSegmentation(row)" type="primary">分项</el-link> | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
mergeSpan([ | mergeSpan([ | ||||
{ name: "quota1", col: [1] }, | { name: "quota1", col: [1] }, | ||||
{ name: "quota2", col: [2] }, | { name: "quota2", col: [2] }, | ||||
{ name: "content", col: [3,13] }, | |||||
{ name: "content", col: [3, 13] }, | |||||
]), | ]), | ||||
], | ], | ||||
created() { | created() { | ||||
this.getDataList(); | this.getDataList(); | ||||
this.getDataList(); | |||||
let page = this.page; | |||||
page.page = this.$store.state.base.currentPage || 1; | |||||
this.$store.commit("base/SET_CURRENT_PAGE", null); | |||||
this.page = page; | |||||
}, | }, | ||||
methods: { | methods: { | ||||
toSegmentation(row) { | |||||
this.$store.commit("base/SET_CURRENT_PAGE", this.page.page); | |||||
this.$router.push({ | |||||
name: "segmentation", | |||||
params: { id: row.specialPowerId, type: 2 }, | |||||
}); | |||||
}, | |||||
updateParams(data) { | updateParams(data) { | ||||
this.searchParams = data; | this.searchParams = data; | ||||
this.resetCurrentPage(); | this.resetCurrentPage(); |