yudao
/
mall-uniapp
mirror of https://gitee.com/yudaocode/yudao-mall-uniapp.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

【文章列表】 

1. 功能实现
pull/1/MERGE
YunaiV 2023-06-26 23:47:06 +08:00
parent c23e1922a3
commit 72385f8ed8
6 changed files with 155 additions and 221 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
api/admin.js
View File

@ -1,89 +0,0 @@
import request from "@/utils/request.js";
/**
* 统计数据
*/
export function getStatisticsInfo() {
return request.get("/admin/order/statistics", {}, { login: true });
}
/**
* 订单月统计
*/
export function getStatisticsMonth(where) {
return request.get("/admin/order/data", where, { login: true });
}
/**
* 订单月统计
*/
export function getAdminOrderList(where) {
return request.get("/admin/order/list", where, { login: true });
}
/**
* 订单改价
*/
export function setAdminOrderPrice(data) {
return request.post("/admin/order/price", data, { login: true });
}
/**
* 订单备注
*/
export function setAdminOrderRemark(data) {
return request.post("/admin/order/remark", data, { login: true });
}
/**
* 订单详情
*/
export function getAdminOrderDetail(orderId) {
return request.get("/admin/order/detail/" + orderId, {}, { login: true });
}
/**
* 订单发货信息获取
*/
export function getAdminOrderDelivery(orderId) {
return request.get(
"/admin/order/delivery/gain/" + orderId,
{},
{ login: true }
);
}
/**
* 订单发货保存
*/
export function setAdminOrderDelivery(data) {
return request.post("/admin/order/delivery/keep", data, { login: true });
}
/**
* 订单统计图
*/
export function getStatisticsTime(data) {
return request.get("/admin/order/time", data, { login: true });
}
/**
* 线下付款订单确认付款
*/
export function setOfflinePay(data) {
return request.post("/admin/order/offline", data, { login: true });
}
/**
* 订单确认退款
*/
export function setOrderRefund(data) {
return request.post("/admin/order/refund", data, { login: true });
}
/**
* 获取快递公司
* @returns {*}
*/
export function getLogistics() {
return request.get("/logistics", {}, { login: false });
}
/**
* 订单核销
* @returns {*}
*/
export function orderVerific(verify_code, is_confirm) {
return request.post("order/order_verific", { verify_code, is_confirm });
}

24
api/api.js
View File

