<template> | |||||
<div class="assessing-content ele-body"> | |||||
<el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)"> | |||||
<search :type="1" :search-params="searchParams" /> | |||||
<div class="operating"> | |||||
<el-button size="small" type="primary">导出</el-button> | |||||
</div> | |||||
<el-table highlight-current-row :data="dataList" :height="tableHeight" border> | |||||
<el-table-column | |||||
type="selection" | |||||
width="50" | |||||
align="center" | |||||
></el-table-column> | |||||
<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="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()" | |||||
> | |||||
<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 | |||||
:current-page.sync="page.page" | |||||
:page-size="page.limit" | |||||
:total="count" | |||||
:background="true" | |||||
layout="total, prev, pager, next, jumper" | |||||
:pager-count="5" | |||||
class="ele-pagination-circle" | |||||
:flat="true" | |||||
@current-change="getDataList()" | |||||
/> | |||||
</el-card> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import search from "./search"; | |||||
export default { | |||||
components: { | |||||
search, | |||||
}, | |||||
data() { | |||||
return { | |||||
searchParams: {}, | |||||
dataList: [], | |||||
loading: false, | |||||
count: 0, | |||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
page: { | |||||
page: 1, | |||||
limit: Math.floor( | |||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
), | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
methods: { | |||||
getDataList() {}, | |||||
edit(row) { | |||||
} | |||||
} | |||||
}; | |||||
</script> | |||||
<style scoped> | |||||
</style> |
<template> | |||||
<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-button size="small" type="primary">导出</el-button> | |||||
</div> | |||||
<el-table highlight-current-row :data="dataList" :height="tableHeight" border> | |||||
<el-table-column | |||||
type="selection" | |||||
width="50" | |||||
align="center" | |||||
></el-table-column> | |||||
<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()" | |||||
> | |||||
<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 | |||||
:current-page.sync="page.page" | |||||
:page-size="page.limit" | |||||
:total="count" | |||||
:background="true" | |||||
layout="total, prev, pager, next, jumper" | |||||
:pager-count="5" | |||||
class="ele-pagination-circle" | |||||
:flat="true" | |||||
@current-change="getDataList()" | |||||
/> | |||||
</el-card> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import search from "./search"; | |||||
export default { | |||||
components: { | |||||
search, | |||||
}, | |||||
data() { | |||||
return { | |||||
searchParams: {}, | |||||
dataList: [], | |||||
loading: false, | |||||
count: 0, | |||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
page: { | |||||
page: 1, | |||||
limit: Math.floor( | |||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
), | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
methods: { | |||||
getDataList() {}, | |||||
edit(row) { | |||||
} | |||||
} | |||||
}; | |||||
</script> | |||||
<style scoped> | |||||
</style> |
<template> | |||||
<div class="assessing-content ele-body"> | |||||
<el-card shadow="never" v-loading="loading" element-loading-background="rgba(255, 255, 255, 1)"> | |||||
<search :type="2" :search-params="searchParams" /> | |||||
<div class="operating"> | |||||
<el-button size="small" type="primary">导出</el-button> | |||||
</div> | |||||
<el-table highlight-current-row :data="dataList" :height="tableHeight" border> | |||||
<el-table-column | |||||
type="selection" | |||||
width="50" | |||||
align="center" | |||||
></el-table-column> | |||||
<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="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()" | |||||
> | |||||
<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 | |||||
:current-page.sync="page.page" | |||||
:page-size="page.limit" | |||||
:total="count" | |||||
:background="true" | |||||
layout="total, prev, pager, next, jumper" | |||||
:pager-count="5" | |||||
class="ele-pagination-circle" | |||||
:flat="true" | |||||
@current-change="getDataList()" | |||||
/> | |||||
</el-card> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import search from "./search"; | |||||
export default { | |||||
components: { | |||||
search, | |||||
}, | |||||
data() { | |||||
return { | |||||
searchParams: {}, | |||||
dataList: [], | |||||
loading: false, | |||||
count: 0, | |||||
tableHeight: document.documentElement.clientHeight - 305, | |||||
page: { | |||||
page: 1, | |||||
limit: Math.floor( | |||||
(document.documentElement.clientHeight - 305 - 45) / 45 | |||||
), | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getDataList(); | |||||
}, | |||||
methods: { | |||||
getDataList() {}, | |||||
edit (row) { | |||||
} | |||||
} | |||||
}; | |||||
</script> | |||||
<style scoped> | |||||
</style> |
<template> | |||||
<div class="search"> | |||||
<el-form :inline="true" :model="searchParams" size="small"> | |||||
<template v-if="type == 1 || type == 2"> | |||||
<el-form-item label="一级指标:"> | |||||
<el-select | |||||
filterable | |||||
clearable | |||||
v-model="searchParams.quota1" | |||||
@change="getQuota2List(searchParams.quota1)" | |||||
placeholder="请选择一级指标" | |||||
> | |||||
<el-option | |||||
v-for="(item, index) of quota1" | |||||
:key="index" | |||||
:label="item.quota1" | |||||
:value="item.quota1" | |||||
></el-option> | |||||
</el-select> | |||||
</el-form-item> | |||||
<el-form-item label="二级指标:"> | |||||
<el-select filterable clearable v-model="searchParams.quota2" placeholder="请选择二级指标"> | |||||
<el-option | |||||
v-for="(item, index) of quota2" | |||||
:key="index" | |||||
:label="item.quota2" | |||||
:value="item.quota2" | |||||
></el-option> | |||||
</el-select> | |||||
</el-form-item> | |||||
</template> | |||||
<template v-if="type == 3"> | |||||
<el-form-item label="考核指标:"> | |||||
<el-select filterable clearable v-model="searchParams.quota" placeholder="请选择考核目标"> | |||||
<el-option | |||||
v-for="(item, index) of quota" | |||||
:key="index" | |||||
:label="item" | |||||
:value="item" | |||||
></el-option> | |||||
</el-select> | |||||
</el-form-item> | |||||
</template> | |||||
<el-form-item label="考核内容:"> | |||||
<el-input | |||||
placeholder="请输入考核内容" | |||||
clearable | |||||
v-model="searchParams.content" | |||||
></el-input> | |||||
</el-form-item> | |||||
<el-form-item label="参与部门:"> | |||||
<treeselect | |||||
v-model="searchParams.partakeDept" | |||||
:options="formatDep" | |||||
placeholder="请选择参与部门" | |||||
:defaultExpandLevel="1" | |||||
: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 label="牵头部门:"> | |||||
<treeselect | |||||
v-model="searchParams.leaderDept" | |||||
:options="formatDep" | |||||
placeholder="请选择牵头部门" | |||||
:defaultExpandLevel="1" | |||||
: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 label="配合部门:"> | |||||
<treeselect | |||||
v-model="searchParams.cooperateDept" | |||||
:options="formatDep" | |||||
placeholder="请选择配合部门" | |||||
:defaultExpandLevel="1" | |||||
:normalizer=" | |||||
(d) => { | |||||
return { | |||||
id: d.id, | |||||
label: d.name, | |||||
children: | |||||
d.children && d.children.length > 0 ? d.children : undefined, | |||||
}; | |||||
} | |||||
" | |||||
/> | |||||
</el-form-item> | |||||
<el-button type="primary" size="small" @click="search">查询</el-button> | |||||
<el-button | |||||
type="default" | |||||
size="small" | |||||
@click=" | |||||
clear(); | |||||
search(); | |||||
" | |||||
>清空</el-button | |||||
> | |||||
</el-form> | |||||
</div> | |||||
</template> | |||||
<script> | |||||
import "@riophae/vue-treeselect/dist/vue-treeselect.css"; | |||||
import Treeselect from "@riophae/vue-treeselect"; // 下拉树 | |||||
import { mapGetters, mapActions } from "vuex"; | |||||
export default { | |||||
props: { | |||||
type: { | |||||
type: Number, | |||||
default() { | |||||
return 1; | |||||
}, | |||||
}, | |||||
}, | |||||
components: { | |||||
Treeselect, | |||||
}, | |||||
data() { | |||||
return { | |||||
searchParams: { | |||||
quota1: "", | |||||
quota2: "", | |||||
leaderDept: undefined, | |||||
cooperateDept: undefined, | |||||
quota: "", | |||||
content: "", | |||||
leaderUnit: "", | |||||
}, | |||||
}; | |||||
}, | |||||
created() { | |||||
this.getQuota1List(this.type); | |||||
this.getDepartment(1); | |||||
this.getQuotaList(); | |||||
}, | |||||
methods: { | |||||
...mapActions({ | |||||
getQuota1List: "base/getQuota1List", | |||||
getQuota2List: "base/getQuota2List", | |||||
getDepartment: "base/getDepartment", | |||||
getQuotaList: "base/getQuotaList", | |||||
}), | |||||
clear() { | |||||
this.searchParams = { | |||||
quota1: "", | |||||
quota2: "", | |||||
leaderDept: undefined, | |||||
cooperateDept: undefined, | |||||
quota: "", | |||||
content: "", | |||||
leaderUnit: "", | |||||
}; | |||||
}, | |||||
search() { | |||||
this.$emit("search:task", this.searchParams); | |||||
}, | |||||
}, | |||||
computed: { | |||||
...mapGetters(["quota1", "quota2", "formatDep", "quota"]), | |||||
}, | |||||
watch: { | |||||
"searchParams.quota1"(val) { | |||||
if (!val) { | |||||
this.$store.commit("base/SET_QUOTAL2", []); | |||||
this.$set(this.searchParams, "quota2", ""); | |||||
} | |||||
}, | |||||
}, | |||||
}; | |||||
</script> | |||||
<style scoped> | |||||
</style> |