init
This commit is contained in:
shuhongfan
@@ -0,0 +1,232 @@
|
||||
"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);
|
||||
@@ -0,0 +1,7 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-search-bar": "../../../uni_modules/uni-search-bar/components/uni-search-bar/uni-search-bar",
|
||||
"uni-popup": "../../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="goodsSearch data-v-62a3a6e9"><view class="searchBox-title data-v-62a3a6e9"><view class="title data-v-62a3a6e9"> 物品名称 <view class="label data-v-62a3a6e9"></view></view><view class="stopSend data-v-62a3a6e9" bindtap="{{a}}"> 禁寄物品 <view class="gantanhao data-v-62a3a6e9"></view></view></view><view wx:if="{{b}}" class="seachBox data-v-62a3a6e9"><uni-search-bar wx:if="{{i}}" class="data-v-62a3a6e9" u-s="{{['searchIcon']}}" bindblur="{{c}}" bindfocus="{{d}}" bindinput="{{e}}" bindcancel="{{f}}" bindclear="{{g}}" u-i="62a3a6e9-0" bind:__l="__l" bindupdateModelValue="{{h}}" u-p="{{i}}"><view class="search-icon data-v-62a3a6e9" slot="searchIcon"></view></uni-search-bar><view wx:if="{{j}}" class="search-btn data-v-62a3a6e9" bindtap="{{k}}">确定</view></view><view wx:if="{{l}}" class="recent-send-goods data-v-62a3a6e9"><view class="title data-v-62a3a6e9">最近寄件</view><view class="recent-send-list data-v-62a3a6e9"><view wx:for="{{m}}" wx:for-item="item" wx:key="c" class="recent-send-item data-v-62a3a6e9" bindtap="{{item.d}}">{{item.a}}{{item.b}}</view></view></view><view wx:if="{{n}}" class="selected-goods data-v-62a3a6e9"><view class="goods data-v-62a3a6e9" catchtap="{{r}}"><image class="data-v-62a3a6e9" src="/static/shanchu-after.png" catchtap="{{o}}"></image> {{p}}{{q}}</view></view><view wx:if="{{s}}" class="hot-send-goods data-v-62a3a6e9"><view class="title data-v-62a3a6e9">热门寄件</view><view class="recent-send-list data-v-62a3a6e9"><view wx:for="{{t}}" wx:for-item="item" wx:key="c" class="recent-send-item data-v-62a3a6e9" bindtap="{{item.d}}">{{item.a}}{{item.b}}</view></view></view><view wx:if="{{v}}" class="search-list data-v-62a3a6e9"><view wx:for="{{w}}" wx:for-item="item" wx:key="e" class="seatch-list-item data-v-62a3a6e9" bindtap="{{item.d}}"><view class="label data-v-62a3a6e9">{{item.a}}</view><view class="classify data-v-62a3a6e9">{{item.b}}{{item.c}}</view></view></view><uni-popup wx:if="{{z}}" class="r data-v-62a3a6e9" u-s="{{['d']}}" u-r="popup" u-i="62a3a6e9-1" bind:__l="__l" u-p="{{z}}"><view class="title data-v-62a3a6e9">禁止寄递物品目录</view><view class="content data-v-62a3a6e9"> 1.枪支(含仿制品、主要零部件)弹药。 </view><view class="content data-v-62a3a6e9"> 2．管制器具。如匕首、三棱刮刀、带有自锁装置的弹簧刀(跳刀)、弩、催泪器等。 </view><view class="content data-v-62a3a6e9"> 3.爆炸物品。如炸药、雷管、导火索、烟花、鞭炮、摔炮、拉炮、砸炮等。 </view><view class="content data-v-62a3a6e9"> 4.压缩和液化气体及其容器。如氢气、甲烷、乙烷、乙炔、打火机、氯气、压缩氧气、氮气等。 </view><view class="content data-v-62a3a6e9"> 5.易燃液体。如汽油、柴油、煤油、桐油、丙酮、乙醚、油漆、生漆、苯、酒精、松香油等。 </view><view class="content data-v-62a3a6e9"> 6.易燃固体、自燃物质、遇水易燃物质。如红磷、硫磺、固体酒精、火柴、活性炭等。 </view><view class="content data-v-62a3a6e9"> 7.氧化剂和过氧化物。如高锰酸盐、高氯酸盐、氧化氢、双氧水等。 </view><view class="content data-v-62a3a6e9"> 8.毒性物质。如砷、砒霜、汞化物、铊化物、氰化物、硒粉、苯酚、汞、剧毒农药等。 </view><view class="content data-v-62a3a6e9"> 9.生化制品、传染性、感染性物质。如病菌、炭疽、寄生虫、排泄物、医疗废弃物、尸骨、动物器官等。 </view><view class="content data-v-62a3a6e9"> 10.放射性物质。如铀、钴、镭、钚等。 </view><view class="btn data-v-62a3a6e9" bindtap="{{x}}">知道了</view></uni-popup></view>
|
||||
@@ -0,0 +1,171 @@
|
||||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.goodsSearch.data-v-62a3a6e9 {
|
||||
background-color: white;
|
||||
padding: 38rpx 40rpx 0rpx 40rpx;
|
||||
}
|
||||
.goodsSearch .searchBox-title.data-v-62a3a6e9 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.goodsSearch .searchBox-title .title.data-v-62a3a6e9 {
|
||||
font-size: 32rpx;
|
||||
color: #0F0F0F;
|
||||
font-weight: bold;
|
||||
}
|
||||
.goodsSearch .searchBox-title .title .label.data-v-62a3a6e9 {
|
||||
display: inline-block;
|
||||
width: 62rpx;
|
||||
height: 30rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,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");
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
.goodsSearch .searchBox-title .stopSend.data-v-62a3a6e9 {
|
||||
font-size: 24rpx;
|
||||
color: #888888;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.goodsSearch .searchBox-title .stopSend .gantanhao.data-v-62a3a6e9 {
|
||||
display: inline-block;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAqCAYAAADBNhlmAAAAAXNSR0IArs4c6QAABWBJREFUWEftWF1oHFUUPudO2s3GIFEkNrWireJDLUpNW6kVi4KK1j+qCYigRB8CBoIbsvfOpoYsit2Z2W2MgSh9UPwBHxJ/qC0+VFCpLZRWLRQNSqFVSrsWRNSYHzc798hZcmUcN7uzGx+KZF5CZs695zvfd37uXYSL/MGLHB8sA1yqQssMLjO4VAaWun5JOUhEODExISYnJymdTusgmHQ6LdavX48dHR0aEaleoHUBNMAiOsfx8XER0fZfcdQMkJnhXZix4eHhywuFwq0AcC8A3AgAq5HpIjoHAN8KIQ42NDQc7evr+yW4rhY2awLIThhYOp1uiMfjzwJAPxFdTUQ/IuJxAGBggIirAWAzEV2LiGcBINfS0vJad3f3vNkjKsjIAMfHx63Ozk4/l8tdo7V+X2vdDgBvW5aVTSaT35RzmM1mNxSLxX5EfAoATsRisZ2JROIHs1cUkJEAmqgzmUy7EGI/EU0JIR6XUn7N+WiKgB2zUw6E/5pve/bs2Tg/P/8uAFyGiA8opb6MymRVgGYjz/NWaa2/AoALiLhdKTXFUgMAS/6PCjbMLOQdp0UxnU43NzY2foaIV61cubI9kUjko4CsCtCwkMlk9iHiLbFYbAtvXk6mvXv3NuXzeS6gmaB8xnZkZOTKubm5Y0R0MpVKPbhkiU2EjuPsAIADAPCQbdv7mTlmJSgj28bj8UNE5Nu2vT34baHqS2uy2ewO3/cPIOLDSqmPqrFYkcFA7h0SQlhKqW38bmhoiBOv1HxDKcCVLBBxs1LqfNh5aD+hlLo9vF+Y1UUBms127959gxDiKAAM2rY9FpbW2GWz2dZisXgMES3f9zft2rXrQhigWes4TjcAOFrrrQMDA99VYrESwJIkrus+RkQTQog2KeVPwaoNMsgAfd9nBi0hxCa2DTs2axdsLwghOqWUE8GUicygidZ13V4AcNeuXdvM7WMpAI1z3vvMmTO/IeKglPLlSn2xqsSO42S4tSmlri839GuROMiO67rfA8A+pZSsS+JAvgwg4nOzs7OryvW7WorEAGQVPM87DwCvKqVerJfBUg56nvckEb3V2toa7+rqmgtLbP5nJ6dPnz4ihBAzMzO38drFbEdHR2Ozs7NzWuuuVCr15pJy0PO8bVrrzxHxfqXUJ5XkWJgs3HpKPTL8BNrMXYh4UAhxp5Tyi7oYNNGz08bGxpOIeFQp9fQi0XIuk+u6dzMoDiTMXrBZO47zOgBsW7du3U2dnZ2FcrYmuGqN2rSaNBH1CSHapZSnghGbzYeHh+OFQuEEz+ampqaNvb29f4YPEtwFMpkMFxvP9FHbtgcryVs6ulWah8bB2NhY89TU1CkhxKdSyicYYPCEbOx4JAohUErJY/Hvx5zAGaDjOO8g4j3Nzc3X9fT0/FGJvaoAg43Ydd1HiOhDAEjZtu0wyMnJSRwaGvIXu3MYYOYIlslkkojoIeKjSqkPqs3hSADZyEjqeZ7UWrtE9FIqlXreBMDzl6Vta2srnQfz+TyfB0vvTGtyXfcFIhoMBmjOjZVUrHrcMotNtDxZiOgVADgshLCllEfKyRQYa1t933cA4A7LshLJZHIkCnORiiQcWYBJbj1jAHAzABxHxI8R8ZhlWee01kREa4hoCxHdBwBbEPEkEfXYtn24FnCRJQ4CDVyc+Py3EwCeIaINAHApAFyyYDsNAL/zzc6yrDemp6ffW7hslS5dlSQNf4sscTmQRsZcLneF1nqN7/stXMVa619XrFhxtr+//+dAP60ZXF0MBoGGL0nlUsJUcC2sBW3rYjDsjGXnnzmC78v9HFIPyP8EYD2Oo65ZBhiVqcXslhn83zP4Fzq3pVgT79/BAAAAAElFTkSuQmCC");
|
||||
}
|
||||
.goodsSearch .selected-goods.data-v-62a3a6e9 {
|
||||
padding-top: 32rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
.goodsSearch .selected-goods .goods.data-v-62a3a6e9 {
|
||||
position: relative;
|
||||
margin-bottom: 46rpx;
|
||||
border: 2rpx solid #E63E32;
|
||||
border-radius: 32rpx;
|
||||
font-size: 24rpx;
|
||||
color: #E63E32;
|
||||
text-align: center;
|
||||
line-height: 34rpx;
|
||||
padding: 15rpx 22rpx 15rpx 18rpx;
|
||||
height: 34rpx;
|
||||
display: inline-block;
|
||||
}
|
||||
.goodsSearch .selected-goods .goods image.data-v-62a3a6e9 {
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
bottom: 10rpx;
|
||||
top: -20rpx;
|
||||
}
|
||||
.goodsSearch .seachBox.data-v-62a3a6e9 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.goodsSearch .seachBox.data-v-62a3a6e9 .uni-searchbar {
|
||||
padding-left: 0rpx !important;
|
||||
}
|
||||
.goodsSearch .seachBox.data-v-62a3a6e9 .uni-searchbar .uni-searchbar__box {
|
||||
border-radius: 34rpx !important;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.goodsSearch .seachBox uni-search-bar.data-v-62a3a6e9 {
|
||||
flex: auto;
|
||||
}
|
||||
.goodsSearch .seachBox .search-icon.data-v-62a3a6e9 {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-image: url("data:image/png;base64,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");
|
||||
}
|
||||
.goodsSearch .seachBox .search-btn.data-v-62a3a6e9 {
|
||||
font-weight: bold;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
.goodsSearch .recent-send.data-v-62a3a6e9, .goodsSearch .recent-send-goods.data-v-62a3a6e9, .goodsSearch .hot-send-goods.data-v-62a3a6e9 {
|
||||
padding: 20rpx 40rpx 0rpx 0rpx;
|
||||
}
|
||||
.goodsSearch .recent-send .recent-send-title.data-v-62a3a6e9, .goodsSearch .recent-send-goods .recent-send-title.data-v-62a3a6e9, .goodsSearch .hot-send-goods .recent-send-title.data-v-62a3a6e9 {
|
||||
font-size: 26rpx;
|
||||
color: #0F0F0F;
|
||||
}
|
||||
.goodsSearch .recent-send .recent-send-list.data-v-62a3a6e9, .goodsSearch .recent-send-goods .recent-send-list.data-v-62a3a6e9, .goodsSearch .hot-send-goods .recent-send-list.data-v-62a3a6e9 {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding-bottom: 44rpx;
|
||||
}
|
||||
.goodsSearch .recent-send .recent-send-list .recent-send-item.data-v-62a3a6e9, .goodsSearch .recent-send-goods .recent-send-list .recent-send-item.data-v-62a3a6e9, .goodsSearch .hot-send-goods .recent-send-list .recent-send-item.data-v-62a3a6e9 {
|
||||
margin-right: 20rpx;
|
||||
margin-top: 35rpx;
|
||||
font-size: 24rpx;
|
||||
color: #0F0F0F;
|
||||
padding: 15rpx 22rpx 15rpx 18rpx;
|
||||
height: 34rpx;
|
||||
background: #F4F4F4;
|
||||
border-radius: 32rpx;
|
||||
text-align: center;
|
||||
line-height: 34rpx;
|
||||
}
|
||||
.goodsSearch .recent-send-goods .title.data-v-62a3a6e9 {
|
||||
font-size: 32rpx;
|
||||
color: #0F0F0F;
|
||||
font-weight: bold;
|
||||
}
|
||||
.goodsSearch .hot-send-goods.data-v-62a3a6e9 {
|
||||
font-size: 28rpx;
|
||||
padding-top: 0rpx;
|
||||
}
|
||||
.goodsSearch .hot-send-goods .title.data-v-62a3a6e9 {
|
||||
font-size: 28rpx;
|
||||
color: #0F0F0F;
|
||||
font-weight: bold;
|
||||
}
|
||||
.goodsSearch .search-list .seatch-list-item.data-v-62a3a6e9 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 102rpx;
|
||||
border-bottom: 2rpx solid #F4F4F4;
|
||||
}
|
||||
.goodsSearch .search-list .seatch-list-item .label.data-v-62a3a6e9 {
|
||||
font-size: 28rpx;
|
||||
color: #151515;
|
||||
}
|
||||
.goodsSearch .search-list .seatch-list-item .classify.data-v-62a3a6e9 {
|
||||
font-size: 28rpx;
|
||||
color: #888888;
|
||||
}
|
||||
.goodsSearch.data-v-62a3a6e9 .uni-popup .uni-popup__wrapper {
|
||||
background-color: white !important;
|
||||
padding: 36rpx 33rpx 43rpx 33rpx;
|
||||
border-radius: 24rpx 24rpx 0 0;
|
||||
}
|
||||
.goodsSearch.data-v-62a3a6e9 .uni-popup .title {
|
||||
font-size: 30rpx;
|
||||
color: #151515;
|
||||
text-align: center;
|
||||
margin-bottom: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.goodsSearch.data-v-62a3a6e9 .uni-popup .content {
|
||||
font-size: 28rpx;
|
||||
color: #151515;
|
||||
line-height: 40prx;
|
||||
margin-top: 28rpx;
|
||||
}
|
||||
.goodsSearch.data-v-62a3a6e9 .uni-popup .btn {
|
||||
width: 404rpx;
|
||||
height: 88rpx;
|
||||
background-color: #E84134;
|
||||
border-radius: 44rpx;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
color: white;
|
||||
margin: 0 auto;
|
||||
margin-top: 42rpx;
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
"use strict";
|
||||
var common_vendor = require("../../../common/vendor.js");
|
||||
if (!Array) {
|
||||
const _easycom_uni_number_box2 = common_vendor.resolveComponent("uni-number-box");
|
||||
_easycom_uni_number_box2();
|
||||
}
|
||||
const _easycom_uni_number_box = () => "../../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box.js";
|
||||
if (!Math) {
|
||||
_easycom_uni_number_box();
|
||||
}
|
||||
const _sfc_main = {
|
||||
__name: "weightAndVolume",
|
||||
emits: ["@getWeight", "@getVolume"],
|
||||
setup(__props, { emit: emits }) {
|
||||
let isLessThan = common_vendor.ref(true);
|
||||
let isExceed = common_vendor.ref(false);
|
||||
let isLessThanVolume = common_vendor.ref(true);
|
||||
let isExceedVolume = common_vendor.ref(false);
|
||||
const weight = common_vendor.ref(1);
|
||||
const volume = common_vendor.ref(0);
|
||||
const long = common_vendor.ref();
|
||||
const width = common_vendor.ref();
|
||||
const height = common_vendor.ref();
|
||||
const isVolumeInfo = common_vendor.ref(false);
|
||||
const store = common_vendor.useStore();
|
||||
const users = store.state.user;
|
||||
common_vendor.onMounted(() => {
|
||||
weight.value = users.weight;
|
||||
width.value = users.width;
|
||||
height.value = users.height;
|
||||
long.value = users.long;
|
||||
volume.value = users.volume ? Number(users.volume) / 1e6 : 0;
|
||||
isVolumeInfo.value = users.width && users.long && users.height;
|
||||
});
|
||||
const handleMinus = () => {
|
||||
if (weight.value > 1) {
|
||||
weight.value--;
|
||||
isExceed.value = false;
|
||||
weight.value = weight.value.toFixed(1);
|
||||
}
|
||||
if (weight.value <= 1) {
|
||||
isLessThan.value = true;
|
||||
if (weight.value <= 0.1) {
|
||||
weight.value = 0.1;
|
||||
}
|
||||
}
|
||||
emits("getWeight", weight.value);
|
||||
};
|
||||
const handleAdd = () => {
|
||||
if (weight.value < 9999) {
|
||||
++weight.value;
|
||||
isLessThan.value = false;
|
||||
}
|
||||
if (weight.value === 9999) {
|
||||
isExceed.value = true;
|
||||
}
|
||||
if (weight.value <= 1) {
|
||||
isLessThan.value = true;
|
||||
}
|
||||
emits("getWeight", weight.value);
|
||||
};
|
||||
const handleWeigthBlur = (e) => {
|
||||
let value = e.detail.value;
|
||||
if (value < 0.1) {
|
||||
value = 1;
|
||||
isLessThan.value = true;
|
||||
} else {
|
||||
if (value >= 0.1 && value <= 1) {
|
||||
isLessThan.value = true;
|
||||
} else {
|
||||
isLessThan.value = false;
|
||||
}
|
||||
if (value >= 9999) {
|
||||
isExceed.value = true;
|
||||
value = 9999;
|
||||
common_vendor.index.showToast({
|
||||
title: "\u91CD\u91CF\u6700\u5927\u53EF\u4E0D\u80FD\u8D85\u8FC79999kg",
|
||||
duration: 1e3,
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
isExceed.value = false;
|
||||
}
|
||||
}
|
||||
weight.value = value;
|
||||
emits("getWeight", weight.value);
|
||||
};
|
||||
const handleVolume = (e) => {
|
||||
let value = Number(e.detail.value);
|
||||
if (value < 1e-4) {
|
||||
isLessThanVolume.value = true;
|
||||
value = 0;
|
||||
} else {
|
||||
isLessThanVolume.value = false;
|
||||
if (value >= 999) {
|
||||
isExceedVolume.value = true;
|
||||
value = 999;
|
||||
common_vendor.index.showToast({
|
||||
title: "\u4F53\u79EF\u6700\u5927\u53EF\u4E0D\u80FD\u8D85\u8FC7999m\xB3",
|
||||
duration: 1e3,
|
||||
icon: "none"
|
||||
});
|
||||
} else {
|
||||
value = Number(e.detail.value);
|
||||
isExceedVolume.value = false;
|
||||
}
|
||||
}
|
||||
volume.value = value;
|
||||
emits("getVolume", volume.value * 1e6, long.value, width.value, height.value);
|
||||
};
|
||||
const handleVolumeMinus = () => {
|
||||
if (volume.value > 1) {
|
||||
volume.value--;
|
||||
isExceedVolume.value = false;
|
||||
volume.value = volume.value.toFixed(1);
|
||||
}
|
||||
if (volume.value <= 1) {
|
||||
isLessThanVolume.value = true;
|
||||
if (weight.value <= 1e-4) {
|
||||
weight.value = 1e-4;
|
||||
}
|
||||
}
|
||||
emits("getVolume", volume.value * 1e6, long.value, width.value, height.value);
|
||||
};
|
||||
const handleVolumeAdd = () => {
|
||||
if (volume.value < 999) {
|
||||
++volume.value;
|
||||
isLessThanVolume.value = false;
|
||||
}
|
||||
if (volume.value === 999) {
|
||||
isExceedVolume.value = true;
|
||||
}
|
||||
emits("getVolume", volume.value * 1e6, long.value, width.value, height.value);
|
||||
};
|
||||
const switchChange = (e) => {
|
||||
isVolumeInfo.value = e.detail.value;
|
||||
};
|
||||
const longFun = (e) => {
|
||||
long.value = e.detail.value;
|
||||
let valueFun = Number(long.value) * Number(width.value) * Number(height.value) / 1e6;
|
||||
volume.value = valueFun < 1e-4 ? 1e-4 : valueFun;
|
||||
emits("getVolume", volume.value * 1e6, e.detail.value, width.value, height.value);
|
||||
};
|
||||
const widthFun = (e) => {
|
||||
width.value = e.detail.value;
|
||||
let valueFun = Number(long.value) * Number(width.value) * Number(height.value) / 1e6;
|
||||
volume.value = valueFun < 1e-4 ? 1e-4 : valueFun;
|
||||
emits("getVolume", volume.value * 1e6, long.value, e.detail.value, height.value);
|
||||
};
|
||||
const heightFun = (e) => {
|
||||
height.value = e.detail.value;
|
||||
let valueFun = Number(long.value) * Number(width.value) * Number(height.value) / 1e6;
|
||||
volume.value = valueFun < 1e-4 ? 1e-4 : valueFun;
|
||||
emits("getVolume", volume.value * 1e6, long.value, width.value, e.detail.value);
|
||||
};
|
||||
const openAccountRulesDialog = () => {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/subPages/account-rules/index"
|
||||
});
|
||||
};
|
||||
return (_ctx, _cache) => {
|
||||
return common_vendor.e({
|
||||
a: common_vendor.n(common_vendor.unref(isLessThan) ? "active" : ""),
|
||||
b: common_vendor.o(handleMinus),
|
||||
c: common_vendor.o(handleWeigthBlur),
|
||||
d: weight.value,
|
||||
e: common_vendor.o(($event) => weight.value = $event.detail.value),
|
||||
f: common_vendor.n(common_vendor.unref(isExceed) ? "active" : ""),
|
||||
g: common_vendor.o(handleAdd),
|
||||
h: common_vendor.o(switchChange),
|
||||
i: isVolumeInfo.value,
|
||||
j: isVolumeInfo.value
|
||||
}, isVolumeInfo.value ? {
|
||||
k: common_vendor.n(common_vendor.unref(isLessThanVolume) ? "active" : ""),
|
||||
l: common_vendor.o(handleVolumeMinus),
|
||||
m: common_vendor.o(handleVolume),
|
||||
n: volume.value,
|
||||
o: common_vendor.o(($event) => volume.value = $event.detail.value),
|
||||
p: common_vendor.n(common_vendor.unref(isExceedVolume) ? "active" : ""),
|
||||
q: common_vendor.o(handleVolumeAdd)
|
||||
} : {}, {
|
||||
r: isVolumeInfo.value
|
||||
}, isVolumeInfo.value ? {
|
||||
s: long.value,
|
||||
t: common_vendor.o(longFun),
|
||||
v: width.value,
|
||||
w: common_vendor.o(widthFun),
|
||||
x: height.value,
|
||||
y: common_vendor.o(heightFun)
|
||||
} : {}, {
|
||||
z: common_vendor.o(openAccountRulesDialog)
|
||||
});
|
||||
};
|
||||
}
|
||||
};
|
||||
var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-0d4e98f8"], ["__file", "E:/project/project-wl-yonghuduan-uniapp-vue3/pages/goodsInfo/components/weightAndVolume.vue"]]);
|
||||
wx.createComponent(Component);
|
||||
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-number-box": "../../../uni_modules/uni-number-box/components/uni-number-box/uni-number-box"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view class="weightAndVolume data-v-0d4e98f8"><view class="weight-box data-v-0d4e98f8"><view class="weight-box-title data-v-0d4e98f8">预估重量</view><view class="number-box data-v-0d4e98f8"><view class="{{['minus-btn', 'data-v-0d4e98f8', a]}}" bindtap="{{b}}">-</view><input class="uni-input data-v-0d4e98f8" type="digit" maxlength="4" bindblur="{{c}}" value="{{d}}" bindinput="{{e}}"/><view class="{{['add-btn', 'data-v-0d4e98f8', f]}}" bindtap="{{g}}">+</view></view><view class="unit data-v-0d4e98f8">kg</view></view><view class="volume-box data-v-0d4e98f8"><view class="volume-box-title data-v-0d4e98f8">总体积</view><view class="isVolumeInfo data-v-0d4e98f8"><view class="isVolumeInfo-title data-v-0d4e98f8">补充体积预估费用更准确</view><switch class="data-v-0d4e98f8" color="#1DC779" style="transform:scale(0.7)" bindchange="{{h}}" checked="{{i}}"/></view></view><view wx:if="{{j}}" class="isVolumeInfo-title-box data-v-0d4e98f8"><uni-number-box class="data-v-0d4e98f8" u-i="0d4e98f8-0" bind:__l="__l"/><view class="number-box data-v-0d4e98f8"><view class="{{['minus-btn', 'data-v-0d4e98f8', k]}}" bindtap="{{l}}">-</view><input class="uni-input data-v-0d4e98f8" type="digit" maxlength="6" bindblur="{{m}}" value="{{n}}" bindinput="{{o}}"/><view class="{{['add-btn', 'data-v-0d4e98f8', p]}}" bindtap="{{q}}">+</view></view><view class="unit data-v-0d4e98f8">m³</view></view><view wx:if="{{r}}" class="long-width-height data-v-0d4e98f8"><view class="long data-v-0d4e98f8"><input class="uni-input data-v-0d4e98f8" type="digit" value="{{s}}" maxlength="3" placeholder="长 cm" bindinput="{{t}}"/></view><view class="cheng data-v-0d4e98f8">*</view><view class="width data-v-0d4e98f8"><input class="uni-input data-v-0d4e98f8" type="digit" value="{{v}}" maxlength="3" placeholder="宽 cm" bindinput="{{w}}"/></view><view class="cheng data-v-0d4e98f8">*</view><view class="height data-v-0d4e98f8"><input class="uni-input data-v-0d4e98f8" type="digit" value="{{x}}" maxlength="3" placeholder="高 cm" bindinput="{{y}}"/></view></view><view class="accounting-rules data-v-0d4e98f8"> 注：实际质量与体积以收派员确定为准，物品在包装后重量可能会增加，重量体积大时会体积重量收费， <text class="red data-v-0d4e98f8" bindtap="{{z}}">了解计费规则</text></view></view>
|
||||
@@ -0,0 +1,104 @@
|
||||
/* 水平间距 */
|
||||
/* 水平间距 */
|
||||
.weightAndVolume.data-v-0d4e98f8 {
|
||||
background-color: white;
|
||||
margin-top: 20rpx;
|
||||
padding: 56rpx 40rpx;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: 200rpx;
|
||||
}
|
||||
.weightAndVolume .volume-box.data-v-0d4e98f8 {
|
||||
margin-top: 50rpx;
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo.data-v-0d4e98f8 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo .isVolumeInfo-title.data-v-0d4e98f8 {
|
||||
font-size: 24rpx;
|
||||
color: #888888;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo.data-v-0d4e98f8 .uni-switch-input::before {
|
||||
background-color: #CCCCCC;
|
||||
width: 120rpx;
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo.data-v-0d4e98f8 .uni-switch-input.uni-switch-input-checked:after {
|
||||
transform: translateX(60rpx);
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo.data-v-0d4e98f8 .uni-switch-input {
|
||||
width: 120rpx;
|
||||
}
|
||||
.weightAndVolume .volume-box .isVolumeInfo switch.data-v-0d4e98f8 {
|
||||
position: relative;
|
||||
left: 20rpx;
|
||||
}
|
||||
.weightAndVolume .weight-box.data-v-0d4e98f8, .weightAndVolume .volume-box.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box.data-v-0d4e98f8 {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.weightAndVolume .weight-box .unit.data-v-0d4e98f8, .weightAndVolume .volume-box .unit.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .unit.data-v-0d4e98f8 {
|
||||
position: absolute;
|
||||
right: 126rpx;
|
||||
top: 16rpx;
|
||||
}
|
||||
.weightAndVolume .weight-box .weight-box-title.data-v-0d4e98f8, .weightAndVolume .weight-box .volume-box-title.data-v-0d4e98f8, .weightAndVolume .volume-box .weight-box-title.data-v-0d4e98f8, .weightAndVolume .volume-box .volume-box-title.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .weight-box-title.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .volume-box-title.data-v-0d4e98f8 {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #0F0F0F;
|
||||
}
|
||||
.weightAndVolume .weight-box .uni-numbox.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox.data-v-0d4e98f8 {
|
||||
height: 76rpx;
|
||||
}
|
||||
.weightAndVolume .weight-box .uni-numbox .uni-numbox__value.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__value.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__value.data-v-0d4e98f8 {
|
||||
height: 76rpx !important;
|
||||
margin: 0;
|
||||
background-color: #F9F9F9 !important;
|
||||
width: 220rpx;
|
||||
}
|
||||
.weightAndVolume .weight-box .uni-numbox .uni-numbox__plus.data-v-0d4e98f8, .weightAndVolume .weight-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__plus.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__plus.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8 {
|
||||
width: 76rpx;
|
||||
border-radius: 0rpx 36rpx 36rpx 0;
|
||||
background-color: #ECECEC !important;
|
||||
}
|
||||
.weightAndVolume .weight-box .uni-numbox .uni-numbox__plus .uni-numbox--text span.data-v-0d4e98f8, .weightAndVolume .weight-box .uni-numbox .uni-numbox__minus .uni-numbox--text span.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__plus .uni-numbox--text span.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__minus .uni-numbox--text span.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__plus .uni-numbox--text span.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__minus .uni-numbox--text span.data-v-0d4e98f8 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.weightAndVolume .weight-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8, .weightAndVolume .volume-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8, .weightAndVolume .isVolumeInfo-title-box .uni-numbox .uni-numbox__minus.data-v-0d4e98f8 {
|
||||
border-radius: 36rpx 0rpx 0rpx 36rpx;
|
||||
}
|
||||
.weightAndVolume .isVolumeInfo-title-box.data-v-0d4e98f8 {
|
||||
justify-content: flex-end;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.weightAndVolume .long-width-height.data-v-0d4e98f8 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.weightAndVolume .long-width-height .cheng.data-v-0d4e98f8 {
|
||||
margin: 0 12rpx;
|
||||
height: 19rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
.weightAndVolume .long-width-height .long.data-v-0d4e98f8 .uni-input-wrapper, .weightAndVolume .long-width-height .long .uni-input.data-v-0d4e98f8, .weightAndVolume .long-width-height .width.data-v-0d4e98f8 .uni-input-wrapper, .weightAndVolume .long-width-height .width .uni-input.data-v-0d4e98f8, .weightAndVolume .long-width-height .height.data-v-0d4e98f8 .uni-input-wrapper, .weightAndVolume .long-width-height .height .uni-input.data-v-0d4e98f8 {
|
||||
background-color: #F4F4F4;
|
||||
border-radius: 36rpx;
|
||||
width: 198rpx;
|
||||
height: 74rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.weightAndVolume .accounting-rules.data-v-0d4e98f8 {
|
||||
font-size: 24rpx;
|
||||
color: #888888;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.weightAndVolume .accounting-rules .red.data-v-0d4e98f8 {
|
||||
color: #E84134;
|
||||
font-size: 24rpx;
|
||||
text-decoration: underline;
|
||||
}
|
||||
Reference in New Issue
Block a user