Skip to content

T
thinkApp
Commit 84360597 authored by youjie's avatar youjie
Browse files
Options

no message

parent 1fe28707
Hide whitespace changes
Inline Side-by-side
Showing with 217 additions and 3 deletions
src/pages.json
View file @ 84360597
......@@ -147,6 +147,16 @@
"backgroundColor": "#F6F6F6"
}
}]
},{
"root": "pages/FriendsAndRelatives", //亲友团
"pages": [{
"path": "index",
"style": {
"navigationBarTitleText": "亲友团",
"navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F6F6F6"
}
}]
}
],
// "tabBar": {
......@@ -183,8 +193,8 @@
// },
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#ffffff",
"navigationBarBackgroundColor": "#F6F6F6",
"backgroundColor": "#F6F6F6",
"usingComponents": {
"van-button": "/wxcomponents/vant/button/index", //按钮
"van-cell": "/wxcomponents/vant/cell/index", //单元格
......
src/pages/FriendsAndRelatives/index.vue 0 → 100644
View file @ 84360597
<style scoped>
.FriendsAndRelatives-header{
height: 491rpx;
text-align: center;
position: relative;
}
.FriendsAndRelatives-header image{
margin: auto;
}
.header-list{
position: absolute;
left: 50rpx;
right: 50rpx;
bottom: 0rpx;
padding: 46rpx 0 39rpx 0;
background: #FFFFFF;
opacity: 0.95;
border-radius: 40rpx;
}
.header-left{
width: 200rpx;
flex-shrink: 0;
flex-direction: column;
position: relative;
left: 49rpx;
}
.left-text{
justify-content: center;
}
.left-title{
font-size: 20rpx;
font-weight: 500;
color: #2F2F2F;
margin-top: 22rpx;
}
.left-text text{
font-size: 46rpx;
font-weight: 800;
font-style: italic;
color: #111111;
line-height: 70rpx;
}
.left-text view{
font-size: 28rpx;
font-weight: 500;
margin-top: 20rpx;
margin-left: 10rpx;
}
.header-right{
flex-grow: 1;
justify-content: space-between;
margin-left: 82rpx;
margin-right: 49rpx;
border-left: 2rpx solid #ECECEC;
}
.right-image{
flex-direction: column;
}
</style>
<template>
<view class="FriendsAndRelatives">
<view class="FriendsAndRelatives-header">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664163809000_838.png"
style="width: 559rpx;height: 405rpx;"></image>
<view class="header-list flex_between_center">
<view class="header-left flex">
<view class="left-text flex">
<text>3</text>
<view>人</view>
</view>
<text class="left-title">亲友团</text>
<view class="segmentation"></view>
</view>
<view class="header-right flex">
<view class="right-image flex">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164163000_619.png"
style="width: 99rpx;height: 99rpx;"></image>
<text>微信邀请</text>
</view>
<view class="right-image flex">
<image src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1664164159000_60.png"
style="width: 99rpx;height: 99rpx;"></image>
<text>面对面邀请</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import {
ref,
reactive,
toRefs,
toRef,
getCurrentInstance,
watch,
computed,
onMounted,
inject,
} from "vue";
import Loadmore from "../../components/loadmore.vue";
import bottom from "../../components/bottom";
import {
GetOrderPage
} from "../../api/erp";
export default {
components: {
bottom,
Loadmore,
},
setup(props, context) {
let {
proxy
} = getCurrentInstance();
let data = reactive({
loading:true,
Account:'',
msg: {
pageIndex: 1,
pageSize: 10,
OrderType: 1
},
pageCount: 0,
dataList: [],
pageState: "more",
timer: null, //防抖
imgUrlG:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1663930765000_891.png',
imgUrlR:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1663930765000_218.png',
imgBoy:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1663932008000_116.png',
imgGirl:'https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1663931928000_154.png'
});
const methods = {
usernameInput(val) {
data.Account = val.detail;
},
addChild(){
data.loading = false
setTimeout(()=>{
data.loading = true
uni.navigateBack({
delta: 1
});
},2000)
},
onClose(event) {
const { position, instance } = event.detail;
switch (position) {
case 'left':
case 'cell':
case 'right':
instance.close();
break;
}
},
jumpPage(url) {
uni.navigateTo({
url: url,
});
},
async getData() {
let res = await GetOrderPage(data.msg);
if (res) {
if (data.timer) data.timer = null;
if (data.msg.pageIndex === 1) {
data.dataList = res.Data.PageData;
} else {
data.dataList = [...data.dataList, ...res.Data.PageData];
}
data.pageCount = res.Data.PageCount
if (data.msg.pageIndex >= res.Data.PageCount) {
data.pageState = "none";
} else {
data.pageState = "more";
}
}
},
};
let that = methods;
return {
...toRefs(data),
...methods
};
},
onLoad(options) {
this.msg.OrderType = options.type
this.getData();
},
onReachBottom() {
if (this.msg.pageIndex < this.pageCount) {
data.pageState = "loading";
if (this.timer) clearTimeout(this.timer);
this.timer = setTimeout(() => {
this.msg.pageIndex++;
that.getList();
}, 1000);
} else {
this.pageState = "none";
}
}
};
</script>
src/pages/person/person.vue
View file @ 84360597
......@@ -43,7 +43,7 @@
我的小孩
</view>
</view>
<view class="orderItem " @click="jumpPage(`/pages/contract/contract`)">
<view class="orderItem " @click="jumpPage(`/pages/FriendsAndRelatives/index`)">
<view class=" flex_between_center" style="width:100%">
<view class="orderNum">{{ pageData.ContractNum||0 }}</view>
<image src="../../static/image/person/order3.png" mode="aspectFill" class="orderIcon"></image>
......
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