路演审批提测

pages-approve/activity/detail.vue

@@ -1,5 +1,6 @@
 <template>
     <view class="activity-detail" v-if="info">
+        <image :src="statusImg" mode="aspectFill" class="status-img" v-if="statusImg"></image>
         <!-- 路演 -->
         <block v-if="info.RsCalendarItem.ActivityType=='路演'">
         <view class="section white-wrap">
@@ -48,7 +49,7 @@
             </view>
             <view class="info-item flex">
                 <view class="label">提交时间:</view>
-                <view>{{info.RsCalendarItem.CreateTime|}}</view>
+                <view>{{info.RsCalendarItem.CreateTime|formatTime}}</view>
             </view>
         </view>
         <view class="section white-wrap" v-if="info.RsCalendarResearcherItem.Status==2||info.RsCalendarResearcherItem.Status==3">
@@ -120,6 +121,17 @@
 <script>
 import {apiRoadShowInfo,apiRoadShowApproved} from '@/api/approve/activity.js'
 export default {
+    computed: {
+        statusImg(){
+		    if(this.info.RsCalendarResearcherItem.Status==2){
+				return require('../static/pass-icon.png')//同意
+			}else if(this.info.RsCalendarResearcherItem.Status==3){
+				return require('../static/fail-icon.png')//拒绝
+			}else if(this.info.RsCalendarResearcherItem.Status==4){
+				return require('../static/delete-icon.png')//删除
+			}
+		}
+    },
     data () {
         return {
             RsCalendarResearcherId:null,//活动研究员id
@@ -166,8 +178,8 @@ export default {
         // 通过申请
         async passApprove(){
             const res=await apiRoadShowApproved({
-                RsCalendarId:this.RsCalendarId,
-                RsCalendarResearcherId:this.RsCalendarResearcherId
+                RsCalendarId:Number(this.RsCalendarId),
+                RsCalendarResearcherId:Number(this.RsCalendarResearcherId)
             })
             if(res.code===200){
                 this.getDetail()
@@ -189,6 +201,14 @@ export default {
 
 <style lang="scss" scoped>
 .activity-detail{
+    .status-img{
+		position: absolute;
+		right: 0;
+		top: 50rpx;
+		width: 220rpx;
+		height: 220rpx;
+		z-index: 10;
+	}
     .section{
         margin-bottom: 14rpx;
         padding: 33rpx 34rpx;

pages-approve/activity/list.vue

@@ -48,6 +48,9 @@ export default {
 			this.list=this.list.filter(item=>{
 				return item.RsCalendarId!=e.RsCalendarId&&item.RsCalendarResearcherId!=e.RsCalendarResearcherId
 			})
+			if(this.list.length===0){
+				this.finished=true
+			}
 		})
 	},
 	onUnload(){