union-question-web/src/modules/questions/views/OrgProperty.vue

<template>
  <section class="org-property">
    <div class="org-header">
      <div class="part-box-header">
        <h1 class="part-box-title">{{ rootOrgName }}</h1>
        <div>
          <el-button type="primary" icon="icon icon-save-white" @click="save"
            >保存</el-button
          >
          <el-button type="danger" plain icon="icon icon-back" @click="back"
            >返回</el-button
          >
        </div>
      </div>
      <div class="part-tabs">
        <div
          v-for="menu in menus"
          :key="menu.val"
          :class="['part-tabs-item', { 'is-active': activeName === menu.val }]"
          @click="activeName = menu.val"
        >
          <div class="part-tabs-name">
            {{ menu.name }}
          </div>
        </div>
      </div>
    </div>
    <div class="org-body part-box">
      <!-- 题型设置 -->
      <el-form v-if="activeName === 'tab1'" label-width="160px">
        <h3 class="org-body-title">可用题型</h3>

        <el-form-item
          label="基础题型"
          prop="properties.ROOT_ORG_QUESTION_TYPES1"
        >
          <el-checkbox-group v-model="form.properties.ROOT_ORG_QUESTION_TYPES1">
            <el-checkbox label="SINGLE_ANSWER_QUESTION" class="checkbox_length"
              >单选</el-checkbox
            >
            <el-checkbox
              label="MULTIPLE_ANSWER_QUESTION"
              class="checkbox_length"
              >多选</el-checkbox
            >
            <el-checkbox label="BOOL_ANSWER_QUESTION" class="checkbox_length"
              >判断</el-checkbox
            >
            <el-checkbox label="FILL_BLANK_QUESTION" class="checkbox_length"
              >填空</el-checkbox
            >
            <el-checkbox label="TEXT_ANSWER_QUESTION" class="checkbox_length"
              >问答</el-checkbox
            >
          </el-checkbox-group>
        </el-form-item>
        <el-form-item
          label="组合题型"
          prop="properties.ROOT_ORG_QUESTION_TYPES2"
        >
          <el-checkbox-group v-model="form.properties.ROOT_ORG_QUESTION_TYPES2">
            <el-checkbox label="READING_COMPREHENSION" class="checkbox_length"
              >阅读理解</el-checkbox
            >
            <el-checkbox label="CLOZE" class="checkbox_length"
              >完形填空</el-checkbox
            >
            <el-checkbox label="PARAGRAPH_MATCHING" class="checkbox_length"
              >段落匹配</el-checkbox
            >
            <el-checkbox label="BANKED_CLOZE" class="checkbox_length"
              >选词填空</el-checkbox
            >
          </el-checkbox-group>
        </el-form-item>
        <el-form-item
          label="特殊题型"
          prop="properties.ROOT_ORG_QUESTION_TYPES3"
        >
          <el-checkbox-group v-model="form.properties.ROOT_ORG_QUESTION_TYPES3">
            <el-checkbox label="LISTENING_QUESTION" class="checkbox_length"
              >听力</el-checkbox
            >
          </el-checkbox-group>
        </el-form-item>

        <h3 class="org-body-title">成卷配置</h3>

        <el-form-item label="特殊设置">
          <el-checkbox-group
            v-model="form.properties.QUESTION_TYPE_SPECIAL_SET"
            class="pull_length"
          >
            <el-checkbox label="AUTONOMY_QUESTION" class="checkbox_length"
              >选做题设置</el-checkbox
            >
          </el-checkbox-group>
        </el-form-item>
      </el-form>
      <!-- 审核配置 -->
      <el-form v-if="activeName === 'tab2'" label-width="160px">
        <el-form-item class="label-title" label="题库审核" label-width="90px">
          <el-radio-group v-model="form.properties.PAPER_AUDIT">
            <el-radio label="true">开启</el-radio>
            <el-radio label="false">关闭</el-radio>
          </el-radio-group>
        </el-form-item>
        <template v-if="form.properties.PAPER_AUDIT == 'true'">
          <el-form-item label="初级审核">
            <el-radio-group v-model="form.properties.PAPER_FIRST_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="中级审核">
            <el-radio-group v-model="form.properties.PAPER_SECOND_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="高级审核">
            <el-radio-group v-model="form.properties.PAPER_THIRD_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
        </template>
        <el-form-item class="label-title" label="卷库审核" label-width="90px">
          <el-radio-group v-model="form.properties.EXAM_PAPER_AUDIT">
            <el-radio label="true">开启</el-radio>
            <el-radio label="false">关闭</el-radio>
          </el-radio-group>
        </el-form-item>
        <template v-if="form.properties.EXAM_PAPER_AUDIT == 'true'">
          <el-form-item label="初级审核">
            <el-radio-group v-model="form.properties.EXAM_PAPER_FIRST_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="中级审核">
            <el-radio-group v-model="form.properties.EXAM_PAPER_SECOND_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
          <el-form-item label="高级审核">
            <el-radio-group v-model="form.properties.EXAM_PAPER_THIRD_AUDIT">
              <el-radio label="true">正常流程</el-radio>
              <el-radio label="false">免审流程</el-radio>
            </el-radio-group>
          </el-form-item>
        </template>
      </el-form>
      <!-- 查重配置 -->
      <el-form v-if="activeName === 'tab3'" label-width="120px">
        <el-form-item label="是否开启查重">
          <el-radio-group v-model="form.properties.CHECK_DUPLICATE">
            <el-radio label="true">开启</el-radio>
            <el-radio label="false">关闭</el-radio>
          </el-radio-group></el-form-item
        >
        <template v-if="form.properties.CHECK_DUPLICATE == 'true'">
          <el-form-item label="通过阀值">
            <el-input-number
              v-model="form.properties.CHECK_DUPLICATE_THRESHOLD"
              :precision="1"
              :min="0"
              :max="100"
            ></el-input-number>
            <span class="tips-info margin-left-10"
              >*大于等于所设阈值，判定为重复</span
            >
          </el-form-item>
          <el-form-item label="陈列数量">
            <el-input-number
              v-model="form.properties.CHECK_DUPLICATE_COUNT"
              :precision="0"
              :min="1"
              :max="10"
            ></el-input-number>
            <span class="tips-info margin-left-10"
              >*选取超过阈值的试题在查重页面显示</span
            >
          </el-form-item>
        </template>
      </el-form>

      <!-- 组卷配置 -->
      <el-form v-if="activeName === 'tab4'" label-width="120px">
        <el-form-item label="综合组卷">
          <el-radio-group v-model="form.properties.PAPER_BUILD_SYNTHESIS">
            <el-radio label="true">开启</el-radio>
            <el-radio label="false">关闭</el-radio>
          </el-radio-group>
          <div class="tips-info">
            *开启跨课程组卷模式，支持将多个课程试题组到一份试卷下
          </div>
        </el-form-item>
      </el-form>
    </div>
  </section>
