新增文库详情页面,转门为审核使用

master
lemon橪 2022-02-10 17:13:26 +08:00
parent 925365018b
commit 6ba767419e
2 changed files with 406 additions and 279 deletions

View File

@ -0,0 +1,88 @@
<template>
<div class="box">
<div class="wrapper">
<div class="nav" @click="back">
<img src="@/assets/images/logo2.png" alt="" class="logo" />
<div class="title">{{ detail.title }}</div>
</div>
<div v-html="detail.content"></div>
</div>
</div>
</template>
<script>
import { articleDetail } from "@/api/common.js";
const config = require("@/config/index");
export default {
data() {
return {
config,
detail: "",
};
},
mounted() {
this.init();
},
methods: {
back() {
this.$router.push("/");
},
//
init() {
const id = this.$route.query.id;
articleDetail(id).then((res) => {
if (res.success) {
this.detail = res.result;
}
});
},
},
};
</script>
<style lang="scss" scoped>
.logo {
max-width: 200px;
}
.box {
min-height: 100vh;
width: 1200px;
overflow: hidden;
margin: 0 auto;
padding: 32px;
}
.wrapper {
width: 1200px;
min-height: 600px;
padding: 32px;
background: #fff;
}
.nav {
text-align: center;
font-size: 21px;
font-weight: bold;
}
.title {
text-align: center;
font-size: 21px;
margin: 20px 0;
}
// iphone
@media screen and (max-width: 767px) {
.box {
min-height: 100vh;
width: 100%;
padding: 0;
margin: 0 auto;
}
.wrapper {
width: 100%;
min-height: 600px;
padding: 0 16px;
background: #fff;
}
}
</style>

View File

