164 lines
3.1 KiB
Vue
164 lines
3.1 KiB
Vue
<template>
|
||
|
||
<view class="content">
|
||
<view class="">
|
||
|
||
|
||
<view class="content_con" v-for="(item,index) in datalist" :key='index'>
|
||
<view class="content_title">
|
||
<view class="content_title_a" v-if="item.status==1">
|
||
已通过
|
||
</view>
|
||
|
||
<view class="content_title_c" v-else-if="item.status==2">
|
||
申请拒绝
|
||
</view>
|
||
<view class="content_title_b" v-else-if="item.status==0">
|
||
审核中
|
||
</view>
|
||
|
||
|
||
<view class="content_title_d">
|
||
{{item.type_name}}
|
||
</view>
|
||
</view>
|
||
<view class="" v-if="item.fail_msg" style="margin-top: -50rpx;color: red;">
|
||
拒绝原因：{{item.fail_msg}}
|
||
</view>
|
||
<view class="content_detail">
|
||
<view class="" style="display: flex;">
|
||
<view style="width:150rpx;"> 申请人：</view>
|
||
<span>{{item.name}}</span><text style="margin-left: 20rpx;">{{item.phone}}</text>
|
||
</view>
|
||
<view class="" style="display: flex;">
|
||
|
||
<view style="width:150rpx;"> 申请时间：</view>
|
||
<span>{{item.create_time}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="" style="padding-top: 1px;" v-if='datalist.length==0'>
|
||
<emptyPage title="暂无申请信息"></emptyPage>
|
||
</view>
|
||
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import emptyPage from '@/components/emptyPage.vue';
|
||
import {
|
||
intention
|
||
} from "@/api/product"
|
||
export default {
|
||
components: {
|
||
emptyPage
|
||
},
|
||
data() {
|
||
return {
|
||
datalist: [],
|
||
where: {
|
||
type: 2,
|
||
page: 1,
|
||
limit: 10
|
||
},
|
||
}
|
||
},
|
||
onLoad() {
|
||
this.list()
|
||
},
|
||
methods: {
|
||
list() {
|
||
intention(this.where).then(res => {
|
||
this.datalist = res.data.list
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.content {
|
||
padding: 12rpx 12rpx;
|
||
}
|
||
|
||
.content_con {
|
||
padding: 42rpx 32rpx;
|
||
height: 294rpx;
|
||
background: #FFFFFF;
|
||
border-radius: 21rpx 21rpx;
|
||
margin-top: 20rpx;
|
||
}
|
||
|
||
.content_title {
|
||
display: flex;
|
||
margin-bottom: 70rpx;
|
||
|
||
}
|
||
.content_title_a {
|
||
width: 89rpx;
|
||
height: 37rpx;
|
||
line-height: 37rpx;
|
||
text-align: center;
|
||
background: #16C295;
|
||
font-size: 23rpx;
|
||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
border-radius: 15rpx 0 15rpx 0;
|
||
|
||
}
|
||
|
||
|
||
.content_title_b {
|
||
width: 89rpx;
|
||
height: 37rpx;
|
||
line-height: 37rpx;
|
||
text-align: center;
|
||
background: #3274F9;
|
||
font-size: 23rpx;
|
||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
border-radius: 15rpx 0 15rpx 0;
|
||
|
||
}
|
||
|
||
.content_title_c {
|
||
width: 89rpx;
|
||
height: 37rpx;
|
||
line-height: 37rpx;
|
||
text-align: center;
|
||
background: #ff0000;
|
||
font-size: 23rpx;
|
||
font-family: DingTalk JinBuTi-Regular, DingTalk JinBuTi;
|
||
font-weight: 400;
|
||
color: #FFFFFF;
|
||
border-radius: 15rpx 0 15rpx 0;
|
||
|
||
}
|
||
|
||
.content_title_d {
|
||
font-size: 33rpx;
|
||
font-family: PingFang SC-Medium, PingFang SC;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
margin-left: 20rpx;
|
||
margin-top: -7rpx;
|
||
|
||
}
|
||
|
||
.content_detail {
|
||
|
||
font-size: 30rpx;
|
||
font-family: PingFang SC-Regular, PingFang SC;
|
||
font-weight: 400;
|
||
color: #333333;
|
||
|
||
view {
|
||
margin-bottom: 10rpx;
|
||
}
|
||
}
|
||
|
||
|
||
</style> |