gaojian/ts_aimz_uni
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

资金流水完成

Browse Source
This commit is contained in:
itgaojian163 2025-05-19 16:31:06 +08:00
parent dca694bdb4
commit d3b680883d
5 changed files with 562 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

186
common/js/conver.js
View File

@ -139,68 +139,144 @@ var phoneNum = function(str, startLength, endLength, replaceStr) {
return str.slice(0, startLength) + replaceStr + str.slice(str.length - endLength); return str.slice(0, startLength) + replaceStr + str.slice(str.length - endLength);
} }
var repairStatusColor = function (status) { var repairStatusColor = function(status) {
var color = 'repair-status-yellow' var color = 'repair-status-yellow'
switch (status) { switch (status) {
case 'PENDING': case 'PENDING':
color = 'repair-status-yellow' color = 'repair-status-yellow'
break break
case 'APPROVED': case 'APPROVED':
color = 'repair-status-green' color = 'repair-status-green'
break break
case 'REJECTED': case 'REJECTED':
color = 'repair-status-red' color = 'repair-status-red'
break break
case 'CANCELED': case 'CANCELED':
color = 'repair-status-gray' color = 'repair-status-gray'
break break
} }
return color return color
} }
var repairStatus = function (status) { var repairStatus = function(status) {
var str = '待审核' var str = '待审核'
switch (status) { switch (status) {
case 'PENDING': case 'PENDING':
str = '待审核' str = '待审核'
break break
case 'APPROVED': case 'APPROVED':
str = '已通过' str = '已通过'
break break
case 'REJECTED': case 'REJECTED':
str = '未通过' str = '未通过'
break break
case 'CANCELED': case 'CANCELED':
str = '已取消' str = '已取消'
break break
} }
return str return str
} }
var repairType = function (type) { var repairType = function(type) {
var str = '未知' var str = '未知'
switch (type) {
case 'CORRECTION1':
str = '一次补正'
break
case 'CORRECTION2':
str = '二次补正'
break
}
return str
}
var repairKind = function(kind) {
var str = '未知'
switch (kind) {
case 'CODE':
str = '代码'
break
case 'MANUAL':
str = '操作手册'
break
case 'ALL':
str = '代码+操作手册'
break
}
return str
}
var payType = function(type) {
// 充值1|支出2|提现3|系统扣款4|订单收入5|付款6)
var typeStr = '支出'
switch (type) {
case 1:
typeStr = '充值'
break
case 2:
typeStr = '支出'
break
case 3:
typeStr = '提现'
break
case 4:
typeStr = '系统\n扣款'
break
case 5:
typeStr = '订单\n收入'
break
case 6:
typeStr = '付款'
break
}
return typeStr
}
var payTypeColor = function(type) {
var typeColr = 'type-g'
switch (type) {
case 1:
case 3:
case 5:
typeColr = 'type-g'
break
case 2:
case 4:
case 6:
typeColr = 'type-z'
break
}
return typeColr
}
// 充值1|支出2|提现3|系统扣款4|订单收入5|付款6)
var payTypeFontSize = function (type) {
var fSize = 'size-32'
switch (type) { switch (type) {
case 'CORRECTION1': case 1:
str = '一次补正' case 2:
case 3:
case 6:
fSize = 'size-32'
break break
case 'CORRECTION2': case 4:
str = '二次补正' case 5:
fSize = 'size-24'
break break
} }
return str return fSize
} }
var repairKind = function (kind) { var payTypeSign = function (type) {
var str = '未知' var typeStr = '-'
switch (kind) { switch (type) {
case 'CODE': case 1:
str = '代码' case 5:
typeStr = '+'
break break
case 'MANUAL': case 2:
str = '操作手册' case 3:
break case 4:
case 'ALL': case 6:
str = '代码+操作手册' typeStr = '-'
break break
} }
return str return typeStr
} }
export { export {
isEmpty, isEmpty,
@ -216,5 +292,9 @@ export {
repairStatusColor, repairStatusColor,
repairKind, repairKind,
repairType, repairType,
repairStatus repairStatus,
payTypeColor,
payType,
payTypeFontSize,
payTypeSign
} }

7
pages.json
View File

@ -133,6 +133,13 @@
"navigationBarTitleText": "", "navigationBarTitleText": "",
"enablePullDownRefresh": true "enablePullDownRefresh": true
} }
},
{
"path": "pages/mine/mineAccount/minePayRecord/minePayRecord",
"style": {
"navigationBarTitleText": "",
"enablePullDownRefresh": true
}
} }
], ],
"globalStyle": { "globalStyle": {

72
pages/mine/mineAccount/mineContact/mineContact.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="body-container"> <view class="page-container">
<view class="search-box"> <view class="search-box">
<view class="search-container"> <view class="search-container">
<view class="search-input-icon"></view> <view class="search-input-icon"></view>
@ -8,7 +8,7 @@
<view v-if="keywords !=''" @click="clearSearch" class="icon-clear" style="width: 20px;height: 20px;"> <view v-if="keywords !=''" @click="clearSearch" class="icon-clear" style="width: 20px;height: 20px;">
</view> </view>
</view> </view>
<view class="add-btn" @click="showCreateDialog">创建联系人</view> <view class="add-btn" @click="showCreateDialog">创建</view>
</view> </view>
<ContainerLoading :loadingVisible="loadingState" style="height: 83vh;margin-top: 30rpx;" <ContainerLoading :loadingVisible="loadingState" style="height: 83vh;margin-top: 30rpx;"
@doRefresh="doRefreshList"> @doRefresh="doRefreshList">
@ -24,8 +24,11 @@
</view> </view>
<view>{{item.phone}}</view> <view>{{item.phone}}</view>
<view class="options-box"> <view class="options-box">
<view class="edit" @click="showEditDialog" :data-value="item">编辑</view> <view class="icon-edit-blue size-48 mr-10" @click="showEditDialog"
<view class="del" @click="showDelDialog" :data-value="item">删除</view> :data-value="item">
</view>
<view class="icon-del-red size-48" @click="showDelDialog" :data-value="item">
</view>
</view> </view>
</view> </view>
<view class="service-desc ml-10">{{item.company}}</view> <view class="service-desc ml-10">{{item.company}}</view>
@ -45,30 +48,30 @@
</uni-popup> </uni-popup>
<!-- 创建或编辑弹窗 :is-mask-click="false" --> <!-- 创建或编辑弹窗 :is-mask-click="false" -->
<uni-popup ref="popup" type="bottom" background-color="#fff" border-radius="15rpx 15rpx 0rpx 0rpx"> <uni-popup ref="popup" type="bottom" background-color="#fff" border-radius="15rpx 15rpx 0rpx 0rpx">
<view class="bottom-dialog-box"> <view class="bottom-dialog-container">
<view class="bottom-title-box"> <view class="dialog-title-box">
<view class="icon-close close-icon" @click="closePopup"></view> <view class="icon-close size-48" @click="closePopup"></view>
<view class="bottom-title-txt">{{title}}</view> <view class="dialog-title-txt has-icon">{{title}}</view>
</view> </view>
<view class="form-box"> <view class="form-box">
<view class="form-item"> <view class="form-item">
<view class="form-item-title">姓名</view> <text class="form-item-title star">姓&emsp;&emsp;名</text>
<input adjust-position :cursor-spacing="50" type="text" confirm-type="next" :value="contactName" <input adjust-position :cursor-spacing="50" type="text" confirm-type="next" :value="contactName"
placeholder="请输入姓名" class="form-item-content" @input="inputContactName" /> placeholder="请输入姓名" class="form-item-content" @input="inputContactName" />
</view> </view>
<view class="form-item"> <view class="form-item">
<view class="form-item-title">联系电话</view> <text class="form-item-title star">联系电话</text>
<input adjust-position :cursor-spacing="50" :value="contactPhone" placeholder="请输入联系电话" <input adjust-position :cursor-spacing="50" :value="contactPhone" placeholder="请输入联系电话"
class="form-item-content" @input="inputContactPhone" /> class="form-item-content" @input="inputContactPhone" />
</view> </view>
<view class="form-item"> <view class="form-item">
<view class="form-item-title no-after" style="padding-left: 16rpx;">联系邮箱</view> <view class="form-item-title">联系邮箱</view>
<input adjust-position :cursor-spacing="50" type="text" confirm-type="next" <input adjust-position :cursor-spacing="50" type="text" confirm-type="next"
:value="contactEmail" placeholder="请输入联系邮箱" class="form-item-content" :value="contactEmail" placeholder="请输入联系邮箱" class="form-item-content"
@input="inputContactEmail" /> @input="inputContactEmail" />
</view> </view>
<view class="form-item"> <view class="form-item">
<view class="form-item-title no-after" style="padding-left: 16rpx;">公司</view> <text class="form-item-title">公&emsp;&emsp;司</text>
<input adjust-position :cursor-spacing="50" type="text" confirm-type="next" <input adjust-position :cursor-spacing="50" type="text" confirm-type="next"
:value="contactCompany" placeholder="请输入公司名称" class="form-item-content" :value="contactCompany" placeholder="请输入公司名称" class="form-item-content"
@input="inputContactCompany" /> @input="inputContactCompany" />
@ -431,8 +434,9 @@
.search-input { .search-input {
box-sizing: border-box; box-sizing: border-box;
color: rgba(16, 16, 16, 1); color: $text-color;
font-size: 14px; font-size: 28rpx;
align-self: center;
text-align: center; text-align: center;
flex: 1; flex: 1;
} }
@ -449,17 +453,18 @@
.add-btn { .add-btn {
border-radius: 4px; border-radius: 4px;
background-color: rgba(50, 112, 255, 1); background-color: $btn-green-color;
color: rgba(255, 255, 255, 1); color: $white-color;
font-size: 14px; font-size: 24rpx;
line-height: 28rpx;
height: 28rpx;
align-self: center;
padding: 15rpx 15rpx;
text-align: center; text-align: center;
text-align: center;
font-family: PingFangSC-regular;
padding: 5px 10px;
} }
.add-btn:active { .add-btn:active {
background-color: rgba(50, 112, 255, .7); background-color: $btn-green-color-active;
} }
.content-container { .content-container {
@ -478,8 +483,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: white; background-color: white;
border-radius: 10px; border-radius: 15rpx;
width: 94vw;
} }
.order-item:nth-of-type(n+2) { .order-item:nth-of-type(n+2) {
@ -562,7 +566,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: flex-start;
font-size: 14px; font-size: 14px;
margin-top: 30rpx; margin-top: 30rpx;
} }
@ -572,30 +575,25 @@
flex-direction: row; flex-direction: row;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
width: 80vw;
padding: 10px; padding: 10px;
} }
.form-item-title { .form-item-title {
flex: .3; flex: .3;
font-size: 14px; font-size: 28rpx;
color: black; color: black;
font-weight: 500; font-weight: 500;
text-align: left; text-align: left;
} }
.form-item-title:not(.no-after)::before {
content: "*";
color: red;
font-size: 14px;
margin-left: 1px;
text-align: center;
}
.form-item-content { .form-item-content {
flex: 1; flex: .7;
text-align: right; text-align: right;
font-size: 14px; font-size: 28rpx;
border: 10rpx;
padding: 10rpx;
background-color: $bg-gray-input-color;
} }
.confirm-btn { .confirm-btn {
@ -603,7 +601,7 @@
height: 80rpx; height: 80rpx;
line-height: 80rpx; line-height: 80rpx;
border-radius: 4rpx; border-radius: 4rpx;
background-color: rgba(7, 193, 96, 1); background-color: $btn-green-color;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
font-size: 32rpx; font-size: 32rpx;
text-align: center; text-align: center;
@ -613,6 +611,6 @@
} }
.confirm-btn:active { .confirm-btn:active {
background-color: rgba(7, 193, 96, 0.5); background-color: $btn-green-color-active;
} }
</style> </style>