@ -1,344 +1,383 @@
import Vue from 'vue';
import Router from 'vue-router';
import Index from '@/pages/Index';
const Login = resolve => require(['@/pages/Login'], resolve);
const SignUp = resolve => require(['@/pages/SignUp'], resolve);
const ForgetPassword = resolve => require(['@/pages/ForgetPassword'], resolve);
const GoodsList = resolve => require(['@/pages/GoodsList'], resolve);
const GoodsDetail = resolve => require(['@/pages/GoodsDetail'], resolve);
const PointGoodsDetail = resolve => require(['@/pages/promotion/PointGoodsDetail'], resolve);
const ShoppingCart = resolve => require(['@/pages/ShoppingCart'], resolve);
const Cart = resolve => require(['@/pages/Cart'], resolve);
const Pay = resolve => require(['@/pages/payment/Pay'], resolve);
const PayDone = resolve => require(['@/pages/payment/PayDone'], resolve);
const PayMent = resolve => require(['@/pages/payment/PayMent'], resolve);
const ThirdPay = resolve => require(['@/pages/payment/ThirdPay'], resolve);
const Coupon = resolve => require(['@/pages/CouponCenter'], resolve);
const seckill = resolve => require(['@/pages/promotion/seckill'], resolve);
const article = resolve => require(['@/pages/article/index'], resolve);
const PointMall = resolve => require(['@/pages/promotion/PointMall'], resolve);
import Vue from "vue";
import Router from "vue-router";
import Index from "@/pages/Index";
const Login = (resolve) => require(["@/pages/Login"], resolve);
const SignUp = (resolve) => require(["@/pages/SignUp"], resolve);
const ForgetPassword = (resolve) =>
require(["@/pages/ForgetPassword"], resolve);
const GoodsList = (resolve) => require(["@/pages/GoodsList"], resolve);
const GoodsDetail = (resolve) => require(["@/pages/GoodsDetail"], resolve);
const PointGoodsDetail = (resolve) =>
require(["@/pages/promotion/PointGoodsDetail"], resolve);
const ShoppingCart = (resolve) => require(["@/pages/ShoppingCart"], resolve);
const Cart = (resolve) => require(["@/pages/Cart"], resolve);
const Pay = (resolve) => require(["@/pages/payment/Pay"], resolve);
const PayDone = (resolve) => require(["@/pages/payment/PayDone"], resolve);
const PayMent = (resolve) => require(["@/pages/payment/PayMent"], resolve);
const ThirdPay = (resolve) => require(["@/pages/payment/ThirdPay"], resolve);
const Coupon = (resolve) => require(["@/pages/CouponCenter"], resolve);
const seckill = (resolve) => require(["@/pages/promotion/seckill"], resolve);
const article = (resolve) => require(["@/pages/article/index"], resolve);
const articleDetail = (resolve) => require(["@/pages/article/detail"], resolve);
const PointMall = (resolve) =>
require(["@/pages/promotion/PointMall"], resolve);
/*
* 会员中心
* 订单列表
*/
const MyOrder = resolve => require([`@/pages/home/orderCenter/MyOrder`], resolve);
const OrderDetail = resolve => require([`@/pages/home/orderCenter/OrderDetail`], resolve);
const MyAddress = resolve => require(['@/pages/home/orderCenter/MyAddress'], resolve);
const AddAddress = resolve => require(['@/pages/home/orderCenter/AddAddress'], resolve);
const Complain = resolve => require(['@/pages/home/orderCenter/Complain'], resolve);
const AfterSale = resolve => require(['@/pages/home/orderCenter/AfterSale'], resolve);
const AfterSaleDetail = resolve => require(['@/pages/home/orderCenter/AfterSaleDetail'], resolve);
const ApplyAfterSale = resolve => require(['@/pages/home/orderCenter/ApplyAfterSale'], resolve);
const MyOrder = (resolve) =>
require([`@/pages/home/orderCenter/MyOrder`], resolve);
const OrderDetail = (resolve) =>
require([`@/pages/home/orderCenter/OrderDetail`], resolve);
const MyAddress = (resolve) =>
require(["@/pages/home/orderCenter/MyAddress"], resolve);
const AddAddress = (resolve) =>
require(["@/pages/home/orderCenter/AddAddress"], resolve);
const Complain = (resolve) =>
require(["@/pages/home/orderCenter/Complain"], resolve);
const AfterSale = (resolve) =>
require(["@/pages/home/orderCenter/AfterSale"], resolve);
const AfterSaleDetail = (resolve) =>
require(["@/pages/home/orderCenter/AfterSaleDetail"], resolve);
const ApplyAfterSale = (resolve) =>
require(["@/pages/home/orderCenter/ApplyAfterSale"], resolve);
/*
* 会员中心
*/
const Profile = resolve => require(['@/pages/home/memberCenter/Profile'], resolve);
const AccountSafe = resolve => require(['@/pages/home/memberCenter/AccountSafe'], resolve);
const ModifyPwd = resolve => require(['@/pages/home/memberCenter/ModifyPwd'], resolve);
const Favorites = resolve => require(['@/pages/home/memberCenter/Favorites'], resolve);
const Distribution = resolve => require(['@/pages/home/memberCenter/Distribution'], resolve);
const CommentList = resolve => require(['@/pages/home/memberCenter/CommentList'], resolve); // 评价列表
const AddEval = resolve => require(['@/pages/home/memberCenter/evaluation/AddEval'], resolve); // 添加评价
const EvalDetail = resolve => require(['@/pages/home/memberCenter/evaluation/EvalDetail'], resolve);
const ComplainList = resolve => require(['@/pages/home/memberCenter/ComplainList'], resolve);
const ComplainDetail = resolve => require(['@/pages/home/memberCenter/ComplainDetail'], resolve);
const Point = resolve => require(['@/pages/home/memberCenter/Point'], resolve);
const MsgList = resolve => require(['@/pages/home/memberCenter/memberMsg/MsgList'], resolve);
const MsgDetail = resolve => require(['@/pages/home/memberCenter/memberMsg/MsgDetail'], resolve);
const Profile = (resolve) =>
require(["@/pages/home/memberCenter/Profile"], resolve);
const AccountSafe = (resolve) =>
require(["@/pages/home/memberCenter/AccountSafe"], resolve);
const ModifyPwd = (resolve) =>
require(["@/pages/home/memberCenter/ModifyPwd"], resolve);
const Favorites = (resolve) =>
require(["@/pages/home/memberCenter/Favorites"], resolve);
const Distribution = (resolve) =>
require(["@/pages/home/memberCenter/Distribution"], resolve);
const CommentList = (resolve) =>
require(["@/pages/home/memberCenter/CommentList"], resolve); // 评价列表
const AddEval = (resolve) =>
require(["@/pages/home/memberCenter/evaluation/AddEval"], resolve); // 添加评价
const EvalDetail = (resolve) =>
require(["@/pages/home/memberCenter/evaluation/EvalDetail"], resolve);
const ComplainList = (resolve) =>
require(["@/pages/home/memberCenter/ComplainList"], resolve);
const ComplainDetail = (resolve) =>
require(["@/pages/home/memberCenter/ComplainDetail"], resolve);
const Point = (resolve) =>
require(["@/pages/home/memberCenter/Point"], resolve);
const MsgList = (resolve) =>
require(["@/pages/home/memberCenter/memberMsg/MsgList"], resolve);
const MsgDetail = (resolve) =>
require(["@/pages/home/memberCenter/memberMsg/MsgDetail"], resolve);
/*
* 会员中心
* 账户中心
* */
const Coupons = resolve => require(['@/pages/home/userCenter/Coupons'], resolve);
const MyTracks = resolve => require(['@/pages/home/userCenter/MyTracks'], resolve);
const MoneyManagement = resolve => require(['@/pages/home/userCenter/MoneyManagement'], resolve);
const Coupons = (resolve) =>
require(["@/pages/home/userCenter/Coupons"], resolve);
const MyTracks = (resolve) =>
require(["@/pages/home/userCenter/MyTracks"], resolve);
const MoneyManagement = (resolve) =>
require(["@/pages/home/userCenter/MoneyManagement"], resolve);
const Home = resolve => require(['@/pages/user/Home'], resolve);
const Home = (resolve) => require(["@/pages/user/Home"], resolve);
const Merchant = resolve => require(['@/pages/Merchant'], resolve);
const UserMain = resolve => require(['@/pages/home/Main'], resolve);
const Merchant = (resolve) => require(["@/pages/Merchant"], resolve);
const UserMain = (resolve) => require(["@/pages/home/Main"], resolve);
/**
* 店铺入驻
*/
const ShopEntry = resolve => require(['@/pages/shopEntry/ShopEntry'], resolve);
const ShopEntry = (resolve) =>
require(["@/pages/shopEntry/ShopEntry"], resolve);
Vue.use(Router);
export default new Router({
mode: 'history',
routes: [{
path: '/', // 首页
name: 'Index',
component: Index
mode: "history",
routes: [
{
path: "/", // 首页
name: "Index",
component: Index,
},
{
path: '/login', // 登陆
name: 'login',
path: "/login", // 登陆
name: "login",
component: Login,
meta: {
title: '登录'
}
title: "登录",
},
},
{
path: '/SignUp', // 注册
name: 'SignUp',
path: "/SignUp", // 注册
name: "SignUp",
component: SignUp,
meta: {
title: '注册'
}
title: "注册",
},
},
{
path: '/forgetPassword', // 忘记密码
name: 'forgetPassword',
path: "/forgetPassword", // 忘记密码
name: "forgetPassword",
component: ForgetPassword,
meta: {
title: '忘记密码'
}
title: "忘记密码",
},
},
{
path: '/goodsList', // 商品列表
name: 'GoodsList',
component: GoodsList
path: "/goodsList", // 商品列表
name: "GoodsList",
component: GoodsList,
},
{
path: '/goodsDetail', // 商品详情
name: 'GoodsDetail',
path: "/goodsDetail", // 商品详情
name: "GoodsDetail",
component: GoodsDetail,
meta: {title: '商品详情'}
meta: { title: "商品详情" },
},
{
path: '/pointGoodsDetail', // 商品详情
name: 'PointGoodsDetail',
path: "/pointGoodsDetail", // 商品详情
name: "PointGoodsDetail",
component: PointGoodsDetail,
meta: {title: '积分商品'}
meta: { title: "积分商品" },
},
{
path: '/shoppingCart', // 头部购物车
name: 'ShoppingCart',
component: ShoppingCart
path: "/shoppingCart", // 头部购物车
name: "ShoppingCart",
component: ShoppingCart,
},
{
path: '/cart', // 购物车
name: 'Cart',
path: "/cart", // 购物车
name: "Cart",
component: Cart,
meta: {title: '购物车'}
meta: { title: "购物车" },
},
{
path: '/pay', // 支付页面
name: 'Pay',
path: "/pay", // 支付页面
name: "Pay",
component: Pay,
meta: {title: '订单结算'}
meta: { title: "订单结算" },
},
{
path: '/payMent',
name: 'PayMent',
component: PayMent
path: "/payMent",
name: "PayMent",
component: PayMent,
},
{
path: '/PointMall',
name: 'PointMall',
path: "/PointMall",
name: "PointMall",
component: PointMall,
meta: {title: '积分商城'}
meta: { title: "积分商城" },
},
{
path: '/qrpay', // 三方支付
name: 'qrpay',
component: ThirdPay
path: "/qrpay", // 三方支付
name: "qrpay",
component: ThirdPay,
},
{
path: '/payDone', // 支付成功页面
name: 'PayDone',
component: PayDone
path: "/payDone", // 支付成功页面
name: "PayDone",
component: PayDone,
},
{
path: '/article', // 文章页面
name: 'article',
path: "/article", // 文章页面
name: "article",
component: article,
meta: {
title: '帮助中心'
}
title: "帮助中心",
},
},
{
path: '/shopEntry',
name: 'shopEntry',
path: "/article/detail", // 文章页面
name: "articleDetail",
component: articleDetail,
meta: {
title: "帮助中心",
},
},
{
path: "/shopEntry",
name: "shopEntry",
component: ShopEntry,
meta: {
title: '店铺入驻'
}
title: "店铺入驻",
},
},
{
path: '/coupon',
name: 'coupon',
path: "/coupon",
name: "coupon",
component: Coupon,
meta: {
title: '领券中心'
}
title: "领券中心",
},
},
{
path: '/seckill',
name: 'seckill',
path: "/seckill",
name: "seckill",
component: seckill,
meta: {
title: '限时秒杀'
}
title: "限时秒杀",
},
},
{
path: '/home', // 主页
path: "/home", // 主页
component: Home,
children: [{
path: '/',
name: 'Home',
children: [
{
path: "/",
name: "Home",
component: UserMain,
meta: {
title: '会员中心'
}
title: "会员中心",
},
},
{
path: 'MyTracks',
name: 'MyTracks',
path: "MyTracks",
name: "MyTracks",
component: MyTracks,
meta: {title: '我的足迹'}
meta: { title: "我的足迹" },
},
{
path: 'MoneyManagement',
name: 'MoneyManagement',
component: MoneyManagement
path: "MoneyManagement",
name: "MoneyManagement",
component: MoneyManagement,
},
{
path: 'Complain',
name: 'Complain',
component: Complain
path: "Complain",
name: "Complain",
component: Complain,
},
{
path: 'Coupons',
name: 'Coupons',
component: Coupons
path: "Coupons",
name: "Coupons",
component: Coupons,
},
{
path: 'CommentList',
name: 'CommentList',
path: "CommentList",
name: "CommentList",
component: CommentList,
mate: {title: '评价列表'}
mate: { title: "评价列表" },
},
{
path: 'AddEval',
name: 'AddEval',
path: "AddEval",
name: "AddEval",
component: AddEval,
mate: {title: '添加评价'}
mate: { title: "添加评价" },
},
{
path: 'EvalDetail',
name: 'EvalDetail',
path: "EvalDetail",
name: "EvalDetail",
component: EvalDetail,
mate: {title: '评价详情'}
mate: { title: "评价详情" },
},
{
path: 'ComplainList',
name: 'ComplainList',
component: ComplainList
path: "ComplainList",
name: "ComplainList",
component: ComplainList,
},
{
path: 'ComplainDetail',
name: 'ComplainDetail',
component: ComplainDetail
path: "ComplainDetail",
name: "ComplainDetail",
component: ComplainDetail,
},
{
path: 'AccountSafe',
name: 'AccountSafe',
component: AccountSafe
path: "AccountSafe",
name: "AccountSafe",
component: AccountSafe,
},
{
path: 'ModifyPwd',
name: 'ModifyPwd',
component: ModifyPwd
path: "ModifyPwd",
name: "ModifyPwd",
component: ModifyPwd,
},
{
path: 'Favorites',
name: 'Favorites',
path: "Favorites",
name: "Favorites",
component: Favorites,
meta: {title: '我的收藏'}
meta: { title: "我的收藏" },
},
{
path: 'Distribution',
name: 'Distribution',
path: "Distribution",
name: "Distribution",
component: Distribution,
meta: {title: '分销推荐'}
meta: { title: "分销推荐" },
},
{
path: 'Point',
name: 'Point',
path: "Point",
name: "Point",
component: Point,
meta: {title: '我的积分'}
meta: { title: "我的积分" },
},
{
path: 'Profile',
name: 'Profile',
component: Profile
path: "Profile",
name: "Profile",
component: Profile,
},
{
path: 'AfterSale',
name: 'AfterSale',
path: "AfterSale",
name: "AfterSale",
component: AfterSale,
meta: {title: '售后'}
meta: { title: "售后" },
},
{
path: 'ApplyAfterSale',
name: 'ApplyAfterSale',
path: "ApplyAfterSale",
name: "ApplyAfterSale",
component: ApplyAfterSale,
meta: {title: '申请售后'}
meta: { title: "申请售后" },
},
{
path: '/home/MyAddress',
name: 'MyAddress',
path: "/home/MyAddress",
name: "MyAddress",
component: MyAddress,
meta: {title: '收货地址'}
meta: { title: "收货地址" },
},
{
path: 'AddAddress',
name: 'AddAddress',
component: AddAddress
path: "AddAddress",
name: "AddAddress",
component: AddAddress,
},
{
path: 'MsgList',
name: 'MsgList',
path: "MsgList",
name: "MsgList",
component: MsgList,
meta: {title: '我的消息'}
meta: { title: "我的消息" },
},
{
path: 'MsgDetail',
name: 'MsgDetail',
path: "MsgDetail",
name: "MsgDetail",
component: MsgDetail,
meta: {title: '我的消息'}
meta: { title: "我的消息" },
},
{
path: 'MyOrder',
name: 'MyOrder',
path: "MyOrder",
name: "MyOrder",
component: MyOrder,
meta: {title: '我的订单'}
meta: { title: "我的订单" },
},
{
path: 'OrderDetail',
name: 'OrderDetail',
path: "OrderDetail",
name: "OrderDetail",
component: OrderDetail,
meta: {title: '订单详情'}
meta: { title: "订单详情" },
},
{
path: 'AfterSaleDetail',
name: 'AfterSaleDetail',
path: "AfterSaleDetail",
name: "AfterSaleDetail",
component: AfterSaleDetail,
meta: {title: '售后详情'}
}
]
meta: { title: "售后详情" },
},
],
},
{
path: '/merchant',
name: 'Merchant',
path: "/merchant",
name: "Merchant",
component: Merchant,
meta: {title: '店铺'}
}
]
meta: { title: "店铺" },
},
],
});