import axios from "@/config/axios" | |||||
export default { | |||||
getDataList(params) { | |||||
return axios.post('', params) | |||||
} | |||||
} |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
(document.documentElement.clientHeight - 355 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 310, | |||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 310 - 45) / 45 | |||||
(document.documentElement.clientHeight - 355 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
(document.documentElement.clientHeight - 355 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, |
data () { | data () { | ||||
return { | return { | ||||
dataList: [], | dataList: [], | ||||
tableHeight: document.documentElement.clientHeight - 205, | |||||
tableHeight: document.documentElement.clientHeight - 210, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
(document.documentElement.clientHeight - 210 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, |
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | |||||
label="分数规则" | |||||
min-width="95" | |||||
align="center" | |||||
prop="" | |||||
></el-table-column> | |||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
min-width="95 " | min-width="95 " | ||||
:destroy-on-close="true" | :destroy-on-close="true" | ||||
@closed="form = {}" | @closed="form = {}" | ||||
> | > | ||||
<el-table | |||||
:data="dataList" | |||||
highlight-current-row | |||||
ref="table" | |||||
> | |||||
<el-table-column type="index" label="序号" align="center" width="50"> | |||||
</el-table-column> | |||||
<el-table-column | |||||
label="牵头部门名称" | |||||
min-width="80" | |||||
align="center" | |||||
prop="quota1" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="考核得分" | |||||
min-width="80" | |||||
align="center" | |||||
prop="quota2" | |||||
></el-table-column> | |||||
</el-table> | |||||
<el-table | |||||
:data="dataList" | |||||
highlight-current-row | |||||
ref="table" | |||||
> | |||||
<el-table-column type="index" label="序号" align="center" width="50"> | |||||
</el-table-column> | |||||
<el-table-column | |||||
label="配合部门名称" | |||||
min-width="80" | |||||
align="center" | |||||
prop="quota1" | |||||
></el-table-column> | |||||
<el-table-column | |||||
label="考核得分" | |||||
min-width="80" | |||||
align="center" | |||||
prop="quota2" | |||||
></el-table-column> | |||||
</el-table> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">牵头部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党政办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.leaderPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<el-divider></el-divider> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">配合部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党群办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.coorPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<div slot="footer"> | <div slot="footer"> | ||||
<el-button @click="showEdit = false">取消</el-button> | <el-button @click="showEdit = false">取消</el-button> | ||||
<el-button type="primary" @click="save">保存</el-button> | <el-button type="primary" @click="save">保存</el-button> | ||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
tableHeight: document.documentElement.clientHeight - 350, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
(document.documentElement.clientHeight - 350 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, | ||||
}; | }; | ||||
</script> | </script> | ||||
<style> | |||||
<style scoped> | |||||
/deep/.el-dialog__body { | |||||
padding: 10px 20px; | |||||
} | |||||
.el-row { | |||||
height: 45px; | |||||
line-height: 45px; | |||||
} | |||||
.el-divider { | |||||
margin: 10px 0px; | |||||
} | |||||
</style> | </style> |
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | |||||
label="分数规则" | |||||
min-width="95" | |||||
align="center" | |||||
prop="" | |||||
></el-table-column> | |||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
min-width="95 " | min-width="95 " | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="125" align="center"> | |||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
@click="edit(row)" | |||||
icon="el-icon-edit" | |||||
type="primary" | |||||
:underline="false" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | |||||
</el-table> | </el-table> | ||||
<el-pagination | <el-pagination | ||||
:flat="true" | :flat="true" | ||||
@current-change="getDataList()" | @current-change="getDataList()" | ||||
/> | /> | ||||
<el-dialog | |||||
title="自定义考核得分规则" | |||||
:visible.sync="showEdit" | |||||
width="400px" | |||||
custom-class="ele-dialog-form" | |||||
:lock-scroll="false" | |||||
:destroy-on-close="true" | |||||
@closed="form = {}" | |||||
> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">牵头部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党政办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.leaderPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<el-divider></el-divider> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">配合部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党群办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.coorPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<div slot="footer"> | |||||
<el-button @click="showEdit = false">取消</el-button> | |||||
<el-button type="primary" @click="save">保存</el-button> | |||||
</div> | |||||
</el-dialog> | |||||
</div> | </div> | ||||
</template> | </template> | ||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 310, | |||||
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, | ||||
}, | }, | ||||
methods: { | methods: { | ||||
getDataList() {}, | getDataList() {}, | ||||
edit() { | |||||
edit(row) { | |||||
this.showEdit = true; | this.showEdit = true; | ||||
}, | }, | ||||
save() {}, | save() {}, | ||||
}; | }; | ||||
</script> | </script> | ||||
<style> | |||||
<style scoped> | |||||
/deep/.el-dialog__body { | |||||
padding: 10px 20px; | |||||
} | |||||
.el-row { | |||||
height: 45px; | |||||
line-height: 45px; | |||||
} | |||||
.el-divider { | |||||
margin: 10px 0px; | |||||
} | |||||
</style> | </style> |
align="center" | align="center" | ||||
prop="points" | prop="points" | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | |||||
label="分数规则" | |||||
min-width="95" | |||||
align="center" | |||||
prop="" | |||||
></el-table-column> | |||||
<el-table-column | <el-table-column | ||||
label="区牵头单位" | label="区牵头单位" | ||||
min-width="95 " | min-width="95 " | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="125" align="center"> | <el-table-column label="操作" width="125" align="center"> | ||||
<el-link | |||||
@click="edit(row)" | |||||
icon="el-icon-edit" | |||||
type="primary" | |||||
:underline="false" | |||||
>编辑</el-link | |||||
> | |||||
<template slot-scope="{ row }"> | |||||
<el-link | |||||
@click="edit(row)" | |||||
icon="el-icon-edit" | |||||
type="primary" | |||||
:underline="false" | |||||
>编辑</el-link | |||||
> | |||||
</template> | |||||
</el-table-column> | </el-table-column> | ||||
</el-table> | </el-table> | ||||
<el-pagination | <el-pagination | ||||
@current-change="getDataList()" | @current-change="getDataList()" | ||||
/> | /> | ||||
<el-dialog | <el-dialog | ||||
title="申请成为配合部门" | |||||
title="自定义考核得分规则" | |||||
:visible.sync="showEdit" | :visible.sync="showEdit" | ||||
width="400px" | width="400px" | ||||
custom-class="ele-dialog-form" | custom-class="ele-dialog-form" | ||||
:destroy-on-close="true" | :destroy-on-close="true" | ||||
@closed="form = {}" | @closed="form = {}" | ||||
> | > | ||||
<el-form | |||||
:model="form" | |||||
label-width="82px" | |||||
width="400px" | |||||
:lock-scroll="false" | |||||
:destroy-on-close="true" | |||||
@closed="form = {}" | |||||
> | |||||
<el-form-item label="申请理由:"> | |||||
<el-input | |||||
type="textarea" | |||||
placeholder="请输入申请理由" | |||||
:rows="5" | |||||
></el-input> | |||||
</el-form-item> | |||||
</el-form> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">牵头部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党政办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.leaderPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<el-divider></el-divider> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">序号</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">配合部门名称</div></el-col> | |||||
<el-col :span="10"><div class="grid-content bg-purple">考核得分</div></el-col> | |||||
</el-row> | |||||
<el-row :gutter="20"> | |||||
<el-col :span="6"><div class="grid-content bg-purple">1</div></el-col> | |||||
<el-col :span="8"><div class="grid-content bg-purple">党群办公室</div></el-col> | |||||
<el-col :span="10"> | |||||
<div class="grid-content bg-purple"> | |||||
<el-input size="mini" v-model="form.coorPoints"></el-input> | |||||
</div> | |||||
</el-col> | |||||
</el-row> | |||||
<div slot="footer"> | <div slot="footer"> | ||||
<el-button @click="showEdit = false">取消</el-button> | <el-button @click="showEdit = false">取消</el-button> | ||||
<el-button type="primary" @click="save">保存</el-button> | <el-button type="primary" @click="save">保存</el-button> | ||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
tableHeight: document.documentElement.clientHeight - 350, | |||||
page: { | page: { | ||||
page: 1, | page: 1, | ||||
limit: Math.floor( | limit: Math.floor( | ||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
(document.documentElement.clientHeight - 350 - 45) / 45 | |||||
), | ), | ||||
}, | }, | ||||
count: 0, | count: 0, | ||||
}; | }; | ||||
</script> | </script> | ||||
<style> | |||||
<style scoped> | |||||
/deep/.el-dialog__body { | |||||
padding: 10px 20px; | |||||
} | |||||
.el-row { | |||||
height: 45px; | |||||
line-height: 45px; | |||||
} | |||||
.el-divider { | |||||
margin: 10px 0px; | |||||
} | |||||
</style> | </style> |
<script> | <script> | ||||
import search from "../../search"; | import search from "../../search"; | ||||
import { mapGetters } from "vuex"; | |||||
export default { | export default { | ||||
components: { | components: { | ||||
search, | search, | ||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
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, | ||||
}, | }, | ||||
}; | }; | ||||
}, | }, | ||||
computed: { | |||||
...mapGetters(['user']), | |||||
}, | |||||
created() { | |||||
this.getDataList() | |||||
}, | |||||
methods: { | methods: { | ||||
getDataList() {}, | |||||
getDataList() { | |||||
console.log(this.user.user.deptId); | |||||
}, | |||||
edit(flag) { | edit(flag) { | ||||
this.showEdit = true; | this.showEdit = true; | ||||
if (flag) { | if (flag) { |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 310, | |||||
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, |
<template> | <template> | ||||
<div class="reward" v-loading="loading"> | <div class="reward" v-loading="loading"> | ||||
<search :type="2" /> | <search :type="2" /> | ||||
<el-table | |||||
<el-table | |||||
:data="dataList" | :data="dataList" | ||||
border | border | ||||
highlight-current-row | highlight-current-row | ||||
></el-table-column> | ></el-table-column> | ||||
<el-table-column | <el-table-column | ||||
label="分值" | label="分值" | ||||
width="50" | |||||
min-width="60" | |||||
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="牵头部门" width="100" align="center"> | |||||
<el-table-column label="牵头部门" min-width="80" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span><pre>{{ row.leaderDeptList | formatList }}</pre></span> | <span><pre>{{ row.leaderDeptList | formatList }}</pre></span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="责任领导" width="80" align="center"> | |||||
<el-table-column label="责任领导" min-width="80" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="配合部门" width="100" align="center"> | |||||
<el-table-column label="配合部门" min-width="80" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<span><pre>{{ row.leaderDeptList | formatList }}</pre></span> | <span><pre>{{ row.leaderDeptList | formatList }}</pre></span> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="责任领导" width="80" align="center"> | |||||
<el-table-column label="责任领导" min-width="80" align="center"> | |||||
<template slot-scope="{ row }"> | <template slot-scope="{ row }"> | ||||
<pre>{{ row.leaderPrincipalList | formatList }}</pre> | <pre>{{ row.leaderPrincipalList | formatList }}</pre> | ||||
</template> | </template> | ||||
</el-table-column> | </el-table-column> | ||||
<el-table-column label="操作" width="100" align="center"> | |||||
<el-table-column label="操作" width="125" align="center"> | |||||
<el-link @click="edit(true)" type="primary" :underline="false" | <el-link @click="edit(true)" type="primary" :underline="false" | ||||
>同意</el-link | >同意</el-link | ||||
> | > | ||||
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
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, |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
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, |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 310, | |||||
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, |
data() { | data() { | ||||
return { | return { | ||||
dataList: [[]], | dataList: [[]], | ||||
tableHeight: document.documentElement.clientHeight - 355, | |||||
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, |