网考页面提交

src/modules/oe/component/commonExport.vue

@@ -1,12 +1,12 @@
 <template>
-  <span class="exportSpan">
+  <span>
     <el-button
+      type="primary"
       v-show="!exportLoading"
       @click="exportData"
       size="small"
       icon="el-icon-download"
-      plain
-      >批量导出
+      >导出
     </el-button>
     <el-button
       size="small"
@@ -62,8 +62,3 @@ export default {
   }
 };
 </script>
-<style>
-.exportSpan {
-  margin-left: 10px;
-}
-</style>

src/modules/oe/component/commonForm.vue

@@ -1,8 +1,9 @@
 <template>
-  <el-form :model="form" label-width="120px">
+  <el-form :model="form" label-width="70px">
     <el-col :span="6">
       <el-form-item label="考试批次">
         <el-select
+          class="form_search_width"
           v-model="form.examId"
           filterable
           remote
@@ -26,6 +27,7 @@
     <el-col :span="6">
       <el-form-item label="学习中心">
         <el-select
+          class="form_search_width"
           v-if="currentPagePrivileges.ORG_FIND_ALL"
           v-model="form.orgId"
           filterable
@@ -46,6 +48,7 @@
           </el-option>
         </el-select>
         <el-input
+          class="form_search_width"
           size="small"
           v-model="orgName"
           v-if="!currentPagePrivileges.ORG_FIND_ALL"
@@ -57,6 +60,7 @@
     <el-col :span="6">
       <el-form-item label="课程">
         <el-select
+          class="form_search_width"
           v-model="form.courseId"
           clearable
           placeholder="全部"
@@ -72,9 +76,21 @@
         </el-select>
       </el-form-item>
     </el-col>
+    <el-col :span="6">
+      <el-form-item label="学生姓名">
+        <el-input
+          size="small"
+          v-model="form.studentName"
+          placeholder="姓名"
+          class="form_search_width"
+        >
+        </el-input>
+      </el-form-item>
+    </el-col>
     <el-col :span="6">
       <el-form-item label="课程层次">
         <el-select
+          class="form_search_width"
           v-model="form.courseLevel"
           clearable
           placeholder="不限"
@@ -90,15 +106,10 @@
         </el-select>
       </el-form-item>
     </el-col>
-    <el-col :span="6">
-      <el-form-item label="姓名">
-        <el-input size="small" v-model="form.studentName" placeholder="姓名">
-        </el-input>
-      </el-form-item>
-    </el-col>
     <el-col :span="6">
       <el-form-item label="身份证号">
         <el-input
+          class="form_search_width"
           size="small"
           v-model="form.identityNumber"
           placeholder="身份证号"
@@ -108,7 +119,12 @@
     </el-col>
     <el-col :span="6">
       <el-form-item label="学号">
-        <el-input size="small" v-model="form.studentCode" placeholder="学号">
+        <el-input
+          size="small"
+          v-model="form.studentCode"
+          placeholder="学号"
+          class="form_search_width"
+        >
         </el-input>
       </el-form-item>
     </el-col>
@@ -230,3 +246,4 @@ export default {
   }
 };
 </script>
+<style scoped src="../style/common.css"></style>

src/modules/oe/style/common.css

@@ -0,0 +1,19 @@
+.form_search_width {
+  width: 160px;
+}
+
+.form_search_width_50 {
+  width: 60px;
+}
+
+.margin-bottom-10 {
+  margin-bottom: 10px;
+}
+
+.margin-top-10 {
+  margin-top: 10px;
+}
+
+.margin-top-20 {
+  margin-top: 20px;
+}

src/modules/oe/views/absent.vue

@@ -5,26 +5,25 @@
         :form="form"
         :getExamCondition="getExamCondition"
       ></commonFormVue>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          icon="el-icon-search"
+          type="primary"
+          >查询
+        </el-button>
+        <el-button size="small" @click="resetForm">重置</el-button>
+      </el-col>
       <el-row>
         <el-col>
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              icon="el-icon-search"
-              type="primary"
-              >查询
-            </el-button>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm"
-              >重置</el-button
-            >
-            <commonExportVue
-              :form="form"
-              :exportUrl="exportUrl"
-              :exportFileName="exportFileName"
-              v-show="currentPagePrivileges.ABSENT_EXPORT"
-            ></commonExportVue>
-          </div>
+          <span>批量操作：</span>
+          <commonExportVue
+            :form="form"
+            :exportUrl="exportUrl"
+            :exportFileName="exportFileName"
+            v-show="currentPagePrivileges.ABSENT_EXPORT"
+          ></commonExportVue>
         </el-col>
       </el-row>
       <el-row class="margin-top-10">
