Merge branch 'master' of http://182.92.169.222:3000/yu/CostumingPlatform
commit
310a6d9339
16 changed files with 1418 additions and 74 deletions
|
After Width: | Height: | Size: 10 KiB |
@ -0,0 +1,445 @@ |
|||||||
|
<template> |
||||||
|
<div class="addrView"> |
||||||
|
<div class="weizhuce d-flex" v-if="addrList1.length == 0"> |
||||||
|
<p class="c_1B f_30"> 您还未注册地址。</p> |
||||||
|
</div> |
||||||
|
<div class="d-flex btnDiv"> |
||||||
|
<div type="primary" class="dialogButton primary f_12" @click="addAddr">创建新地址</div> |
||||||
|
</div> |
||||||
|
<div class="addrList" v-if="addrList1.length != 0"> |
||||||
|
<div class="item" v-for="(item,index) in addrList1" :key="index"> |
||||||
|
<p class="default" v-if="item.sort==0"><span class="f_12">默认地址</span></p> |
||||||
|
<div class="d-flex"> |
||||||
|
<div><span>{{item.usernamme}}</span><span v-if="item.sysOrgCode == 2">女士</span><span v-if="item.sysOrgCode == 1">先生</span></div> |
||||||
|
<div class="btnDiv"> |
||||||
|
<span class="btn" @click="handleEdit(item)">编辑</span> |
||||||
|
<a-popconfirm |
||||||
|
title="确定删除吗?" |
||||||
|
ok-text="Yes" |
||||||
|
cancel-text="No" |
||||||
|
@confirm="confirm1(item.id)" |
||||||
|
@cancel="cancel" |
||||||
|
><span class="btn">删除</span></a-popconfirm> |
||||||
|
<a-popconfirm |
||||||
|
title="确定将其设置为默认地址吗?" |
||||||
|
ok-text="Yes" |
||||||
|
cancel-text="No" |
||||||
|
@confirm="confirm2(item.id)" |
||||||
|
@cancel="cancel" |
||||||
|
v-if="!item.sort==0" |
||||||
|
><span class="btn">将其设置为默认地址</span></a-popconfirm> |
||||||
|
<!-- <span class="btn" v-if="!item.flag" @click="handleDefault(item.id)">将其设置为默认地址</span>--> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<p> |
||||||
|
{{item.address}} |
||||||
|
</p> |
||||||
|
<p><j-area-linkage disabled type="cascader" v-model="item.cityId" placeholder="请选择省市区"/></p> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<a-modal |
||||||
|
title="地址操作" |
||||||
|
:visible="visible" |
||||||
|
:width="800" |
||||||
|
> |
||||||
|
<template slot="footer"> |
||||||
|
<a-button key="back" @click="handleCancel"> |
||||||
|
取消 |
||||||
|
</a-button> |
||||||
|
<a-button key="submit" type="primary" @click="handleOk"> |
||||||
|
确定 |
||||||
|
</a-button> |
||||||
|
</template> |
||||||
|
|
||||||
|
<template> |
||||||
|
<a-form-model |
||||||
|
ref="ruleForm" |
||||||
|
:model="form" |
||||||
|
:rules="rules" |
||||||
|
:label-col="labelCol" :wrapper-col="wrapperCol" |
||||||
|
class="modelForm" |
||||||
|
> |
||||||
|
<a-form-model-item label="称呼" > |
||||||
|
<a-select v-model="form.sex" placeholder="请选择称呼"> |
||||||
|
<a-select-option value="1"> |
||||||
|
女士 |
||||||
|
</a-select-option> |
||||||
|
<a-select-option value="2"> |
||||||
|
先生 |
||||||
|
</a-select-option> |
||||||
|
</a-select> |
||||||
|
</a-form-model-item> |
||||||
|
<a-form-model-item |
||||||
|
label="姓名" |
||||||
|
prop="name" |
||||||
|
> |
||||||
|
<a-input placeholder="请输入姓名" v-model="form.name" /> |
||||||
|
</a-form-model-item> |
||||||
|
<a-form-model-item |
||||||
|
label="选择地址" |
||||||
|
prop="addr" |
||||||
|
> |
||||||
|
<j-area-linkage type="cascader" v-model="form.addr" placeholder="请选择省市区"/> |
||||||
|
</a-form-model-item> |
||||||
|
<a-form-model-item |
||||||
|
label="手机号码" |
||||||
|
prop="phone" |
||||||
|
> |
||||||
|
<a-input placeholder="请输入手机号码" v-model="form.phone"> |
||||||
|
<template slot="addonBefore"> |
||||||
|
<span>+86 中国大陆地区</span> |
||||||
|
</template> |
||||||
|
</a-input> |
||||||
|
</a-form-model-item> |
||||||
|
<a-form-model-item label="详细地址" prop="detailed"> |
||||||
|
<a-input v-model="form.detailed" type="textarea" /> |
||||||
|
</a-form-model-item> |
||||||
|
<a-form-model-item> |
||||||
|
<a-checkbox @change="onChange" :checked="form.flag"> |
||||||
|
设置为默认地址 |
||||||
|
</a-checkbox> |
||||||
|
</a-form-model-item> |
||||||
|
</a-form-model> |
||||||
|
</template> |
||||||
|
</a-modal> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
|
||||||
|
import { httpAction, getAction } from '@/api/manage' |
||||||
|
import { deleteAction } from '@/api/manage' |
||||||
|
import {mapGetters} from 'vuex' |
||||||
|
|
||||||
|
export default { |
||||||
|
name: "addrView", |
||||||
|
components: { }, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
visible: false, |
||||||
|
flag:'',//当前操作是添加还是编辑，若为add是添加，为edit是编辑 |
||||||
|
copyItem:{},//备份当行数据 |
||||||
|
labelCol: { span: 4 }, |
||||||
|
wrapperCol: { span: 20 }, |
||||||
|
addrList1:[], |
||||||
|
addrList:[ |
||||||
|
{ |
||||||
|
id:1, |
||||||
|
name:'吴一', |
||||||
|
sex:'1', |
||||||
|
phone:'17777777777', |
||||||
|
addr:'210521', |
||||||
|
detailed:'黄淮学院北区', |
||||||
|
flag:true,//是否是默认地址 |
||||||
|
},//地址一 |
||||||
|
{ |
||||||
|
id:2, |
||||||
|
name:'吴二', |
||||||
|
sex:'2', |
||||||
|
phone:'17777777777', |
||||||
|
addr:'210521', |
||||||
|
detailed:'黄淮学院北区', |
||||||
|
flag:false,//是否是默认地址 |
||||||
|
},//地址二 |
||||||
|
{ |
||||||
|
id:3, |
||||||
|
name:'吴三', |
||||||
|
sex:'1', |
||||||
|
phone:'17777777777', |
||||||
|
addr:'210521', |
||||||
|
detailed:'黄淮学院北区', |
||||||
|
flag:false,//是否是默认地址 |
||||||
|
},//地址三 |
||||||
|
],//地址列表 |
||||||
|
addrList1:[], |
||||||
|
addr1:'210521', |
||||||
|
//弹窗数据 |
||||||
|
form: { |
||||||
|
id:'', |
||||||
|
sex: undefined, |
||||||
|
name: '', |
||||||
|
addr: '', |
||||||
|
detailed: '', |
||||||
|
phone: '', |
||||||
|
flag:false//是否默认地址 |
||||||
|
}, |
||||||
|
rules: { |
||||||
|
name: [ |
||||||
|
{ required: true, message: '请输入姓名', trigger: 'blur' }, |
||||||
|
], |
||||||
|
visit: [ |
||||||
|
{ required: true, message: '请选择您的配送方式', trigger: 'change' }, |
||||||
|
], |
||||||
|
addr: [{ required: true, message: '请选择地址', trigger: 'blur' }], |
||||||
|
detailed: [{ required: true, message: '请输入详细地址', trigger: 'blur' }], |
||||||
|
phone: [{ required: true, message: '请输入手机号码', trigger: 'blur' }, |
||||||
|
], |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
url: { |
||||||
|
getaddress: "/getuserpersion/getaddress", |
||||||
|
deleteadd: "/getuserpersion/deleteadd", |
||||||
|
sdqx: "/getuserpersion/sdqx", |
||||||
|
addadressress: "/getuserpersion/addadressress", |
||||||
|
updateadressress: "/getuserpersion/updateadressress" |
||||||
|
}, |
||||||
|
}; |
||||||
|
}, |
||||||
|
|
||||||
|
created() { |
||||||
|
this.getaddress(); |
||||||
|
}, |
||||||
|
|
||||||
|
methods: { |
||||||
|
...mapGetters(["nickname", "avatar","userInfo"]), |
||||||
|
reload() { |
||||||
|
this.isReload = false |
||||||
|
this.$nextTick(() => { |
||||||
|
this.isReload = true |
||||||
|
}) |
||||||
|
}, |
||||||
|
getaddress(){ |
||||||
|
getAction(this.url.getaddress).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.addrList1= res.result; |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
addAddr(){ |
||||||
|
this.visible = true |
||||||
|
this.flag = 'add' |
||||||
|
}, |
||||||
|
changeDefault(){ |
||||||
|
this.addrList.forEach(obj =>{ |
||||||
|
if(obj.flag){ |
||||||
|
obj.flag = !obj.flag |
||||||
|
} |
||||||
|
}) |
||||||
|
}, |
||||||
|
clearForm(){ |
||||||
|
this.form = { |
||||||
|
id:'', |
||||||
|
sex: undefined, |
||||||
|
name: '', |
||||||
|
addr: '', |
||||||
|
detailed: '', |
||||||
|
phone: '', |
||||||
|
flag:false//是否默认地址 |
||||||
|
} |
||||||
|
}, |
||||||
|
handleOk(e) { |
||||||
|
//判断是添加地址还是修改地址 |
||||||
|
let that = this |
||||||
|
this.$refs.ruleForm.validate(valid => { |
||||||
|
if (valid) {//验证通过 |
||||||
|
if(this.flag == 'add') {//如果是新增地址 |
||||||
|
if(this.form.flag){//修改为默认地址 |
||||||
|
this.changeDefault() |
||||||
|
this.addrList.unshift(this.form) |
||||||
|
|
||||||
|
//开始向后台传送数据包 |
||||||
|
getAction(this.url.addadressress,{form : JSON.stringify(this.form)}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}else{//不修改为默认地址 |
||||||
|
this.addrList.push(this.form) |
||||||
|
console.log(this.userInfo()) |
||||||
|
//开始向后台传送数据包 |
||||||
|
getAction(this.url.addadressress,{form : JSON.stringify(this.form)}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
} |
||||||
|
}else if(this.flag == 'edit'){ |
||||||
|
//如果是修改地址 |
||||||
|
//查找当前索引 |
||||||
|
let itemIndex3 = this.addrList.findIndex(item =>item.id == this.form.id) |
||||||
|
if(this.form.flag){//如果需要修改为默认地址 |
||||||
|
this.changeDefault() |
||||||
|
this.form.flag = true |
||||||
|
this.addrList[itemIndex3] = this.form |
||||||
|
/* console.log("this.addrList2") |
||||||
|
console.log(this.addrList)*/ |
||||||
|
console.log(this.form) |
||||||
|
getAction(this.url.updateadressress,{form : JSON.stringify(this.form)}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
}else{ |
||||||
|
this.addrList[itemIndex3] = this.form |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
getAction(this.url.updateadressress,{form : JSON.stringify(this.form)}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
|
||||||
|
console.log(this.form) |
||||||
|
} |
||||||
|
} |
||||||
|
//清空表单 |
||||||
|
this.clearForm() |
||||||
|
this.flag = '' |
||||||
|
this.visible = false; |
||||||
|
} else {} |
||||||
|
}); |
||||||
|
}, |
||||||
|
handleCancel() { |
||||||
|
this.visible = false; |
||||||
|
if(this.flag == 'edit'){ |
||||||
|
let itemIndex4 = this.addrList.findIndex(item =>item.id == this.form.id) |
||||||
|
this.addrList[itemIndex4] = this.copyItem |
||||||
|
} |
||||||
|
this.clearForm() |
||||||
|
|
||||||
|
this.flag = '' |
||||||
|
}, |
||||||
|
onChange(e) { |
||||||
|
this.form.flag = e.target.checked |
||||||
|
}, |
||||||
|
handleEdit(item){ |
||||||
|
this.copyItem = JSON.parse(JSON.stringify(item)); |
||||||
|
this.visible = true |
||||||
|
this.flag = 'edit' |
||||||
|
this.form = item |
||||||
|
}, |
||||||
|
confirm1(id) { |
||||||
|
/*这个是删除功能*/ |
||||||
|
console.log(id) |
||||||
|
deleteAction(this.url.deleteadd,{id,id}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
confirm2(id) { |
||||||
|
console.log(id) |
||||||
|
getAction(this.url.sdqx,{id,id}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.$router.go(0) |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
cancel(e) { |
||||||
|
this.$message.warning('已取消'); |
||||||
|
}, |
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less" scoped> |
||||||
|
@import '../assets/common.css'; |
||||||
|
.modelForm{ |
||||||
|
padding:20px 100px; |
||||||
|
} |
||||||
|
.addrList .j-area-linkage /deep/ .area-select{ |
||||||
|
background-color: #fff; |
||||||
|
border: none; |
||||||
|
span{ |
||||||
|
padding-left: 0; |
||||||
|
font-size: 12px; |
||||||
|
color:#313131; |
||||||
|
cursor:auto; |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
i{ |
||||||
|
display: none; |
||||||
|
} |
||||||
|
} |
||||||
|
.btnDiv{ |
||||||
|
justify-content: center; |
||||||
|
.dialogButton { |
||||||
|
width: 300px; |
||||||
|
height: 42px; |
||||||
|
text-align: center; |
||||||
|
line-height: 42px; |
||||||
|
transition: all 0.2s; |
||||||
|
} |
||||||
|
.primary { |
||||||
|
background: #1b1b1b; |
||||||
|
border: 2px solid #1b1b1b; |
||||||
|
color: #e5dfd9; |
||||||
|
&:hover { |
||||||
|
opacity: 0.8; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.addrView{ |
||||||
|
width: 1114px; |
||||||
|
margin:0 auto; |
||||||
|
padding-top: 50px; |
||||||
|
.weizhuce{ |
||||||
|
text-align: center; |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
p{ |
||||||
|
width: 300px; |
||||||
|
} |
||||||
|
} |
||||||
|
.addrList{ |
||||||
|
width: 800px; |
||||||
|
margin: 0 auto; |
||||||
|
.item{ |
||||||
|
padding-top: 40px; |
||||||
|
border-bottom: 1px solid #DADADA; |
||||||
|
color: #1A1919; |
||||||
|
p{ |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.default{ |
||||||
|
span{ |
||||||
|
display: inline-block; |
||||||
|
padding: 4px 12px; |
||||||
|
box-sizing: content-box; |
||||||
|
background: #F8F8F8; |
||||||
|
width: 72px; |
||||||
|
height: 21px; |
||||||
|
text-align: center; |
||||||
|
line-height: 21px; |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
.d-flex{ |
||||||
|
justify-content: space-between; |
||||||
|
font-size: 14px; |
||||||
|
.btnDiv{ |
||||||
|
.btn{ |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
} |
||||||
|
.btn{ |
||||||
|
text-decoration: underline; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
div:first-child{ |
||||||
|
margin-bottom: 12px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
@ -0,0 +1,320 @@ |
|||||||
|
<template> |
||||||
|
<div class="collection"> |
||||||
|
<!-- 收藏列表--> |
||||||
|
<div class="d-flex collectList" v-if="collectList1.length != 0"> |
||||||
|
<div class="item d-flex" v-for="(item,index) in collectList1" :key="index" v-if="index<7"> |
||||||
|
<img :src="item.defaultPicture"> |
||||||
|
<div class="title f_14">{{item.goodsName}}</div> |
||||||
|
<div class="price f_14">￥{{item.unitPrice}}</div> |
||||||
|
<div class="c_75 f_12">{{item.styleNames}}</div> |
||||||
|
<div class="c_75 f_12">{{item.address}}</div> |
||||||
|
<div class="c_75 f_12">{{item.ordersNum}}</div> |
||||||
|
<!--<a class="button1 f_12">删除</a>--> |
||||||
|
<a-popconfirm class="button1 f_12" title="确定删除吗?" @confirm="() => delteys(item.id)"> |
||||||
|
<a>删除</a> |
||||||
|
</a-popconfirm> |
||||||
|
<div class="button2 f_12 c_fff" @click="ingwc(item.id)">加入购物车</div> |
||||||
|
</div> |
||||||
|
<div class="more d-flex"> |
||||||
|
<!--<a class="c_1B f_20">点击进入选款<a-icon type="right" /></a>--> |
||||||
|
<router-link class="c_1B f_20" to="/shopping/clothType">点击进入选款</router-link> |
||||||
|
<!--<a class="f_14">查看更多收藏</a>--> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<!-- 收藏列表没有数据--> |
||||||
|
<div class="else" v-if="collectList1.length == 0"> |
||||||
|
<p class="c_1B f_30">您的衣橱中没有收藏任何商品。</p> |
||||||
|
<div class="c_fff f_12">前往探索</div> |
||||||
|
</div> |
||||||
|
<div class="recommending d-flex" v-if="collectList.length == 0"> |
||||||
|
<div class="item title d-flex"> |
||||||
|
<p class="f_20">您可能喜欢</p> |
||||||
|
<p class="f_14">根据算法推荐</p> |
||||||
|
</div> |
||||||
|
<div class="item" v-for="(item,index) in recommendList" :key="index" v-if="index<4"> |
||||||
|
<img :src="item.imgUrl"> |
||||||
|
<span v-if="!item.flag" class="iconfont icon-weishoucang" @click="shouCang(item)"></span> |
||||||
|
<span v-if="item.flag" class="iconfont icon-yishoucang" @click="shouCang(item)"></span> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
import { httpAction, getAction } from '@/api/manage' |
||||||
|
|
||||||
|
|
||||||
|
export default { |
||||||
|
name: "collection", |
||||||
|
components: { }, |
||||||
|
data() { |
||||||
|
return { |
||||||
|
collectList:[ |
||||||
|
{ |
||||||
|
id:1, |
||||||
|
imgUrl:require("../assets/cloth001.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:2, |
||||||
|
imgUrl:require("../assets/cloth002.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:3, |
||||||
|
imgUrl:require("../assets/cloth004.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:4, |
||||||
|
imgUrl:require("../assets/cloth003.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:5, |
||||||
|
imgUrl:require("../assets/cloth001.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:6, |
||||||
|
imgUrl:require("../assets/cloth002.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:7, |
||||||
|
imgUrl:require("../assets/cloth004.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:8, |
||||||
|
imgUrl:require("../assets/cloth003.png"), |
||||||
|
title:"商品名商品名商品名商品名商品名", |
||||||
|
price:'23500', |
||||||
|
size:"款式名", |
||||||
|
zhuliao:"主料名", |
||||||
|
fuliao:"辅料名", |
||||||
|
} |
||||||
|
], |
||||||
|
collectList1:[], |
||||||
|
recommendList:[ |
||||||
|
{ |
||||||
|
id:1, |
||||||
|
imgUrl:require("../assets/cloth003.png"), |
||||||
|
flag:false//是否点赞 |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:2, |
||||||
|
imgUrl:require("../assets/cloth002.png"), |
||||||
|
flag:false |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:3, |
||||||
|
imgUrl:require("../assets/cloth002.png"), |
||||||
|
flag:false |
||||||
|
}, |
||||||
|
{ |
||||||
|
id:4, |
||||||
|
imgUrl:require("../assets/cloth003.png"), |
||||||
|
flag:false |
||||||
|
}, |
||||||
|
], |
||||||
|
|
||||||
|
|
||||||
|
url: { |
||||||
|
findallcg: "/getuserpersion/findallcg", |
||||||
|
ingwc: "/getuserpersion/ingwc", |
||||||
|
delteys: "/getuserpersion/delteys" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
created() { |
||||||
|
this.findallcg(); |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
shouCang(item){ |
||||||
|
console.log(item) |
||||||
|
item.flag = !item.flag |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
delteys(id){ |
||||||
|
getAction(this.url.delteys,{id,id}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.loadData(1); |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
findallcg(){ |
||||||
|
getAction(this.url.findallcg).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
this.collectList1 = res.result; |
||||||
|
console.log(res.result) |
||||||
|
this.visible = true; |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
}, |
||||||
|
|
||||||
|
ingwc(id){ |
||||||
|
getAction(this.url.ingwc,{id,id}).then((res) => { |
||||||
|
if(res.success) { |
||||||
|
alert('宝贝已经添加到购物了，请查收'); |
||||||
|
this.loadData(1); |
||||||
|
} else { |
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}; |
||||||
|
</script> |
||||||
|
|
||||||
|
<style lang="less" scoped> |
||||||
|
@import '../assets/common.css'; |
||||||
|
.collection{ |
||||||
|
width: 1114px;margin:0 auto; |
||||||
|
.collectList{ |
||||||
|
justify-content: flex-start; |
||||||
|
flex-wrap: wrap; |
||||||
|
.more{ |
||||||
|
width: 240px; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
.c_1B{ |
||||||
|
margin-bottom: 12px; |
||||||
|
} |
||||||
|
.f_14{ |
||||||
|
color: #666; |
||||||
|
} |
||||||
|
} |
||||||
|
.item{ |
||||||
|
width: 240px; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
margin-bottom: 100px; |
||||||
|
margin-right: 30px; |
||||||
|
img{ |
||||||
|
width: 220px; |
||||||
|
height: 220px; |
||||||
|
} |
||||||
|
.title{ |
||||||
|
color: #1A1919; |
||||||
|
} |
||||||
|
.price{ |
||||||
|
color: #1A1919; |
||||||
|
margin-top: 9px; |
||||||
|
margin-bottom: 12px; |
||||||
|
} |
||||||
|
.c_75{ |
||||||
|
color: #757575; |
||||||
|
} |
||||||
|
.button1{ |
||||||
|
margin-top: 10px; |
||||||
|
margin-bottom: 24px; |
||||||
|
color: #1A1919; |
||||||
|
text-decoration: underline; |
||||||
|
} |
||||||
|
.button2{ |
||||||
|
background-color: #000; |
||||||
|
padding: 8px 16px; |
||||||
|
transition: all 0.3s; |
||||||
|
&:hover{ |
||||||
|
opacity: 0.6; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.else{ |
||||||
|
text-align: center; |
||||||
|
padding-top: 60px; |
||||||
|
margin-bottom: 150px; |
||||||
|
.c_fff{ |
||||||
|
width: 196px; |
||||||
|
height: 42px; |
||||||
|
line-height: 42px; |
||||||
|
background-color: #000; |
||||||
|
margin: 0 auto; |
||||||
|
transition: all 0.3s; |
||||||
|
&:hover{ |
||||||
|
opacity: 0.8; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.recommending{ |
||||||
|
border: 1px solid #E7E7E7; |
||||||
|
.title{ |
||||||
|
flex-direction: column; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
.f_20{ |
||||||
|
color: #313131; |
||||||
|
} |
||||||
|
.f_14{ |
||||||
|
color: #4B4E4B; |
||||||
|
} |
||||||
|
} |
||||||
|
.item{ |
||||||
|
position: relative; |
||||||
|
width: 300px; |
||||||
|
border-right: 1px solid #E7E7E7; |
||||||
|
.iconfont{ |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
text-align: center; |
||||||
|
box-sizing: border-box; |
||||||
|
border: 1px dashed #fff; |
||||||
|
position: absolute; |
||||||
|
transition: all 0.1s; |
||||||
|
top: 5%; |
||||||
|
right: 5%; |
||||||
|
&:hover{ |
||||||
|
border-color: #999; |
||||||
|
} |
||||||
|
} |
||||||
|
img{ |
||||||
|
width: 200px; |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
Loading…
Reference in new issue