Skip to content
Toggle navigation
Projects
Groups
Snippets
Help
Toggle navigation
This project
Loading...
Sign in
蒋秀川
/
miniProject
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Settings
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit 7427b7a8
authored
Jun 14, 2023
by
tianlonglong
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
店铺首页
1 parent
c5b4129e
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
368 additions
and
87 deletions
miniProject/api/shop.js
miniProject/index/index2.js
miniProject/index/index2.json
miniProject/index/index2.wxml
miniProject/index/index2.wxss
miniProject/project.config.json
miniProject/api/shop.js
View file @
7427b7a
let
http
=
require
(
'../utils/request'
);
let
http
=
require
(
'../utils/request'
);
module
.
exports
=
{
module
.
exports
=
{
// 获取卡片数据
// 获取卡片数据
getCardData
(
userId
,
params
)
{
getCardData
(
params
)
{
return
http
.
get
(
`/report/
users/
${
userId
}
`
,
params
);
return
http
.
get
(
`/report/
wechat/mall/index/trafficOverview
`
,
params
);
},
},
// 获取业态客流趋势
// 获取业态客流趋势
getTrendData
(
userId
,
params
)
{
getTrendData
(
params
)
{
return
http
.
get
(
`/report/
users/
${
userId
}
`
,
params
);
return
http
.
get
(
`/report/
wechat/mall/index/trafficTrend
`
,
params
);
},
},
// 获取停留时长统计
// 获取停留时长统计
getStopTimeData
(
userId
,
params
)
{
getStopTimeData
(
params
)
{
return
http
.
get
(
`/report/
users/
${
userId
}
`
,
params
);
return
http
.
get
(
`/report/
wechat/mall/index/residenceTime
`
,
params
);
},
},
// 获取客群性别和年龄
// 获取客群性别和年龄
getAgeSexData
(
userId
,
params
)
{
getAgeSexData
(
params
)
{
return
http
.
get
(
`/report/users/
${
userId
}
`
,
params
);
return
http
.
get
(
`/report/wechat/mall/index/faceGender`
,
params
);
},
getAgeData
(
params
)
{
return
http
.
get
(
`/report/wechat/mall/index/faceAge`
,
params
);
},
},
// 获取店铺位置,面积,天气
// 获取店铺位置,面积,天气
getShopDetailData
(
userId
,
params
)
{
getShopDetailData
(
params
)
{
return
http
.
get
(
`/report/
users/
${
userId
}
`
,
params
);
return
http
.
get
(
`/report/
wechat/mall/index/info
`
,
params
);
},
},
getPermission
(
id
)
{
getPermission
(
id
)
{
return
http
.
get
(
`/report/auth/api/v1/auth/users/
${
id
}
`
);
return
http
.
get
(
`/report/auth/api/v1/auth/users/
${
id
}
`
);
...
...
miniProject/index/index2.js
View file @
7427b7a
This diff is collapsed.
Click to expand it.
miniProject/index/index2.json
View file @
7427b7a
{
{
"usingComponents"
:
{}
"usingComponents"
:
{
"basic"
:
"/components/echart/basic/index"
,
"van-calendar"
:
"@vant/weapp/calendar/index"
}
}
}
\ No newline at end of file
\ No newline at end of file
miniProject/index/index2.wxml
View file @
7427b7a
<view class="intro">接口</view>
\ No newline at end of file
\ No newline at end of file
<!--pages/homes/index.wxml-->
<view class="title">店铺首页</view>
<view class="container">
<!-- 名称 -->
<view class="contianer_shop">
<image src="../images/back.svg" class='images'></image>
<view class="shop_name" bindtap="selectContent">{{selectName}}</view>
<view class="shop_time">
<text>营业时间:{{info.startTime}}至{{info.endTime}}</text>
<text style="margin:0 10rpx"> 面积:{{info.area}}㎡ </text>
<text> {{info.weather}}</text>
</view>
</view>
<!-- 选择时间 -->
<view class="tab_tll">
<text class="text_tltle {{types==1?'actives':'defaults'}}" bindtap="ClickTab" data-type='1'>当日</text>
<text class="text_tltle {{types==2?'actives':'defaults'}}" bindtap="ClickTab" data-type='2'>昨日</text>
<text class="text_tltle {{types==3?'actives':'defaults'}}" bindtap="ClickTab" data-type='3'>近7日</text>
<text class="text_tltle {{types==4?'actives':'defaults'}}" bindtap="ClickTab" data-type='4'>近30日</text>
<text class="text_tltle {{types==5?'actives':'defaults'}}" bindtap="ClickTab" data-type='5'>自定义</text>
</view>
<view class="time_input">
<image src="../images/rili.png" style="width:20px;height:20px;margin-right:20rpx"></image>
<text>{{currentTime}}</text>
</view>
<!-- 卡片 -->
<view class="card">
<view class="card_passage">
<image src="../images/keliulaing.png" class="card_image"></image>
<view class="er"> 客流量</view>
<view class="er"> {{traffic}}</view>
</view>
<view class="card_passage">
<image src="../images/keliuliangyellow.png" class="card_image"></image>
<view class="er"> 曝光量</view>
<view class="er"> {{exposure}}</view>
</view>
<view class="card_passage">
<image src="../images/customer.png" class="card_image"></image>
<view class="er"> 顾客人数</view>
<view class="er"> {{customer}}</view>
</view>
<view class="card_passage">
<image src="../images/jindianlv.png" class="card_image"></image>
<view class="er"> 进店率</view>
<view class="er"> {{entryRate}}%</view>
</view>
</view>
<!-- 客流趋势分析 -->
<view class="keliuliang" style="margin-top:30rpx">
<text class="title_chart">业态客流TOP5走势</text>
<view class="tab_tll">
<text class="text_tltle {{trendtypes==1?'actives':'defaults'}}" bindtap="ClickPassageFlow" data-type='1'>过店客流</text>
<text class="text_tltle {{trendtypes==2?'actives':'defaults'}}" bindtap="ClickPassageFlow" data-type='2'>进店客流</text>
<text class="text_tltle {{trendtypes==3?'actives':'defaults'}}" bindtap="ClickPassageFlow" data-type='3'>顾客人数</text>
<text class="text_tltle {{trendtypes==4?'actives':'defaults'}}" bindtap="ClickPassageFlow" data-type='4'>进店率</text>
</view>
<basic chartId='chartDatatrend' chartData="{{chartData}}" height="500rpx"></basic>
</view>
<!-- 停留时长统计 -->
<view class="keliuliang" style="margin-top:30rpx">
<text class="title_chart">停留时长统计</text>
<!-- <view class="stome_time">
人均停留时长 <text>31</text> 分
</view> -->
<basic chartId='chartDatastop' chartData="{{chartDatastop}}" height="500rpx"></basic>
</view>
<!-- 客群性别占比 -->
<view class="keliuliang" style="margin-top:30rpx">
<text class="title_chart">客群性别占比</text>
<basic chartId='chartDataSex' chartData="{{chartDataSex}}" height="500rpx"></basic>
</view>
<!--客群年龄占比 -->
<view class="keliuliang" style="margin-top:30rpx">
<text class="title_chart">客群年龄占比</text>
<basic chartId='chartDataAge' chartData="{{chartDataAge}}" height="500rpx"></basic>
</view>
<!-- 自定义时间选择器 -->
<van-calendar show="{{ show }}" min-date="{{ minDate }}" max-date="{{ maxDate }}" bind:close="onClose" color="#447bff" bind:confirm="onConfirm" type='range' />
</view>
\ No newline at end of file
\ No newline at end of file
miniProject/index/index2.wxss
View file @
7427b7a
.intro {
/* pages/homes/index.wxss */
margin: 30px;
.title {
text-align: center;
box-sizing: border-box;
padding-top: 60px
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99;
display: flex;
align-items: center;
justify-content: center;
background-color: #D5E2FF;
height: 160rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
padding-top: 40rpx;
color: #000000;
}
.container {
margin-top: 160rpx;
padding: 10rpx 20rpx;
background: linear-gradient(154deg, #C7D3FF 0%, #E9F9FF 48%, #FFFFFF 100%);
}
.contianer_shop {
width: 100%;
height: 168rpx;
position: relative;
}
.images {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 100%;
}
.shop_name {
margin: 20rpx 0 10rpx 20rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
display: flex;
align-items: flex-end;
position: relative;
z-index: 1;
}
.shop_name::after {
content: '';
width: 0;
height: 0;
margin-left: 10rpx;
border: 20rpx solid #fff;
border-color: transparent;
border-top-color: #fff;
}
.shop_time {
margin-left: 20rpx;
font-size: 26rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(255, 255, 255, 0.65);
position: relative;
}
.tab_tll {
padding: 0 10rpx;
width: 100%;
margin-top: 30rpx;
position: relative;
display: flex;
justify-content: space-between;
}
.tab_tll .text_tltle {
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
}
.actives {
color: #000000;
border-bottom: 4px solid #447BFF;
}
.defaults {
color: rgba(0, 0, 0, 0.65);
}
.time_input {
margin-top: 30rpx;
width: 100%;
height: 80rpx;
background-color: rgba(131, 164, 255, 0.39);
border-radius: 40rpx;
display: flex;
align-items: center;
padding: 0 0 0 50rpx;
}
.card {
width: 100%;
margin-top: 30rpx;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.card>view {
width: 48%;
height: 148rpx;
/* background-color: red; */
position: relative;
padding: 10rpx 20rpx;
}
.card>view:nth-child(n+3) {
margin-top: 30rpx;
}
.card_image {
position: absolute;
left: 0;
top: 0;
z-index: 0;
width: 100%;
height: 148rpx;
}
.er{
position: relative;
z-index: 1;
}
.card_passage {
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 40rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #FFFFFF;
}
.keliuliang {
width: 100%;
padding: 20rpx;
border-radius: 20rpx;
background-color: #fff;
}
.keliuliang>text {
height: 44rpx;
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #333333;
line-height: 44rpx;
display: flex;
align-items: center;
}
.keliuliang>text::before {
content: '';
width: 6rpx;
height: 30rpx;
margin-right: 10rpx;
background: #5889FF;
border-radius: 3rpx;
}
.title_chart {
font-size: 32rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: rgba(0, 0, 0, 0.85);
}
.stome_time {
margin-top: 20rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: rgba(0, 0, 0, 0.65);
}
.stome_time text {
font-size: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #5A95EC;
}
}
\ No newline at end of file
\ No newline at end of file
miniProject/project.config.json
View file @
7427b7a
{
{
"description"
:
"项目配置文件,详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
,
"description"
:
"项目配置文件,详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html"
,
"packOptions"
:
{
"packOptions"
:
{
"ignore"
:
[],
"ignore"
:
[],
"include"
:
[]
"include"
:
[]
},
},
"setting"
:
{
"setting"
:
{
"urlCheck"
:
true
,
"urlCheck"
:
true
,
"es6"
:
true
,
"es6"
:
true
,
"enhance"
:
true
,
"enhance"
:
true
,
"postcss"
:
true
,
"postcss"
:
true
,
"preloadBackgroundData"
:
false
,
"preloadBackgroundData"
:
false
,
"minified"
:
true
,
"minified"
:
true
,
"newFeature"
:
false
,
"newFeature"
:
false
,
"coverView"
:
true
,
"coverView"
:
true
,
"nodeModules"
:
true
,
"nodeModules"
:
true
,
"autoAudits"
:
true
,
"autoAudits"
:
true
,
"showShadowRootInWxmlPanel"
:
true
,
"showShadowRootInWxmlPanel"
:
true
,
"scopeDataCheck"
:
false
,
"scopeDataCheck"
:
false
,
"uglifyFileName"
:
false
,
"uglifyFileName"
:
false
,
"checkInvalidKey"
:
true
,
"checkInvalidKey"
:
true
,
"checkSiteMap"
:
true
,
"checkSiteMap"
:
true
,
"uploadWithSourceMap"
:
true
,
"uploadWithSourceMap"
:
true
,
"compileHotReLoad"
:
false
,
"compileHotReLoad"
:
false
,
"babelSetting"
:
{
"babelSetting"
:
{
"ignore"
:
[],
"ignore"
:
[],
"disablePlugins"
:
[],
"disablePlugins"
:
[],
"outputPath"
:
""
"outputPath"
:
""
},
},
"useIsolateContext"
:
false
,
"useIsolateContext"
:
false
,
"useCompilerModule"
:
false
,
"useCompilerModule"
:
false
,
"userConfirmedUseCompilerModuleSwitch"
:
false
,
"userConfirmedUseCompilerModuleSwitch"
:
false
,
"lazyloadPlaceholderEnable"
:
false
,
"lazyloadPlaceholderEnable"
:
false
,
"useMultiFrameRuntime"
:
true
,
"useMultiFrameRuntime"
:
true
,
"useApiHook"
:
true
,
"useApiHook"
:
true
,
"useApiHostProcess"
:
true
,
"useApiHostProcess"
:
true
,
"userConfirmedBundleSwitch"
:
false
,
"userConfirmedBundleSwitch"
:
false
,
"packNpmManually"
:
false
,
"packNpmManually"
:
false
,
"packNpmRelationList"
:
[],
"packNpmRelationList"
:
[],
"minifyWXSS"
:
true
,
"minifyWXSS"
:
true
,
"disableUseStrict"
:
false
,
"disableUseStrict"
:
false
,
"minifyWXML"
:
true
,
"minifyWXML"
:
true
,
"showES6CompileOption"
:
false
,
"showES6CompileOption"
:
false
,
"useCompilerPlugins"
:
false
,
"useCompilerPlugins"
:
false
,
"ignoreDevUnusedFiles"
:
false
,
"ignoreDevUnusedFiles"
:
false
,
"ignoreUploadUnusedFiles"
:
false
,
"ignoreUploadUnusedFiles"
:
false
,
"useStaticServer"
:
true
,
"useStaticServer"
:
true
,
"condition"
:
false
"condition"
:
false
},
},
"compileType"
:
"miniprogram"
,
"compileType"
:
"miniprogram"
,
"libVersion"
:
"2.14.4"
,
"libVersion"
:
"2.14.4"
,
"appid"
:
"wx220b5d2dbb82ce64"
,
"appid"
:
"wx220b5d2dbb82ce64"
,
"projectname"
:
"miniProject"
,
"projectname"
:
"miniProject"
,
"cloudfunctionTemplateRoot"
:
"cloudfunctionTemplate/"
,
"cloudfunctionTemplateRoot"
:
"cloudfunctionTemplate/"
,
"editorSetting"
:
{
"editorSetting"
:
{
"tabIndent"
:
"insertSpaces"
,
"tabIndent"
:
"insertSpaces"
,
"tabSize"
:
4
"tabSize"
:
4
},
},
"simulatorType"
:
"wechat"
,
"simulatorType"
:
"wechat"
,
"simulatorPluginLibVersion"
:
{},
"simulatorPluginLibVersion"
:
{},
"condition"
:
{
"condition"
:
{
"miniprogram"
:
{
"miniprogram"
:
{
"list"
:
[
"list"
:
[
{
{
"name"
:
"pages/accountHome/index"
,
"name"
:
"pages/accountHome/index"
,
"pathName"
:
"pages/accountHome/index"
,
"pathName"
:
"pages/accountHome/index"
,
"query"
:
""
,
"query"
:
""
,
"scene"
:
null
"scene"
:
null
}
}
]
]
}
}
}
}
}
}
\ No newline at end of file
\ No newline at end of file
Write
Preview
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment