|
@@ -3,46 +3,44 @@
|
|
|
<view class="b_head">
|
|
|
<view class="head_list">
|
|
|
<text>分享时间</text>
|
|
|
- <text>{{billInfo.createDate}}</text>
|
|
|
+ <text>{{ billInfo.createDate }}</text>
|
|
|
</view>
|
|
|
<view class="head_list" v-if="billArr.customer">
|
|
|
<text>客户名称</text>
|
|
|
- <text>{{billInfo.customer.customerName}}</text>
|
|
|
+ <text>{{ billInfo.customer.customerName }}</text>
|
|
|
</view>
|
|
|
<view class="head_list">
|
|
|
<text>对账周期</text>
|
|
|
- <text>{{timeInfo || '--'}}</text>
|
|
|
+ <text>{{ timeInfo || '--' }}</text>
|
|
|
</view>
|
|
|
<view class="head_list">
|
|
|
<text>付款状态</text>
|
|
|
- <text>{{billInfo.billStatus != 'UNSETTLE'?'未付款':billInfo.settleStyleSnDictValue ? '已付款('+billInfo.settleStyleSnDictValue+')':'已付款'}}</text>
|
|
|
+ <text>{{ billInfo.billStatus != 'UNSETTLE' ? '未付款' : billInfo.settleStyleSnDictValue ? '已付款(' + billInfo.settleStyleSnDictValue + ')' : '已付款' }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="b_detail">
|
|
|
<view class="detail_list u-flex">
|
|
|
<view class="detail_box">
|
|
|
<text>总单数:</text>
|
|
|
- <text>{{billInfo.detailNum}}</text>
|
|
|
+ <text>{{ billInfo.detailNum }}</text>
|
|
|
</view>
|
|
|
<view class="detail_box">
|
|
|
<text>待收金额合计:</text>
|
|
|
- <text>{{billInfo.totalAmount}}</text>
|
|
|
+ <text>{{ billInfo.totalAmount }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="detail_list u-flex">
|
|
|
<view class="detail_box">
|
|
|
<text>折让金额:</text>
|
|
|
- <text>{{billInfo.discountAmount}}</text>
|
|
|
+ <text>{{ billInfo.discountAmount }}</text>
|
|
|
</view>
|
|
|
<view class="detail_box">
|
|
|
<text>折让后待收金额:</text>
|
|
|
- <text>{{billInfo.settleAmount}}</text>
|
|
|
+ <text>{{ billInfo.settleAmount }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="detail_con">
|
|
|
- <billList ref="billBox" :list="billArr" ></billList>
|
|
|
- </view>
|
|
|
+ <view class="detail_con"><billList ref="billBox" :list="billArr"></billList></view>
|
|
|
<view class="footer" v-if="billInfo.billStatus != 'UNSETTLE'">
|
|
|
<u-button type="primary" :loading="btnLoading" @click="submitOrder" :custom-style="customStyle" shape="circle">再次发送对账单</u-button>
|
|
|
</view>
|
|
@@ -52,23 +50,23 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import billList from './billListComponent.vue'
|
|
|
-import { findBySn,insert} from '@/api/verify.js';
|
|
|
+import billList from './billListComponent.vue';
|
|
|
+import { findBySn, insert } from '@/api/verify.js';
|
|
|
import getDate from '@/libs/getDate.js';
|
|
|
export default {
|
|
|
components: { billList },
|
|
|
data() {
|
|
|
return {
|
|
|
- customStyle:{
|
|
|
+ customStyle: {
|
|
|
backgroundColor: this.$config('primaryColor'),
|
|
|
color: '#fff',
|
|
|
- verifySn:''
|
|
|
+ verifySn: ''
|
|
|
},
|
|
|
- billInfo:null,
|
|
|
- billArr:[],
|
|
|
- timeInfo:'',
|
|
|
- btnLoading:false,
|
|
|
- shareShow:false
|
|
|
+ billInfo: null,
|
|
|
+ billArr: [],
|
|
|
+ timeInfo: '',
|
|
|
+ btnLoading: false,
|
|
|
+ shareShow: false
|
|
|
};
|
|
|
},
|
|
|
onReady() {
|
|
@@ -78,9 +76,9 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
onLoad(options) {
|
|
|
- if(options && options.billId){
|
|
|
- this.verifySn=options.billId
|
|
|
- this.loadData({verifySn:options.billId})
|
|
|
+ if (options && options.billId) {
|
|
|
+ this.verifySn = options.billId;
|
|
|
+ this.loadData({ verifySn: options.billId });
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -88,28 +86,29 @@ export default {
|
|
|
userData() {
|
|
|
return this.$store.state.vuex_userData;
|
|
|
}
|
|
|
- },
|
|
|
- methods:{
|
|
|
- loadData(ajaxData){
|
|
|
- let that=this
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ loadData(ajaxData) {
|
|
|
+ let that = this;
|
|
|
findBySn(ajaxData).then(res => {
|
|
|
if (res.status == 200) {
|
|
|
- that.billInfo=res.data;
|
|
|
- that.billArr=res.data.detailList;
|
|
|
- let timeobj=getDate.editDay(res.data.bizBeginDate,res.data.bizEndDate);
|
|
|
- that.timeInfo= timeobj.starttime +'~'+timeobj.endtime
|
|
|
- that.$nextTick(()=>{
|
|
|
+ that.billInfo = res.data;
|
|
|
+ that.billArr = res.data.detailList;
|
|
|
+ let timeobj = getDate.editDay(res.data.bizBeginDate, res.data.bizEndDate);
|
|
|
+ that.timeInfo = timeobj.starttime + '~' + timeobj.endtime;
|
|
|
+ that.$nextTick(() => {
|
|
|
that.$refs.billBox.setData(res.data.detailList);
|
|
|
- })
|
|
|
+ });
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
- submitOrder(){//发送对账单
|
|
|
+ submitOrder() {
|
|
|
+ //发送对账单
|
|
|
this.shareShow = true;
|
|
|
},
|
|
|
// 分享图文
|
|
|
- handleShare(){
|
|
|
- let url = 'http://p.iscm.360arrow.com/dzd/index.html?userSn=' + this.userData.orgSn + '&verifySn='+this.verifySn + '&name='+this.userData.orgName;
|
|
|
+ handleShare() {
|
|
|
+ let url = 'http://p.iscm.360arrow.com/dzd/index.html?userSn=' + this.userData.orgSn + '&verifySn=' + this.verifySn + '&name=' + this.userData.orgName;
|
|
|
if (uni.getSystemInfoSync().platform == 'ios') {
|
|
|
uni.share({
|
|
|
provider: 'weixin',
|
|
@@ -131,10 +130,10 @@ export default {
|
|
|
summary: this.billInfo.customer.customerName + '您好,您有一个对账单共' + this.billInfo.settleAmount + '元,请您查阅',
|
|
|
href: url,
|
|
|
success() {
|
|
|
- console.log('调取微信列表成功,分享不一定成功')
|
|
|
+ console.log('调取微信列表成功,分享不一定成功');
|
|
|
},
|
|
|
fail() {
|
|
|
- console.log('分享失败')
|
|
|
+ console.log('分享失败');
|
|
|
}
|
|
|
});
|
|
|
}
|
|
@@ -150,7 +149,7 @@ export default {
|
|
|
.b_head {
|
|
|
background-color: #fff;
|
|
|
.head_list {
|
|
|
- padding:14rpx 20rpx;
|
|
|
+ padding: 14rpx 20rpx;
|
|
|
border-bottom: 1rpx solid #f8f8f8;
|
|
|
text {
|
|
|
&:first-child {
|
|
@@ -161,43 +160,42 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .b_detail{
|
|
|
- margin:6rpx 0;
|
|
|
+ .b_detail {
|
|
|
+ margin: 6rpx 0;
|
|
|
background-color: #fff;
|
|
|
- padding:20rpx;
|
|
|
+ padding: 20rpx;
|
|
|
box-sizing: border-box;
|
|
|
- .detail_list{
|
|
|
+ .detail_list {
|
|
|
margin-bottom: 10rpx;
|
|
|
- &:last-child{
|
|
|
+ &:last-child {
|
|
|
margin-bottom: 0rpx;
|
|
|
}
|
|
|
- .detail_box::after{
|
|
|
- content:';';
|
|
|
- color:$uni-text-color-grey;
|
|
|
+ .detail_box::after {
|
|
|
+ content: ';';
|
|
|
+ color: $uni-text-color-grey;
|
|
|
}
|
|
|
- .detail_box{
|
|
|
- text{
|
|
|
- &:first-child{
|
|
|
- color:$uni-text-color-grey;
|
|
|
+ .detail_box {
|
|
|
+ text {
|
|
|
+ &:first-child {
|
|
|
+ color: $uni-text-color-grey;
|
|
|
}
|
|
|
- &:last-child{
|
|
|
- color:$uni-color-warning;
|
|
|
+ &:last-child {
|
|
|
+ color: $uni-color-warning;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .detail_con{
|
|
|
+ .detail_con {
|
|
|
flex-grow: 1;
|
|
|
overflow: auto;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
- .footer{
|
|
|
- padding:10rpx 20rpx;
|
|
|
- background:#fff;
|
|
|
- margin-top:20rpx;
|
|
|
+ .footer {
|
|
|
+ padding: 10rpx 20rpx;
|
|
|
+ background: #fff;
|
|
|
+ margin-top: 20rpx;
|
|
|
}
|
|
|
}
|
|
|
</style>
|