charles/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

添加代码

Browse Source
This commit is contained in:
何江明
2025-05-30 18:44:14 +08:00
parent a2c87e47bf
commit 0515e9d48c
250 changed files with 7739 additions and 1102 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/merchant_settlement/merchant_settlement.vue
+18 -9
View File
@@ -1,12 +1,12 @@
<template>
<view class="merchant_settlement_warp">
<view class="card_comm">
<!-- <view class="card_comm">
<view class="title_">上传店铺LOGO</view>
<view class="msg_">上传店铺LOGO、品牌标志。</view>
<view class="upload_comm">
<view class="upload_msg_">上传LOGO</view>
</view>
</view>
</view> -->
<view class="card_comm card_hang_comm">
<view class="title_">店铺名称</view>
<up-input
@@ -19,13 +19,13 @@
<view class="card_comm card_hang_comm">
<view class="title_">店铺地址</view>
<up-input
placeholder="请输入店铺名称"
placeholder="请输入店铺地址"
clearable
border="none"
v-model="form.address"
></up-input>
</view>
<view class="card_comm">
<!-- <view class="card_comm">
<view class="title_">上传店铺环境照片</view>
<view class="msg_">上传店铺背景图片，用于装修店铺主页。</view>
<view class="upload_comm">
@@ -38,7 +38,7 @@
<view class="business_license_upload_comm">
<view class="upload_msg_">上传营业执照</view>
</view>
</view>
</view> -->
<!-- 商户本人信息 -->
<view class="data_common_warp">
<view class="data_msg">请填写商户本人的相关信息</view>
@@ -58,7 +58,7 @@
</view>
</view>
<!-- 证件照 -->
<CommonCard />
<CommonCard @valueFunc="getValue"/>
<!-- 商户银行账户信息 -->
<view class="data_common_warp">
<view class="data_msg">商户银行账户信息</view>
@@ -101,6 +101,8 @@
bankNumber:null,// 银行卡号
bankName:null,// 所属银行
bankMobile:null,// 银行预留手机号码
certFimg:null,// 正面
certBimg:null,// 反面
},
formList:[
{
@@ -203,10 +205,17 @@
message: "提交成功",
});
setTimeout(()=>{
uni.switchTab({
url: '/pages/mine/mine',
});
uni.navigateTo({
url: '/pages/merchant_settlement_ok/merchant_settlement_ok',
})
},1000)
},
getValue(type,value){
if (type === "Z") {
this.form.certFimg = value;
} else if (type === "F") {
this.form.certBimg = value;
}
}
}
}
pages/merchant_settlement_ok/merchant_settlement_ok.vue
+101
View File
@@ -0,0 +1,101 @@
<template>
<view class="authentication_ok_warp">
<Header leftTitle="商家入驻" left-path-type="switchTab" left-path="/pages/mine/mine"/>
<view class="authentication_ok_content">
<view class="authentication_result">
<up-image src="/static/mine/auth_ok.png" mode="widthFix" shape="circle" width="140" height="140" bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
<view class="result_value">提交成功</view>
</view>
<view class="reauthentication_warp">
<view class="reauthentication_but_warp" @click="reauthenticationFun">
返回
</view>
</view>
</view>
<up-toast ref="uToastRef"></up-toast>
</view>
</template>
<script>
import Header from '@/components/header.vue';
export default {
computed: {
},
components:{Header},
data() {
return {
}
},
mounted() {
},
methods: {
/**
* 重新认证
*/
reauthenticationFun(){
uni.switchTab({
url:'/pages/mine/mine',
})
}
}
}
</script>
<style lang="scss" scoped>
.authentication_ok_warp{
height: 100vh;
background-color: #FFFFFF;
.authentication_ok_content{
padding: 60rpx;
}
.authentication_result{
display: grid;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 100rpx;
.result_title{
font-weight: bold;
font-size: 40rpx;
color: #333333;
}
.result_value{
font-weight: bold;
font-size: 30rpx;
color: #666666;
line-height: 80rpx;
}
}
.reauthentication_warp{
display: grid;
justify-content: center;
.reauthentication_but_warp{
margin-top: 100rpx;
border: 1rpx solid $app-zt-color;
color: $app-zt-color;
padding: 8rpx 10rpx;
width: 200rpx;
border-radius: 10rpx;
text-align: center;
}
}
.authentication_info{
background: #F8F8F8;
border-radius: 10rpx;
padding: 30rpx;
margin-top: 30rpx;
}
.info_item{
font-weight: 500;
font-size: 28rpx;
color: #666666;
line-height: 66rpx;
}
.info_item_value{
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
}
</style>
pages/mine/mine.vue
+17 -10
View File
@@ -98,7 +98,7 @@
</view>
</view>
</view>
<CustomTabBar :tabIndex="3"/>
<CustomTabBar :tabIndex="4"/>
<!-- 品牌入驻弹框 -->
<up-modal :show="brandShow" :showConfirmButton = "false">
<view class="slot-content">
@@ -124,10 +124,10 @@
</view>
<view class="content_">
<view class="content_1">联系客服</view>
<view class="content_3">138 8888 8888</view>
<view class="content_3">{{CUSTOMER_SERVICE_PHONE_NUMBER}}</view>
</view>
<view class="but_">
<view class="but_copy" @click="copyMobile('13888888888')">复制号码</view>
<view class="but_copy" @click="copyMobile(CUSTOMER_SERVICE_PHONE_NUMBER)">复制号码</view>
<view class="but_close" @click="serviceShow=false;">取消</view>
</view>
</view>
@@ -156,9 +156,15 @@
import { copyData } from '@/utils/index.js';
import CustomTabBar from '@/components/custom-tab-bar.vue';
import { getStatistics } from '@/api/order.js';
import { getUserInfo } from '@/api/auth.js'
import { getUserInfo } from '@/api/auth.js';
import { CUSTOMER_SERVICE_PHONE_NUMBER } from '@/utils/config.js';
export default {
computed: {
CUSTOMER_SERVICE_PHONE_NUMBER() {
return CUSTOMER_SERVICE_PHONE_NUMBER;
},
},
components:{CustomTabBar},
data() {
return {
@@ -259,12 +265,12 @@
// url:'/static/mine/tool_team.png',
// path:"/pages/mine_my_team/mine_my_team",
// },
{
id:6,
title:"卡券",
url:'/static/mine/tool_kj.png',
// path:"/pages/mine_coupon/mine_coupon",
},
// {
// id:6,
// title:"卡券",
// url:'/static/mine/tool_kj.png',
// // path:"/pages/mine_coupon/mine_coupon",
// },
{
id:7,
title:"联系客服",
@@ -385,6 +391,7 @@
copyMobile(mobile){
copyData(mobile);
this.brandShow = false;
this.serviceShow = false;
},
// 查询统计
async getStatistics(){
pages/mine_order/mine_order.vue
+4 -4
View File
@@ -229,10 +229,10 @@
id:MINE_ORDER_TYPE.SUCCEED,
title:"已完成",
},
{
id:MINE_ORDER_TYPE.AFTER_SALE,
title:"售后",
},
// {
// id:MINE_ORDER_TYPE.AFTER_SALE,
// title:"售后",
// },
],
form:{
search:null,//搜索
pages/mine_purse_log/mine_purse_log.vue
+1 -1
View File
@@ -96,7 +96,7 @@
const curId = option.curId;
if(lockId && lockId !=='null'){
this.lockId = lockId;
this.selectInfo(this.infoList[1]);
// this.selectInfo(this.infoList[1]);
}
if(curId && curId !=='null'){
this.curId = curId;
pages/mine_settings/mine_settings.vue
+12 -2
View File
@@ -70,7 +70,8 @@
</template>
<script>
import { getStorageFun,USER_DATA,clear } from '@/utils/auth.js'
import { getStorageFun,USER_DATA,clear } from '@/utils/auth.js';
import { getUserInfo } from '@/api/auth.js';
import Header from '@/components/header.vue';
export default {
@@ -81,9 +82,18 @@
};
},
onShow() {
this.userData = getStorageFun(USER_DATA);
// this.userData = getStorageFun(USER_DATA);
this.getUserInfo();
},
methods:{
// 查询用户等级
async getUserInfo(){
const result = await getUserInfo();
if(result && result.bizcode === 100){
const data = result.data;
this.userData = result.data || {};
}
},
// 退出登录
loginOutFun(){
clear();
pages/news/news.vue
+18 -8
View File
@@ -52,17 +52,22 @@
</up-input>
<view class="news_content_item" v-for="item in newsList" :key="item.id" v-if="newsList && newsList.length !==0" @click="jumpInfo(item)">
<view class="news_content_item_title">{{item.title}}</view>
<view v-html="item.content" class="news_content_item_content"></view>
<view class="news_content_item_info">
<view>{{formatDate(item.ctdate)}}</view>
<view class="browses_">
<view>
<up-image src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
<view class="news_content_item_warp">
<view class="news_content_item_title">{{item.title}}</view>
<view v-html="item.subTitle" class="news_content_item_content"></view>
<view class="news_content_item_info">
<view>{{formatDate(item.ctdate)}}</view>
<view class="browses_">
<view>
<up-image src="/static/login/show.png" width="20" height="20" bgColor="#f1f6ff00"></up-image>
</view>
<view style="margin-left: 8rpx;">{{item.browses}}</view>
</view>
<view style="margin-left: 8rpx;">{{item.browses}}</view>
</view>
</view>
<view>
<up-image :src="item.coverImage" width="100" height="100" bgColor="#f1f6ff00" radius="8"></up-image>
</view>
</view>
<view v-else class="not_order_warp">
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
@@ -224,6 +229,11 @@
background: #FFFFFF;
padding: 30rpx;
margin-top: 20rpx;
display: flex;
justify-content: space-between;
}
.news_content_item_warp{
margin-right: 20rpx;
}
.news_content_item_title{
font-weight: 800;
pages/productInfo/productInfo.vue
+170 -6
View File
File diff suppressed because one or more lines are too long
pages/search/search.vue
+3 -3
View File
@@ -19,7 +19,7 @@
<up-image src="/static/common/search.png" width="20" height="20" bgColor="#f1f6ff00" @click="jumpHome"></up-image>
</template>
<template #suffix>
<view class="search_but_warp" @click="searchClickFun">搜索</view>
<view class="search_but_warp" @click="searchGYLMall">搜索</view>
</template>
</up-input>
</view>
@@ -152,7 +152,6 @@
// 删除历史
searchHistoryDelete(item){
console.log("item",item);
this.isShowSearch = false;
},
/**
@@ -160,7 +159,7 @@
*/
async searchClick(item){
this.form.keyword = item.name;
this.searchClickFun();
this.searchGYLMall();
},
/**
* 查询产品
@@ -186,6 +185,7 @@
this.poductList = resp.data;
}
},
/**
* 切换图大小
*/
pages/shopping_cart/shopping_cart.vue
+1 -1
View File
@@ -121,7 +121,7 @@
<up-toast ref="uToastRef"></up-toast>
</view>
<CustomTabBar :tabIndex="2"/>
<CustomTabBar :tabIndex="3"/>
</view>
</template>
pages/supply_chain/supply_chain.vue
+343
View File
@@ -0,0 +1,343 @@
<template>
<view class="supply_chain_warp">
<view class="_header_warp">全球聚合供应链</view>
<!-- <view class="_content_warp"> -->
<up-swiper
:list="swiperList"
height="160"
@change="e => currentNum = e.current"
bgColor="#ffffff00"
>
<template #indicator>
<view
class="indicator-num"
>
<text class="indicator-num__text">{{ currentNum + 1 }}/{{ swiperList.length }}</text>
</view>
</template>
</up-swiper>
<!-- 通知 -->
<view class="supply_chain_note_warp">
<up-image src="/static/common/note.png" width="16" height="16" bgColor="#f1f6ff00"></up-image>
<up-notice-bar :icon="false" bgColor="#F5F6F8FF" color="#000000E6" text="壹点科技全球聚合供应链：整合京东、阿里、唯品会等一手供应链资源，支持API一键导入，为私域电商全品类货源提供一件代发服务。"></up-notice-bar>
</view>
<!-- 保障 -->
<view class="guarantee_warp">
<view class="guarantee_item_warp" v-for="(item,index) in guaranteeList" :key="index">
<view style="margin-top: 10rpx;">
<up-image :src="item.path" width="20" height="20" bgColor="#f1f6ff00"></up-image>
</view>
<view class="guarantee_item_content_warp">
<view class="title_">{{item.title}}</view>
<view class="content_">{{item.content}}</view>
</view>
</view>
</view>
<!-- 分类 -->
<view class="sort_warp">
<view class="sort_item_warp" v-for="(item,index) in sortList" :key="index" @click="sortFun(item)">
<up-image :src="item.path" width="30" height="30" bgColor="#f1f6ff00" ></up-image>
<view class="sort_item_title_warp">{{item.title}}</view>
</view>
</view>
<!-- 商品 -->
<view class="supply_chain_product_warp">
<view class="product_title">
<view class="product_title_msg">精选好物</view>
<view class="product_title_bg"></view>
</view>
<scroll-view scroll-y="true" @scrolltolower="loadMore" style="height:calc(100vh - 158px);margin-top: 10rpx;">
<view class="supply_chain_product_content" v-if="productList && productList.length !==0">
<view class="product_content_item" v-for="item in productList" :key="item.id" @click="jumpInfo(item)">
<up-image :src="item.thumb" width="100%" height="140" bgColor="#f1f6ff00"></up-image>
<view class="product_content_item_content">
<view class="product_item_name">{{item.title}}</view>
<view class="product_item_price">
<view class="price_">
<text>￥</text>
<text style="color:36rpx;">{{item.price}}</text>
</view>
<view class="price_sell">已售{{item.sales}}件</view>
</view>
</view>
</view>
</view>
<view v-else class="not_order_warp">
<up-image src="/static/common/not_order.png" width="80" height="80" bgColor="#f1f6ff00"></up-image>
<view class="not_order_msg_warp">还未添加商品哦～</view>
</view>
</scroll-view>
</view>
<!-- </view> -->
<CustomTabBar :tabIndex="2"/>
</view>
</template>
<script>
import { getCarouselImage } from '@/api/common.js';
import { APP_PAGE_TYPE } from '@/utils/enumUtils.js';
import CustomTabBar from '@/components/custom-tab-bar.vue';
export default {
components:{CustomTabBar},
data() {
return {
swiperList:['/static/supply_chain/banner01.png'],
currentNum:0,
guaranteeList:[
{
path:'/static/supply_chain/pz.png',
title:'品质保障',
content:'100%正品',
},{
path:'/static/supply_chain/ks.png',
title:'快速发货',
content:'48小时内送出',
},{
path:'/static/supply_chain/sh.png',
title:'售后服务',
content:'快速响应',
},{
path:'/static/supply_chain/th.png',
title:'退货无忧',
content:'七天无条件退货',
},
],
sortList:[
{
path:'/static/supply_chain/sort_fs.png',
title:'服饰鞋包',
category:"258,259,377"
},{
path:'/static/supply_chain/sort_sm.png',
title:'数码家电',
category:"255,257"
},{
path:'/static/supply_chain/sort_mz.png',
title:'美妆个护',
category:"278,279,280"
},{
path:'/static/supply_chain/sort_sp.png',
title:'食品酒水',
category:"274,275"
},{
path:'/static/supply_chain/sort_jj.png',
title:'家居生活',
category:"271"
},{
path:'/static/supply_chain/sort_my.png',
title:'母婴用品',
category:"379"
},{
path:'/static/supply_chain/sort_yd.png',
title:'运动户外',
category:"380"
},{
path:'/static/supply_chain/sort_qc.png',
title:'汽车用品',
category:"389"
},{
path:'/static/supply_chain/sort_ts.png',
title:'图书音像',
category:"385"
},{
path:'/static/supply_chain/sort_bg.png',
title:'办公用品',
category:"386"
},
],
loading:false,
form:{
page:1,
limit:20,
app_id:"2024111300164927",
sign_type:"MD5",
sign:"d04be0cedd49608e758458325faecf90",
category:null,
},
productList:[],// 商品图
};
},
onLoad(option) {
this.searchGYLMall();
},
methods: {
/**
* 查询供应链的商品
*/
searchGYLMall(){
if (this.loading) return; // 如果正在加载，则不重复加载
this.loading = true; // 设置加载状态为true
try {
const params = this.form;
uni.request({
url: "https://cyysc.gscm.top/outside/1/atm/goods/list",
method:"get",
data:params,
header: {},
success: (res) => {
const data = res.data;
if(data && data.result === 1){
const newData = data.data.data;
const newArr = newData.map(obj => {
const sales = Math.floor(Math.random() * 5000) + 700;
return { ...obj, sales:sales }; // 使用展开运算符添加新属性
});
this.productList = [...this.productList, ...newArr]; // 将新数据添加到列表中
this.form.page++;
}
},
fail: (error) => {
console.log("error",error);
},
});
} catch (error) {
console.error('加载数据失败:', error);
} finally {
this.loading = false; // 设置加载状态为false
}
},
/**
* 分类搜索
* @param {Object} item
*/
sortFun(item){
this.productList = [];
this.form.page = 1;
this.form.category = item.category;
this.searchGYLMall(); // 加载更多数据
},
// 当滚动到底部时触发的方法
loadMore() {
this.searchGYLMall(); // 加载更多数据
},
/**
* 详情页面
*/
jumpInfo(item){
uni.navigateTo({
url: '/pages/productInfo/productInfo?id='+item.id+"&source=supply_chain",
})
}
}
}
</script>
<style lang="scss" scoped>
.supply_chain_warp{
height: calc(100vh - 140rpx);
overflow: auto;
background-color: $app-bj;
._header_warp{
margin-top: 60rpx;
height: 80rpx;
line-height: 80rpx;
background-color: $app-bj;
text-align: center;
}
.supply_chain_note_warp{
display: flex;
align-items: center;
padding: 0 0 0 30rpx;
}
.guarantee_warp{
display: flex;
justify-content: space-between;
align-items: center;
background: #FFFFFF;
padding: 10rpx 30rpx;
.guarantee_item_warp{
width: 25%;
display: flex;
align-items: center;
}
.guarantee_item_content_warp{
margin-left: 10rpx;
}
.title_{
font-size: 18rpx;
color: rgba(0,0,0,0.6);
}
.content_{
font-size: 14rpx;
color: rgba(0,0,0,0.26);
margin-top: 6rpx;
}
}
.sort_warp{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30rpx 0;
.sort_item_warp{
width: 20%;
text-align: center;
margin-bottom: 10rpx;
}
.sort_item_title_warp{
font-size: 24rpx;
color: rgba(0,0,0,0.9);
}
}
.supply_chain_product_warp{
padding: 0rpx 30rpx 0;
.product_title{
position: relative;
.product_title_msg{
position: relative;
font-family: AlimamaFangYuanTiVF-Medium, AlimamaFangYuanTiVF-Medium;
font-weight: normal;
font-size: 38rpx;
color: rgba(0,0,0,0.9);
z-index: 2;
}
.product_title_bg{
position: absolute;
bottom: 0;
width: 113rpx;
height: 15rpx;
background: #FFA749FF;
border-radius: 8rpx;
z-index: 1;
}
}
.supply_chain_product_content{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
overflow: auto;
.product_content_item{
width: 48%;
background: #FFFFFF;
margin-bottom: 20rpx;
.product_content_item_content{
border-radius: 18rpx;
padding: 0 20rpx 20rpx;
}
.product_item_name{
font-weight: 500;
font-size: 30rpx;
color: rgba(0,0,0,0.9);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.product_item_price{
font-size: 20rpx;
color: $app-zt-color;
display: flex;
justify-content: space-between;
margin-top: 10rpx;
.price_sell{
color: rgba(0,0,0,0.26);
}
}
}
}
}
}
</style>