答题器样式及答案解析功能优化

闫增涛

2 天以前 4746ad5110684d132f7b7f39511af4eae87a0b15

答题器样式及答案解析功能优化

 src/assets/js/config.ts

@@ -1,7 +1,7 @@
// 测试
// export const requestCtx = "https://jsek.bnuic.com"; //jsek
export const requestCtx = "https://jsek.bnuic.com"; //jsek
// export const appId = 3;
export const requestCtx = "http://182.92.203.7:3007"; //jsek
// export const requestCtx = "http://182.92.203.7:3007"; //jsek
export const appId = 27
export const requestTimeOut = 300000; // 请求超时时间
export const tokenKey = "token";

 src/views/examination/components/list.vue

@@ -237,18 +237,18 @@
            <!-- 提交后解析 -->
            <div class="analysis" v-if="value.isComplete">
              <ul class="analysis-box">
                <li class="headerConent" style="width: 60%">
                <li class="headerConent" >
                  <!-- 正确错误标识 -->
                  <ul class="mark">
                    <li v-if="value.isRight" class="mark-correct">正确</li>
                    <li v-if="value.isRight == false" class="mark-error">错误</li>
                  </ul>
                  <p :title="arrayToString(value.answer)">
                  <p :title="arrayToString(value.answer)" class="mark-txt " >
                    <span>【正确答案】：</span>
                    <span v-html="arrayToString(value.answer)" class="correctBox"></span>
                  </p>
                  <p
                    :class="value.isRight ? 'correct textOverFlow' : 'error textOverFlow'"
                    :class="value.isRight ? 'correct textOverFlow mark-txt' : 'error textOverFlow mark-txt'"
                    :title="arrayToString(value.userAnswer)"
                    style="margin-left: 20px"
                  >
@@ -275,7 +275,7 @@
                v-model="value.isUnfold"
                @change="handleChange(value)"
                accordion
                v-if="value.questionType != 'shortAnswer'"
                v-if="value.questionType != 'shortAnswer' && value.questionType != 'formula'"
              >
                <el-collapse-item :name="value.id" class="objective">
                  <template #title>
@@ -636,7 +636,9 @@
.headerConent {
  height: 100%;
  display: flex;
  align-items: center;
  .mark-txt {
    max-width: 385px;
  }
  .el-image {
    width: 9px;
    height: 9px;

 src/views/examination/index.vue

@@ -271,12 +271,12 @@
    for (let cindex = 0; cindex < item.infoList.length; cindex++) {
      const citem = item.infoList[cindex]
      console.log(citem)

      if (type == 'noshow') {
        citem.isUnfold = ''
        examination.isCollapse = false
      } else {
        citem.questionType == 'shortAnswer' || citem.questionType == 'formula' ? (citem.isUnfold = true) : (citem.isUnfold = citem.id)
        // citem.questionType == 'shortAnswer' || citem.questionType == 'formula' ? (citem.isUnfold = true) : (citem.isUnfold = citem.id)
        citem.isUnfold = citem.id
        examination.isCollapse = true
      }
    }
@@ -933,7 +933,7 @@
          examination.allError[1].errorList = error.find((citem:any) => citem.type == 'json').errorList
        }
      } catch (error) {}
      if (examination.allError[0].errorList || examination.allError[1].errorList) {
      if (examination.allError[0].errorList.length || examination.allError[1].errorList.length) {
        examination.cardList = (await getErrorDataList()) as any
        await getJsonError()
      } else {
@@ -1436,6 +1436,9 @@
.examintaion-box {
  display: flex;
  justify-content: space-between;
  li:last-child {
    flex: 1;
  }
  .examintaion-box-list {
    padding-right: 10px;
    height: 850px;