@@ -35,11 +34,16 @@
             :data="tableData"
             border
           >
-            <el-table-column width="80" type="index" label="序号">
+            <el-table-column width="50" type="index" label="序号">
             </el-table-column>
             <el-table-column sortable label="课程" prop="courseName">
             </el-table-column>
-            <el-table-column sortable label="课程层次" prop="courseLevel">
+            <el-table-column
+              width="103"
+              sortable
+              label="课程层次"
+              prop="courseLevel"
+            >
             </el-table-column>
             <el-table-column sortable label="学习中心" prop="orgName">
             </el-table-column>

src/modules/oe/views/alreadyAudited.vue

@@ -6,6 +6,7 @@
           <el-col :span="6">
             <el-form-item label="考试ID">
               <el-input
+                class="form_search_width"
                 size="small"
                 v-model="form.examRecordDataId"
                 placeholder="考试ID"
@@ -15,6 +16,7 @@
           <el-col :span="6">
             <el-form-item label="审核结果">
               <el-select
+                class="form_search_width"
                 size="small"
                 v-if="currentPagePrivileges.INVIGILATE_AUDIT_STATUS"
                 v-model="form.status"
@@ -35,6 +37,7 @@
           <el-col :span="6">
             <el-form-item label="审核说明">
               <el-select
+                class="form_search_width"
                 size="small"
                 v-model="form.disciplineType"
                 clearable
@@ -53,6 +56,7 @@
           <el-col :span="6">
             <el-form-item label="审核人">
               <el-input
+                class="form_search_width"
                 size="small"
                 v-model="form.auditUserName"
                 placeholder="审核人"
@@ -62,36 +66,35 @@
           </el-col>
         </el-row>
       </commonFormVue>
-      <el-row>
-        <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <span
-              class="select-type"
-              v-if="!showAllCondition"
-              @click="showMoreCondition"
-            >
-              高级查询
-            </span>
-            <span
-              class="select-type"
-              v-if="showAllCondition"
-              @click="showSimpleCondition"
-            >
-              简单查询
-            </span>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-          </div>
-        </el-col>
-      </el-row>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          >查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          icon="el-icon-more"
+          v-if="!showAllCondition"
+          @click="showMoreCondition"
+        >
+          更多查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          v-if="showAllCondition"
+          @click="showSimpleCondition"
+        >
+          简单查询
+        </el-button>
+        <el-button size="small" @click="resetForm" class="margin-bottom-10">
+          重置
+        </el-button>
+      </el-col>
       <el-row class="margin-top-10"
         ><el-col :span="24">
           <el-table
@@ -343,3 +346,4 @@ export default {
   color: #409eff;
 }
 </style>
+<style scoped src="../style/common.css"></style>

src/modules/oe/views/awaitingAudit.vue

@@ -6,6 +6,7 @@
           <el-col :span="6">
             <el-form-item label="考试ID">
               <el-input
+                class="form_search_width"
                 size="small"
                 v-model="form.examRecordDataId"
                 placeholder="考试ID"
@@ -15,6 +16,7 @@
           <el-col :span="6">
             <el-form-item label="需要审核">
               <el-select
+                class="form_search_width"
                 size="small"
                 v-model="form.isWarn"
                 clearable
@@ -28,6 +30,7 @@
           <el-col :span="6">
             <el-form-item label="陌生人脸">
               <el-select
+                class="form_search_width"
                 size="small"
                 v-model="form.hasStranger"
                 clearable
@@ -39,108 +42,108 @@
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="人脸识别成功率">
-              <el-row>
-                <el-col :span="10">
-                  <el-input
-                    size="small"
-                    v-model="form.faceSuccessPercentLower"
-                    placeholder="下限"
-                  ></el-input>
-                </el-col>
-                <el-col :span="4">&nbsp;</el-col>
-                <el-col :span="10">
-                  <el-input
-                    size="small"
-                    v-model="form.faceSuccessPercentUpper"
-                    placeholder="上限"
-                  ></el-input>
-                </el-col>
-              </el-row>
+            <el-form-item label="人脸识别">
+              <el-input
+                class="form_search_width_50"
+                size="small"
+                v-model="form.faceSuccessPercentLower"
+                placeholder="下限"
+              ></el-input>
+              <span> - </span>
+              <el-input
+                class="form_search_width_50"
+                size="small"
+                v-model="form.faceSuccessPercentUpper"
+                placeholder="上限"
+              ></el-input>
+              (成功率)
             </el-form-item>
           </el-col>
           <el-col :span="6">
