<!--酒店日志-->
<style>
 .commonHotelLog{
   height: 150px;
   overflow-y:scroll;
 }
  .commonHotelLog>div:first-child {
    margin-bottom: 10px;
  }

  .commonHotelLog::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }

  .commonHotelLog::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #c9c9c9;
  }

  .commonHotelLog::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #ededed;
  }

  .commonHotelLog .logContact {
    width: 90%;
    height: auto;
    margin-top: 20px;
    padding-left: 20px;
    position: relative;
  }

  .commonHotelLog .logContact>div {
    padding: 0 0 20px 20px;
    border-left: 1px solid #d1d1d1;
  }

  .commonHotelLog .logContact>div:last-child {
    border: none;
  }

  .commonHotelLog .AuditLog {
    margin-left: 15px;
  }

  .commonHotelLog .Auditcircle {
    position: absolute;
    width: 10px;
    height: 10px;
    left: 16px;
    background-color: #e95252;
    border-radius: 50%;
  }

</style>

<template>
  <div>
    <div class="commonHotelLog" v-loading="loading">
      <div class="AuditLog">日志</div>
      <div class="logContact" style="background:#f9f9f9; padding:5px 10px 0;">
        <div v-if='HotelLogsList.length>0' v-for="(item,index) in HotelLogsList" :key="index">
          <div class="clearfix">
            <div class="Auditcircle" style="left: 6px!important;"></div>
            <div class="operateName" style="color:#005CAA;font-size:12px;">{{item.CreateByName}} {{item.CreateTimeStr}}
            </div>
          </div>
          <div class="fz12 color333"><template v-if="item.TCID && item.TCID>0">【团号:{{item.TCID}}】</template>{{item.Remarks}}</div>
        </div>
        <div v-if='HotelLogsList.length==0'>暂无数据</div>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        loading: false,
        queryLogMsg: {
          pageIndex: 1,
          pageSize: 15,
          currentPage: 1,
          HotelId: 0,
          TCID: 0,
          UseTime: ''
        },
        //酒店日志
        HotelLogsList: [],
      };
    },
    methods: {
      //获取日志
      getHotelLogsList(TCID, HotelId, timeStr) {
        this.HotelLogsList=[];
        this.loading = true;
        if (TCID) {
          this.queryLogMsg.TCID = TCID;
        }
        if (HotelId) {
          this.queryLogMsg.HotelId = HotelId;
        }
        if (timeStr) {
          this.queryLogMsg.UseTime = timeStr;
        }
        this.apipost('DmcInfoChangeLog_get_GetHotelLogList', this.queryLogMsg, res => {
          this.loading = false;
          if (res.data.resultCode == 1) {
            this.HotelLogsList = res.data.data.pageData;
          }
        }, err => {})
      },
    },
    mounted() {}
  };

</script>
