Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
M
mallapp
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
viitto
mallapp
Commits
2c1f00a6
Commit
2c1f00a6
authored
Nov 04, 2020
by
Mac
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
评论提交
parent
d756052c
Hide whitespace changes
Inline
Side-by-side
Showing
8 changed files
with
662 additions
and
105 deletions
+662
-105
pages.json
pages.json
+8
-0
commentList.vue
pages/reserve/commentList.vue
+271
-0
designerDetail.vue
pages/reserve/designerDetail.vue
+115
-8
goodsDetails.vue
pages/reserve/goodsDetails.vue
+115
-69
cardList.vue
pages/reserve/personal/cardList.vue
+17
-9
order-commit-details.vue
pages/reserve/personal/order-commit-details.vue
+2
-2
order-commit.vue
pages/reserve/personal/order-commit.vue
+3
-3
storeDetails.vue
pages/reserve/storeDetails.vue
+131
-14
No files found.
pages.json
View file @
2c1f00a6
...
...
@@ -439,6 +439,14 @@
}
},{
"path"
:
"personal/cardList"
},{
"path"
:
"personal/receivecard"
},{
"path"
:
"personal/order-commit"
},{
"path"
:
"personal/order-commit-details"
},{
"path"
:
"commentList"
}
]
},
...
...
pages/reserve/commentList.vue
0 → 100644
View file @
2c1f00a6
<
template
>
<view
class=
"commentList"
:style=
"
{ height: contentHeight }">
<u-tabs
name=
"name"
:list=
"list"
:is-scroll=
"false"
:current=
"current"
@
change=
"change"
:active-color=
"mainColor"
></u-tabs>
<u-empty
v-if=
"g.length == 0"
text=
"暂无评论"
mode=
"list"
></u-empty>
<view
v-if=
"g.length > 0"
style=
"
height: calc(100vh - 50px);
width: calc(100vw);
overflow: hidden;"
>
<scroll-view
:scroll-y=
"true"
:enable-back-to-top=
"true"
:enable-flex=
"true"
@
scrolltolower=
"lower"
:style=
"
{ height: '100%' }">
<view
class=
"comment u-skeleton-rect"
>
<view
class=
"content"
v-for=
"(item, index) in g"
:key=
'index'
>
<view
class=
"u-box"
>
<view
class=
"user"
>
<u-avatar
:src=
"item.UserPhotoPath"
:size=
"50"
></u-avatar>
<text
style=
"margin:0 10px;overflow: hidden; white-space: nowrap;max-width: 200rpx;text-overflow: ellipsis;margin-bottom: 2px;"
>
{{
item
.
UserName
}}
</text>
<u-rate
:current=
"item.CommentScore"
active-color=
"#FFC86D"
inactive-color=
"#b2b2b2"
active-icon=
"star"
inactive-icon=
"star-o"
size=
"26"
:disabled=
"true"
></u-rate>
</view>
<view
class=
"timer"
>
{{
item
.
CreateDate
}}
</view>
</view>
<view
class=
"ucontent"
style=
"line-height: 22px;"
>
{{
item
.
Content
}}
</view>
<view
class=
"plimg"
>
<image
v-for=
"(x, j) in item.CommentImgList"
:key=
"j"
class=
"plimg-item"
mode=
"aspectFill"
:src=
"x"
@
click=
"previewImage2(j,item.CommentImgList)"
:style=
"
{'width':san,'height':san}" />
</view>
<view
class=
"reply"
v-if=
"item.Reply && item.Reply!=''"
>
<view
style=
"font-size: 12px;color: #121212;"
>
回复:
</view>
<view
style=
"font-size: 12px;color: #9A9A9A;margin-top: 3px;"
>
{{
item
.
Reply
}}
</view>
</view>
</view>
</view>
<u-loadmore
:status=
"status"
:load-text=
"loadText"
:font-size=
"24"
:margin-top=
"20"
:margin-bottom=
"20"
bg-color=
"#f3f4f6"
/>
</scroll-view>
</view>
<!-- 加载中 -->
<view
class=
"loading"
v-if=
"loading"
>
<u-loading
mode=
"flower"
size=
"48"
>
>
</u-loading>
<Text
style=
"color: #fff; margin-top: 10rpx;"
>
加载中...
</Text>
</view>
<!-- 取消提示 -->
<u-toast
ref=
"uToast"
/>
</view>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
pageTitle
:
"评论"
,
current
:
0
,
list
:
[
],
msg
:
{
pageIndex
:
1
,
pageSize
:
10
,
CommentGrade
:
0
,
GoodsId
:
0
,
StoreId
:
0
,
ServicePersonalId
:
0
,
},
mainColor
:
""
,
secondary
:
''
,
contentHeight
:
0
,
page
:
1
,
page_count
:
1
,
g
:
[],
loading
:
false
,
san
:
'100px'
,
status
:
"loadmore"
,
loadText
:
{
loadmore
:
"轻轻上拉,加载更多"
,
loading
:
"努力加载中"
,
nomore
:
"没有更多了"
,
},
};
},
created
()
{
this
.
contentHeight
=
this
.
$utils
.
calcContentHeight
(
-
40
)
+
"px"
;
this
.
mainColor
=
this
.
$uiConfig
.
mainColor
;
this
.
secondary
=
this
.
$uiConfig
.
secondary
;
},
mounted
()
{
uni
.
setNavigationBarTitle
({
title
:
this
.
pageTitle
,
});
let
that
=
this
uni
.
getSystemInfo
({
success
(
res
)
{
that
.
san
=
(
res
.
windowWidth
-
30
-
9
)
/
3
+
'px'
}
})
},
onLoad
(
options
)
{
if
(
options
)
{
if
(
options
.
GoodsId
){
this
.
msg
.
GoodsId
=
options
.
GoodsId
;
}
if
(
options
.
StoreId
){
this
.
msg
.
StoreId
=
options
.
StoreId
;
}
if
(
options
.
ServicePersonalId
){
this
.
msg
.
ServicePersonalId
=
options
.
ServicePersonalId
;
}
this
.
getAppletGoodsCommentStatistics
();
//获取商品评论数
}
},
methods
:
{
//图片预览
previewImage2
(
index
,
images
)
{
uni
.
previewImage
({
urls
:
images
,
current
:
index
,
});
},
change
(
index
)
{
this
.
current
=
index
;
this
.
msg
.
CommentGrade
=
this
.
list
[
index
].
Id
this
.
msg
.
pageIndex
=
1
;
this
.
g
=
[];
this
.
loading
=
true
;
this
.
init
();
},
init
()
{
this
.
loading
=
true
;
this
.
request2
({
url
:
'/api/AppletStores/GetAppletGoodsCommentPageList'
,
data
:
this
.
msg
},
res
=>
{
if
(
res
.
resultCode
==
1
)
{
this
.
loading
=
false
;
this
.
g
=
this
.
g
.
concat
(
res
.
data
.
pageData
);
this
.
page_count
=
res
.
data
.
pageCount
;
if
(
this
.
page_count
==
1
)
{
this
.
status
=
"nomore"
;
}
}
}
);
},
getAppletGoodsCommentStatistics
()
{
this
.
request2
({
url
:
"/api/AppletGuideCar/GetAppletGoodsCommentStatistics"
,
data
:
{
GoodsId
:
this
.
msg
.
GoodsId
},
},
(
res
)
=>
{
let
data
=
res
.
data
.
List
data
.
forEach
(
x
=>
{
x
.
name
=
x
.
Name
+
'('
+
x
.
Count
+
')'
})
data
.
unshift
({
name
:
'全部'
,
Id
:
0
})
this
.
list
=
data
this
.
msg
.
CommentGrade
=
data
[
0
].
Id
this
.
init
();
}
);
},
lower
(
e
)
{
if
(
this
.
msg
.
pageIndex
<
this
.
page_count
)
{
this
.
msg
.
pageIndex
++
;
this
.
status
=
"loading"
;
this
.
init
();
}
else
{
this
.
status
=
"nomore"
;
}
},
},
};
</
script
>
<
style
>
.commentList
{
width
:
100%
;
height
:
100%
;
background
:
#f3f4f6
;
}
.commentList
.loading
{
width
:
200
rpx
;
height
:
200
rpx
;
background
:
#000000
;
opacity
:
0.7
;
border-radius
:
10
rpx
;
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
center
;
position
:
fixed
;
left
:
50%
;
top
:
30%
;
margin-left
:
-100
rpx
;
z-index
:
999
;
}
.commentList
.interDList
{
width
:
100%
;
padding
:
20px
15px
;
display
:
flex
;
flex-direction
:
column
;
background
:
#fff
;
margin-top
:
10px
;
}
.commentList
.comment
{
background
:
#fff
;
font-family
:
aa
;
padding
:
15px
;
}
.commentList
.comment
.content
{
display
:
flex
;
flex-direction
:
column
;
margin-bottom
:
15px
;
}
.commentList
.comment
.content
.u-box
{
display
:
flex
;
margin-bottom
:
10px
;
align-items
:
center
;
}
.commentList
.comment
.content
.u-box
.user
{
flex
:
1
;
font-size
:
13px
;
color
:
#111111
;
font-weight
:
bold
;
align-items
:
center
;
display
:
flex
;
}
.commentList
.comment
.content
.u-box
.timer
{
font-size
:
12px
;
color
:
#999999
;
text-align
:
right
;
}
.commentList
.comment
.content
.u-box
.ucontent
{
font-size
:
11px
;
color
:
#000
;
margin-top
:
10px
;
}
.commentList
.comment
.content
.u-box
.plimg
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
margin-top
:
10px
;
}
.commentList
.plimg-item
{
margin-right
:
3px
;
/* margin-bottom: 3px; */
}
.commentList
.reply
{
width
:
100%
;
padding
:
10px
;
background
:
#F5F6F7
;
border-radius
:
3px
;
margin-top
:
10px
;
}
</
style
>
\ No newline at end of file
pages/reserve/designerDetail.vue
View file @
2c1f00a6
...
...
@@ -237,6 +237,59 @@
font-size
:
14px
;
color
:
#FFFFFF
;
}
.designerDetail
.comment2
{
background
:
#fff
;
font-family
:
aa
;
padding
:
15px
;
}
.designerDetail
.comment
.content
{
display
:
flex
;
flex-direction
:
column
;
margin-bottom
:
15px
;
}
.designerDetail
.comment
.content
.u-box
{
display
:
flex
;
margin-bottom
:
10px
;
align-items
:
center
;
}
.designerDetail
.comment
.content
.u-box
.user
{
flex
:
1
;
font-size
:
13px
;
color
:
#111111
;
font-weight
:
bold
;
align-items
:
center
;
display
:
flex
;
}
.designerDetail
.comment
.content
.u-box
.timer
{
font-size
:
12px
;
color
:
#999999
;
text-align
:
right
;
}
.designerDetail
.comment
.content
.u-box
.ucontent
{
font-size
:
11px
;
color
:
#000
;
margin-top
:
10px
;
}
.designerDetail
.comment
.content
.u-box
.plimg
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
margin-top
:
10px
;
}
.designerDetail
.plimg-item
{
margin-right
:
3px
;
/* margin-bottom: 3px; */
}
.designerDetail
.reply
{
width
:
100%
;
padding
:
10px
;
background
:
#F5F6F7
;
border-radius
:
3px
;
margin-top
:
10px
;
}
</
style
>
<
template
>
<view
class=
"designerDetail"
v-if=
"loading"
>
...
...
@@ -332,7 +385,7 @@
</view>
<view
class=
"title"
>
TA可服务的商品
<text
style=
"font-size: 11px;color: #1B1D1E;"
>
(
{{
personal
.
goodsList
.
length
}}
)
</text></view>
<view
class=
"d-goods"
>
<view
class=
"d-goods-item"
v-for=
"(c, j) in personal.goodsList"
:key=
"c"
>
<view
class=
"d-goods-item"
v-for=
"(c, j) in personal.goodsList"
:key=
"c"
@
click=
"gogoods(c)"
>
<image
style=
"width: 125px;height: 70px;border-radius: 4px;"
mode=
"aspectFill"
:src=
"c.CoverImage"
/>
<view
class=
"d-goods-item-r"
>
<view
class=
"item-r-title"
style=
"font-size: 14px;color: #1B1D1E;"
>
{{
c
.
Name
}}
</view>
...
...
@@ -350,10 +403,43 @@
</view>
<view
style=
"width: 100%;height: 15px;background: #FAF8F9;"
></view>
<view
class=
"comment"
style=
"padding-bottom: 80px;"
>
<view
class=
"title-t"
>
<view
style=
"display: flex;flex-direction: row;"
>
评价
</view>
<view
class=
"title-t"
>
<view
style=
"display: flex;flex-direction: row;justify-content: space-between;"
@
click=
"gocomment()"
>
评价
{{
count
>
0
?
'('
+
count
+
')'
:
''
}}
<u-icon
name=
"arrow"
:size=
"30"
color=
"#666666"
></u-icon>
</view>
</view>
<view
class=
"comment2 u-skeleton-rect"
>
<view
class=
"content"
v-for=
"(item, index) in comments"
:key=
'index'
>
<view
class=
"u-box"
>
<view
class=
"user"
>
<u-avatar
:src=
"item.UserPhotoPath"
:size=
"50"
></u-avatar>
<text
style=
"margin:0 10px;overflow: hidden; white-space: nowrap;max-width: 200rpx;text-overflow: ellipsis;margin-bottom: 2px;"
>
{{
item
.
UserName
}}
</text>
<u-rate
:current=
"item.CommentScore"
active-color=
"#FFC86D"
inactive-color=
"#b2b2b2"
active-icon=
"star"
inactive-icon=
"star-o"
size=
"26"
:disabled=
"true"
></u-rate>
</view>
<view
class=
"timer"
>
{{
item
.
CreateDate
}}
</view>
</view>
<view
class=
"ucontent"
style=
"line-height: 22px;"
>
{{
item
.
Content
}}
</view>
<view
class=
"plimg"
>
<image
v-for=
"(x, j) in item.CommentImgList"
:key=
"j"
class=
"plimg-item"
mode=
"aspectFill"
:src=
"x"
@
click=
"previewImage2(j,item.CommentImgList)"
:style=
"
{'width':san,'height':san}" />
</view>
<view
class=
"reply"
v-if=
"item.Reply!=''"
>
<view
style=
"font-size: 12px;color: #121212;"
>
回复:
</view>
<view
style=
"font-size: 12px;color: #9A9A9A;margin-top: 3px;"
>
{{
item
.
Reply
}}
</view>
</view>
</view>
</view>
<view
v-if=
"comment.length==0"
style=
"width: 100%;height: 50px;line-height: 50px;text-align: center;"
>
<view
v-if=
"comment
s
.length==0"
style=
"width: 100%;height: 50px;line-height: 50px;text-align: center;"
>
暂无评价~
</view>
...
...
@@ -388,9 +474,11 @@
{
name
:
'服务项目'
},
{
name
:
'评价'
},
],
san
:
'100px'
,
allCoupon
:[],
comment
:[],
comment
s
:[],
u
:{},
count
:
0
,
};
},
...
...
@@ -410,7 +498,8 @@
uni
.
setNavigationBarTitle
({
title
:
this
.
pageTitle
,
});
let
windowWidth
=
this
.
$utils
.
SystemInfo
().
windowWidth
this
.
san
=
(
windowWidth
-
30
-
9
)
/
3
+
'px'
},
...
...
@@ -432,6 +521,11 @@
}
);
},
gocomment
(){
//评论列表
uni
.
navigateTo
({
url
:
"/pages/reserve/commentList?StoreId="
+
this
.
storeId
+
'&ServicePersonalId='
+
this
.
ID
})
},
getAllCPList
(){
//获取门店套餐卡
this
.
request2
({
url
:
'/api/AppletStores/GetAllCouponPageList'
,
...
...
@@ -448,12 +542,13 @@
getAppCommentList
(){
this
.
request2
({
url
:
'/api/AppletStores/GetAppletGoodsCommentPageList'
,
data
:
{
pageIndex
:
1
,
pageSize
:
10
,
StoreId
:
this
.
storeId
,
GoodsId
:
0
,
ServicePersonalId
:
this
.
ID
}
data
:
{
pageIndex
:
1
,
pageSize
:
5
,
StoreId
:
this
.
storeId
,
GoodsId
:
0
,
ServicePersonalId
:
this
.
ID
}
},
res
=>
{
if
(
res
.
resultCode
==
1
)
{
this
.
comment
=
res
.
data
.
pageData
this
.
comments
=
res
.
data
.
pageData
;
this
.
count
=
res
.
data
.
count
}
}
);
...
...
@@ -488,6 +583,11 @@
url
:
"/pages/reserve/personal/couponDetail?ID="
+
item
.
CouponId
,
})
},
gogoods
(
item
){
//商品详情
uni
.
navigateTo
({
url
:
"/pages/reserve/goodsDetails?GoodsId="
+
item
.
Id
,
})
},
gosubscribe
(){
this
.
u
=
uni
.
getStorageSync
(
"mall_UserInfo"
);
if
(
this
.
u
)
{
...
...
@@ -505,6 +605,13 @@
gbAuth
()
{
this
.
showAuth
=
false
;
},
//图片预览
previewImage2
(
index
,
images
)
{
uni
.
previewImage
({
urls
:
images
,
current
:
index
,
});
},
},
};
</
script
>
...
...
pages/reserve/goodsDetails.vue
View file @
2c1f00a6
...
...
@@ -120,11 +120,11 @@
<view
class=
"sku-box u-skeleton-rect"
v-if=
"comments.length == 0 && setting.is_comment == 1"
>
<view
class=
"label"
>
暂无评论信息
</view>
</view>
<view
class=
"comment"
v-if=
"comments.length > 0"
>
<view
class=
"comment
2
"
v-if=
"comments.length > 0"
>
<view
class=
"chead"
>
<u-section
:bold=
"false"
:sub-color=
"secondary"
:show-split=
"false"
:title=
"`商品评价($
{comments.length})`"
sub-title="查看更多"
...
...
@@ -132,25 +132,38 @@
font-size="24"
>
</u-section>
</view>
<view
class=
"content"
>
<view
class=
"u-box"
>
<view
class=
"user"
>
<u-avatar
:src=
"comments[0].UserPhotoPath"
:size=
"50"
></u-avatar>
<text
style=
"margin-left: 10px;"
>
{{
comments
[
0
].
UserName
}}
</text>
<u-rate
:current=
"comments[0].CommentScore"
active-color=
"#FA3534"
inactive-color=
"#b2b2b2"
active-icon=
"star"
inactive-icon=
"star-o"
size=
"20"
:disabled=
"true"
></u-rate>
</view>
<view
class=
"timer"
>
{{
comments
[
0
].
CreateDate
}}
</view>
</view>
<view
class=
"ucontent"
>
{{
comments
[
0
].
Content
}}
</view>
</view>
<view
class=
"comment u-skeleton-rect"
>
<view
class=
"content"
v-for=
"(item, index) in comments"
:key=
'index'
>
<view
class=
"u-box"
>
<view
class=
"user"
>
<u-avatar
:src=
"item.UserPhotoPath"
:size=
"50"
></u-avatar>
<text
style=
"margin:0 10px;overflow: hidden; white-space: nowrap;max-width: 200rpx;text-overflow: ellipsis;margin-bottom: 2px;"
>
{{
item
.
UserName
}}
</text>
<u-rate
:current=
"item.CommentScore"
active-color=
"#FFC86D"
inactive-color=
"#b2b2b2"
active-icon=
"star"
inactive-icon=
"star-o"
size=
"26"
:disabled=
"true"
></u-rate>
</view>
<view
class=
"timer"
>
{{
item
.
CreateDate
}}
</view>
</view>
<view
class=
"ucontent"
style=
"line-height: 22px;"
>
{{
item
.
Content
}}
</view>
<view
class=
"plimg"
>
<image
v-for=
"(x, j) in item.CommentImgList"
:key=
"j"
class=
"plimg-item"
mode=
"aspectFill"
:src=
"x"
@
click=
"previewImage2(j,item.CommentImgList)"
:style=
"
{'width':san,'height':san}" />
</view>
<view
class=
"reply"
v-if=
"item.Reply!=''"
>
<view
style=
"font-size: 12px;color: #121212;"
>
回复:
</view>
<view
style=
"font-size: 12px;color: #9A9A9A;margin-top: 3px;"
>
{{
item
.
Reply
}}
</view>
</view>
</view>
</view>
</view>
<u-divider
:margin-top=
"20"
:margin-bottom=
"20"
bg-color=
"transparent"
>
商品详情
</u-divider>
<view
class=
"details"
>
...
...
@@ -243,6 +256,8 @@ export default {
u
:
{},
vipState
:
{},
Up
:
0
,
san
:
'100px'
,
StoreId
:
0
,
};
},
components
:
{
...
...
@@ -302,6 +317,9 @@ export default {
withShareTicket
:
true
,
menus
:
[
"shareAppMessage"
,
"shareTimeline"
],
});
let
windowWidth
=
this
.
$utils
.
SystemInfo
().
windowWidth
this
.
san
=
(
windowWidth
-
30
-
9
)
/
3
+
'px'
;
this
.
StoreId
=
uni
.
getStorageSync
(
"storeId"
)?
uni
.
getStorageSync
(
"storeId"
).
storeId
:
0
;
},
onShareTimeline
()
{
setTimeout
(()
=>
{
...
...
@@ -403,8 +421,8 @@ export default {
},
clickCommentHandler
()
{
uni
.
navigateTo
({
url
:
"/pages/goods/comment-list?id="
+
this
.
id
,
})
;
url
:
"/pages/reserve/commentList?StoreId="
+
this
.
StoreId
+
'&GoodsId='
+
this
.
id
})
},
getVipId
()
{
//获取会员ID
...
...
@@ -512,21 +530,16 @@ export default {
},
initComments() {
this.msg.GoodsId = this.id;
this.request2(
{
url: "/api/AppletOrder/GetAppletGoodsCommentPageList",
data: this.msg,
},
(res) => {
this.comments = res.data.pageData;
},
(err) => {
this.u = uni.getStorageSync("mall_UserInfo");
this.init();
this.initPage();
}
this.request2({
url: '
/
api
/
AppletStores
/
GetAppletGoodsCommentPageList
',
data: {pageIndex:1,pageSize:5,StoreId:this.StoreId,GoodsId:this.id,ServicePersonalId:0}
},
res => {
if (res.resultCode == 1) {
this.comments = res.data.pageData
}
}
);
},
...
...
@@ -591,7 +604,14 @@ export default {
} else {
this.showAuth = true;
}
}
},
//图片预览
previewImage2(index, images) {
uni.previewImage({
urls: images,
current: index,
});
},
},
...
...
@@ -685,44 +705,17 @@ export default {
}
.goods
.comment
{
.goods
.comment
2
{
margin
:
10px
0
;
background
:
#fff
;
padding
:
10px
;
}
.goods
.comment
.chead
{
.goods
.comment
2
.chead
{
padding-bottom
:
10px
;
border-bottom
:
1px
solid
#f1f1f1
;
}
.goods
.comment
.content
{
display
:
flex
;
flex-direction
:
column
;
margin-top
:
15px
;
}
.goods
.comment
.content
.u-box
{
display
:
flex
;
margin-bottom
:
10px
;
align-items
:
center
;
}
.goods
.comment
.content
.u-box
.user
{
flex
:
1
;
font-size
:
12px
;
color
:
gray
;
align-items
:
center
;
display
:
flex
;
}
.goods
.comment
.content
.u-box
.timer
{
font-size
:
12px
;
color
:
gray
;
text-align
:
right
;
flex
:
1
;
}
.goods
.comment
.content
.u-box
.ucontent
{
font-size
:
12px
;
color
:
#000
;
margin-top
:
10px
;
}
.goods
.detals
{
padding
:
10px
;
background
:
#fff
;
...
...
@@ -784,4 +777,57 @@ export default {
align-items
:
flex-end
;
font-size
:
13px
;
}
.goods
.comment
{
background
:
#fff
;
font-family
:
aa
;
/* padding: 15px; */
}
.goods
.comment
.content
{
display
:
flex
;
flex-direction
:
column
;
margin-bottom
:
15px
;
}
.goods
.comment
.content
.u-box
{
display
:
flex
;
margin-bottom
:
10px
;
align-items
:
center
;
}
.goods
.comment
.content
.u-box
.user
{
flex
:
1
;
font-size
:
13px
;
color
:
#111111
;
font-weight
:
bold
;
align-items
:
center
;
display
:
flex
;
}
.goods
.comment
.content
.u-box
.timer
{
font-size
:
12px
;
color
:
#999999
;
text-align
:
right
;
}
.goods
.comment
.content
.u-box
.ucontent
{
font-size
:
11px
;
color
:
#000
;
margin-top
:
10px
;
}
.goods
.comment
.content
.u-box
.plimg
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
margin-top
:
10px
;
}
.goods
.plimg-item
{
margin-right
:
3px
;
/* margin-bottom: 3px; */
}
.goods
.reply
{
width
:
100%
;
padding
:
10px
;
background
:
#F5F6F7
;
border-radius
:
3px
;
margin-top
:
10px
;
}
</
style
>
pages/reserve/personal/cardList.vue
View file @
2c1f00a6
...
...
@@ -26,16 +26,20 @@
:style=
"
{ height: '100%' }"
>
<view
class=
"details"
>
<view
class=
"cd-t-box"
v-for=
"(x, i) in g"
:key=
"i"
@
click=
"gocoupon(x)"
>
<view
class=
"cd-t-box"
v-for=
"(x, i) in g"
:key=
"i"
@
click=
"gocoupon(x)"
:style=
"
{'background-image': msg.UseState ==0?'url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/cpoun.png)':'url(https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/cpounNo.png)'}"
>
<view
style=
"display: flex;flex-direction: row;align-items: center;justify-content: space-between;"
>
<text
style=
"font-size: 12px;color: rgba(239, 220, 203, 0.6);
"
>
{{
x
.
Name
}}
</text>
<view
class=
"receivebtn"
v-if=
"msg.UseState ==0"
@
click
.
stop=
"gouseUrl(x)"
>
去使用
</view>
<text
:style=
"
{'font-size': '12px','color':msg.UseState ==0? 'rgba(239, 220, 203, 0.6)':'rgba(153, 153, 153, 0.6)'}
">
{{
x
.
Name
}}
</text>
<view
class=
"receivebtn"
v-if=
"msg.UseState ==0"
@
click
.
stop=
"gouseUrl(x)"
>
去使用
</view>
</view>
<text
class=
"cd-tt"
>
{{
x
.
Describe
}}
</text>
<text
style=
"font-size: 13px;"
>
核销次数:
{{
x
.
HeXiao
}}
次
</text>
<view
class=
"setmeal-pl"
style=
"left: -12px;"
></view>
<view
class=
"setmeal-pl"
style=
"right: -12px;"
>
</view>
<text
class=
"cd-tt"
:style=
"
{'color':msg.UseState ==0? '#EFDCCB':'#999999'}">
{{
x
.
Describe
}}
</text>
<text
:style=
"
{'font-size': '13px','color':msg.UseState ==0? '#EFDCCB':'#999999'}">核销次数:
{{
x
.
HeXiao
}}
次
</text>
<view
class=
"setmeal-pl"
v-if=
"msg.UseState ==0"
style=
"left: -12px;"
></view>
<view
class=
"setmeal-pl"
v-if=
"msg.UseState ==0"
style=
"right: -12px;"
>
</view>
<image
v-if=
"msg.UseState==1"
mode=
"aspectFill"
class=
"imgs"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/studycardsy.png"
></image>
<image
v-if=
"msg.UseState==2"
mode=
"aspectFill"
class=
"imgs"
src=
"https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/studycardgq.png"
></image>
</view>
</view>
...
...
@@ -253,7 +257,7 @@ export default {
.cardList
.cd-t-box
{
width
:
100%
;
height
:
115px
;
background-image
:
url('https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/cpoun.png')
;
background-repeat
:
no-repeat
;
background-size
:
cover
;
padding
:
15px
20px
;
...
...
@@ -288,7 +292,11 @@ export default {
}
.cardList
.details
.imgs
{
width
:
55px
;
height
:
52px
;
position
:
absolute
;
top
:
0px
;
right
:
0px
;
}
...
...
pages/reserve/personal/order-commit-details.vue
View file @
2c1f00a6
...
...
@@ -122,8 +122,8 @@
this
.
dataList
=
param
this
.
msg
[
0
].
GoodsId
=
param
.
GoodsId
;
this
.
msg
[
1
].
GoodsId
=
param
.
GoodsId
;
this
.
msg
[
0
].
StoreId
=
param
.
Store
Id
;
this
.
msg
[
1
].
ServicePersonalId
=
param
.
Service
P
ersonalId
;
this
.
msg
[
0
].
StoreId
=
param
.
Store
sIds
;
this
.
msg
[
1
].
ServicePersonalId
=
param
.
Service
p
ersonalId
;
this
.
msg
[
0
].
OrderDetailId
=
param
.
OrderDetailId
;
this
.
msg
[
1
].
OrderDetailId
=
param
.
OrderDetailId
;
this
.
goodsName
=
param
.
GoodsName
;
...
...
pages/reserve/personal/order-commit.vue
View file @
2c1f00a6
<
template
>
<view
class=
"commit-box"
>
<u-empty
text=
"没有找到未评价的商品信息"
font-size=
"36"
mode=
"list"
v-if=
"g.length == 0
&& !loading
"
></u-empty>
<u-empty
text=
"没有找到未评价的商品信息"
font-size=
"36"
mode=
"list"
v-if=
"g.length == 0 "
></u-empty>
<view
v-if=
"g.length > 0"
style=
"height: 100vh;width: 100vw;overflow: hidden;padding:0 0 10px 0;"
>
<scroll-view
:scroll-y=
"true"
@
scrolltolower=
"lower"
:enable-back-to-top=
"true"
:enable-flex=
"true"
:scroll-top=
"scrollTop"
@
scroll=
"scroll"
style=
"height: 100%; padding-bottom: 0px;"
>
...
...
@@ -39,14 +39,14 @@
},
data
()
{
return
{
pageTitle
:
"
评价中心
"
,
pageTitle
:
"
待评价
"
,
loading
:
false
,
g
:
[],
showLoading
:
false
,
loadText
:
{
loadmore
:
"轻轻上拉,加载更多"
,
loading
:
"努力加载中"
,
nomore
:
"没有更多
评价商品
了"
,
nomore
:
"没有更多了"
,
},
status
:
"loadmore"
,
scrollTop
:
0
,
...
...
pages/reserve/storeDetails.vue
View file @
2c1f00a6
...
...
@@ -217,6 +217,59 @@
.storeDetails
.richtext
{
padding
:
15px
;
}
.storeDetails
.comment
{
background
:
#fff
;
font-family
:
aa
;
padding
:
15px
;
}
.storeDetails
.comment
.content
{
display
:
flex
;
flex-direction
:
column
;
margin-bottom
:
15px
;
}
.storeDetails
.comment
.content
.u-box
{
display
:
flex
;
margin-bottom
:
10px
;
align-items
:
center
;
}
.storeDetails
.comment
.content
.u-box
.user
{
flex
:
1
;
font-size
:
13px
;
color
:
#111111
;
font-weight
:
bold
;
align-items
:
center
;
display
:
flex
;
}
.storeDetails
.comment
.content
.u-box
.timer
{
font-size
:
12px
;
color
:
#999999
;
text-align
:
right
;
}
.storeDetails
.comment
.content
.u-box
.ucontent
{
font-size
:
11px
;
color
:
#000
;
margin-top
:
10px
;
}
.storeDetails
.comment
.content
.u-box
.plimg
{
display
:
flex
;
flex-direction
:
row
;
flex-wrap
:
wrap
;
margin-top
:
10px
;
}
.storeDetails
.plimg-item
{
margin-right
:
3px
;
/* margin-bottom: 3px; */
}
.storeDetails
.reply
{
width
:
100%
;
padding
:
10px
;
background
:
#F5F6F7
;
border-radius
:
3px
;
margin-top
:
10px
;
}
</
style
>
<
template
>
<scroll-view
class=
'storeDetails'
...
...
@@ -280,7 +333,7 @@
{{
g
.
storeName
?
g
.
storeName
:
'无'
}}
</view>
<view
class=
"sN-r"
>
{{
g
.
consumptionObj
?
g
.
consumptionObj
.
consumptionStoreName
:
''
}}
{{
g
.
consumptionObj
&&
g
.
consumptionObj
.
consumptionStoreName
?
g
.
consumptionObj
.
consumptionStoreName
:
''
}}
</view>
</view>
<view
class=
"store-news u-skeleton-rect"
>
...
...
@@ -397,7 +450,46 @@
暂无设计师数据~
</view>
</view>
<view
class=
"title-c"
@
click=
"gocomment()"
>
<text>
评价
{{
count
>
0
?
'('
+
count
+
')'
:
''
}}
</text>
<u-icon
name=
"arrow"
:size=
"30"
color=
"#666666"
></u-icon>
</view>
<view
class=
"comment u-skeleton-rect"
>
<view
class=
"content"
v-for=
"(item, index) in comments"
:key=
'index'
>
<view
class=
"u-box"
>
<view
class=
"user"
>
<u-avatar
:src=
"item.UserPhotoPath"
:size=
"50"
></u-avatar>
<text
style=
"margin:0 10px;overflow: hidden; white-space: nowrap;max-width: 200rpx;text-overflow: ellipsis;margin-bottom: 2px;"
>
{{
item
.
UserName
}}
</text>
<u-rate
:current=
"item.CommentScore"
active-color=
"#FFC86D"
inactive-color=
"#b2b2b2"
active-icon=
"star"
inactive-icon=
"star-o"
size=
"26"
:disabled=
"true"
></u-rate>
</view>
<view
class=
"timer"
>
{{
item
.
CreateDate
}}
</view>
</view>
<view
class=
"ucontent"
style=
"line-height: 22px;"
>
{{
item
.
Content
}}
</view>
<view
class=
"plimg"
>
<image
v-for=
"(x, j) in item.CommentImgList"
:key=
"j"
class=
"plimg-item"
mode=
"aspectFill"
:src=
"x"
@
click=
"previewImage2(j,item.CommentImgList)"
:style=
"
{'width':san,'height':san}" />
</view>
<view
class=
"reply"
v-if=
"item.Reply!=''"
>
<view
style=
"font-size: 12px;color: #121212;"
>
回复:
</view>
<view
style=
"font-size: 12px;color: #9A9A9A;margin-top: 3px;"
>
{{
item
.
Reply
}}
</view>
</view>
</view>
</view>
<view
class=
"sku-box u-skeleton-rect"
style=
"justify-content: center;"
v-if=
"comments.length == 0 && setting.is_comment == 1"
>
<view
class=
"label"
>
暂无评价信息
</view>
</view>
<view
class=
"title-c"
>
价目表
</view>
...
...
@@ -405,15 +497,8 @@
<h-parse
:content=
"detailContent"
@
navigate=
"clickDescription"
></h-parse>
</view>
<view
class=
"title-c"
>
评价
</view>
<view
class=
"comment u-skeleton-rect"
style=
"height: 1000px;"
>
</view>
<view
class=
"sku-box u-skeleton-rect"
style=
"justify-content: center;"
v-if=
"comments.length == 0 && setting.is_comment == 1"
>
<view
class=
"label"
>
暂无评价信息
</view>
</view>
</view>
<u-skeleton
:loading=
"loading"
:animation=
"true"
bgColor=
"#FFF"
></u-skeleton>
...
...
@@ -455,9 +540,11 @@
list
:[
{
name
:
'优惠'
},
{
name
:
'设计师'
},
{
name
:
'价目表'
},
{
name
:
'评价'
},
{
name
:
'价目表'
},
],
san
:
'100px'
,
current
:
0
,
headH
:
68
,
stickyH
:
0
,
...
...
@@ -473,6 +560,7 @@
detailContent
:
""
,
personalList
:[],
allCoupon
:[],
count
:
0
}
},
onLoad
(
option
){
...
...
@@ -514,11 +602,13 @@
this
.
init
();
this
.
getSPList
()
//获取服务人员列表
this
.
getAllCPList
()
//获取门店套餐卡
wx
.
showShareMenu
({
withShareTicket
:
true
,
menus
:
[
"shareAppMessage"
,
"shareTimeline"
],
});
let
windowWidth
=
this
.
$utils
.
SystemInfo
().
windowWidth
this
.
san
=
(
windowWidth
-
30
-
9
)
/
3
+
'px'
},
onShareTimeline
()
{
setTimeout
(()
=>
{
...
...
@@ -621,6 +711,7 @@
//登录在调用评论接口
if
(
this
.
u
)
{
// this.initComments();
this
.
getGoodsComment
()
}
}
else
{
...
...
@@ -657,6 +748,20 @@
}
);
},
getGoodsComment
(){
//获取评论
this
.
request2
({
url
:
'/api/AppletStores/GetAppletGoodsCommentPageList'
,
data
:
{
pageIndex
:
1
,
pageSize
:
5
,
StoreId
:
this
.
id
,
GoodsId
:
0
,
ServicePersonalId
:
0
}
},
res
=>
{
if
(
res
.
resultCode
==
1
)
{
this
.
comments
=
res
.
data
.
pageData
this
.
count
=
res
.
data
.
count
}
}
);
},
scrollHandler
(
e
)
{
console
.
log
(
e
.
detail
.
scrollTop
)
this
.
scrollTop
=
e
.
detail
.
scrollTop
;
...
...
@@ -709,6 +814,13 @@
phoneNumber
:
this
.
g
.
storeTel
//仅为示例
});
},
//图片预览
previewImage2
(
index
,
images
)
{
uni
.
previewImage
({
urls
:
images
,
current
:
index
,
});
},
getReceive
()
{
//分享进入调取领券接口
// 1-分享,2-购买并付款
...
...
@@ -742,6 +854,11 @@
url
:
"/pages/reserve/personalList?id="
+
this
.
id
,
})
},
gocomment
(){
//评论列表
uni
.
navigateTo
({
url
:
"/pages/reserve/commentList?StoreId="
+
this
.
id
,
})
},
gosubscribe
(){
if
(
this
.
u
)
{
uni
.
navigateTo
({
...
...
@@ -758,7 +875,7 @@
},
reloadUserinfo
()
{
this
.
u
=
uni
.
getStorageSync
(
"mall_UserInfo"
);
this
.
getGoodsComment
()
},
//关闭登录窗口
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
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 comment