Files
dou_fire/pages/user/signLog.vue

81 lines
1.6 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view class="content">
<view class="log-blcok" v-for="(item, index) in logs" :key="index" @click="onInfo(item.business_order_id)">
<view class="flex">
<label>订单编号</label>
<view class="val">{{item.order_no}}</view>
</view>
<view class="flex">
<label>业务类型</label>
<view class="val">
<text v-for="(titem, tindex) in item.item_type" :key="tindex">{{titem.title}}</text>
</view>
</view>
<view class="flex">
<label>签约时间</label>
<view class="val">{{item.created_at}}</view>
</view>
</view>
</view>
</template>
<script>
import { getSignLogs, getFlows } from '@/apis/interfaces/user.js'
export default {
data() {
return {
logs: [],
};
},
created() {
this.getLog()
},
methods: {
getLog(){
uni.showLoading({
title: '加载中...',
mask : true
})
getSignLogs({
page: 1
}).then(res => {
this.logs = res.data
this.page = res.page
uni.hideLoading()
}).catch(err => {
uni.showToast({
title: err.message,
icon : 'none'
})
})
},
onInfo(id){
this.$Router.push({
name : 'SignContract',
params : { id }
})
}
}
}
</script>
<style lang="scss">
.content{ padding: 30rpx 30rpx 10rpx; box-sizing: border-box; }
// 订单列表
.log-blcok{
background: white;
border-radius: $radius;
padding: $padding;
position: relative;
// .log-icon{ position: absolute; right: $margin; top: 50%; margin-top: -14rpx; }
.flex{
display: flex;
justify-content: space-between;
font-size: 30rpx;
line-height: 60rpx;
label{ color: gray; }
}
}
</style>