siyunxing/new-dianxiaorui-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
PC-202306242200\Administrator
2026-03-31 10:53:43 +08:00
commit f529129c93
770 changed files with 86065 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
pages/home/components/Invest/facility.vue Normal file
View File

@@ -0,0 +1,184 @@
<template>
<view class="p30 piles" style="padding: 30rpx">
<view class="piles_card">
<view class="piles_card_title">充电桩汇总</view>
<view class="piles_card_view">
<view>
<text>{{ count.installDeviceNumber || 0 }}</text>
<text>已安装</text>
</view>
<view>
<text>{{ count.uninstallDeviceNumber || 0 }}</text>
<text>未安装数量</text>
</view>
<view>
<text>{{ count.deviceTotal || 0 }}</text>
<text>团队</text>
</view>
</view>
</view>
<up-subsection activeColor="rgba(111, 162, 86, 1)" :list="list" keyName="name" :current="current" @change="upChange"></up-subsection>
<view class="order_view" v-for="i in dataList" :key="i">
<view class="piles_list" v-if="current == 0">
<view class="piles_list_title">安装电站：{{ i.stationName || '-' }}</view>
<view class="piles_list_view">
<view>设备ID：</view>
<view>{{ i.id }}</view>
</view>
<view class="piles_list_view">
<view>设备功率：</view>
<view>{{ i.deviceType }}KW</view>
</view>
<view class="piles_list_view" v-if="i.purposeType">
<view>设备类型：</view>
<view>{{ i.purposeType == 1 ? '商用运维版' : i.purposeType == 2 ? '商用合作版' : i.purposeType == 3 ? '家用专业版' : '' }}</view>
</view>
<view class="piles_list_view">地址：{{ i.stationAddress || '-' }}</view>
<!-- <view class="piles_list_view">
<view>电费费用：</view>
<view>
<text>1.00</text>
/ 元
</view>
</view>
<view class="piles_list_view">
<view>昨日收益：</view>
<view>
<text>￥100.00 元</text>
</view>
</view> -->
<view class="piles_list_view">
<view>下单时间：</view>
<view>{{ timeFormat(new Date(i.createTime).getTime(), 'yyyy-mm-dd hh:MM') }}</view>
</view>
</view>
<view class="piles_list" v-if="current == 1">
<view class="piles_list_view">
<view>设备ID：</view>
<view>{{ i.id }}</view>
</view>
<view class="piles_list_view">
<view>设备功率：</view>
<view>{{ i.deviceType }}KW</view>
</view>
<view class="piles_list_view" v-if="i.purposeType">
<view>设备类型：</view>
<view>{{ i.purposeType == 1 ? '商用运维版' : i.purposeType == 2 ? '商用合作版' : i.purposeType == 3 ? '家用专业版' : '' }}</view>
</view>
<view class="piles_list_view">
<view>下单时间：</view>
<view>{{ timeFormat(new Date(i.createTime).getTime(), 'yyyy-mm-dd hh:MM') }}</view>
</view>
</view>
</view>
</view>
</template>
<script setup>
import { getDeviceInfo } from '@/api/api.js';
import { onMounted, reactive, ref } from 'vue';
import { onPullDownRefresh, onPageScroll, onReachBottom, onLoad } from '@dcloudio/uni-app';
import { timeFormat } from '@/uni_modules/uview-plus';
const paging = ref(null);
let dataList = ref([]);
let dataFrom = reactive({
deviceStatus: 1
});
let count = ref({});
onMounted(() => {
console.log(123456);
getDeviceInfo().then((res) => {
count.value = res;
dataList.value = res.installDeviceList;
});
});
const list = ref([
{
name: '已安装',
id: 1
},
{
name: '待安装',
id: 0
}
]);
const current = ref(0);
const upChange = (e) => {
current.value = e;
if (e == 0) {
dataList.value = count.value.installDeviceList || [];
} else {
dataList.value = count.value.uninstallDeviceList || [];
}
};
</script>
<style scoped lang="scss">
.piles {
padding: 30rpx;
&_card {
width: 690rpx;
height: 192rpx;
background: linear-gradient( 179deg, #81BF63 0%, #6FA256 100%);
border-radius: 8rpx 8rpx 0rpx 0rpx;
padding: 30rpx;
&_title {
font-weight: bold;
font-size: 28rpx;
color: #ffffff;
margin-bottom: 20rpx;
}
&_view {
padding: 0 80rpx;
flex-direction: column;
@include flex($space: space-between);
view {
@include flex($direction: column, $space: space-between);
text:nth-child(1) {
font-weight: bold;
font-size: 32rpx;
color: #ffffff;
margin-bottom: 15rpx;
}
text:nth-child(2) {
font-size: 26rpx;
color: #ffffff;
}
}
}
}
&_list {
padding: 25rpx;
width: 690rpx;
background: #ffffff;
border-radius: 16rpx 16rpx 16rpx 16rpx;
margin-top: 30rpx;
&_title {
font-weight: bold;
font-size: 28rpx;
color: #232323;
}
&_view {
@include flex;
color: #555555;
font-size: 28rpx;
margin-top: 15rpx;
view:nth-child(2) {
font-weight: bold;
font-size: 28rpx;
color: #232323;
}
text {
color: #ff2727;
}
}
}
}
</style>

182
pages/home/components/Invest/order.vue Normal file
View File

@@ -0,0 +1,182 @@
<template>
<view class="order">
<z-paging ref="paging" v-model="dataList" @query="queryList">
<view style="height: 20rpx"></view>
<view style="display: flex; align-items: center; margin: 0 30rpx 30rpx">
<view
style="font-weight: bold; position: relative; margin-right: 50rpx"
:style="{
color: purposeType == item.id ? '#333' : '#bbb'
}"
v-for="(item, index) in tabbar"
:key="index"
@click="swichMenu(item.id)"
>
<view style="position: relative; z-index: 9">{{ item.name }}</view>
<view
v-if="purposeType == item.id"
style="width: 72rpx; height: 16rpx; background: #b6d0aa; border-radius: 48rpx 48rpx 48rpx 48rpx; position: absolute; bottom: -5rpx; left: 0"
></view>
</view>
</view>
<view class="p30">
<view class="order_view" v-for="i in dataList" :key="i" @click="navTo(`/pages/order/details?id=${i.id}`)">
<view class="order_view_dd">
<view>
<text style="font-weight: 500">订单号</text>
:{{ i.orderNo }}
</view>
<view>
<up-tag size="mini" v-if="i.status == 0" text="待支付" plain></up-tag>
<up-tag size="mini" v-if="i.status == -1" text="已取消" type="warning" plain></up-tag>
<up-tag size="mini" v-if="i.status == 1" text="支付成功" type="success" plain></up-tag>
<up-tag size="mini" v-if="i.status == -2" text="退款" type="error" plain></up-tag>
</view>
</view>
<view class="order_view_info">
<image class="order_view_info_img" :src="i.orderGoods.cover" mode="aspectFit"></image>
<view class="order_view_info_right">
<view class="order_view_info_right_tit">
<view style="display: flex; align-items: center">
<!-- <up-tag size="mini" :text="i.sourceType == 1 ? '商品' : '套餐'" bgColor="#4874e5" borderColor="#4874e5"></up-tag> -->
<view>
{{ i.orderGoods.name }}
</view>
</view>
</view>
<view class="order_view_info_right_num" style="display: flex; align-items: center; justify-content: space-between">数量:{{ i.num }}</view>
<view class="order_view_info_right_mon">
订单金额:
<text style="color: crimson">￥{{ i.payMoney }}</text>
</view>
</view>
</view>
<view
style="
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1rpx solid rgba(153, 153, 153, 0.5);
margin-top: 15rpx;
padding-top: 15rpx;
"
>
<view style="font-size: 28rpx">{{ i.createdAt }}</view>
<view>
<up-tag size="mini" v-if="i.orderPlatform == 3" text="支付宝" plain></up-tag>
<up-tag size="mini" v-if="i.orderPlatform == 2" text="微信" type="success" plain></up-tag>
<up-tag size="mini" v-if="i.orderPlatform == 1" text="钱包" type="warning" plain></up-tag>
</view>
</view>
</view>
</view>
</z-paging>
</view>
</template>
<script setup>
import { reactive, ref } from 'vue';
import { useNav } from '@/hooks/useNav.js';
import { onPullDownRefresh, onPageScroll, onReachBottom } from '@dcloudio/uni-app';
import { orderPage } from '@/api/api.js';
import { timeFormat } from '@/uni_modules/uview-plus';
const { navTo } = useNav();
const paging = ref(null);
let dataList = ref([]);
let dataFrom = reactive({
status: 1,
businessPayType: '',
sourceType: ''
});
let tabbar = [
{
name: '已支付',
id: 1
},
{
name: '待支付',
id: 0
},
{
name: '已取消',
id: -1
}
];
let purposeType = ref(1);
const swichMenu = (index) => {
dataFrom.status = index;
paging.value.reload();
};
const queryList = (pageNo, pageSize) => {
const params = {
current: pageNo,
pageSize: pageSize,
...dataFrom
};
orderPage(params)
.then((res) => {
paging.value.complete(res);
})
.catch((res) => {
paging.value.complete(false);
});
};
</script>
<style scoped lang="scss">
.order {
&_view {
background: #ffffff;
border-radius: 16rpx;
padding: 25rpx;
margin-bottom: 30rpx;
&_info {
@include flex;
&_img {
width: 208rpx;
height: 208rpx;
margin-right: 15rpx;
border-radius: 10rpx;
}
&_right {
flex: 1;
font-size: 28rpx;
color: #232323;
&_tit {
@include flex($space: space-between);
margin-bottom: 15rpx;
}
&_num {
margin-bottom: 15rpx;
}
&_mon {
margin-bottom: 15rpx;
text {
color: #ff2e24;
}
}
&_time {
}
}
}
&_dd {
@include flex($space: space-between);
font-weight: bold;
font-size: 28rpx;
color: #232323;
margin-bottom: 15rpx;
}
}
}
</style>

