wangxiaowei/wanjiashangchao-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初始化商家端

Browse Source
This commit is contained in:
wangxiaowei
2025-04-30 14:08:39 +08:00
commit 68b408b1e7
568 changed files with 118884 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

255
pages/md/withdrawalDetail/daijiesuan.vue Normal file
View File

@ -0,0 +1,255 @@
<template>
<view class="page">
<!-- 标题栏 start-->
<fu-custom bgColor="bg-white" :isBack="true" :isBottom="true">
<block slot="content">待结算明细</block>
<block slot="right">
<!-- <image :src='STATIC_URL+"9.png"' class="img" @click="showCalendar" /> -->
</block>
</fu-custom>
<!-- 充值明细列表 start -->
<view class="info_list" v-for="(item,index) in listData" :key="index">
<view class="info_box">
<!-- <image src="../../static/icon.jpg" mode="aspectFill"></image> -->
<view class="right-box flex justify-between">
<view>
<!-- <rich-text class="info_pa" :nodes="item.remark"></rich-text> -->
<view>状态：{{item.type_name}}</view>
<text class="info_pb">{{item.create_time}}</text>
<!-- <view class="info_pb" v-if="item.check_status == 2 || item.check_status == 2">
{{i18n['拒绝原因：']}}
<text>{{item.check_reason}}</text>
</view> -->
</view>
<view>
<view class="info_pa_right " > +{{item.change_money}} </view>
</view>
</view>
</view>
</view>
<!-- 充值明细列表 end -->
<!-- 弹窗 -->
<fu-popup v-model="isShow" mode="center" width="540rpx" height="600rpx">
<view class="pop-content padding">
<view class="text-333 text-bold text-lg text-center">{{i18n['提现规则']}}</view>
<view v-for="(item,index) in ruleDetail" class="margin-top-sm text-999">
{{index+1}}. {{item.content}}
</view>
<!-- <jyf-parser :html="ruleDetail"></jyf-parser> -->
</view>
<view class="padding-top flex align-center justify-center" @tap="closePop">
<view class="round close-btn flex align-center justify-center">
<text class="cuIcon-close" style="color: #838383;"></text>
</view>
</view>
</fu-popup>
<!-- 日历弹框 start -->
<fu-popup v-model="isCalendar" mode="center" :mask-close-able="true" @close="closePopup">
<view class="calendar-box">
<fu-calendar @change="change" active-bg-color="#FA2233" range-bg-color="#f7d4d6" :future="true" start-text="" end-text="" mode="range" :isDefaultDay="false" :start-time="start_data" :end-time="end_data"></fu-calendar>
</view>
</fu-popup>
<!-- 日历弹框 end -->
<!-- 分页组件 start -->
<fu-empty-ui v-if="pagingListNoListData"></fu-empty-ui>
<!-- <fu-empty :paging-list-loaded-all="pagingListLoadedAll" :paging-list-no-list-data="pagingListNoListData"
:list-data-length="listDataLength" :isLoadInit='isLoadInit'></fu-empty> -->
<!-- 分页组件 end -->
<!-- 网络监测 start -->
<fu-notwork></fu-notwork>
<!-- 网络监测 end -->
</view>
</template>
<script>
import pagingList from '@/common/mixin/paging_list.js' //引入混合开发
export default {
mixins: [pagingList],
data() {
return {
minixPagingListsApi: global.apiUrls.get636e3e94b5605, //明细请求地址
pageingListApiMethod: "post", //请求方法
isShow: false, //规则弹框
ruleDetail: '', //规则说明
isCalendar:false,//日历弹窗
start_data: '', //开始日期
end_data: '' //结束日期
}
},
onLoad() {
},
methods: {
/**
* @description 显示日历
*/
showCalendar() {
this.isCalendar = true;
},
/**
* @description 隐藏日历
*/
closePopup() {
this.isCalendar = false;
},
/**
* @description 获取列表
* @param {Object} value 用来判断第页码初始化第一次 加载页面loading
*/
change(value) {
console.log(value)
if (value.isInit) return;
this.start_data = value.start;
this.end_data = value.end;
setTimeout(() =>{
this.isCalendar = false;
},800)
this.pagingListToggle();
},
showRules() {
this.isShow = true
},
/**
* @description 关闭规则说明
*/
closePop() {
this.isShow = false;
},
/**
* @description 设置要请求的参数
* 在混入开发时，调用该方法和混入的请求参数合并在一起
*/
pagingListPostData() {
return {
pagesize: 10,
create_time: this.start_data,
end_time: this.end_data,
change_type:5
}
},
}
}
</script>
<style lang="scss">
.page{
overflow-y: scroll;
}
.solid-bottom::after{
z-index:9999;
}
/deep/ .right{
display: flex;
align-items: center;
.img{
width: 36rpx;
height: 36rpx;
}
}
.modes {
color: $theme !important;
}
.jianfu {
color:#FD501E !important ;
}
// 充值明细列表 start
.info_list {
width: 100%;
background: #FFFFFF;
&:last-of-type{
.info_box{
.right-box {
border-bottom:none;
}
}
}
.info_box {
margin: 0 32rpx;
display: flex;
image {
margin-top: 36rpx;
height: 34rpx;
width: 40rpx;
}
.right-box {
padding: 32rpx 0;
width: 100%;
// margin-left: 32rpx;
border-bottom: 1px #EEEEEE solid;
}
.info_pa {
font-size: 32rpx;
font-family: PingFang-SC-Regular;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.info_pb {
padding-top: 32rpx;
display: block;
font-size: 24rpx;
font-family: PingFang-SC-Regular;
color: #BFBFBF;
word-break: break-all;
}
.info_pa_right {
text-align: right;
font-size: 32rpx;
font-family: Oswald;
font-weight: bold;
color: #2A3948;
}
.info_pb_right {
margin-top: 32rpx;
text-align: right;
font-size: 24rpx;
font-family: PingFang SC;
font-weight: 500;
color: #3B7AD5;
}
.active{
color: #999;
}
}
}
// 充值明细列表 end
// 规则弹窗 start
.pop-content {
width: 540rpx;
height: 472rpx;
border-radius: 24rpx;
background: #ffffff;
}
.close-btn {
width: 54rpx;
height: 54rpx;
background-color: rgba(255, 255, 255, 0.6);
}
// 规则弹窗 end
// 日历弹框 start
.calendar-box {
background: #ffffff;
border-radius: 16rpx;
width: 640rpx;
padding: 0 24rpx;
}
// 日历弹框 end
</style>