修改

src/components/exam/question-form.vue

@@ -30,7 +30,7 @@
         </div>
         <div class="page-content">
           <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
-            class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
+            class="sticky-column-table sticky-header-column-table" style="max-height: 550px" separator="none" :data="dataList" :columns="columns"
             row-key="QuestionId" selection="multiple" :selected.sync="selectedQuestion">
             <template v-slot:top="props">
               <div class="col-2 q-table__title">问题列表</div>
@@ -189,5 +189,9 @@
       },
     },
   }
-
 </script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>
+

src/components/exam/questionbank-form.vue

@@ -15,7 +15,7 @@
         </div>
         <div class="page-content">
           <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
-            class="sticky-column-table sticky-right-column-table" separator="none" :data="dataList" :columns="columns"
+            class="sticky-column-table sticky-header-column-table" style="max-height: 550px" separator="none" :data="dataList" :columns="columns"
             row-key="BankId" selection="multiple" :selected.sync="selectedQuestionBank">
             <template v-slot:top="props">
               <div class="col-2 q-table__title">题库列表</div>
@@ -138,3 +138,7 @@
   }
 
 </script>
+<style lang="sass">
+  @import url('~assets/css/table.sass')
+
+</style>

src/pages/exam/examCreate.vue

 <!--组卷-->
 <style>