349
pages/home/components/Invest/shop.vue Normal file
View File

@@ -0,0 +1,349 @@
<template>
<view class="u-wrap">
<view style="margin: 30rpx">
<up-swiper :list="['https://zhongshuai-test.oss-cn-beijing.aliyuncs.com/upload/20240919/c6f8c174-19b1-41a3-a0d9-082f0abb5f85.png']" height="320rpx" indicator></up-swiper>
</view>
<view class="u-search-box">
<u-input placeholder="请输入充电桩型号或关键字" border="surround" prefixIcon="search" shape="circle" clearable="true" v-model="keywords"></u-input>
</view>
<view style="display: flex; align-items: center; justify-content: space-between; margin: 0 30rpx 30rpx">
<view
style="font-weight: bold; position: relative"
:style="{
color: purposeType == item.id ? '#333' : '#bbb'
}"
v-for="(item, index) in tabbar"
:key="index"
@click="swichMenu(item.id)"
>
<view style="position: relative;z-index: 9;">{{ item.name }}</view>
<view v-if="purposeType == item.id" style="width: 72rpx; height: 16rpx; background: #b6d0aa; border-radius: 48rpx 48rpx 48rpx 48rpx; position: absolute; bottom: -5rpx; left: 0"></view>
</view>
</view>
<view class="shopList">
<!-- <image class="shopList_img" src="/static/jp.png" mode="widthFix"></image> -->
<view class="shopList_list">
<view class="shopList_list_view" v-for="i in filterGoods(goods)" :key="i" @click="navTo(`/pageInvest/shop/details?id=${i.id}`)">
<image class="shopList_list_view_img" :src="i.cover" mode="aspectFit"></image>
<view class="shopList_list_view_tit">{{ i.name }}</view>
<view class="shopList_list_view_mon">
<view class="shopList_list_view_mon_left">￥{{ i.currentPrice }} 元</view>
<!-- <up-tag @click="toShop(i)" text="下单" bgColor="#4874e5" borderColor="#4874e5"></up-tag> -->
<!-- <view class="shopList_list_view_mon_right">下单</view> -->
</view>
</view>
</view>
</view>
<!-- <view class="u-menu-wrap">
<scroll-view scroll-y scroll-with-animation class="u-tab-view menu-scroll-view" :scroll-top="scrollTop">
<view
v-for="(item, index) in tabbar"
:key="index"
class="u-tab-item"
:class="[current == index ? 'u-tab-item-active' : '']"
:data-current="index"
@tap.stop="swichMenu(index)"
>
<text class="u-line-1">{{ item.name }}</text>
</view>
</scroll-view>
<block v-for="(item, index) in tabbar" :key="index">
<scroll-view scroll-y class="right-box" v-if="current == index">
<view class="page-view">
<view class="class-item">
<view class="item-title">
<text>{{ item.name }}</text>
</view>
<view class="item-container">
<view class="thumb-box" v-for="(item1, index1) in filterGoods(item.foods)" @click="navTo(`/pageInvest/shop/details?id=${item1.id}`)" :key="item1.id">
<image class="item-menu-image" :src="item1.cover" mode="aspectFill"></image>
<view class="item-menu-name">{{ item1.name }}</view>
</view>
</view>
</view>
</view>
</scroll-view>
</block>
</view> -->
</view>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { goodsList, categoryList } from '@/api/api.js';
import { useNav } from '@/hooks/useNav.js';
const { navTo } = useNav();
const keywords = ref('');
let tabbar = ref([]);
let goods = ref([]);
let scrollTop = ref(0);
let current = ref(0);
let menuHeight = ref(0);
let menuItemHeight = ref(0);
let purposeType = ref(null);
// [
// {
// name: '女装',
// foods: [
// {
// name: 'A字裙',
// key: 'A字裙',
// icon: 'https://cdn.uviewui.com/uview/common/classify/1/1.jpg',
// cat: 10
// }
// ]
// }
// ]
onMounted(() => {
categoryList().then((res) => {
tabbar.value = res.map((item, index) => {
return {
...item,
foods: []
};
});
purposeType.value = res[0].id;
goodsList({ categoryId: res[0].id }).then((res) => {
// tabbar.value[0].foods = res;
goods.value = res;
});
});
});
async function swichMenu(index) {
// if (index == current.value) return;
// current.value = index;
purposeType.value = index;
goodsList({ categoryId: index }).then((res) => {
goods.value = res;
});
return;
// 如果为0，意味着尚未初始化
if (menuHeight.value == 0 || menuItemHeight.value == 0) {
await this.getElRect('menu-scroll-view', 'menuHeight');
await this.getElRect('u-tab-item', 'menuItemHeight');
}
// 将菜单菜单活动item垂直居中
this.scrollTop = index * menuItemHeight.value + menuItemHeight.value / 2 - menuHeight.value / 2;
}
function getElRect(elClass, dataVal) {
new Promise((resolve, reject) => {
const query = uni.createSelectorQuery().in(this);
query
.select('.' + elClass)
.fields({ size: true }, (res) => {
// 如果节点尚未生成，res值为null，循环调用执行
if (!res) {
setTimeout(() => {
this.getElRect(elClass);
}, 10);
return;
}
this[dataVal] = res.height;
})
.exec();
});
}
const filterGoods = (value) => {
if (!value?.length) {
return [];
}
return value.filter((item) => item.name.includes(keywords.value));
};
</script>
<style lang="scss" scoped>
.u-wrap {
height: calc(100vh);
/* #ifdef H5 */
height: calc(100vh - var(--window-top));
/* #endif */
display: flex;
flex-direction: column;
}
.u-search-box {
padding: 18rpx 30rpx;
}
.u-menu-wrap {
flex: 1;
display: flex;
overflow: hidden;
}
.u-search-inner {
background-color: rgb(234, 234, 234);
border-radius: 100rpx;
display: flex;
align-items: center;
padding: 10rpx 16rpx;
}
.u-search-text {
font-size: 26rpx;
color: $u-tips-color;
margin-left: 10rpx;
}
.u-tab-view {
width: 200rpx;
height: 100%;
}
.u-tab-item {
height: 80rpx;
background: #f6f6f6;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
font-size: 26rpx;
color: #444;
font-weight: 400;
line-height: 1;
}
.u-tab-item-active {
position: relative;
color: #000;
font-size: 30rpx;
font-weight: 600;
background: #fff;
}
.u-tab-item-active::before {
content: '';
position: absolute;
border-left: 4px solid rgba(111, 162, 86, 1);
height: 45rpx;
left: 0;
top: calc(50% - 22.5rpx);
}
.u-tab-view {
height: 100%;
}
.right-box {
background-color: rgb(250, 250, 250);
}
.page-view {
padding: 16rpx;
}
.class-item {
margin-bottom: 30rpx;
background-color: #fff;
padding: 16rpx;
border-radius: 8rpx;
}
.item-title {
font-size: 26rpx;
color: $u-main-color;
font-weight: bold;
}
.item-menu-name {
font-weight: normal;
font-size: 24rpx;
color: $u-main-color;
}
.item-container {
display: flex;
flex-wrap: wrap;
}
.thumb-box {
width: 33.333333%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 20rpx;
}
.item-menu-image {
width: 144rpx;
height: 144rpx;
border-radius: 4rpx 4rpx 4rpx 4rpx;
}
.shopList {
@include flex($direction: column, $space: content);
&_img {
width: 308rpx;
height: 44rpx;
margin-bottom: 50rpx;
}
&_list {
width: 690rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
&_view {
border-radius: 8rpx 8rpx 8rpx 8rpx;
width: 334rpx;
background-color: #fff;
margin-bottom: 30rpx;
padding-bottom: 20rpx;
&_img {
width: 334rpx;
height: 334rpx;
border-radius: 8rpx 8rpx 0rpx 0rpx;
}
&_tit {
padding: 10rpx 20rpx 0;
display: -webkit-box;
-webkit-line-clamp: 2; /* 限制显示的行数 */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
font-size: 30rpx;
color: #232323;
}
&_mon {
padding: 0rpx 20rpx;
@include flex($space: space-between);
&_left {
font-weight: bold;
font-size: 30rpx;
color: rgba(239, 38, 38, 1);
}
&_right {
width: 80rpx;
height: 40rpx;
@include flex($space: center);
font-size: 26rpx;
background-color: #4874e5;
color: #fff;
font-weight: bold;
border-radius: 20rpx;
}
}
}
}
}
</style>