import axios from "@/config/axios" | |||||
export default { | |||||
applyCooperate(params) { | |||||
return axios.post('/cooperateapply/cooperateDept', params) | |||||
} | |||||
} |
<template> | <template> | ||||
<div class="basic-target" v-loading="loading"> | <div class="basic-target" v-loading="loading"> | ||||
<search :type="1" /> | |||||
<search :type="1" @search:task="updateParams($event)"/> | |||||
<el-table | <el-table | ||||
:data="dataList" | :data="dataList" | ||||
border | border | ||||
highlight-current-row | highlight-current-row | ||||
:height="tableHeight" | :height="tableHeight" | ||||
:span-method="arraySpanMethod" | |||||
ref="table" | ref="table" | ||||
> | > | ||||
<el-table-column type="index" label="序号" align="center" width="50"> | <el-table-column type="index" label="序号" align="center" width="50"> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分细则" | label="考核内容和计分细则" | ||||
align="center" | align="center" | ||||
min-width="400" | |||||
min-width="80" | |||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="小条内容" | label="小条内容" | ||||
align="center" | align="center" | ||||
min-width="150" | |||||
min-width="220" | |||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80 " | |||||
width="95 " | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="配合部门" width="100" align="center"> | <el-table-column label="配合部门" width="100" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span>{{ row.leaderDeptList | formatList }}</span> | |||||
<span>{{ row.cooperateDeptList | formatList }}</span> | |||||
</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 }"> | ||||
{{ row.leaderPrincipalList | formatList }} | |||||
{{ row.cooperatePrincipalList | formatList }} | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="60" align="center"> | |||||
<el-table-column label="操作" width="80" align="center"> | |||||
<template slot-scope="{ row }"> | |||||
<el-link | <el-link | ||||
@click="edit" | |||||
@click="edit(row)" | |||||
icon="el-icon-edit" | icon="el-icon-edit" | ||||
type="primary" | type="primary" | ||||
:underline="false" | :underline="false" | ||||
>申请</el-link | >申请</el-link | ||||
> | > | ||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<el-pagination | <el-pagination | ||||
type="textarea" | type="textarea" | ||||
placeholder="请输入申请理由" | placeholder="请输入申请理由" | ||||
:rows="5" | :rows="5" | ||||
v-model="form.note" | |||||
></el-input> | ></el-input> | ||||
</el-form-item> | </el-form-item> | ||||
</el-form> | </el-form> | ||||
<script> | <script> | ||||
import search from "../../search"; | import search from "../../search"; | ||||
import { mapGetters } from "vuex"; | |||||
import api from "@/api/second/taskSummary"; | |||||
import { mergeSpan } from "@/utils/mixin"; | |||||
import applyApi from "@/api/second/coordinationManage/applyCooperation"; | |||||
import successVue from '../../../result/success.vue'; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
mixins: [ | |||||
mergeSpan([ | |||||
{ name: "quota1", col: [1] }, | |||||
{ name: "quota2", col: [2] }, | |||||
{ name: "content", col: [3] }, | |||||
]), | |||||
], | |||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | |||||
searchParams: {}, | |||||
dataList: [], | |||||
tableHeight: document.documentElement.clientHeight - 305, | tableHeight: document.documentElement.clientHeight - 305, | ||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
count: 0, | count: 0, | ||||
showEdit: false, | showEdit: false, | ||||
loading: false, | loading: false, | ||||
form:{} | |||||
form:{note: ''} | |||||
}; | }; | ||||
}, | }, | ||||
computed: { | |||||
...mapGetters(["formatDep"]), | |||||
}, | |||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
methods: { | methods: { | ||||
getDataList() {}, | |||||
edit() { | |||||
updateParams(data) { | |||||
this.searchParams = data; | |||||
console.log(data); | |||||
this.resetCurrentPage(); | |||||
this.getDataList(); | |||||
}, | |||||
resetCurrentPage() { | |||||
let page = this.page; | |||||
page.page = 1; | |||||
this.page = page; | |||||
}, | |||||
getDataList() { | |||||
api | |||||
.getBasicTableList(Object.assign({}, this.page, this.searchParams)) | |||||
.then((res) => { | |||||
let data = res.data.data; | |||||
this.count=data.total | |||||
this.dataList = this.reduceData(data.records); | |||||
console.log(this.dataList); | |||||
}) | |||||
.catch((e) => { | |||||
this.dataList = []; | |||||
this.count=0 | |||||
}) | |||||
.finally(() => { | |||||
this.loading = false; | |||||
}); | |||||
}, | |||||
edit(row) { | |||||
this.showEdit = true; | this.showEdit = true; | ||||
this.form.type = 1 | |||||
this.form.itemId = row.id | |||||
this.form.leaderDept = row.leaderDept | |||||
}, | |||||
save() { | |||||
console.log(this.form); | |||||
applyApi. | |||||
applyCooperate(Object.assign({}, this.form)) | |||||
.then((res)=> { | |||||
this.$message({ | |||||
type:'success', | |||||
message: '提交申请成功' | |||||
}) | |||||
this.getDataList() | |||||
}) | |||||
.catch((e)=>{ | |||||
this.$message({ | |||||
type:'error', | |||||
message: '提交申请失败' | |||||
}) | |||||
}) | |||||
this.showEdit = false; | |||||
}, | }, | ||||
save() {}, | |||||
}, | }, | ||||
filters: { | filters: { | ||||
formatList(val) { | formatList(val) { |
<template> | <template> | ||||
<div class="constraint" v-loading="loading"> | <div class="constraint" v-loading="loading"> | ||||
<search :type="3" /> | |||||
<search :type="3" @search:task="updateParams($event)"/> | |||||
<el-table | <el-table | ||||
:data="dataList" | :data="dataList" | ||||
border | border | ||||
highlight-current-row | highlight-current-row | ||||
:height="tableHeight" | :height="tableHeight" | ||||
ref="table" | ref="table" | ||||
:span-method="arraySpanMethod" | |||||
> | > | ||||
<el-table-column type="index" label="序号" align="center" width="50"> | <el-table-column type="index" label="序号" align="center" width="50"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分细则" | label="考核内容和计分细则" | ||||
align="center" | align="center" | ||||
min-width="400" | |||||
min-width="200" | |||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="小条内容" | label="小条内容" | ||||
align="center" | align="center" | ||||
min-width="150" | |||||
prop="content" | |||||
min-width="100" | |||||
prop="itemContent" | |||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80 " | |||||
width="95 " | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="配合部门" width="100" align="center"> | <el-table-column label="配合部门" width="100" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span>{{ row.leaderDeptList | formatList }}</span> | |||||
<span>{{ row.cooperateDeptList | formatList }}</span> | |||||
</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 }"> | ||||
{{ row.leaderPrincipalList | formatList }} | |||||
{{ row.cooperatePrincipalList | formatList }} | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="60" align="center"> | |||||
<el-table-column label="操作" width="80" align="center"> | |||||
<el-link | <el-link | ||||
@click="edit" | @click="edit" | ||||
icon="el-icon-edit" | icon="el-icon-edit" | ||||
<script> | <script> | ||||
import search from "../../search"; | import search from "../../search"; | ||||
import { mapGetters } from "vuex"; | |||||
import api from "@/api/second/taskSummary"; | |||||
import { mergeSpan } from "@/utils/mixin"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
mixins: [ | |||||
mergeSpan([ | |||||
{ name: "quota", col: [1] }, | |||||
{ name: "content", col: [2] }, | |||||
]), | |||||
], | |||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | |||||
tableHeight: document.documentElement.clientHeight - 310, | |||||
dataList: [], | |||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 310 - 45) / 45 | |||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, | ||||
form:{} | form:{} | ||||
}; | }; | ||||
}, | }, | ||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
computed: { | |||||
...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() { | edit() { | ||||
this.showEdit = true; | this.showEdit = true; | ||||
}, | }, |
highlight-current-row | highlight-current-row | ||||
:height="tableHeight" | :height="tableHeight" | ||||
ref="table" | ref="table" | ||||
:span-method="arraySpanMethod" | |||||
> | > | ||||
<el-table-column type="index" label="序号" align="center" width="50"> | <el-table-column type="index" label="序号" align="center" width="50"> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分细则" | label="考核内容和计分细则" | ||||
align="center" | align="center" | ||||
min-width="400" | |||||
min-width="100" | |||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80 " | |||||
width="95 " | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="配合部门" width="100" align="center"> | <el-table-column label="配合部门" width="100" align="center"> | ||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span>{{ row.leaderDeptList | formatList }}</span> | |||||
<span>{{ row.cooperateDeptList | formatList }}</span> | |||||
</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 }"> | ||||
{{ row.leaderPrincipalList | formatList }} | |||||
{{ row.cooperatePrincipalList | formatList }} | |||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="60" align="center"> | |||||
<el-table-column label="操作" width="80" align="center"> | |||||
<el-link | <el-link | ||||
@click="edit" | @click="edit" | ||||
icon="el-icon-edit" | icon="el-icon-edit" | ||||
<script> | <script> | ||||
import search from "../../search"; | import search from "../../search"; | ||||
import { mapGetters } from "vuex"; | |||||
import api from "@/api/second/taskSummary"; | |||||
import { mergeSpan } from "@/utils/mixin"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
}, | }, | ||||
mixins: [ | |||||
mergeSpan([ | |||||
{ name: "quota1", col: [1] }, | |||||
{ name: "quota2", col: [2] }, | |||||
{ name: "content", col: [3] }, | |||||
]), | |||||
], | |||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | |||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
searchParams: {}, | |||||
dataList: [], | |||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 355 - 45) / 45 | |||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, | ||||
form:{} | form:{} | ||||
}; | }; | ||||
}, | }, | ||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
computed: { | |||||
...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() { | edit() { | ||||
this.showEdit = true; | this.showEdit = true; | ||||
}, | }, |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
min-width="60" | |||||
width="50" | |||||
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column label="牵头部门" min-width="80" align="center"> | |||||
<el-table-column label="牵头部门" width="100" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span>{{ row.leaderDeptList | formatList }}</span> | <span>{{ row.leaderDeptList | formatList }}</span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="责任领导" min-width="80" align="center"> | |||||
<el-table-column label="责任领导" width="80" 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 label="配合部门" min-width="80" align="center"> | |||||
<el-table-column label="配合部门" width="100" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span>{{ row.leaderDeptList | formatList }}</span> | <span>{{ row.leaderDeptList | formatList }}</span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="责任领导" min-width="80" align="center"> | |||||
<el-table-column label="责任领导" width="80" 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 label="操作" width="125" align="center"> | |||||
<el-table-column label="操作" width="100" align="center"> | |||||
<el-link @click="edit(true)" type="primary" :underline="false" | <el-link @click="edit(true)" type="primary" :underline="false" | ||||
>同意</el-link | >同意</el-link | ||||
> | > |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
}, | }, | ||||
edit(row) { | edit(row) { | ||||
this.showEdit = true; | this.showEdit = true; | ||||
}, | }, | ||||
save() { | save() { | ||||
this.showEdit = false; | this.showEdit = false; |
:data="dataList" | :data="dataList" | ||||
:height="tableHeight" | :height="tableHeight" | ||||
border | border | ||||
:span-method="arraySpanMethod" | |||||
> | > | ||||
<el-table-column | <el-table-column | ||||
type="index" | type="index" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="考核内容和计分细则" | label="考核内容和计分细则" | ||||
min-width="480" | |||||
min-width="200" | |||||
align="center" | align="center" | ||||
prop="content" | prop="content" | ||||
></el-table-column> | ></el-table-column> | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> |
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
width="80" | |||||
width="95" | |||||
align="center" | align="center" | ||||
prop="leaderUnit" | prop="leaderUnit" | ||||
></el-table-column> | ></el-table-column> | ||||
data() { | data() { | ||||
return { | return { | ||||
searchParams: {}, | searchParams: {}, | ||||
dataList: [ | |||||
{quota1:'sdewfdewd',} | |||||
], | |||||
dataList: [], | |||||
showEdit: false, | showEdit: false, | ||||
form: {}, | form: {}, | ||||
loading: false, | loading: false, |