图表颜色

liuyg

2021-09-27 8c6cf205affbbc8ada74f00a7ca25ebca867e9ed

 src/views/exam/startexam.vue

@@ -17,6 +17,7 @@
            :search.sync="questionBankSearch"
            :table-loading="questionBankLoading"
            :data="questionBankData"
            :permission="permissionList"
            ref="questionBankCrud"
            :page.sync="questionBankPage"
            @on-load="questionBankOnLoad"
@@ -53,9 +54,11 @@

            <template slot="menuLeft">
              <el-button
                style="display:none"
                type="danger"
                size="small"
                icon="el-icon-delete"
                v-if="permission.startexam_delete"
                @click="questionBankHandleDelete"
                >删 除
              </el-button>
@@ -71,6 +74,7 @@
                size="mini"
                icon="el-icon-collection"
                class="start-kaoshi"
                v-if="permission.startexam_applyPapers"
                @click="startExam(row)"
                >报名清册
              </el-button>
@@ -84,7 +88,7 @@

<script>
import { getList, add, remove, update } from "@/api/examapi/examination";

import { mapGetters } from "vuex";
export default {
  data() {
    var validatePass = (rule, value, callback) => {
@@ -105,14 +109,14 @@
      form: {},
      questionBankOption: {
        // 操作栏多余按钮去除
        delBtn: true,
        editBtn: true,
        addBtn: true,
        delBtn: false,
        editBtn: false,
        addBtn: false,
        selection: true,
        menu: true,
        // 导出按钮
        excelBtn: false,
        viewBtn: true,
        viewBtn: false,

        // title: '题库',

@@ -178,15 +182,44 @@
          //     rules: [{ validator: validatePass, required: true, trigger: 'blur' }],
          //     width: 100
          // },
          // {
          //   label: "考试时间",
          //   prop: "examTime",
          //   type: "daterange",
          //   // span: 24,
          //   format: "yyyy-MM-dd HH:mm:ss",
          //   valueFormat: "yyyy-MM-dd HH:mm:ss",
          //   startPlaceholder: "考试开始时间",
          //   endPlaceholder: "考试结束时间",
          //   // 表单新增时是否禁止
          //   addDisabled: false,
          //   // 表单新增时是否可见
          //   addDisplay: true,
          //   // 表单新增时是否为查看模式
          //   addDetail: false,
          //   // 表单编辑时是否禁止
          //   editDisabled: false,
          //   // 表单编辑时是否可见
          //   editDisplay: true,
          //   // 表单编辑时是否为查看模式
          //   editDetail: false,
          //   // display: false,
          //   hide: true,
          //   rules: [
          //     {
          //       required: true,
          //       message: "请选择考试时间",
          //       trigger: "blur",
          //     },
          //   ],
          //   width: 250,
          // },
          {
            label: "考试时间",
            prop: "examTime",
            type: "daterange",
            // span: 24,
            format: "yyyy-MM-dd HH:mm:ss",
            valueFormat: "yyyy-MM-dd HH:mm:ss",
            startPlaceholder: "考试开始时间",
            endPlaceholder: "考试结束时间",
            prop: "startTime",
            type: "datetime",
            format: "yyyy-MM-dd HH:mm",
            valueFormat: "yyyy-MM-dd HH:mm",
            // 表单新增时是否禁止
            addDisabled: false,
            // 表单新增时是否可见
@@ -199,8 +232,6 @@
            editDisplay: true,
            // 表单编辑时是否为查看模式
            editDetail: false,
            // display: false,
            hide: true,
            rules: [
              {
                required: true,
@@ -208,50 +239,28 @@
                trigger: "blur",
              },
            ],
            width: 250,
          },
          {
            label: "考试开始时间",
            prop: "startTime",
            type: "datetime",
            // span: 24,
            format: "yyyy-MM-dd HH:mm:ss",
            valueFormat: "yyyy-MM-dd HH:mm:ss",
            // 表单新增时是否禁止
            addDisabled: false,
            // 表单新增时是否可见
            addDisplay: false,
            // 表单新增时是否为查看模式
            addDetail: false,
            // 表单编辑时是否禁止
            editDisabled: false,
            // 表单编辑时是否可见
            editDisplay: false,
            // 表单编辑时是否为查看模式
            editDetail: false,
            width: 180,
          },
          {
            label: "考试结束时间",
            prop: "endTime",
            type: "datetime",
            // span: 24,
            format: "yyyy-MM-dd HH:mm:ss",
            valueFormat: "yyyy-MM-dd HH:mm:ss",
            // 表单新增时是否禁止
            addDisabled: false,
            // 表单新增时是否可见
            addDisplay: false,
            // 表单新增时是否为查看模式
            addDetail: false,
            // 表单编辑时是否禁止
            editDisabled: false,
            // 表单编辑时是否可见
            editDisplay: false,
            // 表单编辑时是否为查看模式
            editDetail: false,
            width: 180,
          },
          // {
          //   label: "考试结束时间",
          //   prop: "endTime",
          //   type: "datetime",
          //   // span: 24,
          //   format: "yyyy-MM-dd HH:mm:ss",
          //   valueFormat: "yyyy-MM-dd HH:mm:ss",
          //   // 表单新增时是否禁止
          //   addDisabled: false,
          //   // 表单新增时是否可见
          //   addDisplay: false,
          //   // 表单新增时是否为查看模式
          //   addDetail: false,
          //   // 表单编辑时是否禁止
          //   editDisabled: false,
          //   // 表单编辑时是否可见
          //   editDisplay: false,
          //   // 表单编辑时是否为查看模式
          //   editDetail: false,
          //   width: 180,
          // },
          {
            label: "创建人",
            prop: "creator",
@@ -333,6 +342,15 @@
      });
      return ids.join(",");
    },
    ...mapGetters(["userInfo", "permission"]),
    permissionList() {
      return {
        addBtn: this.vaildData(this.permission.startexam_add, false),
        viewBtn: this.vaildData(this.permission.startexam_view, false),
        delBtn: this.vaildData(this.permission.startexam_delete, false),
        editBtn: this.vaildData(this.permission.startexam_edit, false),
      };
    },
  },
  watch: {},
  methods: {
@@ -394,9 +412,10 @@
    },
    // 新增
    questionBankRowSave(row, done, loading) {
      row.startTime = row.examTime[0];
      row.endTime = row.examTime[1];
      row.examTime = JSON.stringify(row.examTime);
      row.startTime = row.startTime+":00";
      row['examType'] = 1;
      // row.endTime = row.examTime[1];
      // row.examTime = JSON.stringify(row.examTime);
      add(row).then(
        () => {
          this.questionBankOnLoad(this.questionBankPage);
@@ -413,12 +432,12 @@
      );
    },
    questionBankRowUpdate(row, index, done, loading) {
      if (Array.isArray(row.examTime) != true) {
        row.examTime = row.examTime.split(",");
      }
      row.startTime = row.examTime[0];
      row.endTime = row.examTime[1];
      row.examTime = JSON.stringify(row.examTime);
      // if (Array.isArray(row.examTime) != true) {
      //   row.examTime = row.examTime.split(",");
      // }
      row.startTime = row.startTime+":00";
      // row.endTime = row.examTime[1];
      // row.examTime = JSON.stringify(row.examTime);
      update(row).then(
        () => {
          this.questionBankOnLoad(this.questionBankPage);