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

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