Skip to content

M
mallapp
Commit 7ada8ee0 authored by 吴春's avatar 吴春
Browse files
Options

11

parent f6954d5f
Hide whitespace changes
Inline Side-by-side
Showing with 358 additions and 406 deletions
pages/kotra/news.vue
View file @ 7ada8ee0
<style>
.koraNews {
width: 100%;
height: 100vh;
background: #f6f6f6;
overflow: hidden;
}
.koraNewsList {
width: 100%;
padding: 0 15px;
margin-top: 20px;
}
.koraNews-time {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #b9bcca;
font-family: aa;
}
.koraNews-box {
width: 100%;
border-radius: 6px;
.koraNews {
width: 100%;
height: 100vh;
background: #f6f6f6;
overflow: hidden;
}
.koraNewsList {
width: 100%;
padding: 0 15px;
margin-top: 20px;
}
.koraNews-time {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #b9bcca;
font-family: aa;
}
.koraNews-box {
width: 100%;
border-radius: 6px;
background: #fff;
overflow: hidden;
margin-top: 10px;
}
.newsimgs {
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 145px;
}
.n-img {
width: 100%;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.box-conet {
width: 100%;
padding: 10px 15px;
}
background: #fff;
overflow: hidden;
margin-top: 10px;
}
.newsimgs {
width: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 145px;
}
.n-img {
width: 100%;
height: 100%;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.box-conet {
width: 100%;
padding: 10px 15px;
}
.koraRName {
color: #111111;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 28rpx;
line-height: 30rpx;
font-weight: 600;
}
.koraRName-f {
font-size: 12px;
color: #999999;
margin-top: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.koraNewsSearch {
padding: 0px 10px 10px;
}
.koraRName {
color: #111111;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size: 28rpx;
line-height: 30rpx;
font-weight: 600;
}
.koraRName-f {
font-size: 12px;
color: #999999;
margin-top: 5px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.koraNewsSearch {
padding: 0px 10px 10px;
}
</style>
<template>
<view class="koraNews">
<view class="koraNewsSearch" v-if="isauth">
<u-search
action-text="搜索"
:clearabled="true"
style="width: 95%"
:show-action="false"
radius="40"
v-model="msg.Title"
@search="getList(1)"
@custom="getList(1)"
></u-search>
</view>
<!-- <view
style="
display: flex;
align-items: center;
margin-bottom: 30rpx;
padding: 0px 15px;
"
v-if="tenantId==18"
>
<image
@click="goNewFirstShop"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_36.png"
style="flex: 1; width: 1px; margin-right: 15rpx"
mode="widthFix"
></image>
<image
@click="goMyFirstShop"
src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Test/Upload/Goods/1616490607000_108.png"
style="flex: 1; width: 1px; margin-left: 15rpx"
mode="widthFix"
></image>
</view> -->
<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(100vh - 189px)"
>
<view
v-if="tenantId==18"
style="font-size: 30rpx; font-weight: 700; color: #111; padding: 0 15px"
>资讯信息</view
>
<view>
<view
class="koraNewsList"
v-for="(item, index) in dataList"
:key="index"
@click="goNewsDetail(item)"
>
<view class="koraNews-time">{{
item.CreateDate ? item.CreateDate.replace("T", " ") : ""
}}</view>
<view class="koraNews-box">
<view class="newsimgs" style="position: relative">
<image :src="item.CoverImg" mode="aspectFill" class="n-img" />
<view
style="top: 10px; left: 10px; position: absolute"
v-if="item.Industry && item.Industry.length > 0"
>
<u-tag
:text="item.Industry"
mode="dark"
bg-color="rgba(0,0,0,.4)"
color="#FFF"
size="mini"
></u-tag>
</view>
</view>
<view class="box-conet">
<view class="koraRName">{{ item.Title }}</view>
<view class="koraRName-f">{{ item.Subtitle }}</view>
</view>
</view>
</view>
</view>
<view style="height: 30px;"></view>
<u-loadmore
:status="status"
:load-text="loadText"
:font-size="24"
:margin-top="20"
:margin-bottom="20"
bg-color="#F6F6F6"
/>
</scroll-view>
<tabbars></tabbars>
<template v-show="setting&&setting.is_show_auth==1">
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth" ></auth>
</template>
</view>
<view class="koraNews">
<view class="koraNewsSearch" v-if="isauth">
<u-search action-text="搜索" :clearabled="true" style="width: 95%" :show-action="false" radius="40"
v-model="msg.Title" @search="getList(1)" @custom="getList(1)"></u-search>
</view>
<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(100vh - 139px)">
<view v-if="tenantId==18" style="font-size: 30rpx; font-weight: 700; color: #111; padding: 0 15px">资讯信息
</view>
<view>
<view class="koraNewsList" v-for="(item, index) in dataList" :key="index" @click="goNewsDetail(item)">
<view class="koraNews-time">{{ item.CreateDate ? item.CreateDate.replace("T", " ") : ""}}
</view>
<view class="koraNews-box">
<view class="newsimgs" style="position: relative">
<image :src="item.CoverImg" mode="aspectFill" class="n-img" />
<view style="top: 10px; left: 10px; position: absolute"
v-if="item.Industry && item.Industry.length > 0">
<u-tag :text="item.Industry" mode="dark" bg-color="rgba(0,0,0,.4)" color="#FFF"
size="mini"></u-tag>
</view>
</view>
<view class="box-conet">
<view class="koraRName">{{ item.Title }}</view>
<view class="koraRName-f">{{ item.Subtitle }}</view>
</view>
</view>
</view>
</view>
<u-loadmore :status="status" :load-text="loadText" :font-size="24" :margin-top="20" :margin-bottom="20"
bg-color="#F6F6F6" />
</scroll-view>
<tabbars></tabbars>
<template v-show="setting&&setting.is_show_auth==1">
<auth v-if="showAuth" @changeuserinfo="reloadUserinfo" @gbAuth="gbAuth"></auth>
</template>
</view>
</template>
<script>
import tabbars from "@/components/tabbar/index";
import auth from "@/components/auth/index.vue";
export default {
components: {
tabbars,
auth
},
data() {
return {
pageTitle: "首店经济",
msg: {
pageIndex: 1,
pageSize: 10,
Title: "",
// Type:1
},
showAuth:false,
u:{},
isauth:false,
pageCount: 1,
dataList: [],
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "",
},
status: "",
CommpanyStatus: 0, //公司认证状态
FirstShopType: 0, //1：品牌，2：载体
tenantId:0,
setting:{},
};
},
onShareTimeline() {
//朋友圈
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").SmallShopId
: 0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserSmallShopId
: 0;
}
let Up = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserPageType
: 0;
return {
title: "首店经济",
query: "user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + Up,
imageUrl: "",
};
},
onShareAppMessage(res) {
//朋友
let uid = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserId
: 0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").SmallShopId
: 0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserSmallShopId
: 0;
}
let Up = uni.getStorageSync("mall_UserInfo")
? uni.getStorageSync("mall_UserInfo").UserPageType
: 0;
return {
title: "首店经济",
path:
"/pages/kotra/news?user_id=" +
uid +
"&SmallShopId=" +
SmallShopId +
"&Up=" +
Up,
imageUrl: "",
};
},
mounted() {
this.u = uni.getStorageSync("mall_UserInfo");
let set = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting : {};
this.setting=set;
if (!this.u) {
this.u = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
} else {
this.tenantId = this.u.TenantId
this.getList(1);
this.getCommpanyStatus();
this.isauth = true
this.pageTitle = this.tenantId==18?this.pageTitle:'商业资讯'
}
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
this.getList(1);
this.getCommpanyStatus();
this.isauth = true
},
//关闭登录窗口
gbAuth() {
this.showAuth = false
},
//获取数据
getList(num) {
if (num == 1) {
this.dataList = [];
}
uni.showLoading({
title: "加载中",
});
this.request2(
{
url: "/api/AppletTrade/GetNewsPage",
data: this.msg,
},
(res) => {
uni.hideLoading();
if (res.resultCode == 1) {
this.dataList = this.dataList.concat(res.data.pageData);
this.pageCount = res.data.pageCount;
}
}
);
},
//滚动加载
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++;
this.status = "loading";
this.getList();
} else {
this.status = "nomore";
}
},
//跳转至新闻详情
goNewsDetail(item) {
uni.navigateTo({
url: "/pages/kotra/newsInDetail?Id=" + item.Id,
});
},
goNewFirstShop() {
this.auth("/pages/kotra/firstShop/firstShop");
import tabbars from "@/components/tabbar/index";
import auth from "@/components/auth/index.vue";
export default {
components: {
tabbars,
auth
},
data() {
return {
pageTitle: "首店经济",
msg: {
pageIndex: 1,
pageSize: 10,
Title: "",
// Type:1
},
showAuth: false,
u: {},
isauth: false,
pageCount: 1,
dataList: [],
loadText: {
loadmore: "轻轻上拉，加载更多",
loading: "努力加载中",
nomore: "",
},
status: "",
CommpanyStatus: 0, //公司认证状态
FirstShopType: 0, //1：品牌，2：载体
tenantId: 0,
setting: {},
};
},
onShareTimeline() {
//朋友圈
let uid = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserId :
0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").SmallShopId :
0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserSmallShopId :
0;
}
let Up = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserPageType :
0;
return {
title: "首店经济",
query: "user_id=" + uid + "&SmallShopId=" + SmallShopId + "&Up=" + Up,
imageUrl: "",
};
},
onShareAppMessage(res) {
//朋友
let uid = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserId :
0;
if (uid == 0) {
uid = uni.getStorageSync("pid") ? uni.getStorageSync("pid").pid : 0;
}
let SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").SmallShopId :
0;
if (SmallShopId == 0) {
//如果微店id为0 去找所属微店id
SmallShopId = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserSmallShopId :
0;
}
let Up = uni.getStorageSync("mall_UserInfo") ?
uni.getStorageSync("mall_UserInfo").UserPageType :
0;
return {
title: "首店经济",
path: "/pages/kotra/news?user_id=" +
uid +
"&SmallShopId=" +
SmallShopId +
"&Up=" +
Up,
imageUrl: "",
};
},
mounted() {
this.u = uni.getStorageSync("mall_UserInfo");
let set = uni.getStorageSync("basedata") ?
uni.getStorageSync("basedata").mall.setting : {};
this.setting = set;
if (!this.u) {
this.u = {
nickName: "未登录",
avatarUrl: "",
};
this.showAuth = true;
} else {
this.tenantId = this.u.TenantId
this.getList(1);
this.getCommpanyStatus();
this.isauth = true
this.pageTitle = this.tenantId == 18 ? this.pageTitle : '商业资讯'
}
uni.setNavigationBarTitle({
title: this.pageTitle,
});
},
methods: {
reloadUserinfo() {
this.u = uni.getStorageSync("mall_UserInfo");
this.getList(1);
this.getCommpanyStatus();
this.isauth = true
},
//关闭登录窗口
gbAuth() {
this.showAuth = false
},
//获取数据
getList(num) {
if (num == 1) {
this.dataList = [];
}
uni.showLoading({
title: "加载中",
});
this.request2({
url: "/api/AppletTrade/GetNewsPage",
data: this.msg,
},
(res) => {
uni.hideLoading();
if (res.resultCode == 1) {
this.dataList = this.dataList.concat(res.data.pageData);
this.pageCount = res.data.pageCount;
}
}
);
},
//滚动加载
lower(e) {
if (this.msg.pageIndex < this.pageCount) {
this.msg.pageIndex++;
this.status = "loading";
this.getList();
} else {
this.status = "nomore";
}
},
//跳转至新闻详情
goNewsDetail(item) {
uni.navigateTo({
url: "/pages/kotra/newsInDetail?Id=" + item.Id,
});
},
goNewFirstShop() {
this.auth("/pages/kotra/firstShop/firstShop");
// uni.navigateTo({
// url: "/pages/kotra/firstShop/firstShop",
// });
},
goMyFirstShop() {
this.auth("/pages/kotra/firstShop/list");
// uni.navigateTo({
// url: "/pages/kotra/firstShop/list",
// });
},
auth(url) {
console.log(308, this.CommpanyStatus, this.FirstShopType);
if (this.CommpanyStatus === 1 || this.CommpanyStatus === 4) {
uni.showModal({
title: "提示",
content: "请您先完成实名认证",
// showCancel: false,
confirmText: "立即认证",
success: function (res) {
if (res.confirm) {
uni.navigateTo({
url: "/pages/kotra/identification",
});
} else if (res.cancel) {
}
},
});
} else if (this.CommpanyStatus === 3) {
uni.showModal({
title: "提示",
content: "感谢您的厚爱，请等待认证通过以后再来尝试吧",
showCancel: false,
confirmText: "我知道了",
success: function (res) {
if (res.confirm) {
}
},
});
} else if (this.CommpanyStatus === 2) {
uni.showModal({
title: "提示",
content: "认证待完善",
// showCancel: false,
confirmText: "立即完善",
success: function (res) {
if (res.confirm) {
uni.navigateTo({
url: "/pages/kotra/identification",
});
} else if (res.cancel) {
}
},
});
} else if (this.CommpanyStatus === 5 && this.FirstShopType === 1) {
uni.navigateTo({
url: url,
});
}
},
getCommpanyStatus() {
this.request2(
{
url: "/api/AppletTrade/GetCommpanyStatus",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.CommpanyStatus = res.data.CompanyStatus;
this.FirstShopType = res.data.FirstShopType;
}
}
);
},
},
};
</script>
// uni.navigateTo({
// url: "/pages/kotra/firstShop/firstShop",
// });
},
goMyFirstShop() {
this.auth("/pages/kotra/firstShop/list");
// uni.navigateTo({
// url: "/pages/kotra/firstShop/list",
// });
},
auth(url) {
console.log(308, this.CommpanyStatus, this.FirstShopType);
if (this.CommpanyStatus === 1 || this.CommpanyStatus === 4) {
uni.showModal({
title: "提示",
content: "请您先完成实名认证",
// showCancel: false,
confirmText: "立即认证",
success: function(res) {
if (res.confirm) {
uni.navigateTo({
url: "/pages/kotra/identification",
});
} else if (res.cancel) {}
},
});
} else if (this.CommpanyStatus === 3) {
uni.showModal({
title: "提示",
content: "感谢您的厚爱，请等待认证通过以后再来尝试吧",
showCancel: false,
confirmText: "我知道了",
success: function(res) {
if (res.confirm) {}
},
});
} else if (this.CommpanyStatus === 2) {
uni.showModal({
title: "提示",
content: "认证待完善",
// showCancel: false,
confirmText: "立即完善",
success: function(res) {
if (res.confirm) {
uni.navigateTo({
url: "/pages/kotra/identification",
});
} else if (res.cancel) {}
},
});
} else if (this.CommpanyStatus === 5 && this.FirstShopType === 1) {
uni.navigateTo({
url: url,
});
}
},
getCommpanyStatus() {
this.request2({
url: "/api/AppletTrade/GetCommpanyStatus",
data: {},
},
(res) => {
if (res.resultCode == 1) {
this.CommpanyStatus = res.data.CompanyStatus;
this.FirstShopType = res.data.FirstShopType;
}
}
);
},
},
};
</script>
\ No newline at end of file
pages/kotra/newsInDetail.vue
View file @ 7ada8ee0
......@@ -53,11 +53,19 @@
<template>
<view class="newsInDetail" style="height:100vh;">
<view class="acdetailTop">
<view class="acdetaiTitle">{{dataList.Title}}</view>
<view class="acdetaiTitle">
<template v-if="dataList&&dataList.Title">
{{dataList.Title}}
</template>
</view>
<view class="acdetaiWriter">
<view>
<u-tag :text="dataList.Industry" type="primary" style="margin-right: 12px;"></u-tag>
<text>{{dataList.PublishTimeStr}}</text>
<u-tag v-if="dataList&&dataList.Industry" :text="dataList.Industry" type="primary" style="margin-right: 12px;"></u-tag>
<text>
<template v-if="dataList&&dataList.PublishTimeStr">
{{dataList.PublishTimeStr}}
</template>
</text>
</view>
</view>
</view>
......
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