修改样式

src/modules/oe/component/commonExport.vue

@@ -5,12 +5,17 @@
       @click="exportData"
       type="primary"
       size="small"
+      icon="el-icon-download"
       plain
-      >批量导出</el-button
-    >
-    <el-button size="small" :loading="true" v-show="exportLoading"
-      >导出数据中...</el-button
-    >
+      >批量导出
+    </el-button>
+    <el-button
+      size="small"
+      icon="el-icon-download"
+      :loading="true"
+      v-show="exportLoading"
+      >导出数据中...
+    </el-button>
   </span></template
 >
 <script>

src/modules/oe/views/awaitingAudit.vue

@@ -81,19 +81,21 @@
               style="margin-left:5px;"
             >
               <el-button
-                type="primary"
+                type="success"
                 size="small"
                 :disabled="batchAuditBtnDisabled"
                 @click="batchAudit('pass')"
-                >通过</el-button
-              >
+                icon="el-icon-success"
+                >通&nbsp;&nbsp;&nbsp;&nbsp;过
+              </el-button>
               <el-button
-                type="primary"
+                type="danger"
                 size="small"
                 :disabled="batchAuditBtnDisabled"
                 @click="batchAudit('nopass')"
-                >不通过</el-button
-              >
+                icon="el-icon-error"
+                >不通过
+              </el-button>
             </el-button-group>
           </div>
         </el-col>
@@ -188,25 +190,33 @@
               label="操作"
               v-if="currentPagePrivileges.PENDING_OPERATE"
               fixed="right"
-              width="200"
+              width="120"
             >
               <div slot-scope="scope">
-                <el-button
-                  v-if="scope.row.isWarn"
-                  size="mini"
-                  type="success"
-                  icon="el-icon-success"
-                  @click="auditPass(scope.row.dataId)"
-                  >通过
-                </el-button>
-                <el-button
-                  v-if="scope.row.isWarn"
-                  size="mini"
-                  type="danger"
-                  icon="el-icon-error"
-                  @click="openAuditDialog(scope.row.dataId)"
-                  >不通过
-                </el-button>
+                <el-row class="operateRow">
+                  <el-col :span="24">
+                    <el-button
+                      v-if="scope.row.isWarn"
+                      size="mini"
+                      type="success"
+                      icon="el-icon-success"
+                      @click="auditPass(scope.row.dataId)"
+                      >通&nbsp;&nbsp;&nbsp;&nbsp;过
+                    </el-button>
+                  </el-col>
+                </el-row>
+                <el-row class="operateRow">
+                  <el-col :span="24">
+                    <el-button
+                      v-if="scope.row.isWarn"
+                      size="mini"
+                      type="danger"
+                      icon="el-icon-error"
+                      @click="openAuditDialog(scope.row.dataId)"
+                      >不通过
+                    </el-button>
+                  </el-col>
+                </el-row>
               </div>
             </el-table-column>
           </el-table>
@@ -457,4 +467,7 @@ export default {
 .margin-top-10 {
   margin-top: 10px;
 }
+.operateRow {
+  margin-top: 2px;
+}
 </style>

src/modules/oe/views/examDetail.vue

@@ -115,19 +115,24 @@
               fixed="right"
               label="详情"
               v-if="currentPagePrivileges.EXAM_QUERY_GETPAPER"
+              width="90"
             >
               <template slot-scope="scope">
                 <el-button
-                  v-show="scope.row.examType == 'ONLINE'"
+                  v-if="scope.row.examType == 'ONLINE'"
                   size="mini"
                   type="primary"
+                  icon="el-icon-view"
                   @click="examPaperDetail(scope.row.courseId, scope.row.dataId)"
                   >调卷
                 </el-button>
                 <el-button
-                  v-show="
+                  v-if="
                     scope.row.examType == 'OFFLINE' && scope.row.offlineFileUrl
                   "
+                  size="mini"
+                  type="primary"
+                  icon="el-icon-view"
                   @click="downloadOfflineFile(scope.row.offlineFileUrl)"
                   >调卷</el-button
                 >

src/modules/oe/views/examScheduling.vue

@@ -90,32 +90,44 @@
                 </span>
               </template>
             </el-table-column>
-            <el-table-column fixed="right" label="操作" width="335">
+            <el-table-column fixed="right" label="操作" width="120">
               <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  type="success"
-                  icon="el-icon-success"
-                  @click="previewPaper(scope.row.examStudentId)"
-                  v-if="form.examType == 'OFFLINE'"
-                  >查看考题
-                </el-button>
-                <el-button
-                  size="mini"
-                  type="success"
-                  icon="el-icon-success"
-                  @click="exportPaper(scope.row.examStudentId)"
-                  v-if="form.examType == 'OFFLINE'"
-                  >下载考题
-                </el-button>
-                <el-button
-                  size="mini"
-                  type="success"
-                  icon="el-icon-success"
-                  @click="openUploadAnswerDialog(scope.row.examStudentId)"
-                  v-if="form.examType == 'OFFLINE'"
-                  >上传作答
-                </el-button>
+                <el-row class="operateRow">
+                  <el-col :span="24">
+                    <el-button
+                      size="mini"
+                      type="primary"
+                      icon="el-icon-view"
+                      @click="previewPaper(scope.row.examStudentId)"
+                      v-if="form.examType == 'OFFLINE'"
+                      >查看考题
+                    </el-button>
+                  </el-col>
+                </el-row>
+                <el-row class="operateRow">
+                  <el-col :span="24">
+                    <el-button
+                      size="mini"
+                      type="success"
+                      icon="el-icon-download"
+                      @click="exportPaper(scope.row.examStudentId)"
+                      v-if="form.examType == 'OFFLINE'"
+                      >下载考题
+                    </el-button>
+                  </el-col>
+                </el-row>
+                <el-row class="operateRow">
+                  <el-col :span="24">
+                    <el-button
+                      size="mini"
+                      type="warning"
+                      icon="el-icon-upload2"
+                      @click="openUploadAnswerDialog(scope.row.examStudentId)"
+                      v-if="form.examType == 'OFFLINE'"
+                      >上传作答
+                    </el-button>
+                  </el-col>
+                </el-row>
               </template>
             </el-table-column>
           </el-table>
@@ -374,4 +386,7 @@ export default {
 .margin-top-10 {
   margin-top: 10px;
 }
+.operateRow {
+  margin-top: 2px;
+}
 </style>

src/modules/oe/views/reexamine.vue

@@ -38,13 +38,13 @@
             </el-table-column>
             <el-table-column sortable label="课程层次" prop="courseLevel">
             </el-table-column>
-            <el-table-column label="操作">
+            <el-table-column label="操作" width="120">
               <template slot-scope="scope">
                 <el-button
                   size="mini"
-                  type="info"
+                  type="primary"
                   @click="openReexamineDialog(scope.row.examStudentId)"
-                  icon="el-icon-info"
+                  icon="el-icon-refresh"
                   >设置重考</el-button
                 >
               </template>