113 lines
2.3 KiB
Vue
113 lines
2.3 KiB
Vue
<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> |