评优任务页面搭建

GuLiMmo

2023-12-07 4b949ac1953fd20e5863bec281a82b1c295f3c05

评优任务页面搭建

 src/option/assessmentTask/assessmentTask.js

@@ -6,7 +6,9 @@
  searchMenuSpan: 6,
  border: true,
  index: true,
  viewBtn: true,
  viewBtn: false,
  delBtn: false,
  editBtn: false,
  selection: true,
  dialogClickModal: false,
  column: [
@@ -14,18 +16,12 @@
      label: "主键",
      prop: "id",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "租户ID",
      prop: "tenantId",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
@@ -62,63 +58,42 @@
      label: "创建人",
      prop: "createUser",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "创建部门",
      prop: "createDept",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "创建时间",
      prop: "createTime",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "修改人",
      prop: "updateUser",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "修改时间",
      prop: "updateTime",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "状态",
      prop: "status",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
    {
      label: "是否已删除",
      prop: "isDeleted",
      type: "input",
      addDisplay: false,
      editDisplay: false,
      viewDisplay: false,
      hide: true,
    },
  ]

 src/views/assessmentTask/assessmentTask.vue

@@ -1,35 +1,20 @@
<template>
  <basic-container>
    <avue-crud :option="option"
               v-model:search="search"
               v-model:page="page"
               v-model="form"
               :table-loading="loading"
               :data="data"
               :permission="permissionList"
               :before-open="beforeOpen"
               ref="crud"
               @row-update="rowUpdate"
               @row-save="rowSave"
               @row-del="rowDel"
               @search-change="searchChange"
               @search-reset="searchReset"
               @selection-change="selectionChange"
               @current-change="currentChange"
               @size-change="sizeChange"
               @refresh-change="refreshChange"
               @on-load="onLoad">
    <avue-crud :option="option" v-model:search="search" v-model:page="page" v-model="form" :table-loading="loading"
      :data="data" :permission="permissionList" :before-open="beforeOpen" ref="crud" @row-update="rowUpdate"
      @row-save="rowSave" @row-del="rowDel" @search-change="searchChange" @search-reset="searchReset"
      @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
      @refresh-change="refreshChange" @on-load="onLoad">
      <template #menu-left>
        <el-button type="danger"
                   icon="el-icon-delete"
                   plain
                   v-if="permission.assessmentTask_delete"
        <el-button type="danger" icon="el-icon-delete" plain v-if="permission.assessmentTask_delete"
                   @click="handleDelete">删 除
        </el-button>
        <el-button type="warning"
                   plain
                   icon="el-icon-download"
                   @click="handleExport">导 出
        <el-button type="warning" plain icon="el-icon-download" @click="handleExport">导 出
        </el-button>
      </template>
      <template #menu>
        <el-button type="primary" icon="el-icon-plus" size="small" @click="handleInfo">
          考核结果
        </el-button>
      </template>
    </avue-crud>
@@ -221,5 +206,4 @@
  };
</script>

<style>
</style>
<style></style>

 src/views/evaluate/quest.vue

New file
@@ -0,0 +1,119 @@
<template>
    <basic-container>
        <template v-if="isWeight">
            <avue-crud ref="crud" v-model="form" v-model:search="search" :option="option" :data="data" v-model:page="page"
                @search-change="searchChange" @search-reset="searchReset" @current-change="currentChange"
                @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
                <template #menu="{ size, row, index }">
                    <el-button type="primary" text plain icon="el-icon-position" >
                        发布
                    </el-button>
                    <el-button type="primary" text plain icon="el-icon-download">
                        导出
                    </el-button>
                </template>
            </avue-crud>
        </template>
    </basic-container>
</template>
  
<script>
export default {
    data() {
        return {
            isWeight: true,
            form: {},
            search: {},
            data: [
                {
                    
                }
            ],
            option: {
                height: 'auto',
                calcHeight: 32,
                tip: true,
                searchMenuSpan: 6,
                border: true,
                index: true,
                addBtn: true,
                viewBtn: true,
                editBtn: true,
                delBtn: true,
                menuFixed: 'right',
                labelWidth: 150,
                column: [
                    {
                        label: "考核编号",
                        prop: "id",
                        type: "input",
                        addDisplay: false,
                        editDisplay: false,
                        viewDisplay: false,
                        hide: true,
                    },
                    {
                        label: "评优项目",
                        type: "input",
                        search: true,
                        
                    },
                    {
                        label: "候选人评选状态",
                        type: "input",
                        width: 200,
                    },
                    {
                        label: "候选人数量",
                        type: "input",
                    },
                    {
                        label: "评选人数量",
                        type: "input",
                    },
                    {
                        label: "评优评选状态",
                        type: "input",
                    },
                    {
                        label: "认定标准描述",
                        type: "input",
                    },
                    {
                        label: "候选人截止时间",
                        type: "input",
                    },
                    {
                        label: "评优评先截止时间",
                        type: "input",
                    }
                ]
            },
            page: {
                pageSize: 10,
                currentPage: 1,
                total: 1,
            },
        }
    },
    methods: {
        handleWeight(value) {
            this.isWeight = false
        },
        changeIs(is) {
            this.isWeight = is
        },
        searchChange() { },
        searchReset() { },
        currentChange() { },
        sizeChange() { },
        refreshChange() { },
        onLoad(page, params = {}) {

        }
    }
}
</script>
  
<style></style>