|
@@ -2,31 +2,24 @@
|
|
|
<div class="addrList">
|
|
|
<div
|
|
|
class="addressList"
|
|
|
- v-for="(n, i) in cardData.length"
|
|
|
+ v-for="(n, i) in cardData"
|
|
|
:key="i"
|
|
|
- @click.stop="handleSelect(cardData[i])"
|
|
|
+ @click.stop="handleSelect(n)"
|
|
|
>
|
|
|
<div class="addressDetai">
|
|
|
<div class="addrTitle">
|
|
|
- <span>{{ cardData[i].name }}</span>
|
|
|
- <span>{{ cardData[i].mobile }}</span>
|
|
|
+ <span>{{ n.name }}</span>
|
|
|
+ <span>{{ n.mobile }}</span>
|
|
|
<p>
|
|
|
- {{
|
|
|
- `${cardData[i].city_name} ${cardData[i].area_name} ${cardData[i].address}`
|
|
|
- }}
|
|
|
+ {{ `${n.city_name} ${n.area_name} ${n.address}` }}
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="handle">
|
|
|
- <div
|
|
|
- class="is_model"
|
|
|
- :class="{ checked: iconname == cardData[i].id }"
|
|
|
- @click.stop="modelcheck(cardData[i].id)"
|
|
|
- ></div>
|
|
|
- <div class="del" @click.stop="del(cardData[i].id)">
|
|
|
+ <div class="del" @click.stop="addrdel(i)">
|
|
|
<img :src="del" />
|
|
|
<span>删除</span>
|
|
|
</div>
|
|
|
- <div class="edit" @click.stop="handleEdit(cardData[i])">
|
|
|
+ <div class="edit" @click.stop="handleEdit(n)">
|
|
|
<img :src="edit" />
|
|
|
<span>编辑</span>
|
|
|
</div>
|
|
@@ -99,52 +92,27 @@ export default {
|
|
|
console.log(e);
|
|
|
this.iconname = this.iconname == e ? "0" : e;
|
|
|
},
|
|
|
- // getNewTime() {
|
|
|
- // this.newTime = new Date().valueOf();
|
|
|
- // },
|
|
|
- selected() {},
|
|
|
- async delAddr(id) {
|
|
|
+ async delAddr(index) {
|
|
|
this.loading = true;
|
|
|
- let res = await asyncRequest.del({ id: id });
|
|
|
+ let res = await asyncRequest.del({ id: this.cardData[index].id });
|
|
|
this.loading = false;
|
|
|
if (res && res.code == 0) {
|
|
|
- Toast.success("地址删除成功!");
|
|
|
this.$emit("refresh");
|
|
|
-
|
|
|
- // await this.searchList();
|
|
|
} else if (res && res.code >= 100 && res.code <= 104) {
|
|
|
await this.logout();
|
|
|
} else {
|
|
|
- Toast.fail(res.msg);
|
|
|
+ this.show_title(res.msg);
|
|
|
}
|
|
|
},
|
|
|
- del(e) {
|
|
|
- let aDom = document.getElementsByClassName("del")[0];
|
|
|
- aDom.cancelBubble = true;
|
|
|
- this.cardData.map((ele) => {
|
|
|
- if (ele.id === e) {
|
|
|
- ele.isShow = true;
|
|
|
- } else {
|
|
|
- ele.isShow = false;
|
|
|
- }
|
|
|
- });
|
|
|
+ addrdel(index) {
|
|
|
Dialog.confirm({
|
|
|
title: "温馨提示?",
|
|
|
message: "确认删除该地址?",
|
|
|
})
|
|
|
.then(async () => {
|
|
|
- await this.delAddr(e);
|
|
|
+ await this.delAddr(index);
|
|
|
})
|
|
|
- .catch(() => {
|
|
|
- // on cancel
|
|
|
- this.cardData.map((ele) => {
|
|
|
- if (ele.id === e) {
|
|
|
- ele.isShow = false;
|
|
|
- } else {
|
|
|
- ele.isShow = true;
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
+ .catch(() => {});
|
|
|
},
|
|
|
async searchList() {
|
|
|
if (this.parmValue.page === 1) {
|
|
@@ -194,7 +162,7 @@ export default {
|
|
|
.addressList {
|
|
|
width: 90%;
|
|
|
margin: 16.5px auto;
|
|
|
- background: #fcfcf0;
|
|
|
+ background: #f5f5f5;
|
|
|
border-radius: 8px;
|
|
|
.addressDetai {
|
|
|
padding: 25px 0 0 0;
|
|
@@ -202,7 +170,7 @@ export default {
|
|
|
width: calc(100% - 40px);
|
|
|
margin: 0 auto;
|
|
|
padding: 0 20px 10px;
|
|
|
- border-bottom: 1px solid #a5a5a3;
|
|
|
+ border-bottom: 1px solid #ebebeb;
|
|
|
span:first-child {
|
|
|
padding-right: 15px;
|
|
|
}
|
|
@@ -256,7 +224,7 @@ export default {
|
|
|
font-size: 1em;
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: 400;
|
|
|
- color: #333333;
|
|
|
+ color: #888;
|
|
|
display: inline-block;
|
|
|
padding: 0 0 0 2px;
|
|
|
}
|