-  .examCreate {
-    margin-left: 100px;
+  .examCreat_Top {
+    width: 100%;
+    height: 30px;
+    line-height: 30px;
+    padding: 0 10px;
+    margin-bottom: 20px;
+    border-bottom: 1px solid #ddd;
+  }
+  .examTi_List{
+    border:1px solid #ddd;
+    margin-bottom:20px;
+  }
+  .examCreat_Top i:hover {
+    color:red;
+    cursor: pointer;
   }
-
 </style>
 <template>
-  <div class="examCreate">
-    <br />
+  <div class="page-body">
     组卷题库(*): {{ShowBankName}} <br />
-    <a style="cursor:pointer;color:blue" @click="showQuestionBank">选择题库</a> <br />
+    <a style="cursor:pointer;color:blue;margin:10px 0;display:inline-block;" @click="showQuestionBank">选择题库</a> <br />
     <q-btn color="accent" size="sm" @click="changeExamGroupType(1)" class="q-mr-md" label="智能组卷"  />
     <q-btn color="accent" size="sm" @click="changeExamGroupType(2)" class="q-mr-md" label="手动组卷"   />
     <br /> <br />
     <template v-if="postMsg.GenerateType==1">
-      <q-input filled stack-label maxlength="100" :dense="false" v-model="templateMsg.TemplateName"
-        class="col-6 q-pb-lg" label="试卷标题" /> <br />
-
-      <q-input filled stack-label maxlength="5" :dense="false" v-model="templateMsg.TemplateScore" class="col-6 q-pb-lg"
-        label="满分" /> <br />
-      <q-input filled stack-label maxlength="5" :dense="false" v-model="templateMsg.TemplateNum" class="col-6 q-pb-lg"
-        label="随机组卷数量" /> <br />
-
-      <q-select filled option-value="Id" option-label="Name" :options="questionDifficultyTypeList" emit-value
-        map-options label="难易程度" use-input clearable v-model="templateMsg.TemplateDifficultyType" /> <br />
-      分割线<br />
-
+      <div class="row">
+        <q-input filled stack-label maxlength="100" :dense="false" v-model="templateMsg.TemplateName"
+          class="col-6 q-pb-lg q-pr-lg" label="试卷标题" />
+        <q-input filled stack-label maxlength="5" :dense="false" v-model="templateMsg.TemplateScore"
+          class="col-6 q-pb-lg" label="满分" />
+      </div>
+      <div class="row">
+        <q-input filled stack-label maxlength="5" :dense="false" v-model="templateMsg.TemplateNum"
+          class="col-6 q-pb-lg q-pr-lg" label="随机组卷数量" />
+        <q-select filled option-value="Id" option-label="Name" :options="questionDifficultyTypeList" emit-value
+          map-options label="难易程度" class="col-6" use-input clearable v-model="templateMsg.TemplateDifficultyType" />
+      </div>
+      <!-- 分割线<br /> -->
       <template v-if="templateMsg&&templateMsg.TemplateData&&templateMsg.TemplateData.length>0">
-        <div v-for="(item,index) in templateMsg.TemplateData" :key="index" style="border:1px solid grey">
-          <span> {{item.QuestionTypeName}}</span> &nbsp;&nbsp;<a style="color:blue;cursor:pointer;">删除</a> <br />
-          <span>
-            <q-input filled stack-label maxlength="5" :dense="false" v-model="item.QuestionScore" class="col-6 q-pb-lg"
-              label="总分" /> &nbsp;&nbsp;
-            <q-input filled stack-label maxlength="100" :dense="false" v-model="item.QuestionDesc" class="col-6 q-pb-lg"
-              label="题型说明" />
-          </span> <br />
-
-          <span>
-            <q-radio v-model="item.ChooseType" :val="1" label="从题库选题" />
-            <template v-if="item.ChooseType==1">
-              <span>共 {{item.QuestionTypeNum}} 道 抽
-                <q-input filled stack-label maxlength="5" :dense="false" v-model="item.ChooseNum" class="col-1 q-pb-lg"
-                  label="" /> &nbsp;&nbsp;道</span>
-            </template>
-          </span>
-          <br />
-          <span>
-            <q-radio v-model="item.ChooseType" :val="2" label="从题库按照难易度选题" />
-            <template v-if="item.ChooseType==2">
-              <span v-for="(subItem,subIndex) in item.ChooseList">{{subItem.DifficultyTypeName}} 共
-                {{subItem.DifficultyTypeCount}} 道 抽
-                <q-input filled stack-label maxlength="5" :dense="false" v-model="subItem.ChooseNum"
-                  class="col-1 q-pb-lg" label="" /> &nbsp;&nbsp;道
-              </span>
-            </template>
-          </span>
+        <div v-for="(item,index) in templateMsg.TemplateData" :key="index" class="examTi_List">
+          <div class="examCreat_Top">
+            <span>{{item.QuestionTypeName}}</span> &nbsp;&nbsp;<i class="iconfont icon-img_delete_small"></i>
+          </div>
+          <div style="padding:0 20px 10px 20px;">
+            <div class="row">
+              <q-input filled stack-label maxlength="5" :dense="false" v-model="item.QuestionScore"
+                class="col-6 q-pb-lg q-pr-lg" label="总分" />
+              <q-input filled stack-label maxlength="100" :dense="false" v-model="item.QuestionDesc"
+                class="col-6 q-pb-lg" label="题型说明" />
+            </div>
+            <span>
+              <q-radio v-model="item.ChooseType" :val="1" label="从题库选题" />
+              <template v-if="item.ChooseType==1">
+                <span>共 {{item.QuestionTypeNum}} 道 抽
+                  <el-input style="width:100px;" size="small" v-model="item.ChooseNum" maxlength="5"></el-input>&nbsp;&nbsp;道</span>
+              </template>
+            </span>
+            <br />
+            <span>
+              <q-radio v-model="item.ChooseType" :val="2" label="从题库按照难易度选题" />
+              <template v-if="item.ChooseType==2">
+                <div style="margin:0 0 20px 40px;" v-for="(subItem,subIndex) in item.ChooseList" :key="subIndex">{{subItem.DifficultyTypeName}} 共
+                  {{subItem.DifficultyTypeCount}} 道 抽
+                  <el-input style="width:100px;" size="small" v-model="subItem.ChooseNum" maxlength="5"></el-input>&nbsp;&nbsp;道
+                </div>
+              </template>
+            </span>
+          </div>
         </div>
       </template>
       <template v-if="BankList&&BankList.length>0">
-        <q-select filled option-value="QuestionTypeId" option-label="QuestionTypeName" :options="BankList" emit-value
-          map-options label="更多题型" use-input clearable v-model="MoreQuestionTypeId" @input="changeQuestion" />
-
+        <div class="row">
+          <q-select filled option-value="QuestionTypeId" option-label="QuestionTypeName" :options="BankList" emit-value
+            map-options label="更多题型" class="col-6 q-pr-lg" use-input clearable v-model="MoreQuestionTypeId" @input="changeQuestion" />
+        </div>
       </template>
     </template>
     <template v-if="postMsg.GenerateType==2">
@@ -129,16 +143,14 @@
             return item.QuestionTypeId === this.MoreQuestionTypeId;
           });
           if (chooseQuestion && chooseQuestion.QuestionTypeId > 0) {
-            if(!this.checkExists(chooseQuestion.QuestionTypeId))
-            {
-               this.templateMsg.TemplateData.push(chooseQuestion);
-            }
-            else{
+            if (!this.checkExists(chooseQuestion.QuestionTypeId)) {
+              this.templateMsg.TemplateData.push(chooseQuestion);
+            } else {
               this.$q.notify({
-              type: 'negative',
-              position: "top",
-              message: `已存在此题型,请勿重复选择!`
-            })
+                type: 'negative',
+                position: "top",
+                message: `已存在此题型,请勿重复选择!`
+              })
             }
           }
         }