Skip to content

M
mallapp
Commit ea145c05 authored by zhengke's avatar zhengke
Browse files
Options

修改

parent ab8e569a
Hide whitespace changes
Inline Side-by-side
Showing with 298 additions and 73 deletions
components/navpage/activity.vue
View file @ ea145c05
......@@ -108,7 +108,6 @@
//跳转详情
goDetail(item){
uni.navigateTo({
// url: '/pages/goods/list?CategoryIds=' + item.Id,
url: '/pages/kotra/activeInner?Id=' + item.Id
});
}
......
pages.json
View file @ ea145c05
......@@ -575,6 +575,14 @@
"path": "news" //最新动向
},{
"path": "fat" //fat资讯
},{
"path":"procurementList" //采购申请
},{
"path":"investmentList" //投资申请
},{
"path":"zixunList" //咨询信息
},{
"path":"activeInnerDetail" //活动详情
}] }
],
"globalStyle": {
......
pages/kotra/activeInner.vue
View file @ ea145c05
<style>
.activeSearch {
display: flex;
margin: 10px;
width: 100%;
justify-content: space-between;
.activeInner{
background-color: #F3F5F7;
}
.active_Search {
width: 60px;
height: 34px;
background-color: #000450;
color: #fff;
text-align: center;
line-height: 34px;
border-radius: 2px;
margin-right: 20px;
display: inline-block;
}
.activeContent {
margin: 15px;
}
.activeList {
display: flex;
border-bottom: 1px solid #F4F4F4;
.activeList{
height:255px;
margin:15px;
background-color: #fff;
border-radius: 3px;
overflow: hidden;
position: relative;
padding-bottom:15px;
}
.active_Left {
width: 153px;
height: 115px;
flex-shrink: 0;
.activeInnerTop{
width:100%;
height:190px;
border-radius: 3px;
overflow: hidden;
}
.active_Left img {
width: 100%;
height: 100%;
.activeInnerTitle{
font-size:14px;
color:#404040;
font-weight: bold;
margin:10px 0 8px 15px;
}
.activeName {
color: #404040;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
.activeDate{
color:#B9B9B9;
font-size: 12px;
margin-left:15px;
}
.activeTime {
.activeJoin{
color:#fff;
background-color: #000450;
width:60px;
height:22px;
border-radius: 3px;
text-align: center;
line-height: 22px;
position: absolute;
color: #B9B9B9;
bottom: 0;
font-size: 13px;
bottom: 10px;
color: #B9B9B9;
right:12px;
bottom:12px;
font-size:12px;
}
.active_gight {
margin-left: 10px;
.activeJieshu{
background-color: #AFAFAF;
color:#fff;
}
</style>
<template>
<view class="activeInner">
<view class="activeSearch">
<u-search placeholder="输入商品名称" style="width:81%;" :show-action="false" v-model="keyword"></u-search>
<view class="active_Search">搜索</view>
</view>
<view class="activeInner" style="height:100vh;">
<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%)`}">
<view class="activeContent">
<view class="activeList" v-for="(item,index) in dataList" :key="index">
<view class="active_Left">
<img :src="item.CoverImg" alt="" />
</view>
<view class="active_gight">
<view class="activeName">{{item.ActivityName}}</view>
<view class="activeTime">{{item.StartTimeStr}}</view>
</view>
@scrolltolower="lower" :style="{ 'height': `calc(100%)-15`}">
<view class="activeList" v-for="(item,index) in dataList" :key="index" @click="goActiveDetail(item)">
<view class="activeInnerTop">
<img :src="item.CoverImg" style="width:100%;height:100%;" alt="" />
</view>
<view class="activeInnerTitle">{{item.ActivityName}}</view>
<view class="activeDate">{{item.StartTimeStr}} 至 {{item.EndTimeStr}}</view>
<view class="activeJoin" v-if="item.ActivityStatus==1">马上加入</view>
<view class="activeJoin activeJieshu" v-if="item.ActivityStatus==2">已结束</view>
</view>
<view style="padding:10px 0;">
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" />
<u-loadmore :status="status" bg-color="transparent" :load-text="loadText" :font-size="24" :margin-top="0" :margin-bottom="0" />
</view>
</scroll-view>
</view>
......@@ -93,7 +70,7 @@
export default {
data() {
return {
pageTitle: '',
pageTitle: '活动列表',
msg: {
pageIndex: 1,
pageSize: 10,
......@@ -109,7 +86,11 @@
}
},
created() {},
mounted() {},
mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad(option) {
this.msg.ActivityType = option.Id;
this.getData(1);
......@@ -142,6 +123,12 @@
this.status = "nomore";
}
},
//跳转至详情
goActiveDetail(item){
uni.navigateTo({
url: '/pages/kotra/activeInnerDetail?Id=' + item.Id
});
}
}
}
</script>
pages/kotra/activeInnerDetail.vue 0 → 100644
View file @ ea145c05
<style>
.activeDetails{}
.acdetailTop{
width:100%;
height:315px;
background-color: #fff;
padding:15px;
}
.acdetailImg{
width:100%;
height:190px;
border-radius: 3px;
overflow: hidden;
}
.acdetaiTitle{
margin:15px auto;
color:#0B0B0B;
font-size:16px;
font-weight: bold;
text-align: center;
}
.acdetaiDate{
display: flex;
justify-content: space-between;
font-size: 12px;
color:#FF5D69;
font-weight: bold;
}
.acdetaiWriter{
display: flex;
justify-content: space-between;
color:#B9B9B9;
font-size:12px;
font-weight: bold;
margin-top:10px;
align-items: center;
}
.acdetailLittleBtn{
width:55px;
height:22px;
text-align: center;
line-height: 22px;
background-color: #AFAFAF;
color:#fff;
border-radius: 3px;
font-size: 12px;
}
.acdetaiLine{
width:100%;
height:10px;
background-color: #F3F5F7;
}
.acdetailBottom{
width:100%;
min-height:283px;
padding:15px;
background-color: #fff;
}
.acdetail_Intro{
color:#404040;
font-size:14px;
line-height: 25px;
margin:20px 0 30px 0;
}
.acdetailBtn{
position: fixed;
bottom:0;
width:100%;
height:50px;
line-height: 50px;
font-size:15px;
font-weight: bold;
background-color: #AFAFAF;
color:#fff;
text-align: center;
}
</style>
<template>
<view class="activeDetails" style="height:100vh;">
<view class="acdetailTop">
<view class="acdetailImg">
<img :src="dataList.CoverImg" alt="" style="width:100%;height:100%;"/>
</view>
<view class="acdetaiTitle">{{dataList.ActivityName}}</view>
<view class="acdetaiDate">
<view>开始日期：{{dataList.StartTimeStr}}</view>
<view>结束日期：{{dataList.EndTimeStr}}</view>
</view>
<view class="acdetaiWriter">
<view>作者：{{dataList.CreateByName}}</view>
<view class="acdetailLittleBtn" v-if="dataList.ActivityStatus==1" style="background-color: #000450;">{{dataList.ActivityStatusStr}}</view>
<view class="acdetailLittleBtn" v-if="dataList.ActivityStatus==2">{{dataList.ActivityStatusStr}}</view>
</view>
</view>
<view class="acdetaiLine"></view>
<view class="acdetailBottom">
<u-divider color="#0B0B0B;" half-width="50" border-color="#0B0B0B" fontSize="35">活动详情</u-divider>
<view class="acdetail_Intro" v-html="dataList.ActivityInfo">
</view>
</view>
<view class="acdetailBtn" v-if="dataList.ActivityStatus==2">报名活动（已结束）</view>
<view class="acdetailBtn" @click="showModal=true" style="background-color: #000450;" v-if="dataList.ActivityStatus==1&&dataList.IsJoinActivity==0">马上报名</view>
<view class="acdetailBtn" v-if="dataList.IsJoinActivity==1">已报名</view>
<u-popup v-model="showModal" mode="center" length="80%">
<view style='display: flex;flex-direction: column;align-items: center;background: #fff;'>
<view style="display: flex;width: 100%;margin-top:30px;padding-left:20px;">
<Text style='display:inline-block;width:80px;text-align: right;margin-top: 6px;'>姓名：</Text>
<input class="uni-input inputM" style='margin-left: 10px;margin-top: 5px;' v-model="signMsg.LinkMan" placeholder="请输入姓名" />
</view>
<view style="display: flex;width: 100%;margin:30px;padding-left:20px;">
<Text style='display:inline-block;width:80px;text-align: right;margin-top: 6px'>联系电话：</Text>
<input class="uni-input inputM" type="number" style='margin-left: 10px;margin-top: 5px;' v-model="signMsg.LinkTel" placeholder="请输入电话" />
</view>
<view style="display: flex;flex-direction: row;align-items: center;height: 50px;border-top: 1px solid #F5F5F5;width: 100%;">
<view style="width: 50%;display: flex;align-items: center;justify-content: center" @click="showModal=false">
<Text>取消</Text>
</view>
<view style="width: 50%;color: #a0cfff;display: flex;align-items: center;justify-content: center" @click="signUp">
<Text>确定</Text>
</view>
</view>
</view>
</u-popup>
</view>
</template>
<script>
export default {
data() {
return {
pageTitle: '活动详情',
msg: {
Id:0
},
dataList:{},
showModal:false,
signMsg:{
ActivityId:0,
LinkMan:"",
LinkTel:""
}
}
},
created() {},
mounted() {
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
onLoad(option) {
this.msg.Id = option.Id;
this.getList();
},
methods: {
getList(){
this.request2({
url: "/api/AppletTrade/GetCommerceActivity",
data: this.msg,
},
(res) => {
if (res.resultCode == 1) {
console.log(res, '数据11111');
this.dataList = res.data
}
}
);
},
//报名
signUp(){
if(this.signMsg.LinkMan==''){
uni.showToast({
title: "请输入姓名",
icon:'none'
});
return;
}
if(this.signMsg.LinkTel==''){
uni.showToast({
title: "请输入联系电话",
icon:'none'
});
return;
}
this.request2({
url: "/api/AppletTrade/SetCommerceConsult",
data: this.signMsg,
},
(res) => {
if (res.resultCode == 1) {
uni.showToast({
title: "报名成功，请到个人中心我的活动查看"
});
this.getList();
this.showModal=false;
}
}
);
}
}
}
</script>
pages/kotra/compInformation.vue
View file @ ea145c05
......@@ -20,6 +20,7 @@
.comInforName text {
color: red;
margin-left:3px;
}
.comInfoInput {
......
pages/kotra/contanctDetail.vue
View file @ ea145c05
......@@ -56,7 +56,7 @@
</view>
<view class="contactLine"></view>
<view class="contactBottom">
<u-divider color="#0B0B0B;" half-width="50" border-color="#404040">简单介绍</u-divider>
<u-divider color="#0B0B0B;" half-width="50" border-color="#404040" fontSize="35">简单介绍</u-divider>
<view class="contact_Intro">
{{dataList.Intro}}
</view>
......
pages/kotra/investment.vue
View file @ ea145c05
......@@ -20,6 +20,7 @@
.comInforName text {
color: red;
margin-left:3px;
}
.comInfoInput {
......
pages/kotra/investmentList.vue 0 → 100644
View file @ ea145c05
<template>
</template>
<script>
</script>
<style>
</style>
pages/kotra/procurement.vue
View file @ ea145c05
......@@ -20,6 +20,7 @@
.comInforName text {
color: red;
margin-left:3px;
}
.comInfoInput {
......
pages/kotra/procurementList.vue 0 → 100644
View file @ ea145c05
<template>
</template>
<script>
</script>
<style>
</style>
pages/kotra/zixunList.vue 0 → 100644
View file @ ea145c05
<template>
</template>
<script>
</script>
<style>
</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