页面更新

GuLiMmo

2023-12-08 cfc606caaeccc27f265bd66228f2d2035fde410e

 src/views/assessment/components/taskResult.vue

File was renamed from src/views/assessment/assessmentWeight.vue
@@ -2,16 +2,10 @@
    <div class="container">
        <el-page-header @back="back" class="header">
            <template #content>
                <span>考核权重</span>
                <span>考核结果</span>
            </template>
        </el-page-header>
        <avue-crud ref="crud" v-model="form" v-model:search="search" :option="option" :data="data" v-model:page="page"
            @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
            <template #menu="{ row, index, size }">
                <el-button type="danger" text icon="el-icon-delete" @click="delRow(row, index)">
                    删除
                </el-button>
            </template>
        <avue-crud ref="crud" v-model="form" v-model:search="search" :option="option" :data="data" v-model:page="page">
        </avue-crud>
    </div>
</template>
@@ -21,15 +15,18 @@

export default {
    props: {
        is: {
            type: Boolean,
            default: false
        params: {
            type: Object,
            default() {
                return {}
            }
        }
    },
    data() {
        return {
            form: {},
            search: {},
            selectionList: [],
            data: [
                {
                    assessor: '张三',
@@ -46,15 +43,24 @@
                border: true,
                index: true,
                addBtn: true,
                viewBtn: false,
                viewBtn: true,
                editBtn: false,
                delBtn: false,
                delBtn: true,
                selection: true,
                dialogClickModal: false,
                menuWidth: 200,
                column: [
                    {
                        label: "考核编号",
                        type: 'select',
                        hide: true,
                        search: true
                    },
                    {
                        label: "考核人",
                        prop: "assessor",
                        type: "input",
                        search: true,
                    },
                    {
                        label: "职务",
@@ -67,10 +73,9 @@
                        type: "input",
                    },
                    {
                        label: "评分范围",
                        label: "考核分",
                        prop: "ratingRange",
                        type: "input",
                        placeholder: '评分范围（100分制）±N'
                    }
                ]
            },
@@ -78,40 +83,49 @@
                pageSize: 10,
                currentPage: 1,
                total: 1,
            },
            }
        }
    },
    watch: {
    },
    computed: {
        ids() {
            let ids = [];
            this.selectionList.forEach(ele => {
                ids.push(ele.id);
            });
            return ids.join(",");
        }
    },
    methods: {
        back() {
            this.$emit('changeIs', true)
        },
        delRow(row, index) {
            console.log(row,index);
            ElMessageBox.confirm(
                '是否删除当前记录?',
                '警告',
                {
                    confirmButtonText: '确定',
                    cancelButtonText: '关闭',
                    type: 'warning',
                }
            ).then(res => {
                ElMessage.success('删除成功')
            }, () => {
                ElMessage.warning('取消删除')
            })
        },
        sizeChange() { },
        refreshChange() { },
        onLoad(page, params = {}) {
        }
    },
    mounted() {

    }
}
</script>
  
<style scoped>
<style lang="scss" scoped>
.header {
    margin-bottom: 20px;
}
</style>
  

.info {
    display: flex;
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;

    li {
        margin-right: 10px;
    }
}
</style>