4
pages/mine/mineAccount/mineOrder/mineOrder.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="body-container"> <view class="page-container">
<view class="search-box"> <view class="search-box">
<view class="search-container"> <view class="search-container">
<input class="search-input" :value="keywords" @input="inputKeywords" @confirm="doSearchKeyWord" <input class="search-input" :value="keywords" @input="inputKeywords" @confirm="doSearchKeyWord"
@ -157,7 +157,7 @@
_self.isLoadMore = true _self.isLoadMore = true
_self.loadMore = 'loading' _self.loadMore = 'loading'
_self.pageData.page = ++_self.pageData.page _self.pageData.page = ++_self.pageData.page
_self.keywords = _self.keywords _self.pageData.keywords = _self.keywords
_self.doGetMineOrderList(false) _self.doGetMineOrderList(false)
}, },
} }

379
pages/mine/mineAccount/minePayRecord/minePayRecord.vue Normal file
View File

@ -0,0 +1,379 @@
<template>
<view class="page-container">
<view class="search-box">
<view class="search-container">
<input class="search-input" :value="keywords" @input="inputKeywords" @confirm="doSearchKeyWord"
type="text" confirm-type="search" placeholder="搜索" />
<view v-if="keywords !=''" @click="clearSearch" class="icon-clear icon-position"></view>
</view>
<view class="search-time-box mt-20">
<view class="search-time-item">
<uni-datetime-picker type="date" @change="selectStartDate" v-model="startDate">
<view>{{startDate==''?'请选择开始时间':startDate}}</view>
</uni-datetime-picker>
<view v-if="startDate==''" class="icon-arrow-solid size-16"></view>
<view v-else class="icon-clear size-32" @click="clearStart"></view>
</view>
<view class="search-time-item ml-20">
<uni-datetime-picker type="date" @change="selectEndDate" v-model="endDate">
<view>{{endDate==''?'请选择结束时间':endDate}}</view>
</uni-datetime-picker>
<view v-if="endDate ==''" class="icon-arrow-solid size-16"></view>
<view v-else class="icon-clear size-32" @click="clearEnd"></view>
</view>
</view>
</view>
<ContainerLoading :loadingVisible="loadingState" style="height: 79vh;margin-top: 30rpx;"
@doRefresh="doRefreshList">
<scroll-view scroll-y style="height: 79vh;" :lower-threshold="100" refresher-background="#FFFFFF00"
@scrolltolower="doLoadMore">
<view class="order-box">
<block v-for="(item,index) in recordList" :key="index">
<view class="order-item">
<view class="record-title-box">
<view class="record-title-type-box">
<text
:class="['record-title-type',payTypeColor(item.type)]">{{payType(item.type)}}</text>
<view class="record-title-order-box" v-if="item.orderId != ''">
<view class="record-title-order-type">{{appTitle}}</view>
<view class="record-title-order-num">{{item.orderId}}</view>
</view>
</view>
<view class="record-money">
<view
style="display: flex;flex-direction: row;align-items: center;justify-content: center;">
{{payTypeSign(item.type)}} {{item.accountMoney/100}}
</view>
<view class="money">{{item.accountAfterMoney/100}}</view>
</view>
</view>
<view class="record-desc">{{item.description}}</view>
<view class="record-bottom-box">
<view class="record-before">交易前余额<text
style="padding-left: 15rpx;color: black;font-weight: bold;">{{item.accountBeforeMoney/100}}</text>
</view>
<view class="record-date">{{item.gmtCreate}}</view>
</view>
</view>
</block>
<uni-load-more :status="hasMore"></uni-load-more>
</view>
</scroll-view>
</ContainerLoading>
</view>
</template>
<script>
import ContainerLoading from '@/components/container-loading.vue'
import UserApi from '@/common/js/net/UserApi.js'
import {
payTypeColor,
payType,
payTypeSign
} from '@/common/js/conver.js'
import {
inject,
isReactive
} from 'vue';
export default {
components: {
ContainerLoading
},
setup() {
const globalData = inject('globalData')
return {
globalData
}
},
data() {
return {
recordList: [], //订单列表
appTitle: this.globalData.appTitle,
pageData: {
page: 1,
rows: 10,
keywords: '',
startTime: '',
endTime: ''
}, //检索参数
loadingState: 'loading', //加载状态
listRefreshTrig: false, //list刷新状态
isLoadMore: false, //加载更多的状态
hasMore: 'more', //是否有更多数据
keywords: '', //搜索关键字
startDate: '',
endDate: ''
};
},
onLoad(options) {
uni.setNavigationBarTitle({
title: "资金流水",
});
uni.setNavigationBarColor({
frontColor: "#000000",
backgroundColor: "#F0F0F0",
animation: {
duration: 500,
timingFunc: "easeIn",
},
});
this.doRefreshList()
},
methods: {
payTypeColor,
payType,
payTypeSign,
inputKeywords(e) {
this.keywords = e.detail.value
},
doSearchKeyWord() {
this.doRefreshList()
},
clearSearch() {
this.keywords = ''
this.doRefreshList()
},
selectStartDate(e) {
console.log('开始时间', e)
this.startDate = e
this.doRefreshList()
},
selectEndDate(e) {
console.log('结束时间', e)
this.endDate = e
this.doRefreshList()
},
clearStart() {
this.startDate = ''
this.doRefreshList()
},
clearEnd() {
this.endDate = ''
this.doRefreshList()
},
doRefreshList() {
console.log('正在刷新...')
const _self = this
_self.loadingState = 'loading'
_self.hasMore = 'more'
_self.pageData.page = 1
_self.pageData.keywords = _self.keywords
_self.pageData.startTime = _self.startDate
_self.pageData.endTime = _self.endDate
_self.isLoadMore = false
_self.doGetMinePayRecord(true)
},
doLoadMore() {
//判断是否正在加载中 与是否存在更多数据
const _self = this
if (_self.isLoadMore || _self.hasMore == 'noMore') {
return
}
_self.isLoadMore = true
_self.pageData.page = ++_self.pageData.page
_self.pageData.keywords = _self.keywords
_self.pageData.startTime = _self.startDate
_self.pageData.endTime = _self.endDate
_self.doGetMinePayRecord(false)
},
//获取列表
doGetMinePayRecord(isRefresh) {
const _self = this
_self.recordList = isRefresh ? [] : _self.recordList
_self.loadingState = isRefresh ? 'loading' : ''
UserApi.doGetMinePayRecord(_self.pageData)
.then(res => {
var status = 'success'
status = res.rows && res.rows.length > 0 ? 'success' : 'empty'
_self.loadingState = isRefresh ? status : ''
_self.recordList = _self.recordList.concat(res.rows)
_self.isLoadMore = false
_self.hasMore = _self.recordList.length < res.total ? 'more' : 'noMore'
})
.catch(err => {
_self.loadingState = 'error'
_self.isLoadMore = false
_self.hasMore = 'more'
})
},
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
};
</script>
<style lang="scss" scoped>
.order-box {
display: flex;
flex-direction: column;
justify-content: center;
padding-bottom: 30px;
}
.order-item {
display: flex;
flex-direction: column;
flex-grow: 1;
border-radius: 15rpx;
padding: 20rpx;
background-color: $white-color;
}
.order-item:nth-of-type(n+1) {
margin-top: 15px;
padding-bottom: 34rpx;
border-bottom: 1rpx solid $divider-color;
}
.record-title-box {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.record-title-type-box {
display: flex;
flex-direction: row;
align-items: center;
flex: 1;
}
.record-title-type {
width: 112rpx;
height: 112rpx;
display: flex;
border-radius: 56rpx;
align-items: center;
justify-content: center;
text-align: center;
font-weight: bold;
color: white;
white-space: pre-wrap;
font-size: 33rpx;
}
.type-z {
background-color: $text-blue-color;
}
.type-g {
background-color: $green-color-light;
}
.record-title-order-box {
display: flex;
flex-direction: column;
margin-left: 10rpx;
}
.record-title-order-type {
color: $text-color;
font-size: 28rpx;
text-align: left;
font-family: PingFangSC-regular;
}
.record-title-order-num {
color: $text-gray-hint-color;
font-size: 24rpx;
text-align: left;
font-family: PingFangSC-light;
}
.record-desc {
margin-top: 22rpx;
padding: 20rpx 30rpx;
font-size: 24rpx;
border-radius: 10rpx;
min-height: 60rpx;
color: $text-gray-desc-color;
border-radius: 14rpx;
background-color: rgba(242, 242, 242, 1);
}
.record-bottom-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 34rpx;
}
.money {
color: $text-brown-color;
font-size: 32rpx;
text-align: center;
padding-bottom: 15rpx;
}
.record-before {
color: $text-color;
font-size: 28rpx;
text-align: left;
font-family: PingFangSC-regular;
}
.record-date {
color: $text-color;
font-size: 28rpx;
text-align: left;
font-family: PingFangSC-regular;
}
.search-box {
display: flex;
flex-direction: column;
justify-content: center;
}
.search-container {
position: relative;
align-self: center;
border-radius: 5rpx;
background-color: $white-color;
padding: 5px;
display: flex;
flex-direction: row;
width: 100%;
}
.search-input {
width: 100%;
box-sizing: border-box;
color: $text-color;
font-size: 28rpx;
text-align: center;
}
.search-input::after {
content: '';
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
margin-top: -1px;
background-size: cover;
background-image: url('data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSI2NCA2NCA4OTYgODk2IiB3aWR0aD0iMTQiIGhlaWdodD0iMTkiIHN0eWxlPSIiIGZpbHRlcj0ibm9uZSI+CiAgICAKICAgIDxnPgogICAgPHBhdGggZD0iTTkwOS42IDg1NC41TDY0OS45IDU5NC44QzY5MC4yIDU0Mi43IDcxMiA0NzkgNzEyIDQxMmMwLTgwLjItMzEuMy0xNTUuNC04Ny45LTIxMi4xLTU2LjYtNTYuNy0xMzItODcuOS0yMTIuMS04Ny45cy0xNTUuNSAzMS4zLTIxMi4xIDg3LjlDMTQzLjIgMjU2LjUgMTEyIDMzMS44IDExMiA0MTJjMCA4MC4xIDMxLjMgMTU1LjUgODcuOSAyMTIuMUMyNTYuNSA2ODAuOCAzMzEuOCA3MTIgNDEyIDcxMmM2NyAwIDEzMC42LTIxLjggMTgyLjctNjJsMjU5LjcgMjU5LjZhOC4yIDguMiAwIDAgMCAxMS42IDBsNDMuNi00My41YTguMiA4LjIgMCAwIDAgMC0xMS42ek01NzAuNCA1NzAuNEM1MjggNjEyLjcgNDcxLjggNjM2IDQxMiA2MzZzLTExNi0yMy4zLTE1OC40LTY1LjZDMjExLjMgNTI4IDE4OCA0NzEuOCAxODggNDEyczIzLjMtMTE2LjEgNjUuNi0xNTguNEMyOTYgMjExLjMgMzUyLjIgMTg4IDQxMiAxODhzMTE2LjEgMjMuMiAxNTguNCA2NS42UzYzNiAzNTIuMiA2MzYgNDEycy0yMy4zIDExNi4xLTY1LjYgMTU4LjR6IiBmaWxsPSJyZ2JhKDIwNCwyMDQsMjA0LDEpIj48L3BhdGg+CiAgICA8L2c+CiAgPC9zdmc+');
}
.search-time-box {
display: flex;
flex-direction: row;
}
.search-time-item {
flex: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
font-size: 28rpx;
align-items: center;
padding: 15rpx 0rpx;
}
</style>