zhuce
/
lilishop-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加pc端注释

master
mabo 2021-05-13 11:35:57 +08:00
parent ec3e958037
commit 14aad4c9cd
24 changed files with 104 additions and 713 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

348
buyer/src/pages/AllCategories.vue
View File

@ -1,348 +0,0 @@
<template>
<div class="template">
<BaseHeader></BaseHeader>
<div class="wrapper">
<!--面包屑-->
<Breadcrumb class="mb_20" separator=">">
<BreadcrumbItem to="/">首页</BreadcrumbItem>
<BreadcrumbItem to="/allCategories">全部分类</BreadcrumbItem>
</Breadcrumb>
<Tabs :animated="false">
<TabPane class="mt_40" v-for="(item,index) in mockData" :key="index" :label="item.title">
<!-- 分类详情-->
<div class="cateBox">
<div class="width_800 cateContent" ref="cateContent">
<div v-for="(data,i) in item.data" :key="i" class="cateList mb_40">
<div class="cateListTitle">
<p class="mb_40">{{data.title}} </p>
<div class="cateList">
<div v-for="(cate,j) in data.List" :key="j" class="cateItem">{{cate.content}}</div>
</div>
</div>
</div>
</div>
</div>
</TabPane>
</Tabs>
</div>
<BaseFooter></BaseFooter>
</div>
</template>
<script>
export default {
name: "AllCategories",
data() {
return {
mockData: [
{
title: "图书、电子书",
data: [
{
title: "电子书",
List: [
{
content: "小说"
},
{
content: "经典"
},
{
content: "古装"
}
]
},
{
title: "畅销书",
List: [
{
content: "小说畅销"
},
{
content: "经典畅销"
},
{
content: "古装畅销"
}
]
}
]
},
{
title: "大牌儿2",
data: [
{
title: "电子书2",
List: [
{
content: "小说2"
},
{
content: "经典2"
},
{
content: "古装2"
}
]
},
{
title: "畅销书2",
List: [
{
content: "小说畅销2"
},
{
content: "经典畅销2"
},
{
content: "古装畅销2"
}
]
}
]
},
{
title: "大牌儿3",
data: [
{
title: "电子书3",
List: [
{
content: "小说3"
},
{
content: "经典3"
},
{
content: "古装3"
}
]
},
{
title: "畅销书3",
List: [
{
content: "小说畅销3"
},
{
content: "经典畅销3"
},
{
content: "古装畅销3"
}
]
}
]
},
{
title: "大牌儿",
data: [
{
title: "电子书",
List: [
{
content: "小说"
},
{
content: "经典"
},
{
content: "古装"
}
]
},
{
title: "畅销书",
List: [
{
content: "小说畅销"
},
{
content: "经典畅销"
},
{
content: "古装畅销"
}
]
}
]
},
{
title: "大牌儿",
data: [
{
title: "电子书",
List: [
{
content: "小说"
},
{
content: "经典"
},
{
content: "古装"
}
]
},
{
title: "畅销书",
List: [
{
content: "小说畅销"
},
{
content: "经典畅销"
},
{
content: "古装畅销"
}
]
}
]
},
{
title: "大牌儿",
data: [
{
title: "电子书",
List: [
{
content: "小说"
},
{
content: "经典"
},
{
content: "古装"
}
]
},
{
title: "畅销书",
List: [
{
content: "小说畅销"
},
{
content: "经典畅销"
},
{
content: "古装畅销"
}
]
}
]
}
]
};
},
created() {
this.windowScroll();
},
methods: {
// 获取每个tab的数据
// filterCate(){
// },
windowScroll() {
let cateWay = [];
for (
let i = 0;
i < document.getElementsByClassName("cateTitle").length;
i++
) {
let cate = document.getElementsByClassName("cateTitle")[i];
cateWay.push(cate.offsetTop);
}
console.log(cateWay);
window.onscroll = function() {
var scrollTop =
document.documentElement.scrollTop || document.body.scrollTop;
console.log("滚动距离" + scrollTop);
};
}
}
};
</script>
<style lang="scss" scoped>
.template {
width: 100%;
@include background_color($light_background_color);
}
.wrapper {
width: 1200px;
padding-top: 30px;
margin: 0 auto;
}
.cateContent {
overflow: hidden;
}
.cateBox {
min-height: 600px;
}
.cateTitle {
background: $theme_color;
height: 50px;
line-height: 50px;
text-align: center;
color: #fff;
font-size: 18px;
}
.cateMenuItem {
@include title_color($light_title_color);
padding: 8px 0;
font-weight: 400 !important;
}
.cateListTitle {
> p {
font-size: 14px;
font-weight: bold;
@include title_color($light_title_color);
}
}
.cateList {
display: flex;
}
.cateItem {
cursor: pointer;
display: block;
width: 137px;
height: 38px;
@include background_color($light_background_color);
@include content_color($light_title_color);
border: 1px dashed $border_color;
line-height: 38px;
text-align: center;
margin-right: -1px;
margin-bottom: -1px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: all 0.2s ease-in;
}
.cateItem:hover{
background: $theme_color;
color: #fff;
}
.mt_40{
margin-top: 40px;
}
.mb_40{
margin-bottom: 40px;
}
</style>

