Skip to content

M
mallapp
Commit 44ebb1a8 authored by 黄媛媛's avatar 黄媛媛
Browse files
Options

微店页面

parent b422bbfb
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3532 additions and 1 deletion
pages.json
View file @ 44ebb1a8
...@@ -33,6 +33,7 @@ ...@@ -33,6 +33,7 @@
{ {
"path": "pages/webbox/webbox" "path": "pages/webbox/webbox"
} }
], ],
"subPackages": [{ "subPackages": [{
"root": "pages/goods", "root": "pages/goods",
...@@ -251,7 +252,43 @@ ...@@ -251,7 +252,43 @@
"path": "express" "path": "express"
} }
] ]
} },
{
"root": "pages/microShop",
"pages": [{
"path": "index/index",
"style": {
"navigationStyle": "custom"
}
},
{
"path": "myClients/myClients"
},
{
"path":"wdWithdrawal"
},
{
"path":"wdOrder"
},
{
"path":"wdCase"
},
{
"path":"shopSettings"
},
{
"path":"storeManagement/storeManagement"
},
{
"path":"storeManagement/goodsEdit"
},
{
"path":"storeManagement/addGoods"
}
]
}
], ],
"globalStyle": { "globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
......
pages/microShop/index/index.vue 0 → 100644
View file @ 44ebb1a8
This diff is collapsed.
pages/microShop/myClients/myClients.vue 0 → 100644
View file @ 44ebb1a8
<template>
<view class="myClientsStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<u-tabs :list="list" name="GradeName" :is-scroll="false" :current="current" @change="change" :active-color='mainColor' ></u-tabs>
<u-empty v-if="g.length==0" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox">
<view class="box_top">
<u-avatar :src="item.Photo" size="64"></u-avatar>
<view class="box_r">
<view style="width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between;">
<view style="width: 190px;">
<Text class='l_name'>{{item.UserName}}</Text>
</view>
<Text style='font-size: 12px;'>推广{{item.GeneralizeNum}}人</Text>
</view>
<Text style='font-size: 10px;color: #999999;'>{{item.CreateDate}}</Text>
</view>
</view>
<view class="box_b">
<Text style='color: #878787;font-size: 13px;'> <text style='color: #FF3F47;'> {{item.Income}}</text> 元</Text>
<Text style='color: #878787;font-size: 13px;'>{{item.OrderNum}}个订单</Text>
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view>
</view>
</template>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "我的团队",
contentHeight:0,
mainColor:'',
secondary:'',
current:0,
g:[],
list:[
],
msg2:{
pageIndex: 1,
pageSize:10,
FXGradeId:0,
},
page_count:1,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
IsEnableFXGrade:0,
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
},
onLoad(option){
this.list=[{GradeName: '普通会员'},]//设置默认值
this.getUserMyTeamTitelListForFX()
},
mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
getUserMyTeamTitelListForFX(){
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletUser/GerSmallShopsMyTeamTitelListForFX',
data: {}
},
(res) => {
uni.hideLoading();
this.list=res.data;
this.msg2.FXGradeId = this.list[0].Id;
this.init2()
}
);
},
init2(){
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletUser/GetUserMyTeamPageListForFX',
data: this.msg2
},
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
change(index){
this.current = index
this.msg2.FXGradeId = this.list[index].Id;
this.msg2.pageIndex=1;
this.g=[]
this.init2()
},
lower(e) {
if (this.msg2.pageIndex < this.page_count) {
this.msg2.pageIndex++;
this.status = "loading";
this.init2();
} else {
this.status = "nomore";
}
},
}
}
</script>
<style>
.myClientsStyle{
background: #f3f4f6;
}
.myClientsStyle .loading{
width: 200rpx;
height: 200rpx;
background: #000000;
opacity: 0.7;
border-radius: 10rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
left: 50%;
top:30%;
margin-left: -100rpx;
z-index: 999;
}
.myClientsStyle .listbox{
width: 100%;
background: #fff;
padding: 0 15px;
margin-top: 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.myClientsStyle .box_top{
width:100% ;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 10px 0 ;
/* border-bottom: 1px solid #f5f5f5; */
}
.myClientsStyle .box_r{
width: calc(100vw - 30px - 32px - 20px);
height: 32px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.box_r .l_name{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.myClientsStyle .box_b{
width: 100%;
height: 40px;
padding: 0 10px;
background: #F7F5F5;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-radius: 4px;
margin: 10px 0;
}
</style>
pages/microShop/shopSettings.vue 0 → 100644
View file @ 44ebb1a8
<template>
<view class="shopSettingsStyle" :style="{'height':contentHeight}">
<view class="shopsetBox">
<view class="box_item">
<span style="font-weight: bold;">店铺logo</span>
<view style="width: 50px;height: 50px;border-radius: 25px;" @click="chooseTheImg">
<image :src="msg.Logo" style="width: 50px;height: 50px;border-radius: 25px;" mode="aspectFit"></image>
</view>
</view>
<view style="width: 94%;height: 1px;background: #E8E8E8;margin: 5px 0;"></view>
<view class="box_item">
<span style="font-weight: bold;">店铺名称</span>
<input type="text" v-model="msg.Name" style="width: 200px;text-align: right;">
</view>
</view>
<view class="shopsetBox">
<view class="box_item">
<span style="font-weight: bold;">店铺公告</span>
</view>
<textarea
placeholder="请输入店铺公告.."
style="font-size:14px;color:#111111;width: 94%;margin: 15px 0;"
:value="msg.Notice"
@input='identifybtn'
/>
</view>
<view class="btn" @click="save">
修改
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "店铺信息设置",
contentHeight:0,
mainColor:'',
secondary:'',
msg:{
Name:'',
Logo:'',
Notice:'',
}
}
},
onLoad(options){
if(options){
let data = JSON.parse(decodeURIComponent(options.data))
this.msg.Name = data.UserName;
this.msg.Logo = data.Logo;
this.msg.Notice = data.Notice;
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
// this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
save(){
let pages = getCurrentPages(); // 当前页面
let beforePage = pages[pages.length - 2]; // 前一个页面
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletUser/UpdateShopsInfo',
data: this.msg
},
(res) => {
uni.hideLoading();
uni.showToast({
title: res.data,
icon: "none",
});
setTimeout(()=>{
uni.navigateBack({
success: function() {
beforePage.$vm.getSmallShopsCenter(); // 执行前一个页面的方法
}
});
},1000)
}
);
},
identifybtn(val){
this.msg.Notice = val.detail.value
},
chooseTheImg(){
let that = this
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
sourceType: ['album'], //从相册选择
success: function (res) {
let imgUrl = res.tempFilePaths[0]
console.log(imgUrl)
that.msg.Logo = imgUrl
}
});
}
}
}
</script>
<style>
.shopSettingsStyle{
background: #f3f4f6;
}
.shopSettingsStyle .shopsetBox{
width: 100%;
background: #FFFFFF;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
}
.shopSettingsStyle .box_item{
width: 94%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 14px;
color: #000000;
padding: 15px 0;
}
.shopSettingsStyle .btn{
width: 94%;
height: 45px;
border-radius: 22.5px;
margin-left: 3%;
background: #FF4048;
font-size: 16px;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
margin-top: 70px;
}
</style>
pages/microShop/storeManagement/addGoods.vue 0 → 100644
View file @ 44ebb1a8
<template>
<view class="addGoodsStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<view style="padding: 5px 10px;background: #FFFFFF;">
<u-search
action-text="搜索"
:focus="true"
:clearabled="true"
:show-action="true"
radius="40"
v-model="searchKey"
@search="searchHandler"
@custom="searchHandler"
></u-search>
</view>
<u-empty v-if="g.length==0" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding: 10px 0;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox">
<view class="box_c" >
<image :src="item.CoverImage" style="width: 65px;height: 65px;border-radius: 6px;"></image>
<view style="width: calc(100vw - 30px - 65px - 15px);display: flex;flex-direction: column;margin-left: 15px;">
<view class="box_c_name">{{item.Name}}</view>
<view style="width:100%;height: 20px;display: flex;align-items: center;justify-content: flex-end;margin-top: 10px;">
<view class="allEdit" @click="addGoods(item)">
添加
</view>
</view>
</view>
</view>
<view class="SupplierListstyle">
<view class="Sitem" v-for="(x, index2) in item.SpecificationList" :key="index2" v-if='item.showdetail == true || index2==0' @click=" isdetail(index,index2) ">
<view class="Sitem_gg" >
<text v-for="(j, index3) in x.AttrList" :key="index3">{{j.attr_group_name}}:{{j.attr_name}}{{x.attr_list.length==index3+1?'':','}}</text>
</view>
<u-icon name="arrow" v-if='item.showdetail==false && index2==0 && item.SpecificationList.length>1' ></u-icon>
<u-icon name="arrow-down" v-if='item.showdetail==true && index2==0&& item.SpecificationList.length>1'></u-icon>
</view>
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view>
</view>
</template>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "添加商品",
contentHeight:0,
mainColor:'',
secondary:'',
g:[],
msg:{
pageIndex: 1,
pageSize:10,
Id:0,
GoodsName:'',
},
page_count:1,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletSmallShops/GetSmallShopsChooseGoodsPageList',
data: this.msg
},
(res) => {
uni.hideLoading();
let list = res.data.pageData;
list.forEach((x)=>{
x.showdetail = false
})
this.g = this.g.concat(list);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
isdetail(index){
this.g[index].showdetail = !this.g[index].showdetail
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
searchHandler(val){
this.msg.GoodsName = val;
this.g= [];
this.msg.pageIndex = 1;
this.init()
},
addGoods(data){
data.SpecificationList.forEach(x=>{
x.UpPrice = 0;
x.PriceType = 0;
})
let obj = encodeURIComponent(JSON.stringify(data))
uni.navigateTo({
url:'/pages/microShop/storeManagement/goodsEdit?data='+obj+'&type=2'
});
}
}
}
</script>
<style>
.addGoodsStyle{
background: #f3f4f6;
}
.addGoodsStyle .listbox{
width: 100%;
background: #fff;
padding: 0 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.addGoodsStyle .listbox .box_top{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f5f5f5;
}
.addGoodsStyle .listbox .box_center{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 13px;
}
.addGoodsStyle .center_l{
display: flex;flex-direction: row;align-items: center;
}
.addGoodsStyle .listbox .box_ltext{
width: 90px;
margin-left: 5px;
}
.addGoodsStyle .listbox .l_name{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.addGoodsStyle .listbox .box_bottom{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 0 0;
border-top: 1px solid #f5f5f5;
font-size: 13px;
}
.box_bottom .b_r{
width: calc(100vw - 30px - 50px - 20px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.addGoodsStyle .search{
width: 100%;
height: 50px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0 15px;
background: #FFFFFF;
}
.addGoodsStyle .listbox{
width: 100%;
margin-bottom: 10px;
padding: 15px;
background: #fff;
display: flex;
flex-direction: column;
align-items: center
}
.addGoodsStyle .box_c{
display: flex;
flex-direction: row;
width: 100%;
overflow: hidden;
margin-top: 15px;
}
.addGoodsStyle .box_c_name{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 13px;
color: #111111;
}
.addGoodsStyle .SupplierListstyle{
width: 100%;
background: #F8F6F5;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 10px;
}
.addGoodsStyle .Sitem{
width: 96%;
display: flex;
flex-direction: row;
align-items: center;
font-size: 11px;
color: #888888;
height: 35px;
margin-left: 2%;
}
.addGoodsStyle .Sitem_gg{
width: 90%;
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical;
}
.addGoodsStyle .allEdit{
width: 60px;
height: 24px;
border-radius: 12px;
background: #FF4048;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF
}
</style>
pages/microShop/storeManagement/goodsEdit.vue 0 → 100644
View file @ 44ebb1a8
This diff is collapsed.
pages/microShop/storeManagement/storeManagement.vue 0 → 100644
View file @ 44ebb1a8
This diff is collapsed.
pages/microShop/wdCase.vue 0 → 100644
View file @ 44ebb1a8
This diff is collapsed.
pages/microShop/wdOrder.vue 0 → 100644
View file @ 44ebb1a8
<template>
<view class="wdOrderStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<u-tabs :list="list" :is-scroll="false" :current="msg.DistrbutionOrderSelectStatus" @change="change" :active-color='mainColor' ></u-tabs>
<u-empty v-if="g.length==0" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding: 10px 0;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox">
<view class="box_top">
<Text style='font-size: 14px;'>订单号：{{item.OrderNo}}</Text>
<Text :style="{'font-size':'14px','color':mainColor}">{{item.StatusName}}</Text>
</view>
<view class="box_center" @click="isdetail(index)">
<view class="center_l" >
<u-avatar :src="item.Photo" mode="square" size="70"></u-avatar>
<view class="box_ltext">
<Text class='l_name'>{{item.UserName}}</Text>
</view>
<!-- <Text v-if='item.Grade==0'>自购返佣</Text>
<Text v-if='item.Grade==1'>一级分销</Text>
<Text v-if='item.Grade==2'>二级分销</Text> -->
<text style="margin-left: 15px;">{{item.GradeDescription}}</text>
</view>
<view class="center_l">
<Text>{{item.CommissionState==1? '待返佣':'已返佣'}}：<Text :style="{color:mainColor}">{{item.Commission}}</Text>元 </Text>
<u-icon name="arrow" v-if='item.showdetail==false'></u-icon>
<u-icon name="arrow-down" v-if='item.showdetail==true'></u-icon>
</view>
</view>
<view style="display: flex;flex-direction: column;align-items: center;padding-bottom: 15px;width: 100%;" v-if='item.showdetail==true'>
<view class="box_bottom" v-for="(c, i) in item.DetailList" :key="i">
<image :src="c.CoverImagePath" style="width: 55px;height: 55px" mode='aspectFit'></image>
<view class="b_r">
<Text class='l_name'>{{c.GoodsName}}</Text>
<view style='display: flex;flex-direction: row;align-items: center;'>
<Text v-for="(q, w) in c.SpecificationList" :key="w">{{q}}</Text>
</view>
<view>
<Text :style="{color:mainColor}">￥{{c.Final_Price}}</Text>
<Text style='margin-left: 5px;'>x{{c.Number}}</Text>
</view>
</view>
</view>
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view>
</view>
</template>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "分销订单",
contentHeight:0,
mainColor:'',
secondary:'',
g:[],
list:[
{name: '全部'},
{name: '待付款'},
{name: '已付款'},
{name: '已完成'},
],
msg:{
pageIndex: 1,
pageSize:10,
DistrbutionOrderSelectStatus:0
},
page_count:1,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletUser/GetSmallShopsCommissionPageList',
data: this.msg
},
(res) => {
uni.hideLoading();
let list = res.data.pageData;
list.forEach((x)=>{
x.showdetail = false
})
this.g = this.g.concat(list);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
change(index){
this.msg.DistrbutionOrderSelectStatus = index;
this.msg.pageIndex=1;
this.g=[]
this.init()
},
isdetail(index){
this.g[index].showdetail = !this.g[index].showdetail
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
}
}
</script>
<style>
.wdOrderStyle{
background: #f3f4f6;
}
.wdOrderStyle .listbox{
width: 100%;
background: #fff;
padding: 0 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: center;
}
.wdOrderStyle .listbox .box_top{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #f5f5f5;
}
.wdOrderStyle .listbox .box_center{
width: 100%;
height: 45px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
font-size: 13px;
}
.wdOrderStyle .center_l{
display: flex;flex-direction: row;align-items: center;
}
.wdOrderStyle .listbox .box_ltext{
width: 90px;
margin-left: 5px;
}
.wdOrderStyle .listbox .l_name{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.wdOrderStyle .listbox .box_bottom{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 15px 0 0;
border-top: 1px solid #f5f5f5;
font-size: 13px;
}
.box_bottom .b_r{
width: calc(100vw - 30px - 50px - 20px);
display: flex;
flex-direction: column;
justify-content: space-between;
}
</style>
pages/microShop/wdWithdrawal.vue 0 → 100644
View file @ 44ebb1a8
<template>
<view class="wdWithdrawalStyle" :style="{'height':contentHeight}">
<view style="width: 100%;height: 100%;">
<u-tabs :list="list" :is-scroll="false" :current="msg.AuditStatus" @change="change" :active-color='mainColor' bg-color='#f3f4f6'></u-tabs>
<u-empty v-if="g.length==0" text="暂无数据" mode="data"></u-empty>
<template v-if="g.length > 0">
<view
style="
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;
padding: 10px 0;
">
<scroll-view
:scroll-y="true"
:enable-back-to-top="true"
:enable-flex="true"
@scrolltolower="lower"
:style="{ height: '100%' }">
<view style="display: flex;flex-direction: column;align-items: center;">
<view v-for="(item, index) in g" :key="index" class="listbox">
<!-- <view style="padding: 10px;color: #999;">{{item.date}}</view> -->
<!-- <view class="box_b" v-for="(c, i) in item.list" :key="i"> -->
<view class="box_b" >
<view class="box_b_l">
<view style='display: flex;flex-direction: row;align-items: center;'>
<Text>{{item.WithdrawalWayName}}</Text>
<view class="status">
<Text :style="{'color':mainColor}">{{item.AuditStatusName}}</Text>
</view>
</view>
<Text class='text_s' v-if='item.WithdrawalWay==1'>提现方式：自动打款</Text>
<Text class='text_s' v-if='item.WithdrawalWay==2'>提现方式：微信线下转账</Text>
<Text class='text_s' v-if='item.WithdrawalWay==3'>提现方式：支付宝线下转账</Text>
<Text class='text_s' v-if='item.WithdrawalWay==4'>提现方式：银行卡线下转账</Text>
<Text class='text_s' v-if='item.WithdrawalWay==5'>提现方式：余额提现</Text>
<Text class='text_s'>提现时间：{{item.RemitDate}}</Text>
</view>
<view class="box_b_l" style="align-items: flex-end;">
<Text style='font-size: 18px;'>{{item.AppliedMoney}}</Text>
<Text class='text_s' > 手续费{{item.Fee}}</Text>
</view>
</view>
</view>
</view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#f3f4f6"
/>
</scroll-view>
</view>
</template>
</view>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: "提现明细",
contentHeight:0,
mainColor:'',
secondary:'',
g:[],
list:[
{name: '全部'},
{name: '待审核'},
{name: '待打款'},
{name: '已打款'},
{name: '无效'},
],
msg:{
pageIndex: 1,
pageSize:10,
AuditStatus:0
},
page_count:1,
status: "loadmore",
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "没有更多了",
},
}
},
created(){
this.contentHeight = this.$utils.calcContentHeight(-40)+'px';
this.mainColor = this.$uiConfig.mainColor;
this.secondary = this.$uiConfig.secondary;
this.init()
},
mounted() {
let currentPages = getCurrentPages();
let u = "/" + currentPages[currentPages.length-1].route;
let pages = wx.getStorageSync("basedata")
? wx.getStorageSync("basedata").bar_title
: [];
pages.forEach((x) => {
if (x.value == u) {
this.pageTitle = x.new_name ? x.new_name : x.name;
}
});
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
init(){
uni.showLoading({
title: '加载中'
});
this.request2(
{
url: '/api/AppletUser/GetSmallShopsRemitPageList',
data: this.msg
},
(res) => {
uni.hideLoading();
this.g = this.g.concat(res.data.pageData);
this.page_count = res.data.pageCount;
if (this.page_count == 1) {
this.status = "nomore";
}
}
);
},
change(index){
this.msg.AuditStatus = index;
this.msg.pageIndex=1;
this.g=[]
this.init()
},
lower(e) {
if (this.msg.pageIndex < this.page_count) {
this.msg.pageIndex++;
this.status = "loading";
this.init();
} else {
this.status = "nomore";
}
},
}
}
</script>
<style>
.wdWithdrawalStyle{
background: #f3f4f6;
}
.wdWithdrawalStyle .listbox{
width: 94%;
border-radius: 10rpx;
background: #fff;
margin-top: 15px;
}
.wdWithdrawalStyle .listbox .box_b{
width: 100%;
padding: 10px;
/* border-top: 1px solid #f5f5f5; */
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.listbox .box_b .box_b_l{
display: flex;
flex-direction: column;
}
.box_b .box_b_l .status{
height:20px ;
padding: 0 5px;
border: 1px solid #ff4544;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
margin-left: 5px;
font-size: 14px;
}
.wdWithdrawalStyle .text_s{
font-size: 14px;
color: #999999;
margin-top: 3px;
}
</style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment