|
@@ -9,11 +9,20 @@
|
|
|
</view>
|
|
|
</van-sticky>
|
|
|
<van-empty description="暂无数据" :image="require('@/static/empty.png')" v-if="finished&&list.length===0"/>
|
|
|
- <view class="list">
|
|
|
- <view class="item">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
+ <view class="list-wrap" v-else>
|
|
|
+ <view class="item white-wrap" v-for="item in list" :key="item.id">
|
|
|
+ <view class="title flex">
|
|
|
+ <image src="../../static/man.png" mode="aspectFill" class="icon"></image>
|
|
|
+ <view>{{item.title}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="content">
|
|
|
+ <view class="info">申请类型:{{item.applyType}}</view>
|
|
|
+ <view class="info">申请销售:{{item.saller}}</view>
|
|
|
+ <view class="info">提交时间:{{item.submitTime|formatTime}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="status approve-list-status-wait" v-if="item.status==='待审批'">待审批</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -27,6 +36,9 @@ export default {
|
|
|
finished:false,
|
|
|
}
|
|
|
},
|
|
|
+ onLoad(options) {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
onShow() {
|
|
|
this.selectComponent('#tabs').resize();// 解决初始渲染 vant tab 底部条
|
|
|
},
|
|
@@ -40,12 +52,65 @@ export default {
|
|
|
},
|
|
|
|
|
|
async getList(){
|
|
|
-
|
|
|
+ let arr=[
|
|
|
+ {
|
|
|
+ title:"标题",
|
|
|
+ saller:'销售一',
|
|
|
+ submitTime:'',
|
|
|
+ approveTime:'',
|
|
|
+ backTime:'',
|
|
|
+ cancelTime:'',
|
|
|
+ status:'待审批',
|
|
|
+ applyType:'线上路演',
|
|
|
+ id:1,
|
|
|
+ type:'activity'
|
|
|
+ }
|
|
|
+ ]
|
|
|
+ this.list=arr
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+.list-wrap {
|
|
|
+ padding: 20rpx;
|
|
|
+ .item {
|
|
|
+ padding: 30rpx;
|
|
|
+ box-shadow: 0px 3px 12px rgba(175, 175, 175, 0.16);
|
|
|
+ border-radius: 8px;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: bold;
|
|
|
+ margin-bottom: 30rpx;
|
|
|
+
|
|
|
+ .icon {
|
|
|
+ width: 31rpx;
|
|
|
+ height: 34rpx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ position: relative;
|
|
|
+ top: 4rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
+ .content {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ .info {
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .info:last-child {
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .status {
|
|
|
+ text-align: right;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|