64
buyer/src/pages/Cart.vue
View File

@ -156,54 +156,21 @@ export default {
},
data () {
return {
logoImg: '',
couponAvailable: false,
logoImg: '', // logo图
couponAvailable: false, // 展示优惠券
stepIndex: 0, // 当前处于哪一步，购物车==0，填写订单信息==1，成功提交订单==2
goodsTotal: 1,
checkedNum: 0,
allChecked: false,
loading: false,
city: '珠海',
cityArr: [
['北京', '上海', '天津', '重庆', '广州'],
['深圳', '河南', '辽宁', '吉林', '江苏'],
['江西', '四川', '海南', '贵州', '云南'],
['西藏', '陕西', '甘肃', '青海', '珠海']
],
cartList: [],
couponList: [
{
name: '优惠券',
price: '10',
activity: '满99减10',
useRange: '全品类使用',
disabled: true
},
{
name: '优惠券',
price: '10',
activity: '满99减10',
useRange: '全品类使用',
disabled: false
},
{
name: '优惠券',
price: '10',
activity: '满99减10',
useRange: '全品类使用',
disabled: false
}
],
priceDetailDTO: {},
skuList: []
goodsTotal: 1, // 商品数量
checkedNum: 0, // 选中数量
allChecked: false, // 全选
loading: false, // 加载状态
cartList: [], // 购物车列表
couponList: [], // 优惠券列表
priceDetailDTO: {}, // 价格明细
skuList: [] // sku列表
};
},
computed: {},
methods: {
// 选择配送区域
changeCity (city) {
this.city = city;
},
// 跳转商品详情
goGoodsDetail (skuId, goodsId) {
let routeUrl = this.$router.resolve({
@ -451,17 +418,6 @@ export default {
justify-content: space-between;
margin-bottom: 15px;
}
.city {
padding: 10px 15px;
}
.city-item {
font-weight: bold;
cursor: pointer;
padding: 5px;
}
.city-item:hover {
color: $theme_color;
}
/** 商品列表 */
.cart-goods {
&-title {

18
buyer/src/pages/Feedback.vue
View File

@ -39,15 +39,15 @@
<script>
export default {
name: "Feedback",
data() {
return {
formItem: {
title: "",
content: "",
},
};
},
name: 'Feedback',
data () {
return {
formItem: { // 表单数据
title: '',
content: ''
}
};
}
};
</script>

12
buyer/src/pages/GoodsDetail.vue
View File

@ -55,17 +55,13 @@ export default {
}
})
}
},
mounted () {
},
data () {
return {
tagsColor: ['blue', 'green', 'red', 'yellow'],
goodsMsg: {},
isLoading: false,
categoryBar: [],
storeCollected: false
goodsMsg: {}, // 商品信息
isLoading: false, // 加载状态
categoryBar: [], // 分类
storeCollected: false // 商品收藏
};
},
methods: {

12
buyer/src/pages/GoodsList.vue
View File

@ -101,18 +101,18 @@ export default {
},
data () {
return {
sortIndex: 0,
sortIndex: 0, // 排序状态
sortPriceIndex: false, // 判断价格升序还是降序
goodsTool: [
goodsTool: [ // 排序类型
{ title: '综合', en: '' },
{ title: '销量', en: 'buyCount' },
{ title: '评论数', en: 'commentNum' },
{ title: '新品', en: 'releaseTime' }
],
goodsList: [],
loading: false,
total: 0,
params: {
goodsList: [], // 商品列表
loading: false, // 加载状态
total: 0, // 列表总数
params: { // 请求参数
pageNumber: 0,
pageSize: 20,
categoryId: ''

12
buyer/src/pages/Login.vue
View File

@ -163,11 +163,11 @@ export default {
username: '',
password: ''
},
formSms: {
formSms: { // 手机号登录
code: '',
mobile: ''
},
verifyStatus: false,
verifyStatus: false, // 是否图片验证通过
ruleInline: {
// 验证规则
username: [{ required: true, message: '请输入用户名' }],
@ -184,10 +184,10 @@ export default {
],
code: [{ required: true, message: '请输入手机验证码' }]
},
codeMsg: '发送验证码',
interval: '',
time: 60,
logoImg: ''
codeMsg: '发送验证码', // 验证码文字
interval: '', // 定时器
time: 60, // 倒计时
logoImg: '' // logo图片
};
},
methods: {

14
buyer/src/pages/Merchant.vue
View File

@ -73,19 +73,19 @@ export default {
name: 'Merchant',
data () {
return {
storeMsg: {},
cateList: [],
goodsList: [],
total: 0,
params: {
storeMsg: {}, // 店铺信息
cateList: [], // 店铺分裂
goodsList: [], // 商品列表
total: 0, // 商品数量
params: { // 请求参数
pageNumber: 1,
pageSize: 20,
keyword: '',
storeId: this.$route.query.id,
storeCatId: ''
},
cateName: '店铺推荐',
storeCollected: false
cateName: '店铺推荐', // 分类名称
storeCollected: false // 是否收藏
}
},
created () {

2
buyer/src/pages/ShoppingCart.vue
View File

@ -74,7 +74,7 @@ export default {
},
data () {
return {
detail: {}
detail: {} // 商品详情
};
},
mounted () {

13
buyer/src/pages/SignUp.vue
View File

@ -10,7 +10,6 @@
<div>注册</div>
</div>
<div class="login-container">
<!-- 注册 -->
<Form
ref="formRegist"
@ -132,12 +131,12 @@ export default {
],
code: [{ required: true, message: '请输入手机验证码' }]
},
verifyStatus: false,
verifyType: 'REGISTER',
codeMsg: '发送验证码',
interval: '',
time: 60,
logoImg: ''
verifyStatus: false, // 是否验证通过
verifyType: 'REGISTER', // 验证状态
codeMsg: '发送验证码', // 提示文字
interval: '', // 定时器
time: 60, // 倒计时
logoImg: '' // logo图
};
},
methods: {

6
buyer/src/pages/couponCenter.vue
View File

@ -48,9 +48,9 @@ import {couponList, receiveCoupon} from '@/api/member.js'
export default {
data () {
return {
list: [],
total: 0,
params: {
list: [], // 优惠券列表
total: 0, // 优惠券总数
params: { // 请求参数
pageNumber: 1,
pageSize: 20
}

20
buyer/src/pages/forgetPassword.vue
View File

@ -119,18 +119,18 @@ export default {
components: { Verify },
data () {
return {
loading: false,
loading1: false,
formFirst: {
loading: false, // 加载状态
loading1: false, // 第二步加载状态
formFirst: { // 手机验证码表单
// 注册表单
mobile: '',
code: ''
},
form: {
form: { // 密码
password: '',
oncePasd: ''
},
step: 0,
step: 0, // 步骤
ruleInline: {
// 验证规则
mobile: [
@ -144,11 +144,11 @@ export default {
code: [{ required: true, message: '请输入手机验证码' }],
password: [{required: true, message: '密码不能为空'}, {pattern: RegExp.password, message: '密码不能少于6位'}]
},
verifyStatus: false,
verifyType: 'FIND_USER',
codeMsg: '发送验证码',
interval: '',
time: 60
verifyStatus: false, // 图片验证状态
verifyType: 'FIND_USER', // 图片验证类型
codeMsg: '发送验证码', // 验证码文字
interval: '', // 定时器
time: 60 // 倒计时时间
};
},
methods: {

8
buyer/src/pages/payment/thirdPay.vue
View File

@ -39,10 +39,10 @@ export default {
components: { vueQr },
data () {
return {
qrcode: '',
params: this.$route.query,
interval: null,
num: 0
qrcode: '', // 二维码
params: this.$route.query, // 参数
interval: null, // 定时器
num: 0 // 商品数
};
},
methods: {

2
buyer/src/pages/pointMall.vue
View File

@ -48,7 +48,7 @@ export default {
data () {
return {
goodsList: [], // 积分商品列表
cateList: [{
cateList: [{ // 商品分类
name: '全部分类',
id: ''
}], // 积分分类列表

8
buyer/src/pages/promotion/seckill.vue
View File

@ -59,13 +59,13 @@ import {seckillByDay} from '@/api/promotion'
export default {
data () {
return {
list: [],
goodsList: [],
interval: null,
list: [], // 秒杀时段列表
goodsList: [], // 商品列表
interval: null, // 定时器
currIndex: 0, // 当前时间段的下标
currTime: 0, // 当前显示的倒计时
diffSeconds: 0, // 倒计时时间戳
nowHour: new Date().getHours()
nowHour: new Date().getHours() // 当前小时数
}
},
watch: {

20
buyer/src/pages/shopEntry/first-apply.vue
View File

@ -201,17 +201,17 @@ export default {
},
data () {
return {
action: commonUrl + '/common/upload/file',
accessToken: {},
visible: false,
loading: false,
address: '',
previewPicture: '',
form: {
action: commonUrl + '/common/upload/file', // 上传地址
accessToken: {}, // 验证token
visible: false, // 预览图片
loading: false, // 加载状态
address: '', // 地址
previewPicture: '', // 预览图片url
form: { // 表单数据
legalPhoto: [],
licencePhoto: []
},
rules: {
rules: { // 验证规则
companyName: [{ required: true, message: '请填写公司信息' }],
addressIdPath: [{ required: true, message: '请选择公司所在地' }],
companyAddress: [{ required: true, message: '请填写公司详细地址' }],
@ -245,8 +245,8 @@ export default {
{ pattern: RegExp.IDCard, message: '请输入正确的证件号' }
]
},
uploadLoading1: false,
uploadLoading: false
uploadLoading1: false, // 上传loading
uploadLoading: false // 上传loading
};
},
methods: {

5
buyer/src/pages/shopEntry/index.vue
View File

@ -1,5 +0,0 @@
<template>
<div class="shop-list">
<Button>申请入驻</Button>
</div>
</template>

9
buyer/src/pages/shopEntry/second-apply.vue
View File

@ -42,7 +42,6 @@
</template>
<script>
import { applySecond } from '@/api/shopentry';
import * as RegExp from '@/plugins/RegExp.js';
export default {
props: {
content: {
@ -52,9 +51,9 @@ export default {
},
data () {
return {
loading: false,
form: {},
rules: {
loading: false, // 加载状态
form: {}, // 表单数据
rules: { // 验证规则
settlementBankAccountName: [
{ required: true, message: '请填写银行开户名称' }
],
@ -112,4 +111,4 @@ h4 {
.ivu-input-wrapper {
width: 300px;
}
</style>
</style>

18
buyer/src/pages/shopEntry/shop-entry.vue
View File

@ -72,16 +72,16 @@ export default {
},
data () {
return {
currentIndex: 0,
showAgreement: false,
agreementCon: '',
checked: false,
applyData: {},
firstData: {},
secondData: {},
thirdData: {},
currentIndex: 0, // 当前步骤
showAgreement: false, // 协议显示
agreementCon: '', // 协议内容
checked: false, // 选中协议
applyData: {}, // 申请数据
firstData: {}, // 第一步数据
secondData: {}, // 第二步数据
thirdData: {}, // 第三步数据
storeDisable: '', // APPLY OPEN 开店中 CLOSED 关闭 REFUSED 拒绝 APPLYING 申请中，审核
dataReview: true
dataReview: true // 根据接口返回判断是否可展示数据
};
},
methods: {

19
buyer/src/pages/shopEntry/third-apply.vue
View File

@ -99,7 +99,6 @@
<script>
import { applyThird } from '@/api/shopentry';
import { getCategory } from '@/api/goods';
import * as RegExp from '@/plugins/RegExp.js';
import Map from '@/components/map/index';
import storage from '@/plugins/storage';
import { commonUrl } from '@/plugins/request.js';
@ -113,16 +112,16 @@ export default {
components: { liliMap: Map },
data () {
return {
loading: false,
uploadLoading: false,
action: commonUrl + '/common/upload/file',
accessToken: {},
previewPicture: '',
visible: false,
form: {
loading: false, // 加载状态
uploadLoading: false, // 上传加载状态
action: commonUrl + '/common/upload/file', // 上传地址
accessToken: {}, // 验证token
previewPicture: '', // 预览图片
visible: false, // 图片预览
form: { // 表单数据
storeLogo: []
},
rules: {
rules: { // 验证规则
goodsManagementCategory: [
{ required: true, message: '请选择店铺经营类目' }
],
@ -131,7 +130,7 @@ export default {
storeDesc: [{ required: true, message: '请填写店铺简介' }],
storeCenter: [{ required: true, message: '请选择店铺位置' }]
},
categoryList: []
categoryList: [] // 分类数据
};
},
methods: {

80
buyer/src/pages/signUp/CheckPhone.vue
View File

@ -1,80 +0,0 @@
<template>
<div class="info-form">
<Form ref="formValidate" :model="formValidate" :label-width="80" :rules="ruleValidate">
<FormItem label="手机号" prop="phone">
<i-input v-model="formValidate.phone" clearable size="large" placeholder="请输入手机号"></i-input>
</FormItem>
<FormItem label="验证码" prop="checkNum">
<i-input v-model="formValidate.checkNum" size="large" placeholder="请输入验证码">
<Button slot="append" @click="getcheckNum">获取验证码</Button>
</i-input>
</FormItem>
<Button type="error" size="large" long @click="handleSubmit('formValidate')">验证手机号</Button>
</Form>
</div>
</template>
<script>
import store from '@/vuex/store';
import { mapMutations } from 'vuex';
export default {
name: 'CheckPhone',
data () {
return {
formValidate: {
phone: '',
checkNum: ''
},
ruleValidate: {
phone: [
{ required: true, message: '手机号不能为空', trigger: 'blur' },
{ type: 'string', pattern: /^1[3|4|5|7|8][0-9]{9}$/, message: '手机号格式出错', trigger: 'blur' }
],
checkNum: [
{ required: true, message: '必须填写验证码', trigger: 'blur' },
{ type: 'string', min: 4, max: 4, message: '验证码长度错误', trigger: 'blur' }
]
}
};
},
methods: {
...mapMutations(['SET_SIGN_UP_SETP']),
getcheckNum () {
if (this.formValidate.phone.length === 11) {
this.$Message.success({
content: '验证码为: 1234',
duration: 6,
closable: true
});
} else {
this.$Message.error({
content: '请输入正确的手机号',
duration: 6,
closable: true
});
}
},
handleSubmit (name) { // 提交验证
this.$refs[name].validate((valid) => {
if (valid) {
this.$router.push({ path: '/SignUp/inputInfo', query: { phone: this.formValidate.phone } });
this.SET_SIGN_UP_SETP(1);
} else {
this.$Message.error({
content: '请填写正确的信息',
duration: 6,
closable: true
});
}
});
}
},
store
};
</script>
<style scoped>
.info-form {
width: 90% !important;
}
</style>

92
buyer/src/pages/signUp/InputInfo.vue
View File

@ -1,92 +0,0 @@
<template>
<div class="info-form">
<Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80" >
<FormItem label="用户名" prop="name">
<i-input v-model="formValidate.name" clearable size="large" placeholder="请输入你的姓名"></i-input>
</FormItem>
<FormItem label="邮箱" prop="mail">
<i-input v-model="formValidate.mail" clearable size="large" placeholder="请输入你的邮箱"></i-input>
</FormItem>
<FormItem label="密码" prop="password">
<i-input type="password" v-model="formValidate.password" clearable size="large" placeholder="请输入你的密码"></i-input>
</FormItem>
<FormItem label="确认密码" prop="repassword">
<i-input type="password" v-model="formValidate.repassword" clearable size="large" placeholder="请再次输入你的密码"></i-input>
</FormItem>
<Button type="error" size="large" long @click="handleSubmit('formValidate')">注册</Button>
</Form>
</div>
</template>
<script>
import store from '@/vuex/store';
import { mapMutations, mapActions } from 'vuex';
export default {
name: 'InputInfo',
data () {
const validatePassCheck = (rule, value, callback) => {
if (value === '') {
callback(new Error('请再次输入密码'));
} else if (value !== this.formValidate.password) {
callback(new Error('两次输入的密码不一样'));
} else {
callback();
}
};
return {
formValidate: {
name: '',
mail: '',
password: '',
repassword: ''
},
ruleValidate: {
name: [
{ required: true, message: '用户名不能为空', trigger: 'blur' }
],
mail: [
{ required: true, message: '邮箱不能为空', trigger: 'blur' },
{ type: 'email', message: '邮箱格式错误', trigger: 'blur' }
],
password: [
{ required: true, message: '密码不能为空', trigger: 'blur' },
{ type: 'string', min: 6, message: '密码长度不能小于6', trigger: 'blur' }
],
repassword: [
{ validator: validatePassCheck, trigger: 'blur' }
]
}
};
},
methods: {
...mapMutations(['SET_SIGN_UP_SETP']),
...mapActions(['addSignUpUser']),
handleSubmit (name) {
const father = this;
this.$refs[name].validate((valid) => {
if (valid) {
this.$Message.success('注册成功');
const userinfo = {
username: this.formValidate.name,
password: this.formValidate.password,
mail: this.formValidate.mail,
phone: this.$route.query.phone
};
this.addSignUpUser(userinfo);
father.SET_SIGN_UP_SETP(2);
this.$router.push({ path: '/SignUp/signUpDone' });
} else {
this.$Message.error('注册失败');
}
});
}
},
store
};
</script>
<style scoped>
.info-form {
width: 90% !important;
}
</style>

27
buyer/src/pages/signUp/SignUpDone.vue
View File

@ -1,27 +0,0 @@
<template>
<div class="container">
<p><Icon type="ios-checkmark-outline"></Icon></p>
<router-link to="/login"><Button type="success" size="large" long class="btn-success">注册成功</Button></router-link>
</div>
</template>
<script>
export default {
name: 'SignUpDone'
};
</script>
<style scoped>
.container {
width: 100%;
text-align: center;
}
.container p {
font-size: 90px;
color: #2d8cf0;
text-align: center;
}
.btn-success {
margin-top: 30px;
}
</style>

2
buyer/src/pages/user/Home.vue
View File

@ -60,7 +60,7 @@ export default {
name: 'Home',
data () {
return {
menuList
menuList // 会员中心左侧列表
};
},
computed: {

6
buyer/src/router/index.js
View File

@ -67,7 +67,6 @@ const UserMain = resolve => require(['@/pages/home/Main'], resolve);
* 店铺入驻 首页
* 店铺入驻 申请页
*/
const ShopEntryIndex = resolve => require(['@/pages/shopEntry/index'], resolve);
const ShopEntry = resolve => require(['@/pages/shopEntry/shop-entry'], resolve);
Vue.use(Router);
@ -168,11 +167,6 @@ export default new Router({
title: '帮助中心'
}
},
{
path: '/shopEntryList',
name: 'shopEntryList',
component: ShopEntryIndex
},
{
path: '/shopEntry',
name: 'shopEntry',