You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
2.1 KiB
101 lines
2.1 KiB
<template>
|
|
<div>
|
|
<div class="flex items-center justify-between">
|
|
<el-row>
|
|
<el-tree-select
|
|
v-model="searchForm.nodeId"
|
|
:data="peroidList"
|
|
:props="defaultProps"
|
|
:render-after-expand="false"
|
|
:default-expand-all="false"
|
|
style="width: 400px"
|
|
@change="getOkrList"
|
|
/>
|
|
</el-row>
|
|
<el-row>
|
|
<el-button type="success" @click="handleUpdateProcess">更新进度</el-button>
|
|
</el-row>
|
|
</div>
|
|
|
|
<OkrTable ref="okrTableRef" @row-click="handleShowOkr" />
|
|
<DialogOkr ref="dialogOkr" @edit="handleEditOkr" />
|
|
<DialogOkrInfo ref="dialogOkrInfo" />
|
|
</div>
|
|
</template>
|
|
|
|
<script setup name="MyDuty">
|
|
import OkrTable from './OkrTable.vue'
|
|
import DialogOkrInfo from './DialogOkrInfo.vue'
|
|
import DialogOkr from './DialogOkr.vue'
|
|
import { listToTree } from '@/utils/tree'
|
|
|
|
import { getMyNodeTree, getMyOkrPage } from '@/api/okr/okr'
|
|
|
|
const message = useMessage()
|
|
|
|
const defaultProps = {
|
|
value: 'nodeId',
|
|
label: 'nodeName',
|
|
children: 'children'
|
|
}
|
|
|
|
const okrTableRef = ref(null)
|
|
const searchForm = ref({
|
|
nodeId: undefined
|
|
})
|
|
|
|
const peroidList = ref([])
|
|
|
|
onMounted(() => {
|
|
handleSearchPeroid()
|
|
})
|
|
|
|
async function handleSearchPeroid() {
|
|
getMyNodeTree().then((resp) => {
|
|
peroidList.value = listToTree(resp.tree, {
|
|
id: 'nodeId',
|
|
pid: 'parentId',
|
|
children: 'children'
|
|
})
|
|
searchForm.value.nodeId = resp.nodeId
|
|
getOkrList()
|
|
})
|
|
}
|
|
|
|
async function getOkrList() {
|
|
getMyOkrPage(searchForm.value).then((resp) => {
|
|
const list = resp
|
|
nextTick(() => {
|
|
okrTableRef.value.prepareData(list)
|
|
})
|
|
})
|
|
}
|
|
|
|
const dialogOkrInfo = ref(null)
|
|
// function handleAddNode() {
|
|
// dialogOkrInfo.value.open('create', null)
|
|
// }
|
|
|
|
function handleEditOkr() {
|
|
dialogOkr.value.close()
|
|
dialogOkrInfo.value.open('update', 1)
|
|
}
|
|
|
|
function handleUpdateProcess() {
|
|
message.success('更新进度成功')
|
|
getOkrList()
|
|
}
|
|
|
|
const dialogOkr = ref(null)
|
|
function handleShowOkr(row) {
|
|
dialogOkr.value.open(row.id)
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
:deep(.el-overlay-dialog) {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
</style>
|
|
|