mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-10-01 17:56:39 +08:00
9f7ce41eac
1.添加PC端订单支付 弹出支付二维码 2.添加确认订单的面包屑 从购物车和其他方向进去的不同显示 3.修改移动端按钮和合计样式显示问题 4.添加购物车的全选功能 5.添加支付页面面包屑功能 6.修改订单详情页 添加面包屑和分割线 7.添加购物车数量编辑的保存
93 lines
2.2 KiB
Vue
93 lines
2.2 KiB
Vue
<template>
|
|
<div class="ts-crumbs rc-max-width--xl rc-padding-y--md" v-if="showTab" :style="crumbStyle">
|
|
<el-breadcrumb separator-class="el-icon-arrow-right">
|
|
<el-breadcrumb-item to="/" >{{ this.homepageName }}</el-breadcrumb-item>
|
|
|
|
<el-breadcrumb-item :to="{ path : item.path , query : item.query || {} }" v-for="(item, index) in displayData"
|
|
:key="index">{{ item.title }}</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState, mapMutations } from "vuex";
|
|
import tabs from "~/components/tabs.vue";
|
|
export default {
|
|
props:["crumbs","crumbStyle"],
|
|
name:"crumbs",
|
|
data() {
|
|
return {
|
|
displayData:[],
|
|
homepageName:'定制营养方案',
|
|
nameMapping:{
|
|
'/productdetails/productlist':'产品分类',
|
|
'/usersearch/search':'产品搜索',
|
|
'/personal/mypersonal':'个人中心',
|
|
'/personal/usermember/':'会员权益',
|
|
'/personal/integral/':'积分明细',
|
|
'/personal/settlement/':'订单确认',
|
|
'/personal/useraddress/':'我的订单',
|
|
'/myorder/userrecord/':'购物车',
|
|
'/useraddress/openaddress/':'收货地址',
|
|
'/personal/discount/':'优惠券',
|
|
'/productdetails/producted' : '产品详情',
|
|
'/personal/useraddress' : '我的订单'
|
|
},
|
|
};
|
|
},
|
|
created(){
|
|
if(this.showTab != false)
|
|
this.showTab=true;
|
|
this.build();
|
|
},
|
|
watch: {
|
|
crumbs(val) {
|
|
this.crumbs = val;
|
|
this.build();
|
|
}
|
|
},
|
|
mounted() {
|
|
},
|
|
|
|
methods: {
|
|
//...mapMutations(["changemessage",'selectMenu']),
|
|
build() {
|
|
let _self = this;
|
|
this.displayData=[];
|
|
if(this.crumbs && this.crumbs.length>0)
|
|
{
|
|
this.crumbs.forEach(function(ele,index){
|
|
let displayObj= {path:'',title:'',query : {}};
|
|
if(ele.path) {
|
|
displayObj.path = ele.path;
|
|
for(let path in _self.nameMapping) {
|
|
if(ele.path.indexOf(path)>-1) {
|
|
displayObj.path = path;
|
|
displayObj.title = _self.nameMapping[path];
|
|
}
|
|
}
|
|
}
|
|
if(ele.title) {
|
|
displayObj.title = ele.title;
|
|
}
|
|
|
|
if(ele.query) {
|
|
displayObj.query = ele.query;
|
|
}
|
|
_self.displayData.push(displayObj);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="less" scoped>
|
|
/deep/.el-breadcrumb__inner.is-link:hover {
|
|
color:#E2001A;
|
|
}
|
|
.ts-crumbs{
|
|
padding-left:1.25rem;
|
|
}
|
|
</style>
|