页面更新

GuLiMmo

2023-12-08 cfc606caaeccc27f265bd66228f2d2035fde410e

 src/views/assessment/assessmentTask.vue

@@ -1,23 +1,30 @@
<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">
      <template #menu-left>
        <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>
      </template>
      <template #menu>
        <el-button type="primary" icon="el-icon-plus" size="small" @click="handleInfo">
          考核结果
        </el-button>
      </template>
    </avue-crud>
    <template v-if="isResult">
      <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"
            @click="handleDelete">
            删除
          </el-button>
          <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="handleTaskResult(row)">
            考核结果
          </el-button>
        </template>
      </avue-crud>
    </template>
    <template v-else>
      <taskResult :params="resultParams" @changeIs="changeIs" />
    </template>
  </basic-container>
</template>

@@ -31,10 +38,15 @@
import { dateNow } from "@/utils/date";
import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import taskResult from './components/taskResult.vue'

export default {
  components: {
    taskResult
  },
  data() {
    return {
      isResult: true,
      form: {},
      query: {},
      search: {},
@@ -46,7 +58,8 @@
      },
      selectionList: [],
      option: option,
      data: []
      data: [],
      resultParams: {}
    };
  },
  computed: {
@@ -68,6 +81,13 @@
    }
  },
  methods: {
    handleTaskResult(row) {
      this.isResult = false;
      this.resultParams = row
    },
    changeIs(is) {
      this.isResult = is
    },
    rowSave(row, done, loading) {
      add(row).then(() => {
        this.onLoad(this.page);