jsasg/yycea
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init commit

Browse Source
This commit is contained in:
jsasg
2026-03-17 09:56:00 +08:00
commit e2c8ae752d
6827 changed files with 1211784 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
uniapp/小程序代码/pagesPoints/component/mall/goods.vue Normal file
View File

@@ -0,0 +1,146 @@
<!-- +----------------------------------------------------------------------
| 麦沃德科技赋能开发者，助力商协会发展
+----------------------------------------------------------------------
| Copyright (c) 2017～2024 www.wdsxh.cn All rights reserved.
+----------------------------------------------------------------------
| 沃德商协会系统并不是自由软件，不加密，并不代表开源，未经许可不可自由转售和商用
+----------------------------------------------------------------------
| Author: MY WORLD Team <bd@maiwd.cn> www.maiwd.cn
+----------------------------------------------------------------------
| 组件-商品列表 开发者: 麦沃德科技-半夏
+---------------------------------------------------------------------- -->
<template>
<view class="component-mall-goods" v-if="list.length">
<uv-waterfall ref="waterfall" v-model="list" style="overflow: hidden;" :add-time="10" :column-gap="12" @changeList="changeList">
<!-- 第一列数据 -->
<template v-slot:list1>
<view class="goods-list-box">
<view v-for="item in list1" :key="item.id" class="box-item" @click="toDetails(item.id)">
<view class="item-image">
<image :src="item.image" mode="aspectFill"></image>
</view>
<view class="item-name">{{item.name}}</view>
<view class="item-points" :style="{ color: themeColor }">{{item.points}}积分</view>
</view>
</view>
</template>
<!-- 第二列数据 -->
<template v-slot:list2>
<view class="goods-list-box">
<view v-for="item in list2" :key="item.id" class="box-item" @click="toDetails(item.id)">
<view class="item-image">
<image :src="item.image" mode="aspectFill"></image>
</view>
<view class="item-name">{{item.name}}</view>
<view class="item-points" :style="{ color: themeColor }">{{item.points}}积分</view>
</view>
</view>
</template>
</uv-waterfall>
</view>
</template>
<script>
import { mapState } from "vuex"
export default {
name: "componentPointsGoods",
data() {
return {
// 数据列表
list: [],
// 瀑布流第一列数据
list1: [],
// 瀑布流第二列数据
list2: [],
};
},
computed: {
...mapState({
themeColor: state => state.app.themeColor,
}),
},
methods: {
// 获取列表数据
getList(list) {
this.list = list
},
// 渲染列表
changeList(e) {
this[e.name].push(e.value);
},
// 跳转详情
toDetails(id) {
this.$util.toPage({
mode: 1,
path: "/pagesPoints/goods/details?id=" + id
})
},
// 清除列表
clearList() {
this.list = [];
this.$refs.waterfall.clear();
this.list1 = [];
this.list2 = [];
},
},
}
</script>
<style lang="scss">
.component-mall-goods {
.goods-list-box {
.box-item {
width: 100%;
border-radius: 20rpx;
overflow: hidden;
background: #FFFFFF;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.02);
border-radius: 20rpx;
margin-top: 24rpx;
padding-bottom: 16rpx;
&:first-child {
margin-top: 0;
}
.item-image {
width: 100%;
height: 0;
padding-top: 100%;
position: relative;
image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
.item-name {
font-weight: 600;
font-size: 28rpx;
line-height: 40rpx;
color: #5A5B6E;
margin-top: 16rpx;
padding: 0 16rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
word-break: break-all;
}
.item-points {
margin-top: 16rpx;
font-weight: 600;
font-size: 28rpx;
line-height: 40rpx;
padding: 0 16rpx;
}
}
}
}
</style>

188
uniapp/小程序代码/pagesPoints/component/mall/order.vue Normal file
View File

@@ -0,0 +1,188 @@
<!-- +----------------------------------------------------------------------
| 麦沃德科技赋能开发者，助力商协会发展
+----------------------------------------------------------------------
| Copyright (c) 2017～2024 www.wdsxh.cn All rights reserved.
+----------------------------------------------------------------------
| 沃德商协会系统并不是自由软件，不加密，并不代表开源，未经许可不可自由转售和商用
+----------------------------------------------------------------------
| Author: MY WORLD Team <bd@maiwd.cn> www.maiwd.cn
+----------------------------------------------------------------------
| 组件-订单列表 开发者: 麦沃德科技-半夏
+---------------------------------------------------------------------- -->
<template>
<view class="component-mall-order">
<view class="order-item" v-for="(item, index) in showData" :key="index" @click="toDetails(item.id)">
<view class="item-top flex align-items-center">
<view class="top-number flex-item">订单编号：{{item.order_no}}</view>
<view class="top-status">
<text style="color: #FF9100;" v-if="item.state == 2">待发货</text>
<text :style="{color: themeColor}" v-else-if="item.state == 3">待收货</text>
<text style="color: #979797;" v-else-if="item.state == 4">已完成</text>
</view>
</view>
<view class="item-center flex align-items-center">
<image class="center-image" :src="item.goods_info.image" mode="aspectFill"></image>
<view class="center-info flex-item">
<view class="info-name text-ellipsis-more">{{item.goods_info.name}}</view>
<view class="info-box flex align-items-center">
<view class="price flex-item" :style="{color: themeColor}">{{item.goods_info.points}}积分</view>
<view class="number">×{{item.number}}</view>
</view>
</view>
</view>
<view class="item-bottom" v-if="item.state == 3">
<view class="bottom-btn" :style="{background: themeColor}" @click.stop="handleConfirm(item.id)">确认收货</view>
</view>
</view>
</view>
</view>
</template>
<script>
import { mapState } from "vuex"
export default {
name: "componentMallOrder",
props: ["showData"],
computed: {
...mapState({
themeColor: state => state.app.themeColor,
})
},
methods: {
// 跳转详情
toDetails(id) {
this.$util.toPage({
mode: 1,
path: `/pagesPoints/order/details?id=` + id
})
},
// 确认收货
handleConfirm(id) {
uni.showModal({
title: '提示',
content: '确认此商品已收货，\n点击确认收货后订单完成?',
confirmText: '确认收货',
confirmColor: this.themeColor,
cancelText: '我再想想',
cancelColor: '#999999',
success: (res) => {
if (res.confirm) {
uni.showLoading({
title: "加载中",
mask: true
})
this.$util.request("points.orderConfirm", { id }).then(res => {
uni.hideLoading()
if (res.code == 1) {
uni.showToast({
title: "确认成功",
duration: 1500
})
this.$emit("getOrderList")
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
}).catch(error => {
uni.hideLoading()
console.error('确认收货', error)
})
}
}
})
},
},
}
</script>
<style lang="scss">
.component-mall-order {
.order-item {
margin-top: 32rpx;
background: #FFF;
border-radius: 16rpx;
&:first-child {
margin-top: 0;
}
.item-top {
padding: 32rpx;
.top-number {
color: #999;
font-size: 28rpx;
line-height: 40rpx;
}
.top-status {
font-size: 28rpx;
line-height: 40rpx;
}
}
.item-center {
border-top: 1px solid rgba(0, 0, 0, 0.10);
padding: 32rpx;
.center-image {
width: 160rpx;
height: 160rpx;
border-radius: 20rpx;
}
.center-info {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 24rpx;
height: 160rpx;
.info-name {
font-size: 28rpx;
font-weight: 600;
line-height: 40rpx;
color: #5A5B6E;
}
.info-box {
.price {
font-size: 32rpx;
font-weight: 600;
line-height: 40rpx;
word-break: break-all;
}
.number {
color: #5A5B6E;
font-size: 28rpx;
line-height: 32rpx;
margin-left: 16rpx;
}
}
}
}
.item-bottom {
padding: 0 32rpx 32rpx;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 24rpx;
.bottom-btn {
color: #FFF;
font-size: 28rpx;
line-height: 40rpx;
padding: 16rpx 32rpx;
min-width: 144rpx;
text-align: center;
border-radius: 8rpx;
}
}
}
}
</style>

253
uniapp/小程序代码/pagesPoints/component/modal/address.vue Normal file
View File

@@ -0,0 +1,253 @@
<!-- +----------------------------------------------------------------------
| 麦沃德科技赋能开发者，助力商协会发展
+----------------------------------------------------------------------
| Copyright (c) 2017～2024 www.wdsxh.cn All rights reserved.
+----------------------------------------------------------------------
| 沃德商协会系统并不是自由软件，不加密，并不代表开源，未经许可不可自由转售和商用
+----------------------------------------------------------------------
| Author: MY WORLD Team <bd@maiwd.cn> www.maiwd.cn
+----------------------------------------------------------------------
| 地址选择弹窗 开发者: 麦沃德科技-半夏
+---------------------------------------------------------------------- -->
<template>
<view class="component-modal-address" @click.stop>
<uni-popup ref="popupModal" type="bottom" :safe-area="false" @change="onChange">
<view class="modal-box" :style="{'--theme-color': themeColor}">
<view class="modal-head">
<view class="title">选择地址</view>
<image class="close" src="/static/close.png" mode="aspectFit" @click="onClose"></image>
</view>
<view class="modal-content">
<scroll-view scroll-y class="content-scroll">
<empty top="0" title="请登录后查看，" btn-text="前往登录" @callback="toLogin()" v-if="!isToken"></empty>
<view class="scroll-list" v-else-if="addressList.length">
<view class="list-item flex align-items-center" @click="onConfirm(item)" v-for="item in addressList" :key="item.id">
<view class="item-radio" :class="{select: item.id == selectId}">
<view class="point" v-if="item.id == selectId"></view>
</view>
<view class="item-info flex-item">
<view class="info-address text-ellipsis-more">{{item.address}}</view>
<view class="info-tag flex">
<text>{{item.name}}</text>
<text style="margin-left: 16rpx;">{{item.tel}}</text>
</view>
</view>
<view class="item-edit" :style="{'background-image': 'url('+ iconEdit +')'}" v-if="iconEdit" @click="editAddress(item)"></view>
</view>
</view>
<empty top="0" title="暂无相关地址~" @callback="addAddress()" v-else></empty>
</scroll-view>
</view>
<view class="modal-btn" @click="addAddress()">添加地址</view>
</view>
</uni-popup>
</view>
</template>
<script>
import { mapState } from "vuex"
import svgData from "@/common/svg.js"
export default {
name: "componentModalAddress",
data() {
return {
// 选中地址id
selectId: null,
// 地址列表
addressList: [],
// 是否登录
isToken: false,
};
},
computed: {
...mapState({
themeColor: state => state.app.themeColor,
iconEdit: state => {
return svgData.svgToUrl("edit", state.app.themeColor)
},
})
},
methods: {
// 打开模态框
open(value) {
if (value) this.selectId = value
else this.selectId = null
if (uni.getStorageSync("token")) {
this.isToken = true
this.getAddress(() => {
this.$refs.popupModal.open()
})
} else {
this.isToken = false
this.$refs.popupModal.open()
}
},
// 关闭弹窗
onClose() {
this.$refs.popupModal.close()
},
// 改变事件
onChange(e) {
this.$emit("onChange", e.show)
},
// 获取地址列表
getAddress(fn) {
this.$util.request("mall.address.list").then(res => {
if (fn) fn()
if (res.code == 1) {
this.addressList = res.data || []
} else {
uni.showToast({
title: res.msg,
icon: 'none'
})
}
}).catch(error => {
if (fn) fn()
console.error('获取地址列表 ', error)
})
},
// 跳转登录
toLogin() {
uni.navigateTo({
url: "/pages/login/index",
success: () => {
this.onClose()
}
})
},
// 跳转添加地址
addAddress() {
this.$util.toPage({
mode: 1,
path: "/pagesMall/address/index"
})
this.onClose()
},
// 跳转编辑地址
editAddress(item) {
this.$util.toPage({
mode: 1,
path: "/pagesMall/address/add?addressData=" + JSON.stringify(item)
})
this.onClose()
},
// 选择事件
onConfirm(item) {
this.onClose()
this.$emit("confirm", item)
},
},
}
</script>
<style lang="scss" scoped>
.component-modal-address {
position: relative;
z-index: 999;
.modal-box {
background: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
width: 100vw;
padding-top: 32rpx;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.modal-head {
display: flex;
align-items: center;
padding: 0 32rpx 0 64rpx;
.title {
color: #333;
text-align: center;
font-size: 32rpx;
font-weight: 600;
line-height: 44rpx;
flex: 1;
}
.close {
width: 32rpx;
height: 32rpx;
}
}
.modal-content {
padding: 16rpx 32rpx 0;
.content-scroll {
min-height: 25vh;
max-height: 45vh;
.scroll-list {
margin-top: 32rpx;
.list-item {
margin-top: 32rpx;
padding-bottom: 20rpx;
border-bottom: 1rpx solid #F6F7FB;
&:first-child {
margin-top: 0;
}
.item-radio {
width: 32rpx;
height: 32rpx;
background: #FFFFFF;
border-radius: 50%;
border: 1rpx solid #979797;
padding: 6rpx;
margin-right: 24rpx;
&.select {
border-color: var(--theme-color);
}
.point {
width: 100%;
height: 100%;
background: var(--theme-color);
border-radius: 50%;
}
}
.item-info {
.info-address {
color: #5A5B6E;
font-size: 28rpx;
line-height: 40rpx;
}
.info-tag {
color: #979797;
font-size: 24rpx;
line-height: 34rpx;
margin-top: 8rpx;
}
}
.item-edit {
width: 48rpx;
height: 48rpx;
background-size: 48rpx;
margin-left: 24rpx;
}
}
}
}
}
.modal-btn {
color: var(--theme-color);
text-align: center;
font-size: 32rpx;
line-height: 44rpx;
padding: 32rpx;
}
}
}
</style>

164
uniapp/小程序代码/pagesPoints/component/modal/quantity.vue Normal file
View File

@@ -0,0 +1,164 @@
<!-- +----------------------------------------------------------------------
| 麦沃德科技赋能开发者，助力商协会发展
+----------------------------------------------------------------------
| Copyright (c) 2017～2024 www.wdsxh.cn All rights reserved.
+----------------------------------------------------------------------
| 沃德商协会系统并不是自由软件，不加密，并不代表开源，未经许可不可自由转售和商用
+----------------------------------------------------------------------
| Author: MY WORLD Team <bd@maiwd.cn> www.maiwd.cn
+----------------------------------------------------------------------
| 数量选择弹窗 开发者: 麦沃德科技-半夏
+---------------------------------------------------------------------- -->
<template>
<view class="component-modal-quantity" @click.stop>
<uni-popup ref="popupModal" type="bottom" :safe-area="false" @change="onChange">
<view class="modal-box" :style="{'--theme-color': themeColor}">
<view class="modal-content flex align-items-center">
<view class="content-title">选择商品数量：</view>
<view class="content-select flex-item flex justify-content-end align-items-center">
<view class="select-btn" :class="{disabled: parseInt(selectQuantity) <= 1}" @click="handleSubtraction()">
<image class="icon" src="@/static/mall/subtraction.png" mode="aspectFit"></image>
</view>
<input class="select-number" v-model="selectQuantity" type="number" @blur="handleBlur()" />
<view class="select-btn" @click="handleAddition()">
<image class="icon" src="@/static/mall/addition.png" mode="aspectFit"></image>
</view>
</view>
</view>
<view class="modal-footer">
<view class="footer-btn" @click="onConfirm()">确认</view>
</view>
</view>
</uni-popup>
</view>
</template>
<script>
import { mapState } from "vuex"
export default {
name: "componentModalQuantity",
data() {
return {
// 选择数量
selectQuantity: 1,
};
},
computed: {
...mapState({
themeColor: state => state.app.themeColor,
})
},
methods: {
// 打开模态框
open(value) {
this.selectQuantity = parseInt(value)
this.$refs.popupModal.open()
},
// 关闭弹窗
onClose() {
this.$refs.popupModal.close()
},
// 改变事件
onChange(e) {
this.$emit("onChange", e.show)
},
// 选择事件
onConfirm() {
this.onClose()
this.$emit("confirm", this.selectQuantity)
},
// 减少数量
handleSubtraction() {
if (this.selectQuantity > 1) this.selectQuantity--
this.$forceUpdate()
},
// 增加数量
handleAddition() {
this.selectQuantity++
this.$forceUpdate()
},
// 数量判断
handleBlur() {
this.selectQuantity = parseInt(this.selectQuantity) || 1
if (this.selectQuantity < 1) this.selectQuantity = 1
this.$forceUpdate()
},
},
}
</script>
<style lang="scss" scoped>
.component-modal-quantity {
position: relative;
z-index: 999;
.modal-box {
background: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
width: 100vw;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
.modal-content {
padding: 64rpx 48rpx;
.content-title {
color: #000;
font-size: 32rpx;
line-height: 44rpx;
}
.content-select {
margin-left: 24rpx;
.select-btn {
width: 40rpx;
height: 40rpx;
border-radius: 50%;
background: var(--theme-color);
overflow: hidden;
&.disabled {
opacity: .5;
}
.icon {
width: 100%;
height: 100%;
}
}
.select-number {
color: #000;
font-size: 28rpx;
line-height: 48rpx;
height: 48rpx;
border-radius: 10rpx;
background: #F2F2F2;
padding: 0 16rpx;
text-align: center;
width: 120rpx;
box-sizing: border-box;
margin: 0 20rpx;
}
}
}
.modal-footer {
padding: 16rpx 24rpx;
border-top: 1px solid #ccc;
.footer-btn {
color: #FFF;
text-align: center;
font-size: 28rpx;
line-height: 40rpx;
padding: 20rpx 32rpx;
border-radius: 40rpx;
background: var(--theme-color);
}
}
}
}
</style>