细节调整

src/assets/styles/base.scss

@@ -258,6 +258,9 @@ body {
   align-items: center;
   justify-content: space-between;
 }
+.body-content {
+  margin: 15px;
+}
 .padding-tb-20 {
   padding: 20px 0;
 }

src/assets/styles/element-ui-costom.scss

@@ -237,3 +237,58 @@
     color: $--color-text-secondary;
   }
 }
+// el-pagination
+.el-pagination-li {
+  min-width: 32px;
+  height: 32px;
+  border-radius: 8px;
+  overflow: hidden;
+  background-color: $--color-white;
+  border: 1px solid #e1e3eb;
+}
+.el-pagination {
+  padding: 0;
+  .el-pagination__total {
+    float: left;
+  }
+  .el-pagination__sizes,
+  .el-pagination__jump {
+    .el-input__inner {
+      height: 32px;
+      line-height: 30px;
+      border-radius: 8px;
+    }
+  }
+  span:not([class*="suffix"]) {
+    line-height: 32px;
+    height: 32px;
+  }
+
+  .btn-prev,
+  .btn-next {
+    color: $--color-text-secondary;
+    margin: 0 5px;
+    padding: 0 8px;
+    @extend .el-pagination-li;
+  }
+  .btn-prev:disabled,
+  .btn-next:disabled {
+    opacity: 0.7;
+  }
+
+  .el-pager li {
+    color: $--color-text-secondary;
+    margin: 0 5px;
+    padding: 0 8px;
+    line-height: 30px;
+
+    @extend .el-pagination-li;
+    &:not(.disabled).active {
+      color: #fff;
+      background-color: $--color-primary;
+    }
+    &.active + li {
+      border-left: 1px solid #e1e3eb;
+    }
+  }
+}

src/assets/styles/pages.scss

