275 lines
8.6 KiB
JavaScript
275 lines
8.6 KiB
JavaScript
"use strict";
|
||
const common_vendor = require("../../../common/vendor.js");
|
||
const api_request = require("../../../api/request.js");
|
||
if (!Array) {
|
||
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||
_easycom_uni_popup2();
|
||
}
|
||
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||
if (!Math) {
|
||
_easycom_uni_popup();
|
||
}
|
||
const _sfc_main = {
|
||
__name: "Contact",
|
||
setup(__props) {
|
||
common_vendor.onMounted(() => {
|
||
getContacts();
|
||
});
|
||
const newContact = common_vendor.ref({
|
||
name: "",
|
||
phone: "",
|
||
isDefault: 0,
|
||
id: 0
|
||
});
|
||
const newContacts = common_vendor.ref({
|
||
name: "",
|
||
phone: "",
|
||
isDefault: 0,
|
||
id: 0
|
||
});
|
||
const editContact = async (index) => {
|
||
popup1.value.open("center");
|
||
const contact = filteredContacts.value[index];
|
||
newContact.value = {
|
||
name: contact.name,
|
||
id: contact.id,
|
||
phone: contact.phone,
|
||
isDefault: contact.isDefault
|
||
};
|
||
};
|
||
const handleIsDefaultChanges = () => {
|
||
newContacts.value.isDefault = 1;
|
||
console.log("赋值后newContacts.value.isDefault：", newContacts.value.isDefault);
|
||
if (newContacts.value.isDefault) {
|
||
for (let i = 0; i < filteredContacts.value.length; i++) {
|
||
filteredContacts.value[i].isDefault = 0;
|
||
}
|
||
}
|
||
console.log("函数执行完毕，newContacts.value.isDefault最终值：", newContacts.value.isDefault);
|
||
};
|
||
const handleIsDefaultChange = (e) => {
|
||
console.log("进入handleIsDefaultChanges函数，当前e.detail.value：", e.detail.value);
|
||
newContact.value.isDefault = 1;
|
||
console.log("赋值后newContacts.value.isDefault：", newContact.value.isDefault);
|
||
if (newContact.value.isDefault) {
|
||
for (let i = 0; i < filteredContacts.value.length; i++) {
|
||
filteredContacts.value[i].isDefault = 0;
|
||
}
|
||
}
|
||
console.log("函数执行完毕，newContacts.value.isDefault最终值：", newContacts.value.isDefault);
|
||
};
|
||
const getContacts = async () => {
|
||
const res = await common_vendor.index.request({
|
||
url: api_request.baseUrl + "/contacts/list",
|
||
method: "POST",
|
||
header: {
|
||
cookie: wx.getStorageSync("cookie")
|
||
}
|
||
});
|
||
console.log(res);
|
||
if (res.data.code === 1) {
|
||
const correctContacts = [];
|
||
let defaultContact = null;
|
||
res.data.data.forEach((contact) => {
|
||
if (contact.isDefault === 1) {
|
||
if (!defaultContact) {
|
||
defaultContact = contact;
|
||
} else {
|
||
contact.isDefault = 0;
|
||
}
|
||
}
|
||
correctContacts.push(contact);
|
||
});
|
||
filteredContacts.value = correctContacts;
|
||
if (defaultContact) {
|
||
const index = filteredContacts.value.findIndex(
|
||
(c) => c.id === defaultContact.id
|
||
);
|
||
if (index !== -1) {
|
||
filteredContacts.value[index].isDefault = 1;
|
||
}
|
||
}
|
||
} else {
|
||
common_vendor.index.showToast({
|
||
icon: "error",
|
||
title: "获取失败"
|
||
});
|
||
}
|
||
};
|
||
const searchText = common_vendor.ref("");
|
||
const filteredContacts = common_vendor.ref([]);
|
||
common_vendor.watch(searchText, () => {
|
||
if (searchText.value === "") {
|
||
filteredContacts.value = contacts.value;
|
||
} else {
|
||
filteredContacts.value = contacts.value.filter((contact) => {
|
||
return contact.name.includes(searchText.value) || contact.phone.includes(
|
||
searchText.value
|
||
);
|
||
});
|
||
}
|
||
});
|
||
const addContact = async () => {
|
||
popup.value.close();
|
||
if (newContacts.value.isDefault) {
|
||
for (let i = 0; i < filteredContacts.value.length; i++) {
|
||
if (filteredContacts.value[i].isDefault === 1) {
|
||
filteredContacts.value[i].isDefault = 0;
|
||
}
|
||
}
|
||
}
|
||
const res = await common_vendor.index.request({
|
||
url: api_request.baseUrl + "/contacts/add",
|
||
method: "POST",
|
||
header: {
|
||
cookie: wx.getStorageSync("cookie")
|
||
},
|
||
data: {
|
||
name: newContacts.value.name,
|
||
phone: newContacts.value.phone,
|
||
isDefault: newContacts.value.isDefault
|
||
}
|
||
});
|
||
if (res.data.code === 1) {
|
||
console.log("添加成功");
|
||
newContacts.value = {
|
||
name: "",
|
||
phone: "",
|
||
isDefault: 0,
|
||
id: 0
|
||
};
|
||
} else {
|
||
common_vendor.index.showToast({
|
||
icon: "error",
|
||
title: "添加失败"
|
||
});
|
||
}
|
||
getContacts();
|
||
};
|
||
const deleteContact = async (index) => {
|
||
const res = await common_vendor.index.request({
|
||
url: api_request.baseUrl + "/contacts/delete",
|
||
method: "POST",
|
||
header: {
|
||
cookie: wx.getStorageSync("cookie")
|
||
},
|
||
data: {
|
||
id: filteredContacts.value[index].id
|
||
}
|
||
});
|
||
console.log(res, "1111111111111");
|
||
if (res.data.code === 1) {
|
||
console.log("删除成功");
|
||
} else {
|
||
common_vendor.index.showToast({
|
||
icon: "error",
|
||
title: "删除失败"
|
||
});
|
||
}
|
||
getContacts();
|
||
};
|
||
common_vendor.ref({});
|
||
common_vendor.ref(null);
|
||
const saveModifiedContact = async () => {
|
||
popup1.value.close();
|
||
if (!newContact.value.name || !newContact.value.phone) {
|
||
common_vendor.index.showToast({
|
||
icon: "error",
|
||
title: "不能为空"
|
||
});
|
||
return;
|
||
}
|
||
if (newContact.value.isDefault) {
|
||
for (let i = 0; i < filteredContacts.value.length; i++) {
|
||
if (filteredContacts.value[i].isDefault === 1) {
|
||
filteredContacts.value[i].isDefault = 0;
|
||
}
|
||
}
|
||
}
|
||
const res = await common_vendor.index.request({
|
||
url: api_request.baseUrl + "/contacts/update",
|
||
method: "POST",
|
||
header: {
|
||
cookie: wx.getStorageSync("cookie")
|
||
},
|
||
data: {
|
||
name: newContact.value.name,
|
||
phone: newContact.value.phone,
|
||
id: newContact.value.id,
|
||
isDefault: newContact.value.isDefault
|
||
}
|
||
});
|
||
if (res.data.code === 1) {
|
||
console.log("更新成功");
|
||
console.log(newContact.value.isDefault, "000000000000000000000000 ");
|
||
} else {
|
||
common_vendor.index.showToast({
|
||
icon: "error",
|
||
title: "更新失败"
|
||
});
|
||
}
|
||
getContacts();
|
||
};
|
||
const popup = common_vendor.ref(null);
|
||
const popup1 = common_vendor.ref(null);
|
||
const open = () => {
|
||
popup.value.open("center");
|
||
};
|
||
const close = () => {
|
||
popup.value.close();
|
||
};
|
||
const close1 = () => {
|
||
popup1.value.close();
|
||
};
|
||
return (_ctx, _cache) => {
|
||
return {
|
||
a: newContacts.value.name,
|
||
b: common_vendor.o(($event) => newContacts.value.name = $event.detail.value),
|
||
c: newContacts.value.phone,
|
||
d: common_vendor.o(($event) => newContacts.value.phone = $event.detail.value),
|
||
e: common_vendor.o(handleIsDefaultChanges),
|
||
f: common_vendor.o(addContact),
|
||
g: common_vendor.o(close),
|
||
h: () => ({
|
||
r: popup,
|
||
k: "popup"
|
||
}),
|
||
i: common_vendor.p({
|
||
["mask-click"]: false,
|
||
["background-color"]: "white"
|
||
}),
|
||
j: newContact.value.name,
|
||
k: common_vendor.o(($event) => newContact.value.name = $event.detail.value),
|
||
l: newContact.value.phone,
|
||
m: common_vendor.o(($event) => newContact.value.phone = $event.detail.value),
|
||
n: common_vendor.o(handleIsDefaultChange),
|
||
o: common_vendor.o(saveModifiedContact),
|
||
p: common_vendor.o(close1),
|
||
q: () => ({
|
||
r: popup1,
|
||
k: "popup1"
|
||
}),
|
||
r: common_vendor.p({
|
||
["mask-click"]: false,
|
||
["background-color"]: "white"
|
||
}),
|
||
s: common_vendor.f(filteredContacts.value, (item, index, i0) => {
|
||
return common_vendor.e({
|
||
a: common_vendor.t(item.name),
|
||
b: common_vendor.t(item.phone),
|
||
c: common_vendor.t(item.id),
|
||
d: item.isDefault === 1
|
||
}, item.isDefault === 1 ? {} : {}, {
|
||
e: common_vendor.o(($event) => editContact(index)),
|
||
f: common_vendor.o(($event) => deleteContact(index)),
|
||
g: index
|
||
});
|
||
}),
|
||
t: common_vendor.o(open)
|
||
};
|
||
};
|
||
}
|
||
};
|
||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0aa6b83b"], ["__file", "D:/jiangchengfeiyi-xiaochengxu/pages/mine/Contact/Contact.vue"]]);
|
||
my.createPage(MiniProgramPage);
|