smartswrtch-app/page_fenbao/jiefeng/jiefengxq.vue

171 lines
3.5 KiB
Vue
Raw Permalink 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="pages">
<u-navbar title="解封记录详情" :border-bottom="false" :background="bgc" back-icon-color="#fff" title-color='#fff'
title-size='36' height='50'></u-navbar>
<view class="one">
<view class="top">
NO.1提交解控申请
</view>
<view class="bd">
<view class="top">
<text style="font-weight: 600;color: #3D3D3D;">{{obj.userName == undefined ? '--' : obj.userName}}</text> <text>{{obj.submitTime == undefined ? '--' : obj.submitTime}}</text>
</view>
<view class="two">
操作<text>提交申请</text>
</view>
</view>
</view>
<view class="one">
<view class="top">
NO.2审批结果
</view>
<view class="bd">
<view class="top">
<text>{{obj.verifyBy == undefined ? '--' : obj.verifyBy}}</text> <text>{{obj.verifyTime == undefined ? '--' : obj.verifyTime}}</text>
</view>
<view class="two">
操作
<text style="color: #E83535;" v-if="obj.status == 4">驳回</text>
<text style="color: #4CD964;" v-if="obj.status == 3">通过</text>
<text style="color: #ccc;" v-if="obj.status == 2">审核中</text>
</view>
<view class="thr">
审批意见:<text>{{obj.verifyRemark == undefined ? '--' : obj.verifyRemark}}</text>
</view>
</view>
</view>
<view class="anniu" @click="btncx">
重新上传
</view>
</view>
</template>
<script>
export default {
data() {
return {
bgc: {
backgroundColor: "#8883f0",
},
infoId:'',
obj:{},
riskId:''
}
},
onLoad(option) {
this.infoId = option.infoId
this.getxq()
},
onShow() {
},
// 分享到好友(会话)
onShareAppMessage: function() {
return {
title: '创想物联',
path: '/pages/shouye/index'
}
},
// 分享到朋友圈
onShareTimeline: function() {
return {
title: '创想物联',
query: '',
path: '/pages/shouye/index'
}
},
methods: {
getxq(){
this.$u.get(`/app/riskInfo/${this.infoId}`).then((res) => {
if (res.code == 200) {
this.obj = res.data
this.riskId = res.data.riskId
}
})
},
btncx(){
uni.navigateTo({
url:'/page_fenbao/fengkong?riskid=' + this.riskId
})
}
}
}
</script>
<style lang="scss" scoped>
/deep/ .u-title {
padding-bottom: 22rpx;
}
/deep/ .u-icon__icon {
padding-bottom: 22rpx;
}
page {
background-color: #fff;
.anniu{
width: 590rpx;
height: 82rpx;
background: #8883f0;
font-weight: 600;
font-size: 32rpx;
color: #FFFFFF;
text-align: center;
line-height: 82rpx;
position: fixed;
left: 50%;
transform: translateX(-50%);
bottom: 124rpx;
border-radius: 50rpx;
}
.one{
width: 610rpx;
margin: auto;
margin-top: 76rpx;
.top{
font-weight: 600;
font-size: 32rpx;
color: #3D3D3D;
}
.bd{
margin-top: 36rpx;
width: 590rpx;
max-height: 238rpx;
background: #ECF5FF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
padding: 30rpx 32rpx;
box-sizing: border-box;
.top{
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 12rpx;
text{
font-size: 24rpx;
color: #808080;
}
}
.two{
margin-top: 12rpx;
font-size: 28rpx;
color: #808080;
text{
font-weight: 600;
color: #4CD964;
}
}
.thr{
margin-top: 12rpx;
font-size: 28rpx;
color: #808080;
text{
font-weight: 600;
color: #3D3D3D;
}
}
}
}
}
</style>