<template>
<div class="wrap">
  <div class="navBar">
    <van-nav-bar
        title="结算单详情"
        left-arrow
        left-arrow-color="#FFFFFF"
        :border="false"
        :fixed="true"
        :safe-area-inset-top="true"
        @click-left="goback"
    />
  </div>
  <div class="baseInfo">
    <div class="itemWrap"  v-for="(item,index) in settleDetailList" :key="index">{{item.remark}}</div>
  </div>

</div>
</template>

<script>
import {myMixins} from "@/utils/myMixins"

export default {
  name: "settlementDetail",
  mixins:[myMixins],
  data(){
    return{
      id:'',
      postfix:'',
      orderInfo:{},
      index:"",
      queryTime:'',//记录工单对账选择的时间
      settleDetailList:[]
    }
  },
  async mounted() {
    this.id=this.$route.params?.id;
    this.postfix=this.$route.params?.postfix;
    this.index=this.$route.params?.index;
    this.queryTime = this.$route.params?.queryTime
    this.settleDetailList=this.$route.params?.settleDetailList
    console.log(" this.settleDetailList", this.settleDetailList)
  },
  methods: {
    goback(){
      this.$router.push({
        name:"accountingView",
        params:{
          id: this.id,                  // 参数对象的属性
          postfix:this.postfix,
          activeIndex:this.index,
          queryTime:this.queryTime
        }
      })
    },
  }
}
</script>

<style scoped lang="scss">
@import "@/styles/mixin.scss";
@import "@/styles/common.scss";
.wrap{
  @include wh(100%,100%);
  background-color: #F4F5F7;
  overflow-y: auto;
}
.navBar{
  margin-bottom: 46px;
}
.title{
  @include fontWeightSize(bold,14px);
  @include colorOpa(#323643,0.66);
}
.line{
  @include wh(100%,2px);
  opacity: 0.16;
  border-top: 1px solid;
  margin-top: 7px;
  border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;
}
.item{
  @include flexCenter;
  font-size: 12px !important;
  font-weight: 400 !important;
  .titleLeft{
    opacity: .5;
    line-height: 27px;
  }
}
.itemWrap{
  background-color: #FFFFFF;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
}

img{
  @include wh(35px,15px);
  margin-left: 21px;
}
/*.common{
  background-color: #FFFFFF;
  padding: 11px 24px 14px;
  box-sizing: border-box;
  margin-bottom: 10px;
}*/
.baseInfo{
  @include wh(100%,100%);

}
</style>