yu
/
CostumingPlatform
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

成衣

Browse Source
zhc4dev
暖暖 2 years ago
parent 5da8781327
commit b85dc8c03e
1 changed files with 262 additions and 220 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 150
      ant-design-vue-jeecg/src/views/shopping/pages/chengyi.vue

150
ant-design-vue-jeecg/src/views/shopping/pages/chengyi.vue
Unescape View File

@ -1,5 +1,5 @@
<template> <template>
<!-- 服装类型--> <!-- 成衣推荐-->
<div class="chengyi"> <div class="chengyi">
<Header fontColor="#000"></Header> <Header fontColor="#000"></Header>
@ -16,10 +16,11 @@
<i class="el-icon-male"></i> <i class="el-icon-male"></i>
<span>{{ item.name }}</span> <span>{{ item.name }}</span>
</template> </template>
<el-submenu v-for="(j, i2) in item.childrens" :key="i2" :index="j.id"> <el-menu-item v-for="(j, i2) in item.childrens" :key="i2" :index="j.id">{{ j.name }}</el-menu-item>
<template slot="title">{{ j.name }}</template> <!-- <el-submenu v-for="(j, i2) in item.childrens" :key="i2" :index="j.id">-->
<el-menu-item v-for="(k, i3) in j.childrens" :key="i3" :index="k.id">{{ k.name }}</el-menu-item> <!-- <template slot="title">{{ j.name }}</template>-->
</el-submenu> <!-- <el-menu-item v-for="(k, i3) in j.childrens" :key="i3" :index="k.id">{{ k.name }}</el-menu-item>-->
<!-- </el-submenu>-->
</el-submenu> </el-submenu>
</el-menu> </el-menu>
<div class="right"> <div class="right">
@ -32,18 +33,18 @@
</span> </span>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="heat">热度</el-dropdown-item> <el-dropdown-item command="heat">热度</el-dropdown-item>
<!-- <el-dropdown-item command="esteem">评分</el-dropdown-item>--> <!-- <el-dropdown-item command="esteem">评分</el-dropdown-item>-->
<el-dropdown-item command="high">价格降序</el-dropdown-item> <el-dropdown-item command="high">价格降序</el-dropdown-item>
<el-dropdown-item command="low">价格升序</el-dropdown-item> <el-dropdown-item command="low">价格升序</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<!-- <div class="iconDiv d-flex">--> <!-- <div class="iconDiv d-flex">-->
<!-- <span>价格</span>--> <!-- <span>价格</span>-->
<!-- <div class="icon d-flex">--> <!-- <div class="icon d-flex">-->
<!-- <i class="el-icon-arrow-up"></i>--> <!-- <i class="el-icon-arrow-up"></i>-->
<!-- <i class="el-icon-arrow-down"></i>--> <!-- <i class="el-icon-arrow-down"></i>-->
<!-- </div>--> <!-- </div>-->
<!-- </div>--> <!-- </div>-->
</div> </div>
</div> </div>
<div class="clothDiv d-flex"> <div class="clothDiv d-flex">
@ -193,10 +194,6 @@
{ {
id: '1', id: '1',
name: "男装", name: "男装",
childrens: [
{
id: '11',
name: "上衣",
childrens: [ childrens: [
{ {
id: '111', id: '111',
@ -214,12 +211,6 @@
id: '114', id: '114',
name: "针织衫", name: "针织衫",
}, },
],
},
{
id: '12',
name: "外套",
childrens: [
{ {
id: '121', id: '121',
name: "夹克", name: "夹克",
@ -232,12 +223,6 @@
id: '123', id: '123',
name: "风衣", name: "风衣",
}, },
],
},
{
id: '13',
name: "裤子",
childrens: [
{ {
id: '131', id: '131',
name: "休闲裤", name: "休闲裤",
@ -272,15 +257,9 @@
}, },
], ],
}, },
],
},
{ {
id: '2', id: '2',
name: "女装", name: "女装",
childrens: [
{
id: '21',
name: "上衣",
childrens: [ childrens: [
{ {
id: '211', id: '211',
@ -298,12 +277,6 @@
id: '214', id: '214',
name: "针织衫", name: "针织衫",
}, },
],
},
{
id: '22',
name: "外套",
childrens: [
{ {
id: '221', id: '221',
name: "夹克", name: "夹克",
@ -316,12 +289,6 @@
id: '223', id: '223',
name: "风衣", name: "风衣",
}, },
],
},
{
id: '23',
name: "裤子",
childrens: [
{ {
id: '231', id: '231',
name: "休闲裤", name: "休闲裤",
@ -356,13 +323,78 @@
}, },
], ],
}, },
{
id: '3',
name: "童装",
childrens: [
{
id: '311',
name: "衬衫",
},
{
id: '312',
name: "卫衣",
},
{
id: '313',
name: "Polo衫",
},
{
id: '314',
name: "针织衫",
},
{
id: '321',
name: "夹克",
},
{
id: '322',
name: "羽绒服",
},
{
id: '323',
name: "风衣",
},
{
id: '331',
name: "休闲裤",
},
{
id: '332',
name: "西裤",
},
{
id: '333',
name: "工装裤",
},
{
id: '334',
name: "运动裤",
},
{
id: '335',
name: "卫裤",
},
{
id: '336',
name: "九分裤",
},
{
id: '337',
name: "短裤",
},
{
id: '338',
name: "哈伦裤",
},
], ],
}, },
], ],
// 目前选择的菜单 // 目前选择的菜单
current:{ current:{
id:'', id:'',
name:'' name:'',
parrentName:''
} }
}; };
}, },
@ -374,19 +406,24 @@
const indexb = this.typeData[indexa].childrens.findIndex((value, keys, arr) => { const indexb = this.typeData[indexa].childrens.findIndex((value, keys, arr) => {
return value.id == indexPath[1] return value.id == indexPath[1]
}) })
const indexc = this.typeData[indexa].childrens[indexb].childrens.findIndex((value, keys, arr) => { // const indexc = this.typeData[indexa].childrens[indexb].childrens.findIndex((value, keys, arr) => {
return value.id == indexPath[2] // return value.id == indexPath[2]
}) // })
this.current.name = this.typeData[indexa].childrens[indexb].childrens[indexc].name // this.current.name = this.typeData[indexa].childrens[indexb].childrens[indexc].name
this.current.id = this.typeData[indexa].childrens[indexb].childrens[indexc].id // this.current.id = this.typeData[indexa].childrens[indexb].childrens[indexc].id
this.current.name = this.typeData[indexa].childrens[indexb].name
this.current.id = this.typeData[indexa].childrens[indexb].id
this.current.parrentName = this.typeData[indexa].name
}, },
handleSelet(index,indexPath){ handleSelet(index,indexPath){
this.findIndex(indexPath) this.findIndex(indexPath)
//这里更改右边显示衣服的数据,通过this.current.id查
// this.clothsList
}, },
clothDetails(item) { clothDetails(item) {
this.$router.push({ this.$router.push({
path: "/shopping/ClothDetail", path: "/shopping/ClothDetail",
query: { id: item.id, title: item.title }, query: { id: item.id, title: item.title ,name:this.current.name,parentName:this.current.parrentName},
}); });
}, },
handleCommand(command){ handleCommand(command){
@ -405,6 +442,11 @@
} }
} }
}, },
mounted() {
this.current.name = this.typeData[0].childrens[0].name
this.current.id = this.typeData[0].childrens[0].id
this.current.parrentName = this.typeData[0].name
}
} }
</script> </script>
<style scoped> <style scoped>

Write Preview
Loading…
Cancel
Save