-            <el-form-item label="人脸真实性比率">
+            <el-form-item label="人脸比率">
               <el-row>
-                <el-col :span="10">
-                  <el-input
-                    size="small"
-                    v-model="form.livenessSuccessPercentLower"
-                    placeholder="下限"
-                  ></el-input>
-                </el-col>
-                <el-col :span="4">&nbsp;</el-col>
-                <el-col :span="10">
-                  <el-input
-                    size="small"
-                    v-model="form.livenessSuccessPercentUpper"
-                    placeholder="上限"
-                  ></el-input>
-                </el-col>
+                <el-input
+                  class="form_search_width_50"
+                  size="small"
+                  v-model="form.livenessSuccessPercentLower"
+                  placeholder="下限"
+                ></el-input>
+                <span> - </span>
+                <el-input
+                  class="form_search_width_50"
+                  size="small"
+                  v-model="form.livenessSuccessPercentUpper"
+                  placeholder="上限"
+                ></el-input>
+                (真实性)
               </el-row>
             </el-form-item>
           </el-col>
         </el-row>
       </commonFormVue>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          >查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          icon="el-icon-more"
+          v-if="!showAllCondition"
+          @click="showMoreCondition"
+        >
+          更多查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          v-if="showAllCondition"
+          @click="showSimpleCondition"
+        >
+          简单查询
+        </el-button>
+        <el-button size="small" @click="resetForm" class="margin-bottom-10">
+          重置
+        </el-button>
+      </el-col>
       <el-row>
-        <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <span
-              class="select-type"
-              v-if="!showAllCondition"
-              @click="showMoreCondition"
-            >
-              高级查询
-            </span>
-            <span
-              class="select-type"
-              v-if="showAllCondition"
-              @click="showSimpleCondition"
-            >
-              简单查询
-            </span>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
+        <el-col
+          ><span>批量操作：</span
+          ><el-dropdown
+            class="button_left"
+            v-show="currentPagePrivileges.PANEING_BATCHAUDIT"
+          >
+            <el-button size="small" type="primary">
+              批量审核 <i class="el-icon-arrow-down el-icon--right"></i>
             </el-button>
-            <el-dropdown
-              class="button_left"
-              v-show="currentPagePrivileges.PANEING_BATCHAUDIT"
-            >
-              <el-button size="small">
-                批量审核 <i class="el-icon-arrow-down el-icon--right"></i>
-              </el-button>
-              <el-dropdown-menu slot="dropdown">
-                <el-dropdown-item>
-                  <el-button
-                    size="mini"
-                    type="text"
-                    :disabled="batchAuditBtnDisabled"
-                    @click="batchAudit('pass')"
-                  >
-                    <i class="el-icon-tickets"></i> 通过
-                  </el-button>
-                </el-dropdown-item>
-                <el-dropdown-item>
-                  <el-button
-                    size="mini"
-                    type="text"
-                    :disabled="batchAuditBtnDisabled"
-                    @click="batchAudit('nopass')"
-                  >
-                    <i class="el-icon-tickets"></i> 不通过
-                  </el-button>
-                </el-dropdown-item>
-              </el-dropdown-menu>
-            </el-dropdown>
-          </div>
-        </el-col>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item>
+                <el-button
+                  size="mini"
+                  type="success"
+                  :disabled="batchAuditBtnDisabled"
+                  @click="batchAudit('pass')"
+                >
+                  <i class="el-icon-success"></i> 通 &nbsp;&nbsp;过
+                </el-button>
+              </el-dropdown-item>
+              <el-dropdown-item>
+                <el-button
+                  size="mini"
+                  type="danger"
+                  :disabled="batchAuditBtnDisabled"
+                  @click="batchAudit('nopass')"
+                >
+                  <i class="el-icon-error"></i> 不通过
+                </el-button>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown></el-col
+        >
       </el-row>
       <el-row class="margin-top-10">
         <el-col :span="24">
