Skip to content

M
mallapp
Commit b5ab66ee authored by 罗超's avatar 罗超
Browse files
Options

1

parent 36797e48
Hide whitespace changes
Inline Side-by-side
Showing with 402 additions and 280 deletions
pages/kotra/activityList.vue
View file @ b5ab66ee
<style> <style>
.activityList { .activityList {
background-color: #F3F5F7; background-color: #f3f5f7;
padding: 15px; padding: 15px;
} }
.activityList .activeList { .activityList .activeList {
background-color: #fff; background-color: #fff;
margin-bottom: 15px; margin-bottom: 15px;
padding: 15px; padding: 15px;
} }
.activityList .activeTop { .activityList .activeTop {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
} }
.activityList .activeLeftTitle { .activityList .activeLeftTitle {
color: #111111; color: #111111;
font-size: 14px; font-size: 14px;
font-weight: bold; font-weight: bold;
} }
.activityList .activeBtm { .activityList .activeBtm {
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;
justify-content: space-between; justify-content: space-between;
} }
.activityList .activeLeftImg { .activityList .activeLeftImg {
width: 111px; width: 111px;
height: 70px; height: 70px;
flex-shrink: 0; flex-shrink: 0;
} }
.activityList .activeRight { .activityList .activeRight {
margin-left: 15px; margin-left: 15px;
color: #B9B9B9; color: #b9b9b9;
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
} }
</style> </style>
<template> <template>
<view class="activityList" style="height:100vh;"> <view class="activityList" style="height: 100vh">
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length == 0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ 'height': `calc(100%)`}"> <scroll-view
<view> v-else
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goActiveDetail(item)"> :scroll-y="true"
<view class="activeTop"> :enable-back-to-top="true"
<view class="activeLeftTitle">{{item.ActivityName}}</view> :enable-flex="true"
<view> @scrolltolower="lower"
<image style="width:20px;height:20px;" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/arrow_right.png" :style="{ height: `calc(100%)` }"
mode=""></image> >
</view> <view>
</view> <view
<view class="activeBtm"> class="activeList"
<view class="activeLeftImg"> v-for="(item, index) in dataList"
<image style="width:100%;height:100%;" :src="item.CoverImg"></image> :key="index"
</view> @click="goActiveDetail(item)"
<view class="activeRight"> >
<view>活动类型：{{item.ActivityTypeName}}</view> <view class="activeTop">
<view style="margin:10px 0">开始时间：{{item.StartTimeStr}}</view> <view class="activeLeftTitle">{{ item.ActivityName }}</view>
<view>结束时间：{{item.EndTimeStr}}</view> <view>
</view> <image
style="width: 20px; height: 20px"
</view> src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/arrow_right.png"
<view > mode=""
<u-button size="80" :ripple="true" shape="circle" :custom-style="{ ></image>
backgroundColor: mc, </view>
height: '80rpx', </view>
color: '#FFF', <view class="activeBtm">
fontSize: '14px', <view class="activeLeftImg">
margin: '0 3vw', <image
width: '40vw', style="width: 100%; height: 100%"
}" :src="item.CoverImg"
@click="goSignList(item)">查看报名信息</u-button> ></image>
</view> </view>
</view> <view class="activeRight">
</view> <view>活动类型：{{ item.ActivityTypeName }}</view>
<view style="padding:10px 0;"> <view style="margin: 10px 0"
<u-loadmore :status="status" :load-text="loadText" bg-color="#F3F5F7" :font-size="24" :margin-top="0" >开始时间：{{ item.StartTimeStr }}</view
:margin-bottom="0" /> >
</view> <view>结束时间：{{ item.EndTimeStr }}</view>
</scroll-view> </view>
</view> </view>
<view>
<u-button
size="80"
:ripple="true"
shape="circle"
:custom-style="{
backgroundColor: mainColor ? mainColor : '#1F1F1F',
color: '#FFF',
fontSize: '28rpx',
marginTop: '10rpx',
width: '300rpx',
height: '88rpx',
}"
@click="goSignList(item)"
>查看报名信息</u-button
>
</view>
</view>
</view>
<view style="padding: 10px 0">
<u-loadmore
:status="status"
:load-text="loadText"
bg-color="#F3F5F7"
:font-size="24"
:margin-top="0"
:margin-bottom="0"
/>
</view>
</scroll-view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
pageTitle: '我的活动', pageTitle: "我的活动",
qmsg: { qmsg: {
pageIndex: 1, pageIndex: 1,
pageSize: 10 pageSize: 10,
}, },
pageCount: 1, pageCount: 1,
dataList: [], dataList: [],
loadText: { loadText: {
loadmore: "轻轻上拉，加载更多", loadmore: "轻轻上拉，加载更多",
loading: "努力加载中", loading: "努力加载中",
nomore: "没有更多了", nomore: "没有更多了",
}, },
status: '', status: "",
} mainColor: "",
}, };
created() {}, },
mounted() { created() {},
uni.setNavigationBarTitle({ mounted() {
title: this.pageTitle, this.mainColor = this.$uiConfig.mainColor;
}); uni.setNavigationBarTitle({
}, title: this.pageTitle,
onLoad(option) { });
this.getList(1); },
}, onLoad(option) {
methods: { this.getList(1);
goSignList(item) { },
uni.navigateTo({ methods: {
url: "/pages/kotra/signList?Id=" + item.Id goSignList(item) {
}); uni.navigateTo({
}, url: "/pages/kotra/signList?Id=" + item.Id,
getList(num) { });
if (num == 1) { },
this.dataList = []; getList(num) {
} if (num == 1) {
this.request2({ this.dataList = [];
url: "/api/AppletTrade/GetUserActivityPage", }
data: this.qmsg, this.request2(
}, {
(res) => { url: "/api/AppletTrade/GetUserActivityPage",
if (res.resultCode == 1) { data: this.qmsg,
this.dataList = res.data.pageData; },
this.pageCount = res.data.pageCount; (res) => {
} if (res.resultCode == 1) {
} this.dataList = res.data.pageData;
); this.pageCount = res.data.pageCount;
}, }
//滚动加载 }
lower(e) { );
if (this.msg.pageIndex < this.pageCount) { },
this.msg.pageIndex++; //滚动加载
this.status = "loading"; lower(e) {
this.getList(); if (this.msg.pageIndex < this.pageCount) {
} else { this.msg.pageIndex++;
this.status = "nomore"; this.status = "loading";
} this.getList();
}, } else {
//跳转至活动详情 this.status = "nomore";
goActiveDetail(item) { }
uni.navigateTo({ },
url: '/pages/kotra/activeInnerDetail?Id=' + item.Id + '&isFromActive=' + '1', //跳转至活动详情
}); goActiveDetail(item) {
} uni.navigateTo({
} url:
} "/pages/kotra/activeInnerDetail?Id=" +
item.Id +
"&isFromActive=" +
"1",
});
},
},
};
</script> </script>
pages/kotra/brand/detail.vue
View file @ b5ab66ee
...@@ -32,8 +32,8 @@ ...@@ -32,8 +32,8 @@
<!-- 关注 --> <!-- 关注 -->
<view <view
style=" style="
width: 86px; width: 120rpx;
height: 86px; height: 120rpx;
margin-left: 12rpx; margin-left: 12rpx;
margin-right: -40rpx; margin-right: -40rpx;
position: absolute; position: absolute;
......
pages/kotra/carrier/detail.vue
View file @ b5ab66ee
...@@ -179,8 +179,8 @@ ...@@ -179,8 +179,8 @@
<!-- 关注 --> <!-- 关注 -->
<view <view
style=" style="
width: 86px; width: 120rpx;
height: 86px; height: 120rpx;
margin-left: 12rpx; margin-left: 12rpx;
margin-right: -40rpx; margin-right: -40rpx;
" "
......
pages/kotra/signList.vue
View file @ b5ab66ee
<style> <style>
.signList { .signList {
background-color: #F3F5F7; background-color: #f3f5f7;
padding: 15px; padding: 15px;
} }
.signList .activeList { .signList .activeList {
background-color: #fff; height: 210rpx;
margin-bottom: 15px; background: #ffffff;
padding: 15px; box-shadow: 0px 10rpx 50rpx 0px rgba(218, 220, 230, 0.85);
} border-radius: 30rpx;
padding: 30rpx;
margin-bottom: 30rpx;
display: flex;
}
.signList .left {
width: 130rpx;
height: 100%;
border-right: 1px solid #a5b1c5;
display: flex;
flex-wrap: wrap;
align-content: space-between;
padding-top: 10rpx;
padding-right: 20rpx;
}
.signList .right {
padding-left: 20rpx;
}
.rightItem {
margin: 10rpx;
font-size: 28rpx;
font-family: PingFang SC;
font-weight: 600;
color: #1f1f1f;
}
.rightItem .label {
color: #a4b0c4;
font-weight: 400;
}
.signList .activeTop {
display: flex;
justify-content: space-between;
align-items: center;
}
.signList .activeTop { .signList .activeLeftTitle {
display: flex; color: #111111;
justify-content: space-between; font-size: 14px;
align-items: center; font-weight: bold;
} }
.signList .activeLeftTitle { .signList .activeBtm {
color: #111111; display: flex;
font-size: 14px; margin-top: 10px;
font-weight: bold; justify-content: space-between;
} }
.signList .activeBtm { .signList .activeLeftImg {
display: flex; width: 111px;
margin-top: 10px; height: 70px;
justify-content: space-between; flex-shrink: 0;
} }
.signList .activeLeftImg { .signList .activeRight {
width: 111px; margin-left: 15px;
height: 70px; color: #b9b9b9;
flex-shrink: 0; font-size: 12px;
} width: 100%;
}
.signList .activeRight { .signList .LinkMan {
margin-left: 15px; width: 100%;
color: #B9B9B9; font-size: 32rpx;
font-size: 12px; font-family: PingFang SC;
width: 100%; font-weight: bold;
} color: #1f1f1f;
}
.linkIconBox {
width: 100%;
display: flex;
justify-content: space-between;
}
</style> </style>
<template> <template>
<view class="signList" style="height:100vh;"> <view class="signList" style="height: 100vh">
<u-empty v-if="dataList.length==0" text="暂无数据" mode="data"></u-empty> <u-empty v-if="dataList.length == 0" text="暂无数据" mode="data"></u-empty>
<scroll-view v-else :scroll-y="true" :enable-back-to-top="true" :enable-flex="true" @scrolltolower="lower" :style="{ 'height': `calc(100%)`}"> <scroll-view
<view> v-else
<view class="activeList" v-for="(item,index) in dataList" :key="index"> :scroll-y="true"
<view>联系人：{{item.LinkMan}}</view> :enable-back-to-top="true"
<view style="margin:10px 0">联系电话：{{item.LinkTel}}</view> :enable-flex="true"
<view>职务：{{item.Post}}</view> @scrolltolower="lower"
<view>所属国籍/省/市：{{item.CountryInfo}}</view> :style="{ height: `calc(100%)` }"
</view> >
</view> <view>
<view style="padding:10px 0;"> <view class="activeList" v-for="(item, index) in dataList" :key="index">
<u-loadmore :status="status" :load-text="loadText" bg-color="#F3F5F7" :font-size="24" :margin-top="0" <view class="left">
:margin-bottom="0" /> <view class="LinkMan">{{ item.LinkMan }}</view>
</view> <view class="linkIconBox"
</scroll-view> ><u-icon
</view> name="comment"
color="#F27488"
size="32"
@click="edituser"
></u-icon
><u-icon
name="delete"
color="#F27488"
size="32"
@click="deleteUser(item)"
></u-icon
></view>
</view>
<view class="right">
<view class="rightItem">
<text class="label">公司职务：</text>{{ item.Post }}</view
>
<view class="rightItem">
<text class="label">所属区域：</text>{{ item.CountryInfo }}</view
>
<view class="rightItem">
<text class="label">联系电话：</text>{{ item.LinkTel }}</view
>
</view>
</view>
</view>
<view style="padding: 10px 0">
<u-loadmore
:status="status"
:load-text="loadText"
bg-color="#F3F5F7"
:font-size="24"
:margin-top="0"
:margin-bottom="0"
/>
</view>
</scroll-view>
</view>
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
pageTitle: '我的活动', pageTitle: "我的活动",
qmsg: { qmsg: {
Id: 0 Id: 0,
}, },
dataList: [], dataList: [],
loadText: { loadText: {
loadmore: "轻轻上拉，加载更多", loadmore: "轻轻上拉，加载更多",
loading: "努力加载中", loading: "努力加载中",
nomore: "没有更多了", nomore: "没有更多了",
}, },
status: '', status: "",
} };
}, },
created() {}, created() {},
mounted() { mounted() {
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
title: this.pageTitle, title: this.pageTitle,
}); });
}, },
onLoad(option) { onLoad(option) {
this.qmsg.Id = option.Id; this.qmsg.Id = option.Id;
this.getList(); this.getList();
}, },
methods: { methods: {
getList() { getList() {
this.request2({ this.request2(
url: "/api/AppletTrade/GetCommerceActivity", {
data: this.qmsg, url: "/api/AppletTrade/GetCommerceActivity",
}, data: this.qmsg,
(res) => { },
console.log(res); (res) => {
if (res.resultCode == 1) { console.log(res);
this.dataList = res.data.CommerceConsultList if (res.resultCode == 1) {
} this.dataList = res.data.CommerceConsultList;
} }
); }
}, );
//删除用户 },
deleteUser(item) { //删除用户
var delMsg = { deleteUser(item) {
Id: item.Id var delMsg = {
} Id: item.Id,
this.request2({ };
url: "/api/AppletTrade/DeleteTrdceConsult", this.request2(
data: delMsg, {
}, url: "/api/AppletTrade/DeleteTrdceConsult",
(res) => { data: delMsg,
if (res.resultCode == 1) { },
this.getList(); (res) => {
} if (res.resultCode == 1) {
} this.getList();
); }
}, }
//修改用户信息 );
setUser(item) { },
var postMsg = { //修改用户信息
Id: item.Id, setUser(item) {
ActivityId: item.ActivityId, var postMsg = {
LinkMan: item.LinkMan, Id: item.Id,
LinkTel: item.LinkTel, ActivityId: item.ActivityId,
Post: item.Post, LinkMan: item.LinkMan,
CountryInfo: item.CountryInfo LinkTel: item.LinkTel,
} Post: item.Post,
this.request2({ CountryInfo: item.CountryInfo,
url: "/api/AppletTrade/SetTradeConsult", };
data: postMsg, this.request2(
}, {
(res) => { url: "/api/AppletTrade/SetTradeConsult",
if (res.resultCode == 1) { data: postMsg,
this.getList(); },
} (res) => {
} if (res.resultCode == 1) {
); this.getList();
} }
} }
} );
},
edituser() {
uni.navigateTo({
url: "/pages/kotra/activeSignUp",
});
},
},
};
</script> </script>
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