原卷详情

src/modules/questions/styles/EditPaper.css

@@ -38,6 +38,11 @@ span > p {
   font-family: "微软雅黑", serif;
   font-weight: bold;
   margin-bottom: 20px;
+  flex: 1;
+}
+.mainQuesTitleDiv {
+  display: flex;
+  border-top: 1px dotted;
 }
 .ques {
   font-size: 16px;
@@ -45,10 +50,18 @@ span > p {
   text-align: left;
   padding-left: 10px;
   position: relative;
+  display: flex;
+  border-top: 1px dotted;
+  flex-wrap: wrap;
 }
 .subQues {
   position: relative;
   padding-left: 10px;
+  display: flex;
+  border-top: 1px dotted;
+}
+.sub-ques-main-div {
+  width: 100%;
 }
 .quesBody {
   display: flex;
@@ -59,9 +72,10 @@ span > p {
 }
 .quesSelect {
   border: solid 1px #fff;
+  flex: 1;
 }
 .quesSelect:hover {
-  border: solid 1px #99a9bf;
+  /* border: solid 1px #99a9bf; */
 }
 .text-left {
   margin-left: 3.5%;
@@ -85,8 +99,8 @@ small {
 .paper {
   margin: 0 auto;
   background-color: white;
-  padding-left: 10%;
-  padding-right: 10%;
+  padding-right: 3.5%;
+  margin-bottom: 10px;
 }
 .btnDiv {
   height: 30px;
@@ -153,3 +167,34 @@ textarea {
   outline: none;
   width: 110px;
 }
+
+.ques-tag-main {
+  width: 286px;
+  border-left: 1px dotted;
+  padding: 5px;
+  display: flex;
+  flex-wrap: wrap;
+  align-content: flex-start;
+  gap: 5px;
+}
+
+.ques-tag-container {
+  border-radius: 5px;
+  border: 1px solid black;
+  width: 65px;
+  height: 35;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.ques-tag {
+  display: flex;
+  flex-direction: column;
+}
+.ques-tag-title {
+  border-bottom: 1px solid black;
+}
+.ques-tag div {
+  font-size: 12px;
+  text-align: center;
+}

src/modules/questions/views/EditPaper.vue

@@ -152,68 +152,72 @@
         :key="detailIndex"
         class="mainQues"
       >
-        <div
-          class="mainQuesTitle"
-          @mouseover="quesMouseOver(paperDetail.id)"
-          @mouseout="quesMouseOut(paperDetail.id)"
-        >
-          <span>{{ paperDetail.cnNum }}</span> <span>.</span>
-          <span>{{ paperDetail.name }}</span>
-          <span>
-            ({{ !paperDetail.title ? "本大题" : paperDetail.title + "，" }}共{{
-              paperDetail.unitCount
-            }}小题，满分{{ paperDetail.score }}分)
-          </span>
+        <div class="mainQuesTitleDiv">
+          <div
+            class="mainQuesTitle"
+            @mouseover="quesMouseOver(paperDetail.id)"
+            @mouseout="quesMouseOut(paperDetail.id)"
+          >
+            <span>{{ paperDetail.cnNum }}</span> <span>.</span>
+            <span>{{ paperDetail.name }}</span>
+            <span>
+              ({{
+                !paperDetail.title ? "本大题" : paperDetail.title + "，"
+              }}共{{ paperDetail.unitCount }}小题，满分{{
+                paperDetail.score
+              }}分)
+            </span>
 
-          <span :id="paperDetail.id" class="btnDiv">
-            <el-button
-              v-show="parentView == 'gen_paper'"
-              size="small"
-              @click="selectQues(paperDetail.id)"
-              >选题
-            </el-button>
+            <span :id="paperDetail.id" class="btnDiv">
+              <el-button
+                v-show="parentView == 'gen_paper'"
+                size="small"
+                @click="selectQues(paperDetail.id)"
+                >选题
+              </el-button>
 
-            <el-button size="small" @click="openEditPaperDetail(paperDetail)"
-              >编辑
-            </el-button>
+              <el-button size="small" @click="openEditPaperDetail(paperDetail)"
+                >编辑
+              </el-button>
 
-            <el-button
-              v-if="showUp(paperDetail)"
-              size="small"
-              @click="movePaperDetail(paperDetail, 'up')"
-              >上移
-            </el-button>
+              <el-button
+                v-if="showUp(paperDetail)"
+                size="small"
+                @click="movePaperDetail(paperDetail, 'up')"
+                >上移
+              </el-button>
 
-            <el-button
-              v-if="showDown(paperDetail)"
-              size="small"
-              @click="movePaperDetail(paperDetail, 'down')"
-              >下移
-            </el-button>
+              <el-button
+                v-if="showDown(paperDetail)"
+                size="small"
+                @click="movePaperDetail(paperDetail, 'down')"
+                >下移
+              </el-button>
 
-            <el-button
-              size="small"
-              type="danger"
-              @click="deletePaperDetail(paperDetail.id)"
-              >删除
-            </el-button>
+              <el-button
+                size="small"
+                type="danger"
+                @click="deletePaperDetail(paperDetail.id)"
+                >删除
+              </el-button>
 
-            <el-button
-              v-show="showButtons[detailIndex].up"
-              size="small"
-              icon="el-icon-arrow-up"
-              @click.stop="hideContent(detailIndex)"
-            ></el-button>
+              <el-button
+                v-show="showButtons[detailIndex].up"
+                size="small"
+                icon="el-icon-arrow-up"
+                @click.stop="hideContent(detailIndex)"
+              ></el-button>
 
-            <el-button
-              v-show="!showButtons[detailIndex].up"
-              size="small"
-              icon="el-icon-arrow-down"
-              @click.stop="showContent(detailIndex)"
-            ></el-button>
-          </span>
-          <br />
-          <span v-question-audio v-html="paperDetail.description"></span>
+              <el-button
+                v-show="!showButtons[detailIndex].up"
+                size="small"
+                icon="el-icon-arrow-down"
+                @click.stop="showContent(detailIndex)"
+              ></el-button>
+            </span>
+            <span v-question-audio v-html="paperDetail.description"></span>
+          </div>
+          <div class="ques-tag-main">gdgd</div>
         </div>
 
         <!-- 循环小题 -->
@@ -287,70 +291,102 @@
                 ></span>
               </div>
             </div>
-            <br />
-
-            <div
-              v-for="(subQuestion, subIndex) in paperDetailUnit.question
-                .subQuestions"
-              v-show="quesShow(subQuestion.id)"
-              :key="subIndex"
-              class="subQues"
-            >
-              <reduplicate_mark
-                :show="reduplicateMarkShow(subQuestion.id)"
-              ></reduplicate_mark>
-
+            <div class="ques-tag-main">
+              <div class="ques-tag-container">
+                <div class="ques-tag">
+                  <div class="ques-tag-title">最高重</div>
+                  <div>11.53</div>
+                </div>
+              </div>
+              <div class="ques-tag-container">
+                <div class="ques-tag">
+                  <div class="ques-tag-title">最高重复率</div>
+                  <div>11.53</div>
+                </div>
+              </div>
+              <div class="ques-tag-container">
+                <div class="ques-tag">
+                  <div class="ques-tag-title">最高重复率</div>
+                  <div>11.53</div>
+                </div>
+              </div>
+              <div class="ques-tag-container">
+                <div class="ques-tag">
+                  <div class="ques-tag-title">最高重复率</div>
+                  <div>11.53</div>
+                </div>
+              </div>
+            </div>
+            <div style="flex-basis: 100%"></div>
+            <div class="sub-ques-main-div">
               <div
-                class="quesSelect"
-                @mouseover="
-                  quesMouseOver(getSubQuesEditId(paperDetailUnit, subQuestion))
-                "
-                @mouseout="
-                  quesMouseOut(getSubQuesEditId(paperDetailUnit, subQuestion))
-                "
+                v-for="(subQuestion, subIndex) in paperDetailUnit.question
+                  .subQuestions"
+                v-show="quesShow(subQuestion.id)"
+                :key="subIndex"
+                class="subQues"
               >
+                <reduplicate_mark
+                  :show="reduplicateMarkShow(subQuestion.id)"
+                ></reduplicate_mark>
+
                 <div
-                  :id="getSubQuesEditId(paperDetailUnit, subQuestion)"
-                  class="btnDiv"
+                  class="quesSelect"
+                  @mouseover="
+                    quesMouseOver(
+                      getSubQuesEditId(paperDetailUnit, subQuestion)
+                    )
+                  "
+                  @mouseout="
+                    quesMouseOut(getSubQuesEditId(paperDetailUnit, subQuestion))
+                  "
                 >
-                  <el-button
-                    size="small"
-                    @click="editQues(paperDetailUnit, subQuestion)"
-                    >编辑
-                  </el-button>
-                </div>
-
-                <div class="quesBody">
-                  <span class="ques-title">{{ subQuestion.subNumber }}. </span>
-
-                  <span v-question-audio v-html="subQuestion.quesBody"></span>
-                  <span
-                    >（{{ paperDetailUnit.subScoreList[subIndex] }}分）</span
-                  >
-                </div>
-
-                <div v-if="paperDetailUnit.questionType != 'MATCHING_QUESTION'">
                   <div
-                    v-for="(
-                      subQuesOption, subOptIndex
-                    ) in subQuestion.quesOptions"
-                    :key="subOptIndex"
-                    class="quesOption"
+                    :id="getSubQuesEditId(paperDetailUnit, subQuestion)"
+                    class="btnDiv"
                   >
+                    <el-button
+                      size="small"
+                      @click="editQues(paperDetailUnit, subQuestion)"
+                      >编辑
+                    </el-button>
+                  </div>
+
+                  <div class="quesBody">
                     <span class="ques-title"
-                      >{{ subOptIndex | optionOrderWordFilter }}.
+                      >{{ subQuestion.subNumber }}.
                     </span>
+
+                    <span v-question-audio v-html="subQuestion.quesBody"></span>
                     <span
-                      v-question-audio
-                      v-html="subQuesOption.optionBody"
-                    ></span>
+                      >（{{ paperDetailUnit.subScoreList[subIndex] }}分）</span
+                    >
+                  </div>
+
+                  <div
+                    v-if="paperDetailUnit.questionType != 'MATCHING_QUESTION'"
+                  >
+                    <div
+                      v-for="(
+                        subQuesOption, subOptIndex
+                      ) in subQuestion.quesOptions"
+                      :key="subOptIndex"
+                      class="quesOption"
+                    >
+                      <span class="ques-title"
+                        >{{ subOptIndex | optionOrderWordFilter }}.
+                      </span>
+                      <span
+                        v-question-audio
+                        v-html="subQuesOption.optionBody"
+                      ></span>
+                    </div>
                   </div>
                 </div>
-                <br />
+                <div class="ques-tag-main">gdgd</div>
               </div>
             </div>
           </div>
-          <br />
         </div>
       </div>
     </div>