Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
Y
ybf
Project
Project
Details
Activity
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
xulili
ybf
Commits
f84eafcb
Commit
f84eafcb
authored
Mar 20, 2020
by
Z
Browse files
Options
Browse Files
Download
Plain Diff
Z: Dot: Wx: qrCode 优惠券详情页更新至第二版,优惠券详情界面样式改为卡券样式。
parents
9f4685f3
9d44bbc3
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
473 additions
and
131 deletions
+473
-131
move.vue
ybf_admin/src/pages/in/contact/components/move.vue
+2
-2
QRCodeOY.png
ybf_wx/public/QRCodeOY.png
+0
-0
index-backup-V1.html
ybf_wx/public/qrCode/index-backup-V1.html
+89
-0
index.html
ybf_wx/public/qrCode/index.html
+251
-69
index.html
ybf_wx/public/qrCodeV2/index.html
+131
-60
No files found.
ybf_admin/src/pages/in/contact/components/move.vue
View file @
f84eafcb
...
@@ -108,12 +108,12 @@ export default {
...
@@ -108,12 +108,12 @@ export default {
let
groupId
=
this
.
$refs
.
tree
.
getCheckedKeys
()[
0
]
let
groupId
=
this
.
$refs
.
tree
.
getCheckedKeys
()[
0
]
let
data
=
{
let
data
=
{
departmentId
:
groupId
,
departmentId
:
groupId
,
id
:
this
.
idList
[
0
]
id
s
:
this
.
idList
}
}
moveMember
(
data
).
then
(
res
=>
{
moveMember
(
data
).
then
(
res
=>
{
this
.
$emit
(
"handleFinish"
,
false
);
this
.
$emit
(
"handleFinish"
,
false
);
})
})
},
},
/* handleChange() {},
/* handleChange() {},
handleClose() {
handleClose() {
...
...
ybf_wx/public/QRCodeOY.png
0 → 100644
View file @
f84eafcb
255 KB
ybf_wx/public/qrCode/index-backup-V1.html
0 → 100644
View file @
f84eafcb
<!DOCTYPE html>
<html>
<head>
<meta
lang=
"zh-cn"
>
<title>
QRCode
</title>
<script
src=
"https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"
></script>
<script
src=
'https://code.jquery.com/jquery-3.2.1.min.js'
></script>
<style>
.qr-code
{
text-align
:
center
;
padding-top
:
50px
;
}
.qr-code
>
#image
{
display
:
inline-block
;
width
:
60%
;
}
</style>
</head>
<body>
<!-- <div id="uri">Uri:</div> -->
<div
class=
"qr-code"
>
<img
id=
"image"
src=
""
alt
/>
</div>
<!--<h1>Hola qrCode.</h1>-->
<!-- <img src="./3.png"> -->
<script>
const
cleanUrlAndPostQRInfo
=
()
=>
{
// alert(`--->qrCode: cleanUrlAndPostQRInfo: IN.`)
let
nowUrl
=
''
let
id
=
''
let
actionid
=
''
let
activeId
=
''
let
voucherId
=
''
let
unionId
=
''
nowUrl
=
document
.
location
.
toString
().
slice
(
42
);
// alert(`--->nowUrl =${nowUrl}`)
id
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
0
]);
actionid
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
1
].
split
(
"="
)[
1
]);
activeId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
2
].
split
(
"="
)[
1
]);
voucherId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
3
].
split
(
"="
)[
1
]);
unionId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
4
].
split
(
"="
)[
1
]);
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
let
pageUri
=
`
${
nowUrl
}
`
;
pageUri
=
pageUri
.
split
(
'&'
).
slice
(
0
,
5
).
join
(
'&'
)
let
pageUrl
=
`http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=
${
pageUri
}
`
;
// document.getElementById('uri').innerHTML = 'Uri=' + String(pageUri)
// alert(`--->qrCode: Ajax: POST: pageUrl = ${pageUrl}`)
// document.location = pageUri
$
.
ajax
({
type
:
"POST"
,
url
:
pageUrl
,
// data: JSON.stringify({ path: "pages/signIn/signIn" }),
data
:
{},
success
:
function
(
res
)
{
// alert(`--->qrCode: ajax: res.`)
// alert(`--->qrCode: ajax: res: res =${JSON.stringify(res)}`)
console
.
log
(
res
)
$
(
'#image'
).
attr
(
'src'
,
res
.
data
)
// $('#image').attr('src', 'http://qywx2.100smartdata.com/qrCode/1584512690487.jpeg')
},
error
:
function
(
data
)
{
alert
(
`--->qrCode: ajax: err.`
)
alert
(
`--->qrCode: ajax: err: err =
${
JSON
.
stringify
(
err
)}
`
)
alert
(
'error'
+
JSON
.
stringify
(
data
))
console
.
log
(
data
);
}
});
}
const
__main
=
()
=>
{
cleanUrlAndPostQRInfo
()
}
__main
()
</script>
</body>
</html>
\ No newline at end of file
ybf_wx/public/qrCode/index.html
View file @
f84eafcb
...
@@ -3,87 +3,269 @@
...
@@ -3,87 +3,269 @@
<head>
<head>
<meta
lang=
"zh-cn"
>
<meta
lang=
"zh-cn"
>
<title>
QRCode
</title>
<title>
优惠券详情
</title>
<script
src=
"https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"
></script>
<script
src=
"https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"
></script>
<script
src=
'https://code.jquery.com/jquery-3.2.1.min.js'
></script>
<script
src=
'https://code.jquery.com/jquery-3.2.1.min.js'
></script>
<style>
<style>
.qr-code
{
body
{
background-color
:
rgba
(
15
,
106
,
184
,
0.99
);
font-size
:
10px
;
margin
:
0
;
padding
:
0
;
}
.main
{
width
:
100%
;
height
:
100%
;
margin
:
0
;
padding
:
0
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
overflow
:
hidden
;
}
.main
>
.titles
{
/*border: 2px solid cyan;*/
width
:
100%
;
height
:
8rem
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
}
.main
>
.titles
>
.title
{
font-size
:
3rem
;
color
:
white
;
text-align
:
center
;
text-align
:
center
;
padding-top
:
50px
;
}
}
.main
>
.cards
{
/*border: 2px solid red;*/
/*background-color: whitesmoke;*/
width
:
76%
;
height
:
auto
;
.qr-code
>
#image
{
/*padding: 0 2rem;*/
display
:
inline-block
;
width
:
60%
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.main
>
.cards
>
.card
{
/*border: 2px solid orange;*/
/*background-color: white;*/
width
:
100%
;
/*padding: 4rem 2rem;*/
}
.main
>
.cards
>
.card01
{
/*border-radius: 1rem 1rem 0 0;*/
border-top-left-radius
:
1rem
;
border-top-right-radius
:
1rem
;
background
:
white
;
background
:
linear-gradient
(
135deg
,
transparent
0
,
white
0
)
top
left
,
linear-gradient
(
-135deg
,
transparent
0
,
white
0
)
top
right
,
radial-gradient
(
circle
at
bottom
right
,
transparent
2rem
,
white
0
)
bottom
right
,
radial-gradient
(
circle
at
bottom
left
,
transparent
2rem
,
white
0
)
bottom
left
;
background-size
:
50%
50%
;
background-repeat
:
no-repeat
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.main
>
.cards
>
.card01
>
.titles
{
margin
:
4rem
2rem
0
2rem
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
center
;
align-items
:
center
;
}
.main
>
.cards
>
.card01
>
.titles
>
.title
{
font-size
:
3rem
;
margin-bottom
:
2rem
;
}
.main
>
.cards
>
.card01
>
.titles
>
.discount
{
font-size
:
3rem
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
}
.main
>
.cards
>
.card01
>
.titles
>
.discount
>
.number
{
margin-right
:
1rem
;
color
:
orangered
;
font-size
:
4rem
;
}
.main
>
.cards
>
.card01
>
.titles
>
.description
{
/*font-size: 2rem;*/
font-size
:
1rem
;
color
:
grey
;
}
.main
>
.cards
>
.card01
>
.rules
{
margin
:
2rem
2rem
4rem
2rem
;
}
.main
>
.cards
>
.card01
>
.rules
>
.rule
{
font-size
:
2rem
;
}
.main
>
.cards
>
.line
{
background-color
:
white
;
width
:
90%
;
border-bottom
:
4px
dotted
rgba
(
15
,
106
,
184
,
0.99
);
}
.main
>
.cards
>
.card02
{
/*border-radius: 0 0 1rem 1rem;*/
border-bottom-left-radius
:
1rem
;
border-bottom-right-radius
:
1rem
;
background
:
white
;
background
:
radial-gradient
(
circle
at
top
left
,
transparent
2rem
,
white
0
)
top
left
,
radial-gradient
(
circle
at
top
right
,
transparent
2rem
,
white
0
)
top
right
,
linear-gradient
(
45deg
,
transparent
1px
,
white
0
)
bottom
right
,
linear-gradient
(
-45deg
,
transparent
1px
,
white
0
)
bottom
left
;
background-size
:
50%
50%
;
background-repeat
:
no-repeat
;
}
.main
>
.cards
>
.card02
>
.tips
{
margin
:
4rem
2rem
;
}
.main
>
.cards
>
.card02
>
.tips
>
.tip
{
font-size
:
2rem
;
font-weight
:
bold
;
}
.main
>
.cards
>
.card02
>
.tips
>
.rules
{}
.main
>
.cards
>
.card02
>
.tips
>
.rules
>
.rule
{
font-size
:
2rem
;
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
{
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcode
{
width
:
50%
;
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcodeTip
{
font-size
:
1rem
;
color
:
grey
;
}
}
</style>
</style>
</head>
</head>
<body>
<body>
<!-- <div id="uri">Uri:</div> --
>
<div
class=
"main"
>
<div
class=
"
qr-code
"
>
<div
class=
"
titles
"
>
<
img
id=
"image"
src=
""
alt
/
>
<
!--<div class="title">优惠券详情</div>--
>
</div>
</div>
<div
class=
"cards"
>
<div
class=
"card card01"
id=
"card01"
>
<div
class=
"titles"
>
<div
class=
"title"
>
惊喜满减券
</div>
<div
class=
"discount"
><div
class=
"number"
>
20
</div>
元
</div>
<div
class=
"description"
>
满 50 元可用
</div>
</div>
<ul
class=
"rules"
>
<li
class=
"rule"
>
满 50 元可用
</li>
<li
class=
"rule"
>
有效期 2019-10-15 04:00:00 至 2019-10-15 04:01:00
</li>
</ul>
</div>
<div
class=
"line"
></div>
<div
class=
"card card02"
id=
"card02"
>
<div
class=
"tips"
>
<div
class=
"tip"
>
使用说明
</div>
<ul
class=
"rules"
>
<li
class=
"rule"
>
单次结算时候仅能使用一张优惠券折扣
</li>
<li
class=
"rule"
>
单张优惠券不可叠加、找零、续用、残缺
</li>
<li
class=
"rule"
>
该优惠券有效时间为 2019-10-15 04:00:00 至 2019-10-15 04:01:00 ,过期/提前均不可使用
</li>
</ul>
<div
class=
"qrcodes"
>
<!--<img class="qrcode" src="qrcodeBuy.png" alt />-->
<!--<img class="qrcode" id="image" src="QRCodeOY.png" alt />-->
<img
class=
"qrcode"
id=
"image"
src=
""
alt
/>
<div
class=
"qrcodeTip"
>
长按识别二维码
</div>
</div>
<!--<h1>Hola qrCode.</h1>-->
</div>
<!-- <img src="./3.png"> -->
</div>
</div>
<script>
</div>
const
cleanUrlAndPostQRInfo
=
()
=>
{
// alert(`--->qrCode: cleanUrlAndPostQRInfo: IN.`)
<script>
const
cleanUrlAndPostQRInfo
=
()
=>
{
let
nowUrl
=
''
// alert(`--->qrCode: cleanUrlAndPostQRInfo: IN.`)
let
id
=
''
let
actionid
=
''
let
nowUrl
=
''
let
activeId
=
''
let
id
=
''
let
voucherId
=
''
let
actionid
=
''
let
unionId
=
''
let
activeId
=
''
let
voucherId
=
''
nowUrl
=
document
.
location
.
toString
().
slice
(
42
);
let
unionId
=
''
// alert(`--->nowUrl =${nowUrl}`)
id
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
0
]);
nowUrl
=
document
.
location
.
toString
().
slice
(
42
);
actionid
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
1
].
split
(
"="
)[
1
]);
// alert(`--->nowUrl =${nowUrl}`)
activeId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
2
].
split
(
"="
)[
1
]);
id
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
0
]);
voucherId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
3
].
split
(
"="
)[
1
]);
actionid
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
1
].
split
(
"="
)[
1
]);
unionId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
4
].
split
(
"="
)[
1
]);
activeId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
2
].
split
(
"="
)[
1
]);
voucherId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
3
].
split
(
"="
)[
1
]);
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
unionId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
4
].
split
(
"="
)[
1
]);
let
pageUri
=
`
${
nowUrl
}
`
;
pageUri
=
pageUri
.
split
(
'&'
).
slice
(
0
,
5
).
join
(
'&'
)
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
let
pageUrl
=
`http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=
${
pageUri
}
`
;
let
pageUri
=
`
${
nowUrl
}
`
;
// document.getElementById('uri').innerHTML = 'Uri=' + String(pageUri)
pageUri
=
pageUri
.
split
(
'&'
).
slice
(
0
,
5
).
join
(
'&'
)
let
pageUrl
=
`http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=
${
pageUri
}
`
;
// document.getElementById('uri').innerHTML = 'Uri=' + String(pageUri)
// alert(`--->qrCode: Ajax: POST: pageUrl = ${pageUrl}`)
// document.location = pageUri
// alert(`--->qrCode: Ajax: POST: pageUrl = ${pageUrl}`)
$
.
ajax
({
// document.location = pageUri
type
:
"POST"
,
url
:
pageUrl
,
$
.
ajax
({
// data: JSON.stringify({ path: "pages/signIn/signIn" }),
type
:
"POST"
,
data
:
{},
url
:
pageUrl
,
success
:
function
(
res
)
{
// data: JSON.stringify({ path: "pages/signIn/signIn" }),
// alert(`--->qrCode: ajax: res.`)
data
:
{},
// alert(`--->qrCode: ajax: res: res =${JSON.stringify(res)}`)
success
:
function
(
res
)
{
console
.
log
(
res
)
// alert(`--->qrCode: ajax: res.`)
$
(
'#image'
).
attr
(
'src'
,
res
.
data
)
// alert(`--->qrCode: ajax: res: res =${JSON.stringify(res)}`)
// $('#image').attr('src', 'http://qywx2.100smartdata.com/qrCode/1584512690487.jpeg')
console
.
log
(
res
)
},
$
(
'#image'
).
attr
(
'src'
,
res
.
data
)
error
:
function
(
data
)
{
// $('#image').attr('src', 'http://qywx2.100smartdata.com/qrCode/1584512690487.jpeg')
alert
(
`--->qrCode: ajax: err.`
)
},
alert
(
`--->qrCode: ajax: err: err =
${
JSON
.
stringify
(
err
)}
`
)
error
:
function
(
data
)
{
alert
(
'error'
+
JSON
.
stringify
(
data
))
alert
(
`--->qrCode: ajax: err.`
)
console
.
log
(
data
);
alert
(
`--->qrCode: ajax: err: err =
${
JSON
.
stringify
(
err
)}
`
)
}
alert
(
'error'
+
JSON
.
stringify
(
data
))
});
console
.
log
(
data
);
}
}
});
const
__main
=
()
=>
{
}
cleanUrlAndPostQRInfo
()
}
const
__main
=
()
=>
{
cleanUrlAndPostQRInfo
()
__main
()
}
</script>
__main
()
</script>
</body>
</body>
</html>
</html>
\ No newline at end of file
ybf_wx/public/qrCodeV2/index.html
View file @
f84eafcb
...
@@ -2,10 +2,10 @@
...
@@ -2,10 +2,10 @@
<html>
<html>
<head>
<head>
<meta
charset=
"utf-8
"
>
<meta
lang=
"zh-cn
"
>
<title>
长按扫描二维码
</title>
<title>
优惠券详情
</title>
<
link
rel=
"stylesheet"
href=
"main.css"
>
<
script
src=
"https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"
></script
>
<script
src=
"main.js"
></script>
<script
src=
'https://code.jquery.com/jquery-3.2.1.min.js'
></script>
<style>
<style>
body
{
body
{
background-color
:
rgba
(
15
,
106
,
184
,
0.99
);
background-color
:
rgba
(
15
,
106
,
184
,
0.99
);
...
@@ -45,7 +45,7 @@
...
@@ -45,7 +45,7 @@
width
:
76%
;
width
:
76%
;
height
:
auto
;
height
:
auto
;
padding
:
0
2rem
;
/*padding: 0 2rem;*/
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
...
@@ -53,23 +53,31 @@
...
@@ -53,23 +53,31 @@
align-items
:
center
;
align-items
:
center
;
}
}
.main
>
.cards
>
.card
{
.main
>
.cards
>
.card
{
border
:
2px
solid
orange
;
/*border: 2px solid orange;*/
/*background-color: white;*/
/*background-color: white;*/
width
:
100%
;
width
:
100%
;
padding
:
4rem
2rem
;
/*padding: 4rem 2rem;*/
}
}
.main
>
.cards
>
.card01
{
.main
>
.cards
>
.card01
{
/*border-radius: 1rem 1rem 0 0;*/
/*border-radius: 1rem 1rem 0 0;*/
border-top-left-radius
:
1rem
;
border-top-right-radius
:
1rem
;
background
:
white
;
background
:
white
;
/*background:*/
background
:
/* linear-gradient(135deg, transparent 1px, white 0) top left,*/
linear-gradient
(
135deg
,
transparent
0
,
white
0
)
top
left
,
/* linear-gradient(-135deg, transparent 1px, white 0) top right,*/
linear-gradient
(
-135deg
,
transparent
0
,
white
0
)
top
right
,
/* radial-gradient(circle at bottom right, transparent 2rem, white 0) bottom right,*/
radial-gradient
(
circle
at
bottom
right
,
transparent
2rem
,
white
0
)
bottom
right
,
/* radial-gradient(circle at bottom left, transparent 2rem, white 0) bottom left;*/
radial-gradient
(
circle
at
bottom
left
,
transparent
2rem
,
white
0
)
bottom
left
;
/*background-size: 50% 50%;*/
background-size
:
50%
50%
;
/*background-repeat: no-repeat;*/
background-repeat
:
no-repeat
;
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
}
.main
>
.cards
>
.card01
>
.titles
{
.main
>
.cards
>
.card01
>
.titles
{
margin
:
4rem
2rem
0
2rem
;
display
:
flex
;
display
:
flex
;
flex-direction
:
column
;
flex-direction
:
column
;
justify-content
:
center
;
justify-content
:
center
;
...
@@ -77,57 +85,54 @@
...
@@ -77,57 +85,54 @@
}
}
.main
>
.cards
>
.card01
>
.titles
>
.title
{
.main
>
.cards
>
.card01
>
.titles
>
.title
{
font-size
:
3rem
;
font-size
:
3rem
;
margin-bottom
:
2rem
;
}
}
.main
>
.cards
>
.card01
>
.titles
>
.discount
{
.main
>
.cards
>
.card01
>
.titles
>
.discount
{
font-size
:
3rem
;
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
}
.main
>
.cards
>
.card01
>
.titles
>
.discount
>
.number
{
margin-right
:
1rem
;
color
:
orangered
;
font-size
:
4rem
;
font-size
:
4rem
;
}
}
.main
>
.cards
>
.card01
>
.titles
>
.description
{
.main
>
.cards
>
.card01
>
.titles
>
.description
{
font-size
:
2rem
;
/*font-size: 2rem;*/
font-size
:
1rem
;
color
:
grey
;
}
.main
>
.cards
>
.card01
>
.rules
{
margin
:
2rem
2rem
4rem
2rem
;
}
}
.main
>
.cards
>
.card01
>
.rules
{}
.main
>
.cards
>
.card01
>
.rules
>
.rule
{
.main
>
.cards
>
.card01
>
.rules
>
.rule
{
font-size
:
2rem
;
font-size
:
2rem
;
}
}
.main
>
.cards
>
.line
{
background-color
:
white
;
width
:
90%
;
border-bottom
:
4px
dotted
rgba
(
15
,
106
,
184
,
0.99
);
}
.main
>
.cards
>
.card02
{
.main
>
.cards
>
.card02
{
/*border-radius: 0 0 1rem 1rem;*/
/*border-radius: 0 0 1rem 1rem;*/
border-bottom-left-radius
:
1rem
;
border-bottom-right-radius
:
1rem
;
background
:
white
;
background
:
white
;
/*background:*/
background
:
/* radial-gradient(circle at top left, transparent 2rem, white 0) top left,*/
radial-gradient
(
circle
at
top
left
,
transparent
2rem
,
white
0
)
top
left
,
/* radial-gradient(circle at top right, transparent 2rem, white 0) top right,*/
radial-gradient
(
circle
at
top
right
,
transparent
2rem
,
white
0
)
top
right
,
/* linear-gradient(45deg, transparent 1px, white 0) bottom right,*/
linear-gradient
(
45deg
,
transparent
1px
,
white
0
)
bottom
right
,
/* linear-gradient(-45deg, transparent 1px, white 0) bottom left;*/
linear-gradient
(
-45deg
,
transparent
1px
,
white
0
)
bottom
left
;
/*background-size: 50% 50%;*/
background-size
:
50%
50%
;
/*background-repeat: no-repeat;*/
background-repeat
:
no-repeat
;
}
}
.main
>
.cards
>
.card02
::before
{
content
:
''
;
background
:
#f00
;
width
:
2rem
;
height
:
2rem
;
border-radius
:
50%
;
position
:
relative
;
left
:
10px
;
top
:
10px
;
display
:
inline-block
;
}
/*.main>.cards>.card02::before {*/
/* top: -.4em;*/
/*}*/
/*.main>.cards>.card02::after {*/
/* bottom: -.4em;*/
/*}*/
.main
>
.cards
>
.card02
>
.tips
{
margin
:
4rem
2rem
;
}
.main
>
.cards
>
.card02
>
.tips
{}
.main
>
.cards
>
.card02
>
.tips
>
.tip
{
.main
>
.cards
>
.card02
>
.tips
>
.tip
{
font-size
:
2rem
;
font-size
:
2rem
;
font-weight
:
bold
;
font-weight
:
bold
;
...
@@ -136,12 +141,18 @@
...
@@ -136,12 +141,18 @@
.main
>
.cards
>
.card02
>
.tips
>
.rules
>
.rule
{
.main
>
.cards
>
.card02
>
.tips
>
.rules
>
.rule
{
font-size
:
2rem
;
font-size
:
2rem
;
}
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
{}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
{
display
:
flex
;
flex-direction
:
column
;
justify-content
:
flex-start
;
align-items
:
center
;
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcode
{
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcode
{
width
:
50%
;
width
:
50%
;
}
}
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcodeTip
{
.main
>
.cards
>
.card02
>
.tips
>
.qrcodes
>
.qrcodeTip
{
font-size
:
2rem
;
font-size
:
1rem
;
color
:
grey
;
}
}
</style>
</style>
</head>
</head>
...
@@ -149,37 +160,97 @@
...
@@ -149,37 +160,97 @@
<body>
<body>
<div
class=
"main"
>
<div
class=
"main"
>
<div
class=
"titles"
>
<div
class=
"titles"
>
<
div
class=
"title"
>
优惠券详情
</div
>
<
!--<div class="title">优惠券详情</div>--
>
</div>
</div>
<div
class=
"cards"
>
<div
class=
"cards"
>
<div
class=
"card card01"
id=
"card01"
>
<div
class=
"card card01"
id=
"card01"
>
<div
class=
"titles"
>
<div
class=
"titles"
>
<div
class=
"title"
>
惊喜
折上折
</div>
<div
class=
"title"
>
惊喜
满减券
</div>
<div
class=
"discount"
>
0.5
元
</div>
<div
class=
"discount"
>
<div
class=
"number"
>
20
</div>
元
</div>
<div
class=
"description"
>
满
9999
元可用
</div>
<div
class=
"description"
>
满
50
元可用
</div>
</div>
</div>
<ul
class=
"rules"
>
<ul
class=
"rules"
>
<li
class=
"rule"
>
满
9999
元可用
</li>
<li
class=
"rule"
>
满
50
元可用
</li>
<li
class=
"rule"
>
有效期 2019-10-15 04:00:00 至 2019-10-15 04:01:00
</li>
<li
class=
"rule"
>
有效期 2019-10-15 04:00:00 至 2019-10-15 04:01:00
</li>
</ul>
</ul>
</div>
</div>
<div
class=
"line"
></div>
<div
class=
"card card02"
id=
"card02"
>
<div
class=
"card card02"
id=
"card02"
>
<div
class=
"tips"
>
<div
class=
"tips"
>
<div
class=
"tip"
>
使用说明
</div>
<div
class=
"tip"
>
使用说明
</div>
<ul
class=
"rules"
>
<ul
class=
"rules"
>
<li
class=
"rule"
>
单次结算时候仅能使用
半
张优惠券折扣
</li>
<li
class=
"rule"
>
单次结算时候仅能使用
一
张优惠券折扣
</li>
<li
class=
"rule"
>
单张优惠券不可叠加、找零、续用、残缺
</li>
<li
class=
"rule"
>
单张优惠券不可叠加、找零、续用、残缺
</li>
<li
class=
"rule"
>
该优惠券有效时间为 2019-10-15 04:00:00 至 2019-10-15 04:01:00 ,过期/提前均不可使用
</li>
<li
class=
"rule"
>
该优惠券有效时间为 2019-10-15 04:00:00 至 2019-10-15 04:01:00 ,过期/提前均不可使用
</li>
</ul>
</ul>
<div
class=
"qrcodes"
>
<div
class=
"qrcodes"
>
<img
class=
"qrcode"
src=
"qrcodeBuy.png"
alt
/>
<!--<img class="qrcode" src="qrcodeBuy.png" alt />-->
<div
class=
"qrcodeTip"
>
按得越久,折扣越高!反正我信了!
</div>
<!--<img class="qrcode" id="image" src="QRCodeOY.png" alt />-->
<img
class=
"qrcode"
id=
"image"
src=
""
alt
/>
<div
class=
"qrcodeTip"
>
长按识别二维码
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
const
cleanUrlAndPostQRInfo
=
()
=>
{
// alert(`--->qrCode: cleanUrlAndPostQRInfo: IN.`)
let
nowUrl
=
''
let
id
=
''
let
actionid
=
''
let
activeId
=
''
let
voucherId
=
''
let
unionId
=
''
nowUrl
=
document
.
location
.
toString
().
slice
(
42
);
// alert(`--->nowUrl =${nowUrl}`)
id
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
0
]);
actionid
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
1
].
split
(
"="
)[
1
]);
activeId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
2
].
split
(
"="
)[
1
]);
voucherId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
3
].
split
(
"="
)[
1
]);
unionId
=
String
(
nowUrl
.
split
(
"?"
)[
1
].
slice
(
3
).
split
(
"&"
)[
4
].
split
(
"="
)[
1
]);
// let pageUri = `${nowUrl}&detailid=${voucherId}&actionid=${activeId}&unionid=${unionId}`;
let
pageUri
=
`
${
nowUrl
}
`
;
pageUri
=
pageUri
.
split
(
'&'
).
slice
(
0
,
5
).
join
(
'&'
)
let
pageUrl
=
`http://139.155.48.151:8085/workWx/auth/oauth2/wxMiniQrCode?pageUri=
${
pageUri
}
`
;
// document.getElementById('uri').innerHTML = 'Uri=' + String(pageUri)
// alert(`--->qrCode: Ajax: POST: pageUrl = ${pageUrl}`)
// document.location = pageUri
$
.
ajax
({
type
:
"POST"
,
url
:
pageUrl
,
// data: JSON.stringify({ path: "pages/signIn/signIn" }),
data
:
{},
success
:
function
(
res
)
{
// alert(`--->qrCode: ajax: res.`)
// alert(`--->qrCode: ajax: res: res =${JSON.stringify(res)}`)
console
.
log
(
res
)
$
(
'#image'
).
attr
(
'src'
,
res
.
data
)
// $('#image').attr('src', 'http://qywx2.100smartdata.com/qrCode/1584512690487.jpeg')
},
error
:
function
(
data
)
{
alert
(
`--->qrCode: ajax: err.`
)
alert
(
`--->qrCode: ajax: err: err =
${
JSON
.
stringify
(
err
)}
`
)
alert
(
'error'
+
JSON
.
stringify
(
data
))
console
.
log
(
data
);
}
});
}
const
__main
=
()
=>
{
cleanUrlAndPostQRInfo
()
}
__main
()
</script>
</body>
</body>
</html>
</html>
...
...
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