修改样式

src/views/bonus/period.vue

@@ -84,7 +84,11 @@
             </el-button>
 
             <el-dialog :title="`第${currentPeriod}期计算任务日志`" :visible.sync="dialogTableVisible" append-to-body width="60%">
-              <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-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>
@@ -101,18 +105,16 @@
                         
 <!--                  <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">
+                  <el-table :data="dialogData" height="550" v-loading="dialogLoading" style="width: 100%">
                     <el-table-column prop="CREATED_AT" :label="$t('bonus.actionTime')" width="180">
                       <template slot-scope="scope">
                         {{getWatTime(scope.row.CREATED_AT)}}
                       </template>
                     </el-table-column>
-                    <el-table-column prop="TEXT" :label="$t('bonus.logContent')" width="360"></el-table-column>
+                    <el-table-column prop="TEXT" :label="$t('bonus.logContent')" width="650"></el-table-column>
                   </el-table>
-                </div>
-                
               </div>
             </el-dialog>
 
@@ -583,9 +585,7 @@ export default {
 }
 </script>
 <style>
-.flex{
-  display: flex;
-}
+
 .button{
   margin-bottom: 10px;
 }