You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
62 lines
1.8 KiB
Vue
62 lines
1.8 KiB
Vue
<template>
|
|
<view>
|
|
<view v-show="pageInfo.total==0">
|
|
<view class='empty cuIcon-info'></view>
|
|
<view class='empty-text text-gray'>暂无数据</view>
|
|
</view>
|
|
<view class="cu-card article isCard">
|
|
<view class="cu-item" v-for="(item,index) in pageInfo.applyForList" :key='index'>
|
|
<view class="title flex justify-between margin-top">
|
|
<view class="text-cut ">申请人 : {{item.forName}}</view>
|
|
<button class=" cu-btn round bg-red">审批</button>
|
|
</view>
|
|
<view class="content">
|
|
<view class="desc">
|
|
<view>
|
|
<text class='text-gray '>申请时间：</text>{{item.date}}
|
|
</view>
|
|
<view>
|
|
<text class='text-gray'>申请原因：</text>{{item.cause}}
|
|
</view>
|
|
<view>
|
|
<text class='text-gray'>申请金额：</text>{{item.causeMoney}}
|
|
</view>
|
|
<!-- <view>
|
|
<text class='text-gray text-lg'>申请人：</text> {{item.forName}}
|
|
</view> -->
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="margin-left">共 {{pageInfo.total}} 条记录</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
pageInfo: {
|
|
total: 16,
|
|
applyForList: [
|
|
{date:'2021-04-10 15:45:36',cause:'水润肌肤疗程服务材料不足 , 需要补充仓储 , 预计需要小金瓶精华液 * 30',causeMoney:9000,forName:'托尼·唐'},
|
|
{date:'2021-04-10 16:25:09',cause:'有关洗头系列洗发水用量见底 , 部分需要补充预计需要飘柔洗发水 * 20',causeMoney:1500,forName:'宇岚芓'},
|
|
{date:'2021-04-12 11:20:39',cause:'3月份出差费用报销',causeMoney:1500,forName:'伊伊'},
|
|
{date:'2021-04-12 12:39:58',cause:'3月份销售推广餐费打车费报销',causeMoney:500,forName:'黄颡鱼'},
|
|
]
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|