部分页面细节调整

GuLiMmo

2023-12-25 1e60dd0443cc52374bac2018d086b6f6ee28a136

 src/views/evaluate/components/viewEvaluateDetail.vue

@@ -14,11 +14,14 @@
</template>

<script setup>
import { reactive, watch } from 'vue';
import { reactive, watch, getCurrentInstance, ref } from 'vue';
import {
    getCandidateList,
    getFinallyResult
} from '@/api/evaluate/evaluateTask'

const { findObject } = getCurrentInstance().appContext.config.globalProperties;


const props = defineProps({
    params: {
@@ -36,7 +39,9 @@
    total: 0
})

const taskDateil = reactive([
const taskDateil = ref(null)

const personOption = reactive([
    {
        title: '任务名称',
        prop: 'taskName',
@@ -103,39 +108,114 @@
            menuLeft: false,
            header: false,
            menuFixed: 'right',
            column: [
                {
                    label: '评优项目',
                    prop: 'evaluateTaskName',
                    type: 'input',
                },
                // {
                //     label: '任务类别',
                //     prop: '',
                //     type: 'input',
                // },
                {
                    label: '候选人',
                    prop: 'userName',
                    type: 'input',
                },
                {
                    label: '部门',
                    prop: 'deptName',
                    type: 'input'
                },
                {
                    label: '票数',
                    prop: 'voteNum',
                    type: 'input'
                }
            ]
            column: [{
                label: '评优项目',
                prop: 'evaluateTaskName',
                type: 'input',
            },
            {
                label: '候选人',
                prop: 'userName',
                type: 'input',
            },
            {
                label: '部门',
                prop: 'deptName',
                type: 'input'
            },
            {
                label: '票数',
                prop: 'voteNum',
                type: 'input'
            }],
        }
    }
])

const sectionOption = reactive([
    {
        title: '任务名称',
        prop: 'taskName',
        value: '',
        width: 'calc(100% / 3)'
    },
    {
        title: '任务类别',
        prop: 'taskType',
        value: '',
        width: 'calc(100% / 3)'
    },
    {
        title: '评定标准',
        prop: 'remark',
        value: '',
        width: 'calc(100% / 3)'
    },
    {
        title: '候选人截止日期',
        prop: 'candidateCutoffTime',
        value: '',
        width: '50%'
    },
    {
        title: '评优截止日期',
        prop: 'evaluateCutoffTime',
        value: '',
        width: '50%'
    },
    {
        title: '评优评先状态',
        prop: 'evaluateState',
        value: '',
        width: '100%'
    },
    {
        title: '候选结果',
        prop: 'candidateResult',
        value: '',
        width: '100%'
    },
    {
        title: '最终评定结果',
        prop: 'finallyResult',
        isSlot: true,
        width: '100%',
        data: [],
        option: {
            height: 260,
            calcHeight: 30,
            tip: false,
            searchShow: true,
            border: true,
            index: true,
            dialogClickModal: false,
            menu: false,
            menuLeft: false,
            header: false,
            menuFixed: 'right',
            column: [{
                label: '评优项目',
                prop: 'evaluateTaskName',
                type: 'input',
            },
            {
                label: '部门',
                prop: 'deptName',
                type: 'input'
            },
            {
                label: '票数',
                prop: 'voteNum',
                type: 'input'
            }],
        }
    }
])

watch(() => props.params.visible, (val) => {
    val && initData()
    if (!val) return
    taskDateil.value = !props.params.type ? personOption : sectionOption
    initData()
}, {
    deep: true
})
@@ -151,11 +231,13 @@
}

const getFinallyList = () => {
    const { type } = props.params
    const { id, evaluateNum } = props.params.data
    const params = {
        evaluateTaskId: id,
        current: 1,
        size: evaluateNum
        size: evaluateNum,
        type: !type ? 2 : 1
    }
    return getFinallyResult(params).then(res => {
        return res.data.data.records
@@ -170,7 +252,7 @@
        2: '已完成'
    }

    for (const item of taskDateil) {
    for (const item of taskDateil.value) {
        item.value = data[item.prop] || '暂未完善'

        if (['candidateState', 'evaluateState'].includes(item.prop)) {
@@ -208,8 +290,6 @@
            console.log(item.data);
        }
    }

    // 获取当前数据
}
</script>

@@ -250,6 +330,7 @@
            background-color: aliceblue;
            border-right: 1px solid #eeeded;
        }

        .value {
            white-space: pre-line;
        }