@@ -536,9 +539,7 @@ export default {
 .el-row {
   position: static !important;
 }
-.margin-top-10 {
-  margin-top: 10px;
-}
+
 .operateRow {
   margin-top: 2px;
 }
@@ -548,3 +549,4 @@ export default {
   color: #409eff;
 }
 </style>
+<style scoped src="../style/common.css"></style>

src/modules/oe/views/examDetail.vue

@@ -3,6 +3,17 @@
     <el-main>
       <commonFormVue :form="form" :getExamCondition="getExamCondition">
         <el-row v-show="showAllCondition">
+          <el-col :span="6">
+            <el-form-item label="采集人">
+              <el-input
+                class="form_search_width"
+                size="small"
+                v-model="form.infoCollector"
+                placeholder="采集人"
+              >
+              </el-input>
+            </el-form-item>
+          </el-col>
           <el-col :span="6">
             <el-form-item label="开始时间">
               <el-date-picker
@@ -25,52 +36,46 @@
               </el-date-picker>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
-            <el-form-item label="采集人">
-              <el-input
-                size="small"
-                v-model="form.infoCollector"
-                placeholder="采集人"
-              >
-              </el-input>
-            </el-form-item>
-          </el-col>
         </el-row>
       </commonFormVue>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          >查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          icon="el-icon-more"
+          v-if="!showAllCondition"
+          @click="showMoreCondition"
+        >
+          更多查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          v-if="showAllCondition"
+          @click="showSimpleCondition"
+        >
+          简单查询
+        </el-button>
+        <el-button size="small" @click="resetForm" class="margin-bottom-10">
+          重置
+        </el-button>
+      </el-col>
       <el-row>
-        <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <span
-              class="select-type"
-              v-if="!showAllCondition"
-              @click="showMoreCondition"
-            >
-              高级查询
-            </span>
-            <span
-              class="select-type"
-              v-if="showAllCondition"
-              @click="showSimpleCondition"
-            >
-              简单查询
-            </span>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-            <commonExportVue
-              v-show="currentPagePrivileges.EXAM_DETAIL_EXPORT"
-              :form="form"
-              :exportUrl="exportUrl"
-              :exportFileName="exportFileName"
-            ></commonExportVue>
-          </div>
+        <el-col>
+          <span>批量操作：</span>
+          <commonExportVue
+            v-show="currentPagePrivileges.EXAM_DETAIL_EXPORT"
+            :form="form"
+            :exportUrl="exportUrl"
+            :exportFileName="exportFileName"
+          ></commonExportVue>
         </el-col>
       </el-row>
       <el-row class="margin-top-10"
@@ -351,9 +356,6 @@ export default {
 .el-row {
   position: static !important;
 }
-.margin-top-10 {
-  margin-top: 10px;
-}
 .el-date-editor.el-input,
 .el-date-editor.el-input__inner {
   width: auto !important;
@@ -364,3 +366,4 @@ export default {
   color: #409eff;
 }
 </style>
+<style scoped src="../style/common.css"></style>

src/modules/oe/views/examScheduling.vue

@@ -6,6 +6,7 @@
           <el-col :span="6">
             <el-form-item label="完成状态">
               <el-select
+                class="form_search_width"
                 size="small"
                 v-model="form.finished"
                 clearable
@@ -19,6 +20,7 @@
           <el-col :span="6">
             <el-form-item label="采集人">
               <el-input
+                class="form_search_width"
                 size="small"
                 v-model="form.infoCollector"
                 placeholder="采集人"
@@ -28,40 +30,44 @@
           </el-col>
         </el-row>
       </commonFormVue>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          >查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          icon="el-icon-more"
+          v-if="!showAllCondition"
+          @click="showMoreCondition"
+        >
+          更多查询
+        </el-button>
+        <el-button
+          size="small"
+          type="primary"
+          v-if="showAllCondition"
+          @click="showSimpleCondition"
+        >
+          简单查询
+        </el-button>
+        <el-button size="small" @click="resetForm" class="margin-bottom-10"
+          >重置</el-button
+        >
+      </el-col>
       <el-row>
         <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <span
-              class="select-type"
-              v-if="!showAllCondition"
-              @click="showMoreCondition"
-            >
-              高级查询
-            </span>
-            <span
-              class="select-type"
-              v-if="showAllCondition"
-              @click="showSimpleCondition"
-            >
-              简单查询
-            </span>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-            <commonExportVue
-              v-show="currentPagePrivileges.EXAM_PARTICULARS_EXPORT"
-              :form="form"
-              :exportUrl="exportUrl"
-              :exportFileName="exportFileName"
-            ></commonExportVue>
-          </div>
+          <span>批量操作：</span>
+          <commonExportVue
+            v-show="currentPagePrivileges.EXAM_PARTICULARS_EXPORT"
+            :form="form"
+            :exportUrl="exportUrl"
+            :exportFileName="exportFileName"
+          ></commonExportVue>
         </el-col>
       </el-row>
       <el-row class="margin-top-10"
@@ -472,9 +478,6 @@ export default {
 .el-row {
   position: static !important;
 }
-.margin-top-10 {
-  margin-top: 10px;
-}
 .operateRow {
   margin-top: 2px;
 }
@@ -484,3 +487,4 @@ export default {
   color: #409eff;
 }
 </style>
+<style scoped src="../style/common.css"></style>

src/modules/oe/views/illegalityNameList.vue

@@ -5,6 +5,7 @@
         <el-col :span="6">
           <el-form-item label="违纪说明">
             <el-select
+              class="form_search_width"
               size="small"
               v-model="form.disciplineType"
               clearable
@@ -23,24 +24,22 @@
       </commonFormVue>
       <el-row>
         <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              icon="el-icon-search"
-              type="primary"
-              >查询
-            </el-button>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-            <commonExportVue
-              v-show="currentPagePrivileges.BREACH_THE_PRINCIPLE_EXPORT"
-              :form="form"
-              :exportUrl="exportUrl"
-              :exportFileName="exportFileName"
-            ></commonExportVue>
-          </div>
+          <el-button
+            @click="search"
+            size="small"
+            icon="el-icon-search"
+            type="primary"
+            >查询
+          </el-button>
+          <el-button size="small" @click="resetForm" style="margin-right:10px;">
+            重置
+          </el-button>
+          <commonExportVue
+            v-show="currentPagePrivileges.BREACH_THE_PRINCIPLE_EXPORT"
+            :form="form"
+            :exportUrl="exportUrl"
+            :exportFileName="exportFileName"
+          ></commonExportVue>
         </el-col>
       </el-row>
       <el-row class="margin-top-10"
@@ -271,7 +270,5 @@ export default {
 .el-row {
   position: static !important;
 }
-.margin-top-10 {
-  margin-top: 10px;
-}
 </style>
+<style scoped src="../style/common.css"></style>

src/modules/oe/views/reexamine.vue

@@ -3,22 +3,16 @@
     <el-main>
       <commonFormVue :form="form" :getExamCondition="getExamCondition">
       </commonFormVue>
-      <el-row>
-        <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-          </div>
-        </el-col>
-      </el-row>
+      <el-col :span="6">
+        <el-button
+          @click="search"
+          size="small"
+          type="primary"
+          icon="el-icon-search"
+          >查询
+        </el-button>
+        <el-button size="small" @click="resetForm"> 重置 </el-button>
+      </el-col>
       <el-row class="margin-top-10"
         ><el-col :span="24">
           <el-table

src/modules/oe/views/scoreStatistics.vue

@@ -5,6 +5,7 @@
         <el-col :span="6">
           <el-form-item label="是否缺考">
             <el-select
+              class="form_search_width"
               size="small"
               v-model="form.finished"
               clearable
@@ -18,33 +19,30 @@
       </commonFormVue>
       <el-row>
         <el-col :span="24">
-          <div class="pull-right">
-            <el-button
-              @click="search"
-              size="small"
-              type="primary"
-              icon="el-icon-search"
-              >查询
-            </el-button>
-            <el-button size="small" icon="el-icon-refresh" @click="resetForm">
-              重置
-            </el-button>
-            <el-button
-              size="small"
-              icon="el-icon-refresh"
-              @click="openExportDialog"
-              v-show="!exportLoading"
-            >
-              导出
-            </el-button>
-            <el-button
-              size="small"
-              icon="el-icon-download"
-              :loading="true"
-              v-show="exportLoading"
-              >导出数据中...
-            </el-button>
-          </div>
+          <el-button
+            @click="search"
+            size="small"
+            type="primary"
+            icon="el-icon-search"
+            >查询
+          </el-button>
+          <el-button size="small" @click="resetForm"> 重置 </el-button>
+          <el-button
+            type="primary"
+            size="small"
+            icon="el-icon-download"
+            @click="openExportDialog"
+            v-show="!exportLoading"
+          >
+            导出
+          </el-button>
+          <el-button
+            size="small"
+            icon="el-icon-download"
+            :loading="true"
+            v-show="exportLoading"
+            >导出数据中...
+          </el-button>
         </el-col>
       </el-row>
       <el-row class="margin-top-10">
@@ -330,10 +328,5 @@ export default {
 .el-row {
   position: static !important;
 }
-.margin-top-10 {
-  margin-top: 10px;
-}
-.margin-top-20 {
-  margin-top: 20px;
-}
 </style>
+<style scoped src="../style/common.css"></style>