修改样式

src/views/bonus/period.vue

@@ -84,7 +84,23 @@
             </el-button>
 
             <el-dialog :title="`第${currentPeriod}期计算任务日志`" :visible.sync="dialogTableVisible" append-to-body width="60%">
-              <el-row><el-button class="button" type="primary" @click.native="getDialogData();dialogLoading=true;" >{{$t('bonus.logRefresh')}}</el-button></el-row>
+              <el-row><el-button style="margin-left:10px;" class="button" type="primary" @click.native="getDialogData();dialogLoading=true;" >{{$t('bonus.logRefresh')}}</el-button></el-row>
+              <el-divider></el-divider>
+              
+              <el-row>
+                <el-button  class="button customstyle" style="margin-left:10px;" type="success" @click.native="autoCalcHandle(currentPeriod)"
+                  v-if="permission.hasPermission(`bonus/calc-period`)"
+                >{{$t('bonus.autoCalculation')}}</el-button>
+                <el-button   class="button customstyle" type="primary" @click.native="perfOrderHandle(currentPeriod)" >{{$t('bonus.createPerformanceSheet')}}</el-button>
+                <el-button  class="button customstyle" type="primary" @click.native="initDataHandle(currentPeriod)" >{{$t('bonus.initializeBasicData')}}</el-button>
+                <el-button  class="button customstyle" type="primary" @click.native="perfPeriodHandle(currentPeriod)" >{{$t('bonus.generationPeriodPerformance')}}</el-button>
+                <el-button  class="button customstyle" type="primary" @click.native="pullPerfPeriodHandle(currentPeriod)" >{{$t('bonus.pullPeriodPerformance')}}</el-button>
+                <el-button  class="button customstyle" type="primary" @click.native="calcBonusHandle(currentPeriod)" >{{$t('bonus.calculationOfBonus')}}</el-button>
+                <el-button  class="button customstyle" type="primary" @click.native="pullBonusHandle(currentPeriod)" >{{$t('bonus.pullBonusData')}}</el-button>
+              </el-row>    
+                        
+<!--                  <el-row><el-button class="button" type="primary" @click.native="autoPerfHandle(currentPeriod)" >计算和拉取期业绩</el-button></el-row>-->
+                
               <div class="flex">
                 <div>
                   <el-table :data="dialogData" height="550" v-loading="dialogLoading">
@@ -93,23 +109,10 @@
                         {{getWatTime(scope.row.CREATED_AT)}}
                       </template>
                     </el-table-column>
-                    <el-table-column prop="TEXT" :label="$t('bonus.logContent')" width="650"></el-table-column>
+                    <el-table-column prop="TEXT" :label="$t('bonus.logContent')" width="360"></el-table-column>
                   </el-table>
                 </div>
-                <div style="margin-left: 15px">
-                  <el-row>
-                    <el-button class="button" type="success" @click.native="autoCalcHandle(currentPeriod)"
-                     v-if="permission.hasPermission(`bonus/calc-period`)"
-                    >{{$t('bonus.autoCalculation')}}</el-button>
-                  </el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="perfOrderHandle(currentPeriod)" >{{$t('bonus.createPerformanceSheet')}}</el-button></el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="initDataHandle(currentPeriod)" >{{$t('bonus.initializeBasicData')}}</el-button></el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="perfPeriodHandle(currentPeriod)" >{{$t('bonus.generationPeriodPerformance')}}</el-button></el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="pullPerfPeriodHandle(currentPeriod)" >{{$t('bonus.pullPeriodPerformance')}}</el-button></el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="calcBonusHandle(currentPeriod)" >{{$t('bonus.calculationOfBonus')}}</el-button></el-row>
-                  <el-row><el-button class="button" type="primary" @click.native="pullBonusHandle(currentPeriod)" >{{$t('bonus.pullBonusData')}}</el-button></el-row>
-<!--                  <el-row><el-button class="button" type="primary" @click.native="autoPerfHandle(currentPeriod)" >计算和拉取期业绩</el-button></el-row>-->
-                </div>
+                
               </div>
             </el-dialog>
 
@@ -590,4 +593,17 @@ export default {
 -webkit-border-horizontal-spacing: -30px;
 -webkit-border-vertical-spacing: -30px;
 }
+
 </style>
+
+<style scoped>
+.el-divider--horizontal {
+  margin: 12px 0 !important;
+}
+@media (max-width:740px) {
+ /deep/  .el-dialog__body {
+
+ }
+
+}
+</style>>