@@ -219,7 +219,6 @@
   .edit-body {
     margin: 0 60px;
     padding-top: 150px;
-    background-color: #e4e9f8;
   }
   .edit-part-list {
     background: #ffffff;
@@ -364,7 +363,6 @@
 // view-paper
 .view-paper {
   padding: 76px 60px 50px;
-  background-color: #e4e9f8;
 
   .view-header {
     padding: 20px 60px;
@@ -374,7 +372,7 @@
     left: 0;
     right: 0;
     z-index: 999;
-    background-color: #e4e9f8;
+    background-color: $--color-background;
   }
   .header-info {
     font-size: 0;

src/modules/portal/views/Login.vue

@@ -6,7 +6,8 @@
         <p>题库管理系统</p>
       </div>
       <div class="login-footer">
-        Copyright &copy; 2021 <a href="https://www.qmth.com.cn">启明泰和</a>.
+        Copyright &copy; 2021
+        <a href="https://www.qmth.com.cn" target="_block">启明泰和</a>.
       </div>
       <div class="login-body" @keyup.enter="submit">
         <h1 class="login-body-title">题库管理系统</h1>

src/modules/portal/views/home/Home.vue

@@ -31,13 +31,16 @@
       <div class="home-main">
         <router-view class="main-content"></router-view>
 
-        <div class="home-footer">&copy; 启明泰和 2019</div>
+        <div class="home-footer">
+          Copyright &copy; 2021
+          <a href="https://www.qmth.com.cn" target="_block">启明泰和</a>.
+        </div>
       </div>
     </div>
     <!-- 添加用户信息弹出框 -->
     <el-dialog
       title="个人信息"
-      width="410px"
+      width="460px"
       :visible.sync="userDialog"
       :modal="false"
       append-to-body
@@ -72,7 +75,7 @@
               <el-input
                 v-model="passForm.pass"
                 type="password"
-                style="width: 150px"
+                class="dialog-input-width"
                 auto-complete="off"
                 placeholder="请输入密码"
               />
@@ -81,7 +84,7 @@
               <el-input
                 v-model="passForm.checkPass"
                 type="password"
-                style="width: 150px"
+                class="dialog-input-width"
                 auto-complete="off"
                 placeholder="请输入确认密码"
               />
@@ -96,9 +99,10 @@
         >
       </div>
     </el-dialog>
+    <!-- 修改密码 -->
     <el-dialog
       title="修改密码"
-      width="406px"
+      width="460px"
       :lock-scroll="true"
       :close-on-click-modal="false"
       :close-on-press-escape="false"
@@ -121,7 +125,7 @@
             <el-input
               v-model="passWeakForm.pass"
               type="password"
-              style="width: 150px"
+              class="dialog-input-width"
               auto-complete="off"
               placeholder="输入新密码"
             />
@@ -132,7 +136,7 @@
             <el-input
               v-model="passWeakForm.checkPass"
               type="password"
-              style="width: 150px"
+              class="dialog-input-width"
               auto-complete="off"
               placeholder="再次输入新密码"
             />

src/modules/portal/views/home/HomeSide.vue

@@ -1,11 +1,12 @@
 <template>
-  <div v-if="menuList.length > 0" class="home-side">
+  <div class="home-side">
     <div class="home-logo">
       <router-link to="/questions/tips">
         <img src="@/assets/images/system-icon.png" />
       </router-link>
     </div>
     <el-menu
+      v-if="menuList.length > 0"
       class="el-menu-vertical-demo"
       active-text-color="#705eff"
       text-color="#383b4a"

src/modules/questions/views/Course.vue

@@ -208,7 +208,7 @@
     <!-- 添加或新增课程弹出框 -->
     <el-dialog
       title="课程"
-      width="420px"
+      width="520px"
       :visible.sync="courseDialog"
       :modal="false"
       append-to-body
@@ -228,7 +228,7 @@
           <el-input
             v-model="courseForm.code"
             :disabled="null != courseForm.id"
-            class="pull_length"
+            class="dialog-input-width"
             auto-complete="off"
             placeholder="请输入课程代码"
           />
@@ -236,7 +236,7 @@
         <el-form-item label="课程名称" prop="name">
           <el-input
             v-model="courseForm.name"
-            class="pull_length"
+            class="dialog-input-width"
             auto-complete="off"
             placeholder="请输入课程名称"
           />
@@ -244,7 +244,7 @@
         <el-form-item label="层次" prop="level">
           <el-select
             v-model="courseForm.level"
-            class="pull_length"
+            class="dialog-input-width"
             placeholder="请选择"
           >
             <el-option
@@ -256,7 +256,10 @@
           </el-select>
         </el-form-item>
         <el-form-item label="课程状态" prop="enable">
-          <el-radio-group v-model="courseForm.enable" class="pull_length">
+          <el-radio-group
+            v-model="courseForm.enable"
+            class="dialog-input-width"
+          >
             <el-radio label="true">启用</el-radio>
             <el-radio label="false">禁用</el-radio>
           </el-radio-group>
@@ -433,7 +436,7 @@
     <el-dialog
       title="添加关联专业"
       :visible.sync="addRelationDialog"
-      width="400px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -450,8 +453,7 @@
         <el-form-item label="专业" prop="specialtyId">
           <el-select
             v-model="addRelationForm.specialtyId"
-            class="input"
-            style="width: 200px"
+            class="dialog-input-width"
             remote
             :remote-method="getSpecialtyList4AddRelation"
             :loading="specialtyLoading4AddRelation"

src/modules/questions/views/CourseProperty.vue

@@ -164,7 +164,7 @@
     <el-dialog
       title="新增课程属性名称"
       :visible.sync="coursePropertyDialog"
-      width="500px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -181,14 +181,14 @@
         <el-form-item label="属性名称" prop="name">
           <el-input
             v-model="coursePropertyForm.name"
-            class="dialog_input_width"
+            class="dialog-input-width"
             placeholder="请输入"
           ></el-input>
         </el-form-item>
         <el-form-item label="课程名称" prop="courseId">
           <el-select
             v-model="coursePropertyForm.courseId"
-            class="dialog_input_width"
+            class="dialog-input-width"
             filterable
             :remote-method="getCourses"
             remote
@@ -214,7 +214,7 @@
           >重置</el-button
         >
         <el-button type="danger" plain @click="back('coursePropertyForm')"
-          >返 回</el-button
+          >返回</el-button
         >
       </div>
     </el-dialog>

src/modules/questions/views/EditOtherQuestion.vue

@@ -1,33 +1,52 @@
 <!-- 编辑填空，问答，判断题 -->
 <template>
   <section v-loading="fullscreenLoading" class="content">
-    <div class="box-body">
+    <div class="part-box">
+      <div class="part-box-header">
+        <h1 class="part-box-title">
+          {{ quesModel.id ? "试题修改" : "试题新增" }}
+        </h1>
+        <div>
+          <el-button
+            type="primary"
+            icon="icon icon-save-white"
+            :disabled="saveDisabled"
+            @click="saveQues('quesModel')"
+            >保存</el-button
+          >
+          <el-button
+            type="danger"
+            plain
+            icon="icon icon-back"
+            @click="backToQuesList()"
+            >返回
+          </el-button>
+        </div>
+      </div>
+
       <el-form
         ref="quesModel"
+        class="padding-tb-20"
         :model="quesModel"
         :rules="rules"
         label-position="right"
-        label-width="80px"
+        label-width="100px"
       >
-        <el-row :gutter="10">
-          <el-col :xs="10" :sm="10" :md="10" :lg="10">
-            <el-form-item label="题型">
-              <el-select
-                v-model="quesModel.questionType"
-                :disabled="true"
-                placeholder="请输入题型"
-              >
-                <el-option
-                  v-for="item in questionTypes"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <el-form-item label="题型">
+          <el-select
+            v-model="quesModel.questionType"
+            :disabled="true"
+            placeholder="请输入题型"
+          >
+            <el-option
+              v-for="item in questionTypes"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
         <!-- created by weiwenhai -->
         <el-form-item label="难度">
           <el-select
@@ -78,10 +97,14 @@
           >
             <div slot="content">
               <span v-if="content.firstProperty != null"
-                >一级属性：{{ content.firstProperty.name }}</span
+                >一级属性：{{ content.firstProperty.name }}({{
+                  content.firstProperty.code
+                }})</span
               ><br />
               <span v-if="content.secondProperty != null"
-                >二级属性：{{ content.secondProperty.name }}</span
+                >二级属性：{{ content.secondProperty.name }}({{
+                  content.secondProperty.code
+                }})</span
               >
             </div>
             <el-tag
@@ -92,11 +115,11 @@
               type="primary"
               @close="handleClose(content)"
             >
-              {{ content.coursePropertyName }}
+              {{ content.coursePropertyName || content.courseProperty.name }}
             </el-tag>
           </el-tooltip>
         </el-form-item>
-        <el-row :gutter="20">
+        <el-row :gutter="10">
           <el-col :xs="6" :sm="6" :md="6" :lg="6">
             <el-form-item label="属性名">
               <el-select
@@ -151,82 +174,62 @@
             </el-form-item>
           </el-col>
           <el-col :xs="3" :sm="3" :md="3" :lg="3">
-            <el-form-item>
+            <el-form-item label-width="0px">
               <el-button
                 type="primary"
-                style="margin-left: -30px"
+                icon="icon icon-plus-white"
                 @click="insertProperty"
-                ><i class="el-icon-plus"></i> 新增属性</el-button
+                >新增属性</el-button
               >
             </el-form-item>
           </el-col>
         </el-row>
+      </el-form>
+    </div>
+    <div class="part-box">
+      <el-form label-width="100px">
         <!-- end -->
-        <el-row :gutter="10">
-          <el-col :xs="30" :sm="30" :md="30" :lg="30">
-            <el-form-item label="题干" prop="quesBody">
-              <ckeditor v-model="quesModel.quesBody"></ckeditor>
-            </el-form-item>
-          </el-col>
-        </el-row>
+        <el-form-item label="题干" prop="quesBody">
+          <ckeditor v-model="quesModel.quesBody"></ckeditor>
+        </el-form-item>
 
-        <el-row
-          v-for="quesOption in quesModel.quesOptions"
-          :key="quesOption"
-          :gutter="10"
+        <el-form-item
+          v-for="(option, index) in quesModel.quesOptions"
+          :key="option.number"
         >
-          <el-col :xs="30" :sm="30" :md="30" :lg="30">
-            <el-form-item :label="quesOption.number">
-              <ckeditor v-model="quesOption.quesBody"></ckeditor>
-            </el-form-item>
-          </el-col>
-        </el-row>
+          <div class="question-edit-option">
+            <div class="option-check">
+              {{ index | optionOrderWordFilter }}
+            </div>
+            <div class="option-body">
+              <ckeditor v-model="option.quesBody"></ckeditor>
+            </div>
+          </div>
+        </el-form-item>
+
+        <!-- <div class="line-seperator"></div> -->
 
         <!-- 非套题 -->
-        <div
+        <el-form-item
           v-if="
             quesModel.questionType !== 'NESTED_ANSWER_QUESTION' &&
             quesModel.questionType !== 'BOOL_ANSWER_QUESTION'
           "
-          style="height: 80px"
+          label="答案"
+          prop="quesAnswer"
         >
-          <el-form-item label="答案" prop="quesAnswer">
-            <ckeditor v-model="quesModel.quesAnswer"></ckeditor>
-          </el-form-item>
-        </div>
-        <div
+          <ckeditor v-model="quesModel.quesAnswer"></ckeditor>
+        </el-form-item>
+        <el-form-item
           v-if="quesModel.questionType == 'BOOL_ANSWER_QUESTION'"
-          style="height: 80px"
+          label="答案"
+          prop="quesAnswer"
         >
-          <el-row>
-            <el-col>
-              <el-form-item label="答案" prop="quesAnswer">
-                <el-select v-model="quesModel.quesAnswer" placeholder="请选择">
-                  <el-option
-                    v-for="op in options"
-                    :key="op"
-                    :label="op"
-                    :value="op"
-                  >
-                  </el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </div>
-        <div class="paper-top">
-          <el-form-item>
-            <el-button type="primary" @click="saveQues('quesModel')"
-              >保存</el-button
-            >
-            <el-button
-              type="primary"
-              icon="caret-left"
-              @click="backToQuesList()"
-              >返回列表</el-button
-            >
-          </el-form-item>
-        </div>
+          <el-select v-model="quesModel.quesAnswer" placeholder="请选择">
+            <el-option v-for="op in options" :key="op" :label="op" :value="op">
+            </el-option>
+          </el-select>
+        </el-form-item>
       </el-form>
     </div>
   </section>

src/modules/questions/views/EditPaper.vue

@@ -552,9 +552,7 @@
         <el-form-item label="大题描述">
           <ckeditor
             v-model="editpaperDetail.description"
-            :display="display"
-            width="480px"
-            :height="hValue"
+            class="area-ckeditor"
           ></ckeditor>
         </el-form-item>
       </el-form>
@@ -970,12 +968,7 @@
     >
       <el-form label-position="top">
         <el-form-item label="考试说明：">
-          <ckeditor
-            v-model="examRemark"
-            :display="display"
-            :width="wValue"
-            :height="hValue"
-          ></ckeditor>
+          <ckeditor v-model="examRemark" class="area-ckeditor"></ckeditor>
         </el-form-item>
       </el-form>
       <div slot="footer">

src/modules/questions/views/EditPaperPendingTrial.vue

@@ -593,9 +593,7 @@
         <el-form-item label="大题描述">
           <ckeditor
             v-model="editpaperDetail.description"
-            :display="display"
-            width="480px"
-            :height="hValue"
+            class="area-ckeditor"
           ></ckeditor>
         </el-form-item>
       </el-form>
@@ -1007,12 +1005,7 @@
     >
       <el-form label-position="top">
         <el-form-item label="考试说明：">
-          <ckeditor
-            v-model="examRemark"
-            :display="display"
-            :width="wValue"
-            :height="hValue"
-          ></ckeditor>
+          <ckeditor v-model="examRemark" class="area-ckeditor"></ckeditor>
         </el-form-item>
       </el-form>
       <div slot="footer">

src/modules/questions/views/EditSelectQuestion.vue

@@ -238,7 +238,7 @@
         </el-form-item>
         <div class="line-seperator"></div>
         <el-form-item label="答案">
-          <el-col><span v-html="answer"></span></el-col>
+          <div v-html="answer"></div>
         </el-form-item>
       </el-form>
     </div>

src/modules/questions/views/ImportPaper.vue

@@ -283,7 +283,7 @@
       v-loading.body="cloneLoading"
       title="克隆试卷"
       :visible.sync="copyPaperDialog"
-      width="500px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -300,14 +300,14 @@
         <el-form-item label="试卷名称" prop="paperName">
           <el-input
             v-model="copyPaperForm.paperName"
-            class="dialog_input_width"
+            class="dialog-input-width"
             placeholder="请输试卷名称"
           ></el-input>
         </el-form-item>
         <el-form-item label="课程名称" prop="courseNo">
           <el-select
             v-model="copyPaperForm.courseNo"
-            class="dialog_input_width"
+            class="dialog-input-width"
             :remote-method="getCourses"
             remote
             filterable
@@ -333,7 +333,7 @@
           >重置</el-button
         >
         <el-button type="danger" plain @click="back2('copyPaperForm')"
-          >返 回</el-button
+          >返回</el-button
         >
       </div>
     </el-dialog>

src/modules/questions/views/InsertBluePaperStructure.vue

@@ -143,7 +143,7 @@
     <el-dialog
       title="大题信息"
       :visible.sync="detailDialog"
-      width="500px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -160,14 +160,14 @@
         <el-form-item label="大题名称" prop="name">
           <el-input
             v-model="paperDetailStructForm.name"
-            class="dialog_input_width"
+            class="dialog-input-width"
             placeholder="请输入题型名称"
           ></el-input>
         </el-form-item>
         <el-form-item label="大题描述" prop="remark">
           <el-input
             v-model="paperDetailStructForm.remark"
-            class="dialog_input_width"
+            class="dialog-input-width"
             type="textarea"
             :rows="4"
             placeholder="请输入大题描述"
@@ -197,7 +197,7 @@
           type="danger"
           plain
           @click="closeDialog('paperDetailStructForm')"
-          >返 回</el-button
+          >返回</el-button
         >
       </div>
     </el-dialog>

src/modules/questions/views/InsertPaperStructure.vue

@@ -125,7 +125,7 @@
     <el-dialog
       title="大题信息"
       :visible.sync="paperDetailStructDialog"
-      width="500px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -142,14 +142,14 @@
         <el-form-item label="大题名称" prop="name">
           <el-input
             v-model="paperDetailStructForm.name"
-            class="dialog_input_width"
+            class="dialog-input-width"
             placeholder="请输入题型名称"
           ></el-input>
         </el-form-item>
         <el-form-item label="大题描述" prop="remark">
           <el-input
             v-model="paperDetailStructForm.remark"
-            class="dialog_input_width"
+            class="dialog-input-width"
             type="textarea"
             :rows="4"
             placeholder="请输入大题描述"

src/modules/questions/views/InsertPaperTitle.vue

@@ -11,7 +11,7 @@
         <el-form-item label="课程名称(代码)">
           <el-select
             v-model="paperTitleForm.courseNo"
-            class="dialog_input_width"
+            class="dialog-input-width"
             filterable
             clearable
             remote
@@ -32,7 +32,7 @@
         <el-form-item v-if="paperTitelDisable" label="试卷名称">
           <el-select
             v-model="paperTitleForm.paperId"
-            class="dialog_input_width"
+            class="dialog-input-width"
             filterable
             placeholder="请选择"
             sytle="width:220px;"
@@ -58,7 +58,7 @@
         <el-form-item v-if="paperDetailDisable" label="试卷大题">
           <el-select
             v-model="paperTitleForm.paperDetailId"
-            class="dialog_input_width"
+            class="dialog-input-width"
             filterable
             placeholder="请选择"
           >
@@ -74,7 +74,7 @@
         <el-form-item label="题型">
           <el-select
             v-model="paperTitleForm.value"
-            class="dialog_input_width"
+            class="dialog-input-width"
             filterable
             placeholder="请选择"
           >
@@ -98,7 +98,7 @@
     <el-dialog
       title="新增试卷"
       :visible.sync="paperDialog"
-      width="500px"
+      width="520px"
       :modal="false"
       append-to-body
       custom-class="side-dialog"
@@ -115,7 +115,7 @@
         <el-form-item label="试卷名称" label-width="120px" prop="name">
           <el-input
             v-model="paperForm.name"
-            class="dialog_input_width"
+            class="dialog-input-width"
             placeholder="请输入试卷名称"
           ></el-input>
         </el-form-item>

src/modules/questions/views/OrgProperty.vue

@@ -405,14 +405,3 @@ export default {
   },
 };
 </script>
-<style scoped>
-.input >>> .el-input__inner {
-  -webkit-appearance: button;
-}
-.text-span {
-  line-height: 40px;
-  margin-left: 80px;
-  font-size: 14px;
-  color: #949494;
-}
-</style>

src/modules/questions/views/PreviewPaper.vue

@@ -255,9 +255,6 @@ span > p {
   margin-bottom: 10px;
   padding-left: 10px;
 }
-.ques.repeated {
-  /*border: 1px solid red;*/
-}
 .quesBody {
   display: flex;
 }

src/modules/questions/views/PropertyInfo.vue

@@ -116,7 +116,7 @@
       :title="title"
       :visible.sync="propertyDialog"
       :modal="false"
-      width="500px"
+      width="520px"
       append-to-body
       custom-class="side-dialog"
       @close="closeModel"
@@ -128,40 +128,41 @@
         :rules="rules"
         inline-message
         class="el-form-linemess"
+        label-width="100px"
       >
         <el-row>
-          <el-form-item label="编号" label-width="100px" prop="code">
+          <el-form-item label="编号" prop="code">
             <el-input
               v-model="propertyForm.code"
               auto-complete="off"
-              style="width: 220px"
+              class="dialog-input-width"
             ></el-input>
           </el-form-item>
         </el-row>
         <el-row v-if="isFirstLev()">
-          <el-form-item label="一级名称" label-width="100px" prop="name">
+          <el-form-item label="一级名称" prop="name">
             <el-input
               v-model="propertyForm.name"
               auto-complete="off"
-              style="width: 220px"
+              class="dialog-input-width"
             ></el-input>
           </el-form-item>
         </el-row>
         <el-row v-if="isSecondLev()">
-          <el-form-item label="二级名称" label-width="100px" prop="name">
+          <el-form-item label="二级名称" prop="name">
             <el-input
               v-model="propertyForm.name"
               auto-complete="off"
-              style="width: 220px"
+              class="dialog-input-width"
             ></el-input>
           </el-form-item>
         </el-row>
         <el-row>
-          <el-form-item label="名称备注" label-width="100px">
+          <el-form-item label="名称备注">
             <el-input
               v-model="propertyForm.remark"
               auto-complete="off"
-              style="width: 220px"
+              class="dialog-input-width"
             ></el-input>
           </el-form-item>
         </el-row>

src/modules/questions/views/SelectQuestion.vue

@@ -1,89 +1,69 @@
 <template>
-  <section class="content">
-    <!-- 正文信息 -->
-    <div class="box-body">
+  <section class="select-question body-content">
+    <div class="part-box">
+      <div class="part-box-header">
+        <h2 class="part-box-title">选择试题</h2>
+        <div>
+          <el-button
+            type="primary"
+            icon="icon icon-save-white"
+            @click="submitQues()"
+            >确定</el-button
+          >
+          <el-button type="danger" plain icon="icon icon-back" @click="back()"
+            >返回</el-button
+          >
+        </div>
+      </div>
       <el-form
         :inline="true"
         :model="formSearch"
         label-position="right"
         label-width="90px"
+        class="part-filter-form"
       >
-        <el-row>
-          <el-col :span="6">
-            <el-form-item label="课程">
-              <el-select
-                v-model="course"
-                :disabled="true"
-                placeholder="请选择"
-                size="small"
-              >
-                <el-option
-                  v-for="item in courseList"
-                  :key="item.value"
-                  :label="item.name"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="题型">
-              <el-select
-                v-model="formSearch.questionType"
-                placeholder="请选择题型"
-                size="small"
-                @change="searchQuestionPaper"
-              >
-                <el-option
-                  v-for="item in questionTypes"
-                  :key="item.value"
-                  :label="item.label"
-                  :value="item.value"
-                >
-                </el-option>
-              </el-select>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="题干">
-              <el-input
-                v-model="formSearch.quesBody"
-                placeholder="请输入题干"
-                size="small"
-                @blur="searchQuestionPaper"
-              >
-              </el-input>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <div class="search_down">
-              <el-button
-                size="small"
-                type="primary"
-                icon="el-icon-circle-check"
-                @click="submitQues()"
-                >确定</el-button
-              >
-              <el-button
-                size="small"
-                type="primary"
-                icon="el-icon-arrow-left"
-                @click="back()"
-                >返回</el-button
-              >
-            </div>
-          </el-col>
-        </el-row>
+        <el-form-item label="课程">
+          <el-select v-model="course" :disabled="true" placeholder="请选择">
+            <el-option
+              v-for="item in courseList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="题型">
+          <el-select
+            v-model="formSearch.questionType"
+            placeholder="请选择题型"
+            @change="searchQuestionPaper"
+          >
+            <el-option
+              v-for="item in questionTypes"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="题干">
+          <el-input
+            v-model="formSearch.quesBody"
+            placeholder="请输入题干"
+            @blur="searchQuestionPaper"
+          >
+          </el-input>
+        </el-form-item>
+        <el-form-item> </el-form-item>
       </el-form>
+    </div>
 
+    <!-- 正文信息 -->
+    <div class="part-box">
       <!-- 页面列表 -->
-      <el-table
-        :data="tableData"
-        border
-        style="width: 100%"
-        @selection-change="handleSelectionChange"
-      >
+      <el-table :data="tableData" @selection-change="handleSelectionChange">
         <el-table-column type="selection" width="45"> </el-table-column>
         <el-table-column label="课程">
           <template slot-scope="scope">
@@ -92,7 +72,7 @@
             }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="题型">
+        <el-table-column label="题型" width="100">
           <template slot-scope="scope">
             <span>{{ scope.row.questionType | questionType }}</span>
           </template>
@@ -111,7 +91,7 @@
         </el-table-column>
       </el-table>
       <!--分页栏-->
-      <div class="page pull-right">
+      <div class="part-page">
         <el-pagination
           :current-page="currentPage"
           :page-size="pageSize"
@@ -137,6 +117,7 @@ import { mapState } from "vuex";
 import QuestionPreview from "./QuestionPreview";
 
 export default {
+  name: "SelectQuestion",
   components: { QuestionPreview },
   data() {
     return {

src/modules/questions/views/user.vue

@@ -191,7 +191,7 @@
             </span>
           </span>
         </el-table-column>
-        <el-table-column width="190" label="操作">
+        <el-table-column width="170" label="操作">
           <div slot-scope="scope">
             <div v-if="showBtn(scope.row)">
               <el-button