</template>

<script>
import { mapState } from "vuex";
import { QUESTION_API } from "@/constants/constants.js";

export default {
  name: "OrgProperty",
  data() {
    return {
      style: {
        label_width_tab1: "120px",
        label_width_tab2: "120px",
        label_width_tab3: "120px",
      },
      menus: [
        {
          name: "题型设置",
          val: "tab1",
        },
        {
          name: "审核配置",
          val: "tab2",
        },
        {
          name: "查重配置",
          val: "tab3",
        },
        {
          name: "组卷配置",
          val: "tab4",
        },
      ],
      activeName: "tab1",
      rootOrgName: "",
      form: {
        orgId: null,
        properties: {
          ROOT_ORG_QUESTION_TYPES: [],
          ROOT_ORG_QUESTION_TYPES1: [],
          ROOT_ORG_QUESTION_TYPES2: [],
          ROOT_ORG_QUESTION_TYPES3: [],
          QUESTION_TYPE_SPECIAL_SET: [],
          PAPER_AUDIT: "false",
          PAPER_FIRST_AUDIT: "false",
          PAPER_SECOND_AUDIT: "false",
          PAPER_THIRD_AUDIT: "false",
          EXAM_PAPER_AUDIT: "false",
          EXAM_PAPER_FIRST_AUDIT: "false",
          EXAM_PAPER_SECOND_AUDIT: "false",
          EXAM_PAPER_THIRD_AUDIT: "false",
          CHECK_DUPLICATE: "false",
          CHECK_DUPLICATE_THRESHOLD: 80,
          CHECK_DUPLICATE_COUNT: 5,
          // 综合组卷
          PAPER_BUILD_SYNTHESIS: "false",
        },
      },
      rules: {
        // code: [{ required: true, validator: validateCode, trigger: "blur" }],
      },
    };
  },
  computed: {
    ...mapState({ user: (state) => state.user }),
  },
  created() {
    this.form.orgId = this.$route.params.rootOrgId;
    this.rootOrgName =
      this.$route.params.rootOrgName +
      "(" +
      this.$route.params.rootOrgCode +
      ")";
    if (!this.form.orgId) {
      this.form.orgId = sessionStorage.getItem("org_prop_info_org_id");
      this.rootOrgName = sessionStorage.getItem("org_prop_info_org_name");
    } else {
      sessionStorage.setItem("org_prop_info_org_id", this.form.orgId);
      sessionStorage.setItem("org_prop_info_org_name", this.rootOrgName);
    }
    this.init();
  },
  mounted() {
    setTimeout(() => {
      this.$store.commit("UPDATE_CURRENT_PATHS", [
        "系统管理",
        "顶级机构管理",
        "机构设置",
      ]);
    }, 200);
  },
  methods: {
    init() {
      var url = QUESTION_API + "/org/allProperties/" + this.form.orgId;
      this.$httpWithMsg.get(url).then((response) => {
        if (response.data) {
          if (response.data.ROOT_ORG_QUESTION_TYPES1) {
            this.form.properties.ROOT_ORG_QUESTION_TYPES1 = JSON.parse(
              response.data.ROOT_ORG_QUESTION_TYPES1
            );
          }
          if (response.data.ROOT_ORG_QUESTION_TYPES2) {
            this.form.properties.ROOT_ORG_QUESTION_TYPES2 = JSON.parse(
              response.data.ROOT_ORG_QUESTION_TYPES2
            );
          }
          if (response.data.ROOT_ORG_QUESTION_TYPES3) {
            this.form.properties.ROOT_ORG_QUESTION_TYPES3 = JSON.parse(
              response.data.ROOT_ORG_QUESTION_TYPES3
            );
          }
          if (response.data.QUESTION_TYPE_SPECIAL_SET) {
            this.form.properties.QUESTION_TYPE_SPECIAL_SET = JSON.parse(
              response.data.QUESTION_TYPE_SPECIAL_SET
            );
          }
          if (response.data.PAPER_AUDIT) {
            this.form.properties.PAPER_AUDIT = response.data.PAPER_AUDIT;
          }
          if (response.data.PAPER_FIRST_AUDIT) {
            this.form.properties.PAPER_FIRST_AUDIT =
              response.data.PAPER_FIRST_AUDIT;
          }
          if (response.data.PAPER_SECOND_AUDIT) {
            this.form.properties.PAPER_SECOND_AUDIT =
              response.data.PAPER_SECOND_AUDIT;
          }
          if (response.data.PAPER_THIRD_AUDIT) {
            this.form.properties.PAPER_THIRD_AUDIT =
              response.data.PAPER_THIRD_AUDIT;
          }
          if (response.data.EXAM_PAPER_AUDIT) {
            this.form.properties.EXAM_PAPER_AUDIT =
              response.data.EXAM_PAPER_AUDIT;
          }
          if (response.data.EXAM_PAPER_FIRST_AUDIT) {
            this.form.properties.EXAM_PAPER_FIRST_AUDIT =
              response.data.EXAM_PAPER_FIRST_AUDIT;
          }
          if (response.data.EXAM_PAPER_SECOND_AUDIT) {
            this.form.properties.EXAM_PAPER_SECOND_AUDIT =
              response.data.EXAM_PAPER_SECOND_AUDIT;
          }
          if (response.data.EXAM_PAPER_THIRD_AUDIT) {
            this.form.properties.EXAM_PAPER_THIRD_AUDIT =
              response.data.EXAM_PAPER_THIRD_AUDIT;
          }
          if (response.data.CHECK_DUPLICATE) {
            this.form.properties.CHECK_DUPLICATE =
              response.data.CHECK_DUPLICATE;
          }
          if (response.data.CHECK_DUPLICATE_THRESHOLD) {
            this.form.properties.CHECK_DUPLICATE_THRESHOLD =
              response.data.CHECK_DUPLICATE_THRESHOLD;
          }
          if (response.data.CHECK_DUPLICATE_COUNT) {
            this.form.properties.CHECK_DUPLICATE_COUNT =
              response.data.CHECK_DUPLICATE_COUNT;
          }
          if (response.data.PAPER_BUILD_SYNTHESIS) {
            this.form.properties.PAPER_BUILD_SYNTHESIS =
              response.data.PAPER_BUILD_SYNTHESIS;
          }
        }
      });
    },
    setParams() {
      for (let i of this.form.properties.ROOT_ORG_QUESTION_TYPES1) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES.push(i);
      }
      for (let i of this.form.properties.ROOT_ORG_QUESTION_TYPES2) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES.push(i);
      }
      for (let i of this.form.properties.ROOT_ORG_QUESTION_TYPES3) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES.push(i);
      }
      this.form.properties.ROOT_ORG_QUESTION_TYPES = JSON.stringify(
        this.form.properties.ROOT_ORG_QUESTION_TYPES
      );
      if (this.form.properties.ROOT_ORG_QUESTION_TYPES1) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES1 = JSON.stringify(
          this.form.properties.ROOT_ORG_QUESTION_TYPES1
        );
      }
      if (this.form.properties.ROOT_ORG_QUESTION_TYPES2) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES2 = JSON.stringify(
          this.form.properties.ROOT_ORG_QUESTION_TYPES2
        );
      }
      if (this.form.properties.ROOT_ORG_QUESTION_TYPES3) {
        this.form.properties.ROOT_ORG_QUESTION_TYPES3 = JSON.stringify(
          this.form.properties.ROOT_ORG_QUESTION_TYPES3
        );
      }
      if (this.form.properties.QUESTION_TYPE_SPECIAL_SET) {
        this.form.properties.QUESTION_TYPE_SPECIAL_SET = JSON.stringify(
          this.form.properties.QUESTION_TYPE_SPECIAL_SET
        );
      }
    },
    save() {
      this.setParams();
      let url = QUESTION_API + "/org/saveOrgProperties";
      this.$httpWithMsg.put(url, this.form).then(() => {
        this.$notify({
          type: "success",
          message: "保存成功！",
        });
        this.back();
      });
    },
    back() {
      this.$router.push({ path: "/questions/school" });
    },
  },
};
</script>