233 lines
7.5 KiB
JavaScript
233 lines
7.5 KiB
JavaScript
"use strict";
|
|
var common_vendor = require("../../../common/vendor.js");
|
|
var pages_api_order = require("../../api/order.js");
|
|
require("../../../utils/request.js");
|
|
require("../../../utils/env.js");
|
|
require("../../api/login.js");
|
|
if (!Array) {
|
|
const _easycom_uni_search_bar2 = common_vendor.resolveComponent("uni-search-bar");
|
|
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
|
(_easycom_uni_search_bar2 + _easycom_uni_popup2)();
|
|
}
|
|
const _easycom_uni_search_bar = () => "../../../uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar.js";
|
|
const _easycom_uni_popup = () => "../../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
|
if (!Math) {
|
|
(_easycom_uni_search_bar + _easycom_uni_popup)();
|
|
}
|
|
const _sfc_main = {
|
|
__name: "goodsSearch",
|
|
props: {
|
|
isShowOther: {
|
|
type: Function,
|
|
required: true
|
|
}
|
|
},
|
|
emits: ["@getGoodsInfo"],
|
|
setup(__props, { emit: emits }) {
|
|
const props = __props;
|
|
const store = common_vendor.useStore();
|
|
const users = store.state.user;
|
|
const goods = common_vendor.reactive({
|
|
info: {}
|
|
});
|
|
const isSelectedGoods = common_vendor.ref(false);
|
|
const popup = common_vendor.ref();
|
|
const searchValue = common_vendor.ref("");
|
|
const isFocus = common_vendor.ref(false);
|
|
const isInput = common_vendor.ref(false);
|
|
const isUpload = common_vendor.ref(true);
|
|
const dimSearchList = common_vendor.reactive({
|
|
data: []
|
|
});
|
|
const hotSendList = common_vendor.reactive({
|
|
data: []
|
|
});
|
|
const recentSendList = common_vendor.reactive({
|
|
data: []
|
|
});
|
|
common_vendor.onMounted(() => {
|
|
getData();
|
|
});
|
|
const getData = () => {
|
|
pages_api_order.usualGoodsList({
|
|
name: ""
|
|
}).then((res) => {
|
|
if (res.data) {
|
|
hotSendList.data = res.data.slice(0, 6);
|
|
}
|
|
}).catch((err) => {
|
|
common_vendor.index.showToast({
|
|
title: "\u7F51\u7EDC\u5F02\u5E38",
|
|
duration: 2e3,
|
|
icon: "none"
|
|
});
|
|
});
|
|
isSelectedGoods.value = users.goodsInfo.name;
|
|
if (isSelectedGoods.value)
|
|
goods.info = users.goodsInfo;
|
|
pages_api_order.goodsList().then((res) => {
|
|
if (res.data) {
|
|
recentSendList.data = res.data.slice(0, 5);
|
|
}
|
|
}).catch((err) => {
|
|
common_vendor.index.showToast({
|
|
title: "\u7F51\u7EDC\u5F02\u5E38",
|
|
duration: 2e3,
|
|
icon: "none"
|
|
});
|
|
});
|
|
};
|
|
const handleSelectedGoods = () => {
|
|
searchValue.value = goods.info.name;
|
|
isFocus.value = true;
|
|
isInput.value = true;
|
|
isSelectedGoods.value = false;
|
|
dimSearch(searchValue.value);
|
|
props.isShowOther(true, "always");
|
|
};
|
|
const dimSearch = (key) => {
|
|
if (!isUpload.value)
|
|
return;
|
|
isUpload.value = false;
|
|
pages_api_order.usualGoodsList({
|
|
name: key
|
|
}).then((res) => {
|
|
dimSearchList.data = res.data;
|
|
isUpload.value = true;
|
|
});
|
|
};
|
|
const input = (e) => {
|
|
isFocus.value = e ? true : false;
|
|
isInput.value = Boolean(e);
|
|
if (!isUpload.value)
|
|
return;
|
|
searchValue.value = e;
|
|
dimSearch(e);
|
|
props.isShowOther(e ? true : false);
|
|
};
|
|
const cancel = () => {
|
|
isInput.value = false;
|
|
props.isShowOther(false);
|
|
};
|
|
const clear = () => {
|
|
props.isShowOther(true);
|
|
};
|
|
const blur = () => {
|
|
console.log("blur");
|
|
};
|
|
const focus = () => {
|
|
isFocus.value = true;
|
|
props.isShowOther(true);
|
|
};
|
|
const userDefined = () => {
|
|
goods.info = {
|
|
name: searchValue.value
|
|
};
|
|
isSelectedGoods.value = Boolean(searchValue.value);
|
|
props.isShowOther(false);
|
|
emits("getGoodsInfo", {
|
|
name: searchValue.value
|
|
});
|
|
isFocus.value = false;
|
|
};
|
|
const handleCancelGood = () => {
|
|
goods.info = {};
|
|
store.commit("user/setGoodsInfo", {});
|
|
emits("getGoodsInfo", {});
|
|
isSelectedGoods.value = false;
|
|
searchValue.value = "";
|
|
isFocus.value = false;
|
|
isInput.value = false;
|
|
};
|
|
const handleClick = (item) => {
|
|
searchValue.value = item.value;
|
|
isFocus.value = true;
|
|
goods.info = item;
|
|
isSelectedGoods.value = true;
|
|
isInput.value = false;
|
|
props.isShowOther(false);
|
|
emits("getGoodsInfo", item);
|
|
};
|
|
const openForbidGoodsDialog = () => {
|
|
popup.value.open("bottom");
|
|
};
|
|
const closeForbidGoodsDialog = () => {
|
|
popup.value.close();
|
|
};
|
|
return (_ctx, _cache) => {
|
|
return common_vendor.e({
|
|
a: common_vendor.o(openForbidGoodsDialog),
|
|
b: !isSelectedGoods.value
|
|
}, !isSelectedGoods.value ? common_vendor.e({
|
|
c: common_vendor.o(blur),
|
|
d: common_vendor.o(focus),
|
|
e: common_vendor.o(input),
|
|
f: common_vendor.o(cancel),
|
|
g: common_vendor.o(clear),
|
|
h: common_vendor.o(($event) => searchValue.value = $event),
|
|
i: common_vendor.p({
|
|
cancelButton: isFocus.value && searchValue.value ? "none" : "auto",
|
|
focus: isFocus.value,
|
|
placeholder: "\u8BF7\u8F93\u5165\u641C\u7D22\u5185\u5BB9",
|
|
modelValue: searchValue.value
|
|
}),
|
|
j: searchValue.value && isFocus.value
|
|
}, searchValue.value && isFocus.value ? {
|
|
k: common_vendor.o(userDefined)
|
|
} : {}) : {}, {
|
|
l: !isSelectedGoods.value && recentSendList.data.length && !isInput.value
|
|
}, !isSelectedGoods.value && recentSendList.data.length && !isInput.value ? {
|
|
m: common_vendor.f(recentSendList.data, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.name),
|
|
b: common_vendor.t(item.goodsType ? "(" + item.goodsType.name + ")" : ""),
|
|
c: index,
|
|
d: common_vendor.o(($event) => handleClick(item), index)
|
|
};
|
|
})
|
|
} : {}, {
|
|
n: isSelectedGoods.value
|
|
}, isSelectedGoods.value ? {
|
|
o: common_vendor.o(handleCancelGood),
|
|
p: common_vendor.t(goods.info.name),
|
|
q: common_vendor.t(goods.info.goodsType ? "(" + goods.info.goodsType.name + ")" : ""),
|
|
r: common_vendor.o(handleSelectedGoods)
|
|
} : {}, {
|
|
s: !isSelectedGoods.value && !isInput.value && isFocus.value
|
|
}, !isSelectedGoods.value && !isInput.value && isFocus.value ? {
|
|
t: common_vendor.f(hotSendList.data, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.name),
|
|
b: common_vendor.t(item.goodsType ? "(" + item.goodsType.name + ")" : ""),
|
|
c: index,
|
|
d: common_vendor.o(($event) => handleClick(item), index)
|
|
};
|
|
})
|
|
} : {}, {
|
|
v: isInput.value
|
|
}, isInput.value ? {
|
|
w: common_vendor.f(dimSearchList.data, (item, index, i0) => {
|
|
return {
|
|
a: common_vendor.t(item.name),
|
|
b: common_vendor.t(item.name),
|
|
c: common_vendor.t(item.goodsType ? "(" + item.goodsType.name + ")" : ""),
|
|
d: common_vendor.o(($event) => handleClick(item), index),
|
|
e: index
|
|
};
|
|
})
|
|
} : {}, {
|
|
x: common_vendor.o(closeForbidGoodsDialog),
|
|
y: common_vendor.sr(popup, "62a3a6e9-1", {
|
|
"k": "popup"
|
|
}),
|
|
z: common_vendor.p({
|
|
type: "bottom",
|
|
["safe-area"]: false
|
|
})
|
|
});
|
|
};
|
|
}
|
|
};
|
|
var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-62a3a6e9"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/pages/goodsInfo/components/goodsSearch.vue"]]);
|
|
wx.createComponent(Component);
|