@ -55,14 +55,6 @@ export function getUserCoupons(data){
return request.get('coupon/list',data) return request.get('coupon/list',data)
} }
/**
* 文章分类列表
*
*/
export function getArticleCategoryList(){
return request.get('article/category/list',{},{noAuth:true})
}
/** /**
* 文章列表 * 文章列表
* @param int cid * @param int cid
@ -72,22 +64,6 @@ export function getArticleList(cid,data){
return request.get('article/list/' + cid, data,{noAuth:true}) return request.get('article/list/' + cid, data,{noAuth:true})
} }
/**
* 文章 热门列表
*
*/
export function getArticleHotList(){
return request.get('article/hot/list',{},{noAuth:true});
}
/**
* 文章 轮播列表
*
*/
export function getArticleBannerList(){
return request.get('article/banner/list',{},{noAuth:true})
}
/** /**
* 文章详情 * 文章详情
* @param int id * @param int id

22
api/promotion/article.js Normal file
View File

@ -0,0 +1,22 @@
import request from "@/utils/request.js";
// 获得文章分类列表
export function getArticleCategoryList() {
return request.get("app-api/promotion/article-category/list", {}, {
noAuth: true // TODO 芋艿：后续要做调整
});
}
// 获得文章列表
export function getArticleList(data) {
return request.get("app-api/promotion/article/list", data, {
noAuth: true // TODO 芋艿：后续要做调整
});
}
// 获得文章分页
export function getArticlePage(data) {
return request.get("app-api/promotion/article/page", data, {
noAuth: true // TODO 芋艿：后续要做调整
});
}

10
pages/index/index.vue
View File

@ -45,15 +45,16 @@
</block> </block>
</swiper> </swiper>
</view> </view>
<!-- 新闻简报 --> <!-- 新闻简报 -->
<view class='notice acea-row row-middle row-between' v-if="roll.length"> <view class='notice acea-row row-middle row-between' v-if="roll.length">
<view class="pic"> <view class="pic">
<image src="/static/images/xinjian.png"></image> <image src="/static/images/xinjian.png" />
</view> </view>
<text class='line'>|</text> <text class='line'>|</text>
<view class='swipers'> <view class='swipers'>
<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" interval="2500" duration="500" vertical="true" <swiper :indicator-dots="indicatorDots" :autoplay="autoplay" interval="2500" duration="500"
circular="true"> vertical="true" circular="true">
<block v-for="(item,index) in roll" :key='index'> <block v-for="(item,index) in roll" :key='index'>
<swiper-item> <swiper-item>
<navigator class='item' :url='item.url' hover-class='none'> <navigator class='item' :url='item.url' hover-class='none'>
@ -63,8 +64,9 @@
</block> </block>
</swiper> </swiper>
</view> </view>
<view class="iconfont icon-xiangyou"></view> <view class="iconfont icon-xiangyou" />
</view> </view>
<!-- menu --> <!-- menu -->
<view class='nav acea-row' v-if="menus.length"> <view class='nav acea-row' v-if="menus.length">
<block v-for="(item,index) in menus" :key="index"> <block v-for="(item,index) in menus" :key="index">

74
pages/news_details/index.vue
View File

@ -4,7 +4,7 @@
<view class='title'>{{articleInfo.title}}</view> <view class='title'>{{articleInfo.title}}</view>
<view class='list acea-row row-middle'> <view class='list acea-row row-middle'>
<view class='label'>{{articleInfo.author}}</view> <view class='label'>{{articleInfo.author}}</view>
<view class='item'></text>{{articleInfo.createTime}}</view> <view class='item'>{{articleInfo.createTime}}</view>
<view class='item'><text class='iconfont icon-liulan'></text>{{articleInfo.visit}}</view> <view class='item'><text class='iconfont icon-liulan'></text>{{articleInfo.visit}}</view>
</view> </view>
<view class='conters'> <view class='conters'>
@ -21,7 +21,9 @@
</view> </view>
<view class="y_money">￥{{store_info.otPrice}}</view> <view class="y_money">￥{{store_info.otPrice}}</view>
</view> </view>
<navigator :url="'/pages/goods_details/index?id='+store_info.id" hover-class="none" class="label"><text class="span">查看商品</text></navigator> <navigator :url="'/pages/goods_details/index?id='+store_info.id" hover-class="none" class="label">
<text class="span">查看商品</text>
</navigator>
</view> </view>
<!-- #ifdef H5 --> <!-- #ifdef H5 -->
<button class="bnt bg-color" hover-class='none' @click="listenerActionSheet" v-if="this.$wechat.isWeixin()">和好友一起分享</button> <button class="bnt bg-color" hover-class='none' @click="listenerActionSheet" v-if="this.$wechat.isWeixin()">和好友一起分享</button>
@ -30,7 +32,7 @@
<button class="bnt bg-color" open-type="share" hover-class='none'>和好友一起分享</button> <button class="bnt bg-color" open-type="share" hover-class='none'>和好友一起分享</button>
<!-- #endif --> <!-- #endif -->
</view> </view>
<shareInfo @setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus"></shareInfo> <shareInfo @setShareInfoStatus="setShareInfoStatus" :shareInfoStatus="shareInfoStatus" />
<home></home> <home></home>
</view> </view>
</template> </template>
@ -64,39 +66,39 @@
productId: 0 productId: 0
}; };
}, },
/** /**
* 生命周期函数--监听页面加载 * 生命周期函数--监听页面加载
*/ */
onLoad: function (options) { onLoad: function (options) {
if (options.hasOwnProperty('id')){ if (options.hasOwnProperty('id')) {
this.id = options.id; this.id = options.id;
}else{ } else{
// #ifndef H5 // #ifndef H5
uni.navigateBack({delta: 1 }); uni.navigateBack({delta: 1 });
// #endif // #endif
// #ifdef H5 // #ifdef H5
history.back(); history.back();
// #endif // #endif
} }
}, },
onShow: function () { onShow: function () {
this.getArticleOne(); this.getArticleOne();
}, },
/** /**
* 用户点击右上角分享 * 用户点击右上角分享
*/ */
// #ifdef MP // #ifdef MP
onShareAppMessage: function() { onShareAppMessage: function() {
return { return {
title: this.articleInfo.title, title: this.articleInfo.title,
imageUrl: this.articleInfo.imageInput.length ? this.articleInfo.imageInput[0] : "", imageUrl: this.articleInfo.imageInput.length ? this.articleInfo.imageInput[0] : "",
desc: this.articleInfo.synopsis, desc: this.articleInfo.synopsis,
path: '/pages/news_details/index?id=' + this.id path: '/pages/news_details/index?id=' + this.id
}; };
}, },
// #endif // #endif
methods: { methods: {
getArticleOne:function(){ getArticleOne:function(){
let that = this; let that = this;
getArticleDetails({id:that.id}).then(res=>{ getArticleDetails({id:that.id}).then(res=>{
uni.setNavigationBarTitle({ uni.setNavigationBarTitle({
@ -109,7 +111,7 @@
} }
that.content = res.data.content; that.content = res.data.content;
// #ifdef H5 // #ifdef H5
if(this.$wechat.isWeixin()){ if (this.$wechat.isWeixin()) {
this.setShareInfo(); this.setShareInfo();
} }
// #endif // #endif

151
pages/news_list/index.vue
View File

@ -1,75 +1,76 @@
<template> <template>
<view> <view>
<view class='newsList'> <view class='newsList'>
<!-- Banner 文章 -->
<view class='swiper' v-if="imgUrls.length > 0"> <view class='swiper' v-if="imgUrls.length > 0">
<swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval" :duration="duration" <swiper indicator-dots="true" :autoplay="autoplay" :circular="circular" :interval="interval" :duration="duration"
indicator-color="rgba(102,102,102,0.3)" indicator-active-color="#666"> indicator-color="rgba(102,102,102,0.3)" indicator-active-color="#666">
<block v-for="(item,index) in imgUrls" :key="index"> <block v-for="(item,index) in imgUrls" :key="index">
<swiper-item> <swiper-item>
<navigator :url="'/pages/news_details/index?id='+item.id"> <navigator :url="'/pages/news_details/index?id='+item.id">
<image :src="item.imageInput" class="slide-image" /> <image :src="item.picUrl" class="slide-image" />
</navigator> </navigator>
</swiper-item> </swiper-item>
</block> </block>
</swiper> </swiper>
</view> </view>
<view class='nav' v-if="navList.length > 0">
<!-- 文章分类 -->
<view class='nav' v-if="navList.length > 0">
<scroll-view class="scroll-view_x" scroll-x scroll-with-animation :scroll-left="scrollLeft" style="width:auto;overflow:hidden;"> <scroll-view class="scroll-view_x" scroll-x scroll-with-animation :scroll-left="scrollLeft" style="width:auto;overflow:hidden;">
<block v-for="(item,index) in navList" :key="index"> <block v-for="(item,index) in navList" :key="index">
<view class='item borRadius14' :class='active==item.id?"on":""' @click='tabSelect(item.id, index)'> <view class='item borRadius14' :class='active === item.id?"on":""' @click='tabSelect(item.id, index)'>
<view>{{item.name}}</view> <view>{{item.name}}</view>
<view class='line bg-color' v-if="active==item.id"></view> <view class='line bg-color' v-if="active === item.id"></view>
</view> </view>
</block> </block>
</scroll-view> </scroll-view>
</view> </view>
<view class='list'>
<!-- 文章分类 -->
<view class='list'>
<block v-for="(item,index) in articleList" :key="index"> <block v-for="(item,index) in articleList" :key="index">
<navigator :url='"/pages/news_details/index?id="+item.id' hover-class='none' class='item acea-row row-between-wrapper'> <navigator :url='"/pages/news_details/index?id="+item.id' hover-class='none' class='item acea-row row-between-wrapper'>
<view class='text acea-row row-column-between'> <view class='text acea-row row-column-between'>
<view class='name line2'>{{item.title}}</view> <view class='name line2'>{{item.title}}</view>
<view>{{item.createTime}}</view> <view>{{ formatDate(item.createTime) }}</view>
</view> </view>
<view class='pictrue'> <view class='pictrue'>
<image :src='item.imageInput'></image> <image :src='item.picUrl'></image>
</view> </view>
</navigator> </navigator>
</block> </block>
</view> </view>
</view> </view>
<view class='noCommodity' v-if="articleList.length == 0 && (page != 1 || active== 0)"> <view class='noCommodity' v-if="articleList.length === 0 && (page !== 1 || active === 0)">
<view class='pictrue'> <view class='pictrue'>
<image src='../../static/images/noNews.png'></image> <image src='../../static/images/noNews.png' />
</view> </view>
</view> </view>
<home></home> <home></home>
</view> </view>
</template> </template>
<script> <script>
import { import * as ArticleApi from '@/api/promotion/article.js';
getArticleCategoryList, import dayjs from "@/plugin/dayjs/dayjs.min.js";
getArticleList, import home from '@/components/home';
getArticleHotList,
getArticleBannerList
} from '@/api/api.js';
import home from '@/components/home';
export default { export default {
components: { components: {
home home
}, },
data() { data() {
return { return {
imgUrls: [], navList: [], // 文章分类
articleList: [], active: 0, // 选中的分类编号，0 为热门
indicatorDots: false,
imgUrls: [], // Banner 文章
circular: true, circular: true,
autoplay: true, autoplay: true,
interval: 3000, interval: 3000,
duration: 500, duration: 500,
navList: [],
active: 0, articleList: [], // 普通文章
page: 1, page: 1,
limit: 8, limit: 8,
status: false, status: false,
scrollLeft: 0 scrollLeft: 0
@ -87,69 +88,89 @@
this.articleList = []; this.articleList = [];
this.getCidArticle(); this.getCidArticle();
}, },
/** /**
* 页面上拉触底事件的处理函数 * 页面上拉触底事件的处理函数
*/ */
onReachBottom: function () { onReachBottom: function () {
this.getCidArticle(); this.getCidArticle();
}, },
methods: { methods: {
/**
* 获得分类
*/
getArticleCate: function() {
ArticleApi.getArticleCategoryList().then(res => {
let list = res.data;
list.unshift({
id: 0,
name: '热门'
});
this.$set(this, 'navList', list);
});
},
/**
* 获得热门文章
*/
getArticleHot: function() { getArticleHot: function() {
let that = this; ArticleApi.getArticleList({
getArticleHotList().then(res => { recommendHot: true
that.$set(that, 'articleList', res.data.list); }).then(res => {
this.$set(this, 'articleList', res.data);
}); });
}, },
/**
* 获得 Banner 文章
*/
getArticleBanner: function() { getArticleBanner: function() {
let that = this; ArticleApi.getArticleList({
getArticleBannerList().then(res => { recommendBanner: true
that.imgUrls = res.data.list; }).then(res => {
this.imgUrls = res.data;
}); });
}, },
/**
* 获得指定分类的文章列表
*/
getCidArticle: function() { getCidArticle: function() {
let that = this; if (this.active === 0) {
if (that.active == 0) return; return;
let limit = that.limit; }
let page = that.page; if (this.status) {
let articleList = that.articleList; return;
if (that.status) return; }
getArticleList(that.active, { ArticleApi.getArticlePage({
page: page, categoryId: this.active,
limit: limit pageNo: this.page,
pageSize: this.limit
}).then(res => { }).then(res => {
let articleListNew = []; let articleListNew = this.articleList.concat(res.data.list);
let len = res.data.list.length; this.page++;
articleListNew = articleList.concat(res.data.list); this.$set(this, 'articleList', articleListNew);
that.page++; this.status = this.limit > res.data.list.length;
that.$set(that, 'articleList', articleListNew);
that.status = limit > len;
that.page = that.page;
}); });
}, },
getArticleCate: function() { /**
let that = this; * 分类切换，重新加载文章列表
getArticleCategoryList().then(res => { */
let list = res.data.list; tabSelect(active, e) {
list.unshift({id:0,name:'热门'});
that.$set(that, 'navList', list);
});
},
tabSelect(active,e) {
this.active = active; this.active = active;
this.scrollLeft = e * 60; this.scrollLeft = e * 60;
// this.scrollLeft = (active - 1) * 50; if (this.active === 0) {
if (this.active == 0) this.getArticleHot(); this.getArticleHot();
else { } else {
this.$set(this, 'articleList', []); this.$set(this, 'articleList', []);
this.page = 1; this.page = 1;
this.status = false; this.status = false;
this.getCidArticle(); this.getCidArticle();
} }
} },
formatDate: function(date) {
return dayjs(date).format("YYYY-MM-DD");
}
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
page { page {
background-color: #fff !important; background-color: #fff !important;