
<style scoped>  
.comp-login {background-color:#F3F6FF;height:100%;height:100vh;padding:0;margin:0;}
.RecordList ul{list-style-type: none;}
.RecordList ul.RecordList_ul{margin: 0px auto;width: 96%; padding: 0;}
.RecordList ul.RecordList_ul li.ListLI{padding-top:0.5rem; margin-bottom:0.5rem;}
.RecordList li{background: #fff;color:#5D5D5D;padding:0 0.4rem;display: flex;
}
.RecordList li .LeftImg{width: 20%;}
.RecordList li .LeftImg img{width: 4rem;height: 4rem;}
.RecordList li .RightContent{width: 80%;}
.RecordList li .RecordList_Left{flex: 1;}
.RecordList li .RightContent ul{margin:0;padding: 0;}
.RecordList li .RightContent li.top{border-bottom: 0.1rem solid #ECECEC;padding-bottom: 0.5rem;}
.RecordList li .RightContent li.top span:first-child{width: 70%}
.RecordList li .RightContent li.top span:last-child{
  border-radius: 0.6rem;border: 0.1rem solid #5296FC;
width: 4rem;text-align: center;color: #5296FC;
}
.RecordList li .RightContent li span.left{
   width: 50%;
}
.RecordList li .RightContent li span.right{
  width: 50%; text-align: right;
}
</style>
<template>     
  <div class="container comp-login jfBaseSize" v-cloak v-bind:style="vh?'height:100vh':'height: 100%;'"> 
        <div class="RecordList">
            <ul class="RecordList_ul">
               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江一分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>

               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江二分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>

               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江三分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>

               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江四分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>

               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江五分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>

               <li class="ListLI">
                 <div class="LeftImg">
                    <img src="http://image.supercarrier8.com/h5_key/storecheck/icon-storelogo.png" />
                  </div>
                  <div class="RightContent">
                    <ul>
                        <li class="top"><span>上海浦江六分店</span> <span>巡店记录</span></li>
                        <li class="bottom">  <span class="left">李瑶明祥</span>  <span class="right">2020年4月23日 10:10</span></li>
                        <li class="bottom">  <span class="left">到店：09:22</span>   <span class="right">离店：09:22</span></li>
                    </ul>
                 </div>
              </li>
            </ul>
        </div>
        <ReturnHome ref="returnhome"></ReturnHome>
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
import channelHelper from "@/assets/js/channelHelper.js";
import { base64 } from "@/assets/js/cryptoHelper";
import { debug } from 'util';
import ReturnHome from "@/components/channel/temp001/ReturnHome";
import '@/assets/js/libs/js.cookie';
import { Indicator } from 'mint-ui';
export default {
  name: "Key_CashEnter",
  components: {ReturnHome},
  provide(){       
     return{           
        goPage:this.goPage       
     }   
  },
  props: ["comp", "cfg", "selectedPage"],
  data() {
    return {
      vh:false
    };
  },
  methods: {
    goPage(pagetype){
        this.$parent.changeSelectedPage(pagetype);
    }
  },
  watch: {
  },
  created: function() {
     Indicator.close(); 
  },
  mounted: function() {
     var that=this;
      var isDesign = location.pathname.indexOf('design');
      if (!(isDesign>-1)) {
          that.$set(that,'vh',true);
      }else{
          that.$set(that,'vh',false);
      }
      setTimeout(()=>{
        let offsetHeight = document.body.offsetHeight;
        let scrollHeight = document.body.scrollHeight;
        this.height = scrollHeight>offsetHeight?scrollHeight+"px":offsetHeight+"px";
      },1000);
  }
};
</script>

