feat: 添加静态资源文件及基础组件
- 新增大量图片资源,包括图标、背景图、海报等,用于页面展示 - 添加字体文件及样式配置,支持自定义字体 - 引入 uni-ui 组件库,包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理,包括购物车数量、热门搜索词等 - 增加页面组件,如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件,优化开发体验
This commit is contained in:
121
pages/users/agent/record.vue
Normal file
121
pages/users/agent/record.vue
Normal file
@@ -0,0 +1,121 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="px-20">
|
||||
<view class="w-full bg--w111-fff rd-24rpx flex-between-center mt-24 p-32"
|
||||
v-for="(item,index) in list" :key="index">
|
||||
<view>
|
||||
<view class="flex-y-center">
|
||||
<text class="fs-30 lh-42rpx max-300 line1">{{item.system_name}}</text>
|
||||
<text class="tag tag0 fs-22 ml-16" :class="'tag' + item.status">{{item.status | typeFilter}}</text>
|
||||
</view>
|
||||
<view class="fs-24 text--w111-999 mt-20">提交时间:{{item.add_time}}</view>
|
||||
<view class="fs-24 text--w111-999 mt-20" v-if="item.status==2">原因:{{item.fail_msg}}</view>
|
||||
</view>
|
||||
<text class="btn info-btn fs-24" @tap="lookUp(item)" v-if="item.status==1">查看</text>
|
||||
<text class="btn danger-btn fs-24" @tap="resubmit(item)" v-else-if="item.status==2">重新提交</text>
|
||||
<text class="btn info-btn fs-24" @tap="edit(item)" v-else>编辑</text>
|
||||
</view>
|
||||
<view class="mt-20" v-if="list.length == 0">
|
||||
<emptyPage title="暂无申请记录~" src="/statics/images/noOrder.gif"></emptyPage>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { recordList } from '@/api/user.js';
|
||||
import colors from '@/mixins/color.js';
|
||||
import emptyPage from '@/components/emptyPage.vue';
|
||||
export default{
|
||||
mixins: [colors],
|
||||
components: {
|
||||
emptyPage,
|
||||
},
|
||||
data(){
|
||||
return{
|
||||
list:[]
|
||||
}
|
||||
},
|
||||
filters:{
|
||||
typeFilter(val){
|
||||
let obj = {
|
||||
0: '待审核',
|
||||
1: '审核通过',
|
||||
2: '审核未通过'
|
||||
};
|
||||
return obj[val]
|
||||
},
|
||||
},
|
||||
onLoad(){
|
||||
this.getList();
|
||||
},
|
||||
methods:{
|
||||
getList(){
|
||||
recordList().then(res=>{
|
||||
this.list = res.data;
|
||||
}).catch(err=>{
|
||||
return this.$util.Tips({
|
||||
title: err
|
||||
});
|
||||
})
|
||||
},
|
||||
edit(item){
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/supplier/index?id='+ item.id
|
||||
})
|
||||
},
|
||||
resubmit(item){
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/supplier/state?id='+ item.id+'&type=2'
|
||||
})
|
||||
},
|
||||
lookUp(item){
|
||||
uni.navigateTo({
|
||||
url: '/pages/users/supplier/state?id='+ item.id+'&type=1'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.max-300{
|
||||
max-width: 300rpx;
|
||||
}
|
||||
.tag{
|
||||
height: 38rpx;
|
||||
padding: 0 8rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
.tag0{
|
||||
color: rgba(0, 122, 255, 1);
|
||||
background-color: rgba(0, 122, 255, 0.1);
|
||||
}
|
||||
.tag1{
|
||||
color: rgba(0, 180, 42, 1);
|
||||
background-color: rgba(0, 180, 42, 0.1);
|
||||
}
|
||||
.tag2{
|
||||
color: rgba(245, 63, 63, 1);
|
||||
background-color: rgba(245, 63, 63, 0.1);
|
||||
}
|
||||
.btn{
|
||||
height: 56rpx;
|
||||
padding: 0 24rpx;
|
||||
display: inline-flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
.info-btn{
|
||||
border: 1px solid #ccc;
|
||||
color: #333;
|
||||
}
|
||||
.danger-btn{
|
||||
border: 1px solid #e93323;
|
||||
color: #e93323;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user