Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in / Register
Toggle navigation
U
uni-pdtravel
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
panyongping
uni-pdtravel
Commits
0e4fcbdd
Commit
0e4fcbdd
authored
Sep 11, 2023
by
qipeng
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
代码交换
parent
0e072b0e
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
452 additions
and
878 deletions
+452
-878
uqrcode4.js
common/uqrcode4.js
+0
-0
weapp-qrcode.js
common/weapp-qrcode.js
+0
-426
electronicTicket-副本.vue
pages/my/order/electronicTicket/electronicTicket-副本.vue
+163
-291
electronicTicket.vue
pages/my/order/electronicTicket/electronicTicket.vue
+289
-161
No files found.
common/uqrcode.js
→
common/uqrcode
4
.js
View file @
0e4fcbdd
File moved
common/weapp-qrcode.js
deleted
100644 → 0
View file @
0e072b0e
// Core code comes from https://github.com/davidshimjs/qrcodejs
var
QRCode
;
(
function
()
{
/**
* Get the type by string length
*
* @private
* @param {String} sText
* @param {Number} nCorrectLevel
* @return {Number} type
*/
function
_getTypeNumber
(
sText
,
nCorrectLevel
)
{
var
nType
=
1
var
length
=
_getUTF8Length
(
sText
)
for
(
var
i
=
0
,
len
=
QRCodeLimitLength
.
length
;
i
<=
len
;
i
++
)
{
var
nLimit
=
0
switch
(
nCorrectLevel
)
{
case
QRErrorCorrectLevel
.
L
:
nLimit
=
QRCodeLimitLength
[
i
][
0
]
break
case
QRErrorCorrectLevel
.
M
:
nLimit
=
QRCodeLimitLength
[
i
][
1
]
break
case
QRErrorCorrectLevel
.
Q
:
nLimit
=
QRCodeLimitLength
[
i
][
2
]
break
case
QRErrorCorrectLevel
.
H
:
nLimit
=
QRCodeLimitLength
[
i
][
3
]
break
}
if
(
length
<=
nLimit
)
{
break
}
else
{
nType
++
}
}
if
(
nType
>
QRCodeLimitLength
.
length
)
{
throw
new
Error
(
'Too long data'
)
}
return
nType
}
function
_getUTF8Length
(
sText
)
{
var
replacedText
=
encodeURI
(
sText
).
toString
().
replace
(
/
\%[
0-9a-fA-F
]{2}
/g
,
'a'
)
return
replacedText
.
length
+
(
replacedText
.
length
!=
sText
?
3
:
0
)
}
function
QR8bitByte
(
data
)
{
this
.
mode
=
QRMode
.
MODE_8BIT_BYTE
this
.
data
=
data
this
.
parsedData
=
[]
// Added to support UTF-8 Characters
for
(
var
i
=
0
,
l
=
this
.
data
.
length
;
i
<
l
;
i
++
)
{
var
byteArray
=
[]
var
code
=
this
.
data
.
charCodeAt
(
i
)
if
(
code
>
0x10000
)
{
byteArray
[
0
]
=
0xF0
|
((
code
&
0x1C0000
)
>>>
18
)
byteArray
[
1
]
=
0x80
|
((
code
&
0x3F000
)
>>>
12
)
byteArray
[
2
]
=
0x80
|
((
code
&
0xFC0
)
>>>
6
)
byteArray
[
3
]
=
0x80
|
(
code
&
0x3F
)
}
else
if
(
code
>
0x800
)
{
byteArray
[
0
]
=
0xE0
|
((
code
&
0xF000
)
>>>
12
)
byteArray
[
1
]
=
0x80
|
((
code
&
0xFC0
)
>>>
6
)
byteArray
[
2
]
=
0x80
|
(
code
&
0x3F
)
}
else
if
(
code
>
0x80
)
{
byteArray
[
0
]
=
0xC0
|
((
code
&
0x7C0
)
>>>
6
)
byteArray
[
1
]
=
0x80
|
(
code
&
0x3F
)
}
else
{
byteArray
[
0
]
=
code
}
this
.
parsedData
.
push
(
byteArray
)
}
this
.
parsedData
=
Array
.
prototype
.
concat
.
apply
([],
this
.
parsedData
)
if
(
this
.
parsedData
.
length
!=
this
.
data
.
length
)
{
this
.
parsedData
.
unshift
(
191
)
this
.
parsedData
.
unshift
(
187
)
this
.
parsedData
.
unshift
(
239
)
}
}
QR8bitByte
.
prototype
=
{
getLength
:
function
(
buffer
)
{
return
this
.
parsedData
.
length
},
write
:
function
(
buffer
)
{
for
(
var
i
=
0
,
l
=
this
.
parsedData
.
length
;
i
<
l
;
i
++
)
{
buffer
.
put
(
this
.
parsedData
[
i
],
8
)
}
}
}
// QRCodeModel
function
QRCodeModel
(
typeNumber
,
errorCorrectLevel
)
{
this
.
typeNumber
=
typeNumber
this
.
errorCorrectLevel
=
errorCorrectLevel
this
.
modules
=
null
this
.
moduleCount
=
0
this
.
dataCache
=
null
this
.
dataList
=
[]
}
QRCodeModel
.
prototype
=
{
addData
:
function
(
data
)
{
var
newData
=
new
QR8bitByte
(
data
);
this
.
dataList
.
push
(
newData
);
this
.
dataCache
=
null
},
isDark
:
function
(
row
,
col
)
{
if
(
row
<
0
||
this
.
moduleCount
<=
row
||
col
<
0
||
this
.
moduleCount
<=
col
)
{
throw
new
Error
(
row
+
','
+
col
)
}
return
this
.
modules
[
row
][
col
]
},
getModuleCount
:
function
()
{
return
this
.
moduleCount
},
make
:
function
()
{
this
.
makeImpl
(
false
,
this
.
getBestMaskPattern
())
},
makeImpl
:
function
(
test
,
maskPattern
)
{
this
.
moduleCount
=
this
.
typeNumber
*
4
+
17
;
this
.
modules
=
new
Array
(
this
.
moduleCount
);
for
(
var
row
=
0
;
row
<
this
.
moduleCount
;
row
++
)
{
this
.
modules
[
row
]
=
new
Array
(
this
.
moduleCount
);
for
(
var
col
=
0
;
col
<
this
.
moduleCount
;
col
++
)
{
this
.
modules
[
row
][
col
]
=
null
}
}
this
.
setupPositionProbePattern
(
0
,
0
);
this
.
setupPositionProbePattern
(
this
.
moduleCount
-
7
,
0
);
this
.
setupPositionProbePattern
(
0
,
this
.
moduleCount
-
7
);
this
.
setupPositionAdjustPattern
();
this
.
setupTimingPattern
();
this
.
setupTypeInfo
(
test
,
maskPattern
);
if
(
this
.
typeNumber
>=
7
)
{
this
.
setupTypeNumber
(
test
)
}
if
(
this
.
dataCache
==
null
)
{
this
.
dataCache
=
QRCodeModel
.
createData
(
this
.
typeNumber
,
this
.
errorCorrectLevel
,
this
.
dataList
)
}
this
.
mapData
(
this
.
dataCache
,
maskPattern
)
},
setupPositionProbePattern
:
function
(
row
,
col
)
{
for
(
var
r
=
-
1
;
r
<=
7
;
r
++
)
{
if
(
row
+
r
<=
-
1
||
this
.
moduleCount
<=
row
+
r
)
continue
;
for
(
var
c
=
-
1
;
c
<=
7
;
c
++
)
{
if
(
col
+
c
<=
-
1
||
this
.
moduleCount
<=
col
+
c
)
continue
;
if
((
0
<=
r
&&
r
<=
6
&&
(
c
==
0
||
c
==
6
))
||
(
0
<=
c
&&
c
<=
6
&&
(
r
==
0
||
r
==
6
))
||
(
2
<=
r
&&
r
<=
4
&&
2
<=
c
&&
c
<=
4
))
{
this
.
modules
[
row
+
r
][
col
+
c
]
=
true
}
else
{
this
.
modules
[
row
+
r
][
col
+
c
]
=
false
}
}
}
},
getBestMaskPattern
:
function
()
{
var
minLostPoint
=
0
;
var
pattern
=
0
;
for
(
var
i
=
0
;
i
<
8
;
i
++
)
{
this
.
makeImpl
(
true
,
i
);
var
lostPoint
=
QRUtil
.
getLostPoint
(
this
);
if
(
i
==
0
||
minLostPoint
>
lostPoint
)
{
minLostPoint
=
lostPoint
;
pattern
=
i
}
}
return
pattern
},
createMovieClip
:
function
(
target_mc
,
instance_name
,
depth
)
{
var
qr_mc
=
target_mc
.
createEmptyMovieClip
(
instance_name
,
depth
);
var
cs
=
1
;
this
.
make
();
for
(
var
row
=
0
;
row
<
this
.
modules
.
length
;
row
++
)
{
var
y
=
row
*
cs
;
for
(
var
col
=
0
;
col
<
this
.
modules
[
row
].
length
;
col
++
)
{
var
x
=
col
*
cs
;
var
dark
=
this
.
modules
[
row
][
col
];
if
(
dark
)
{
qr_mc
.
beginFill
(
0
,
100
);
qr_mc
.
moveTo
(
x
,
y
);
qr_mc
.
lineTo
(
x
+
cs
,
y
);
qr_mc
.
lineTo
(
x
+
cs
,
y
+
cs
);
qr_mc
.
lineTo
(
x
,
y
+
cs
);
qr_mc
.
endFill
()
}
}
}
return
qr_mc
},
setupTimingPattern
:
function
()
{
for
(
var
r
=
8
;
r
<
this
.
moduleCount
-
8
;
r
++
)
{
if
(
this
.
modules
[
r
][
6
]
!=
null
)
{
continue
}
this
.
modules
[
r
][
6
]
=
(
r
%
2
==
0
)
}
for
(
var
c
=
8
;
c
<
this
.
moduleCount
-
8
;
c
++
)
{
if
(
this
.
modules
[
6
][
c
]
!=
null
)
{
continue
}
this
.
modules
[
6
][
c
]
=
(
c
%
2
==
0
)
}
},
setupPositionAdjustPattern
:
function
()
{
var
pos
=
QRUtil
.
getPatternPosition
(
this
.
typeNumber
);
for
(
var
i
=
0
;
i
<
pos
.
length
;
i
++
)
{
for
(
var
j
=
0
;
j
<
pos
.
length
;
j
++
)
{
var
row
=
pos
[
i
];
var
col
=
pos
[
j
];
if
(
this
.
modules
[
row
][
col
]
!=
null
)
{
continue
}
for
(
var
r
=
-
2
;
r
<=
2
;
r
++
)
{
for
(
var
c
=
-
2
;
c
<=
2
;
c
++
)
{
if
(
r
==
-
2
||
r
==
2
||
c
==
-
2
||
c
==
2
||
(
r
==
0
&&
c
==
0
))
{
this
.
modules
[
row
+
r
][
col
+
c
]
=
true
}
else
{
this
.
modules
[
row
+
r
][
col
+
c
]
=
false
}
}
}
}
}
},
setupTypeNumber
:
function
(
test
)
{
var
bits
=
QRUtil
.
getBCHTypeNumber
(
this
.
typeNumber
);
for
(
var
i
=
0
;
i
<
18
;
i
++
)
{
var
mod
=
(
!
test
&&
((
bits
>>
i
)
&
1
)
==
1
);
this
.
modules
[
Math
.
floor
(
i
/
3
)][
i
%
3
+
this
.
moduleCount
-
8
-
3
]
=
mod
}
for
(
var
i
=
0
;
i
<
18
;
i
++
)
{
var
mod
=
(
!
test
&&
((
bits
>>
i
)
&
1
)
==
1
);
this
.
modules
[
i
%
3
+
this
.
moduleCount
-
8
-
3
][
Math
.
floor
(
i
/
3
)]
=
mod
}
},
setupTypeInfo
:
function
(
test
,
maskPattern
)
{
var
data
=
(
this
.
errorCorrectLevel
<<
3
)
|
maskPattern
;
var
bits
=
QRUtil
.
getBCHTypeInfo
(
data
);
for
(
var
i
=
0
;
i
<
15
;
i
++
)
{
var
mod
=
(
!
test
&&
((
bits
>>
i
)
&
1
)
==
1
);
if
(
i
<
6
)
{
this
.
modules
[
i
][
8
]
=
mod
}
else
if
(
i
<
8
)
{
this
.
modules
[
i
+
1
][
8
]
=
mod
}
else
{
this
.
modules
[
this
.
moduleCount
-
15
+
i
][
8
]
=
mod
}
}
for
(
var
i
=
0
;
i
<
15
;
i
++
)
{
var
mod
=
(
!
test
&&
((
bits
>>
i
)
&
1
)
==
1
);
if
(
i
<
8
)
{
this
.
modules
[
8
][
this
.
moduleCount
-
i
-
1
]
=
mod
}
else
if
(
i
<
9
)
{
this
.
modules
[
8
][
15
-
i
-
1
+
1
]
=
mod
}
else
{
this
.
modules
[
8
][
15
-
i
-
1
]
=
mod
}
}
this
.
modules
[
this
.
moduleCount
-
8
][
8
]
=
(
!
test
)
},
mapData
:
function
(
data
,
maskPattern
)
{
var
inc
=
-
1
;
var
row
=
this
.
moduleCount
-
1
;
var
bitIndex
=
7
;
var
byteIndex
=
0
;
for
(
var
col
=
this
.
moduleCount
-
1
;
col
>
0
;
col
-=
2
)
{
if
(
col
==
6
)
col
--
;
while
(
true
)
{
for
(
var
c
=
0
;
c
<
2
;
c
++
)
{
if
(
this
.
modules
[
row
][
col
-
c
]
==
null
)
{
var
dark
=
false
;
if
(
byteIndex
<
data
.
length
)
{
dark
=
(((
data
[
byteIndex
]
>>>
bitIndex
)
&
1
)
==
1
)
}
var
mask
=
QRUtil
.
getMask
(
maskPattern
,
row
,
col
-
c
);
if
(
mask
)
{
dark
=
!
dark
}
this
.
modules
[
row
][
col
-
c
]
=
dark
;
bitIndex
--
;
if
(
bitIndex
==
-
1
)
{
byteIndex
++
;
bitIndex
=
7
}
}
}
row
+=
inc
;
if
(
row
<
0
||
this
.
moduleCount
<=
row
)
{
row
-=
inc
;
inc
=
-
inc
;
break
}
}
}
}
}
QRCodeModel
.
PAD0
=
0xEC
QRCodeModel
.
PAD1
=
0x11
QRCodeModel
.
createData
=
function
(
typeNumber
,
errorCorrectLevel
,
dataList
)
{
var
rsBlocks
=
QRRSBlock
.
getRSBlocks
(
typeNumber
,
errorCorrectLevel
);
var
buffer
=
new
QRBitBuffer
();
for
(
var
i
=
0
;
i
<
dataList
.
length
;
i
++
)
{
var
data
=
dataList
[
i
];
buffer
.
put
(
data
.
mode
,
4
);
buffer
.
put
(
data
.
getLength
(),
QRUtil
.
getLengthInBits
(
data
.
mode
,
typeNumber
));
data
.
write
(
buffer
)
}
var
totalDataCount
=
0
;
for
(
var
i
=
0
;
i
<
rsBlocks
.
length
;
i
++
)
{
totalDataCount
+=
rsBlocks
[
i
].
dataCount
}
if
(
buffer
.
getLengthInBits
()
>
totalDataCount
*
8
)
{
throw
new
Error
(
'code length overflow. ('
+
buffer
.
getLengthInBits
()
+
'>'
+
totalDataCount
*
8
+
')'
)
}
if
(
buffer
.
getLengthInBits
()
+
4
<=
totalDataCount
*
8
)
{
buffer
.
put
(
0
,
4
)
}
while
(
buffer
.
getLengthInBits
()
%
8
!=
0
)
{
buffer
.
putBit
(
false
)
}
while
(
true
)
{
if
(
buffer
.
getLengthInBits
()
>=
totalDataCount
*
8
)
{
break
}
buffer
.
put
(
QRCodeModel
.
PAD0
,
8
);
if
(
buffer
.
getLengthInBits
()
>=
totalDataCount
*
8
)
{
break
}
buffer
.
put
(
QRCodeModel
.
PAD1
,
8
)
}
return
QRCodeModel
.
createBytes
(
buffer
,
rsBlocks
)
}
QRCodeModel
.
createBytes
=
function
(
buffer
,
rsBlocks
)
{
var
offset
=
0
;
var
maxDcCount
=
0
;
var
maxEcCount
=
0
;
var
dcdata
=
new
Array
(
rsBlocks
.
length
);
var
ecdata
=
new
Array
(
rsBlocks
.
length
);
for
(
var
r
=
0
;
r
<
rsBlocks
.
length
;
r
++
)
{
var
dcCount
=
rsBlocks
[
r
].
dataCount
;
var
ecCount
=
rsBlocks
[
r
].
totalCount
-
dcCount
;
maxDcCount
=
Math
.
max
(
maxDcCount
,
dcCount
);
maxEcCount
=
Math
.
max
(
maxEcCount
,
ecCount
);
dcdata
[
r
]
=
new
Array
(
dcCount
);
for
(
var
i
=
0
;
i
<
dcdata
[
r
].
length
;
i
++
)
{
dcdata
[
r
][
i
]
=
0xff
&
buffer
.
buffer
[
i
+
offset
]
}
offset
+=
dcCount
;
var
rsPoly
=
QRUtil
.
getErrorCorrectPolynomial
(
ecCount
);
var
rawPoly
=
new
QRPolynomial
(
dcdata
[
r
],
rsPoly
.
getLength
()
-
1
);
var
modPoly
=
rawPoly
.
mod
(
rsPoly
);
ecdata
[
r
]
=
new
Array
(
rsPoly
.
getLength
()
-
1
);
for
(
var
i
=
0
;
i
<
ecdata
[
r
].
length
;
i
++
)
{
var
modIndex
=
i
+
modPoly
.
getLength
()
-
ecdata
[
r
].
length
;
ecdata
[
r
][
i
]
=
(
modIndex
>=
0
)
?
modPoly
.
get
(
modIndex
)
:
0
}
}
var
totalCodeCount
=
0
;
for
(
var
i
=
0
;
i
<
rsBlocks
.
length
;
i
++
)
{
totalCodeCount
+=
rsBlocks
[
i
].
totalCount
}
var
data
=
new
Array
(
totalCodeCount
);
var
index
=
0
;
for
(
var
i
=
0
;
i
<
maxDcCount
;
i
++
)
{
for
(
var
r
=
0
;
r
<
rsBlocks
.
length
;
r
++
)
{
if
(
i
<
dcdata
[
r
].
length
)
{
data
[
index
++
]
=
dcdata
[
r
][
i
]
}
}
}
for
(
var
i
=
0
;
i
<
maxEcCount
;
i
++
)
{
for
(
var
r
=
0
;
r
<
rsBlocks
.
length
;
r
++
)
{
if
(
i
<
ecdata
[
r
].
length
)
{
data
[
index
++
]
=
ecdata
[
r
][
i
]
}
}
}
return
data
}
var
QRMode
=
{
MODE_NUMBER
:
1
<<
0
,
MODE_ALPHA_NUM
:
1
<<
1
,
MODE_8BIT_BYTE
:
1
<<
2
,
MODE_KANJI
:
1
<<
3
}
var
QRErrorCorrectLevel
=
{
L
:
1
,
M
:
0
,
Q
:
3
,
H
:
2
}
var
QRMaskPattern
=
{
PATTERN000
:
0
,
PATTERN001
:
1
,
PATTERN010
:
2
,
PATTERN011
:
3
,
PATTERN100
:
4
,
PATTERN101
:
5
,
PATTERN110
:
6
,
PATTERN111
:
7
}
var
QRUtil
=
{
PATTERN_POSITION_TABLE
:
[[],
[
6
,
18
],
[
6
,
22
],
[
6
,
26
],
[
6
,
30
],
[
6
,
34
],
[
6
,
22
,
38
],
[
6
,
24
,
42
],
[
6
,
26
,
46
],
[
6
,
28
,
50
],
[
6
,
30
,
54
],
[
6
,
32
,
58
],
[
6
,
34
,
62
],
[
6
,
26
,
46
,
66
],
[
6
,
26
,
48
,
70
],
[
6
,
26
,
50
,
74
],
[
6
,
30
,
54
,
78
],
[
6
,
30
,
56
,
82
],
[
6
,
30
,
58
,
86
],
[
6
,
34
,
62
,
90
],
[
6
,
28
,
50
,
72
,
94
],
[
6
,
26
,
50
,
74
,
98
],
[
6
,
30
,
54
,
78
,
102
],
[
6
,
28
,
54
,
80
,
106
],
[
6
,
32
,
58
,
84
,
110
],
[
6
,
30
,
58
,
86
,
114
],
[
6
,
34
,
62
,
90
,
118
],
[
6
,
26
,
50
,
74
,
98
,
122
],
[
6
,
30
,
54
,
78
,
102
,
126
],
[
6
,
26
,
52
,
78
,
104
,
130
],
[
6
,
30
,
56
,
82
,
108
,
134
],
[
6
,
34
,
60
,
86
,
112
,
138
],
[
6
,
30
,
58
,
86
,
114
,
142
],
[
6
,
34
,
62
,
90
,
118
,
146
],
[
6
,
30
,
54
,
78
,
102
,
126
,
150
],
[
6
,
24
,
50
,
76
,
102
,
128
,
154
],
[
6
,
28
,
54
,
80
,
106
,
132
,
158
],
[
6
,
32
,
58
,
84
,
110
,
136
,
162
],
[
6
,
26
,
54
,
82
,
110
,
138
,
166
],
[
6
,
30
,
58
,
86
,
114
,
142
,
170
]],
G15
:
(
1
<<
10
)
|
(
1
<<
8
)
|
(
1
<<
5
)
|
(
1
<<
4
)
|
(
1
<<
2
)
|
(
1
<<
1
)
|
(
1
<<
0
),
G18
:
(
1
<<
12
)
|
(
1
<<
11
)
|
(
1
<<
10
)
|
(
1
<<
9
)
|
(
1
<<
8
)
|
(
1
<<
5
)
|
(
1
<<
2
)
|
(
1
<<
0
),
G15_MASK
:
(
1
<<
14
)
|
(
1
<<
12
)
|
(
1
<<
10
)
|
(
1
<<
4
)
|
(
1
<<
1
),
getBCHTypeInfo
:
function
(
data
)
{
var
d
=
data
<<
10
;
while
(
QRUtil
.
getBCHDigit
(
d
)
-
QRUtil
.
getBCHDigit
(
QRUtil
.
G15
)
>=
0
)
{
d
^=
(
QRUtil
.
G15
<<
(
QRUtil
.
getBCHDigit
(
d
)
-
QRUtil
.
getBCHDigit
(
QRUtil
.
G15
)))
}
return
((
data
<<
10
)
|
d
)
^
QRUtil
.
G15_MASK
},
getBCHTypeNumber
:
function
(
data
)
{
var
d
=
data
<<
12
;
while
(
QRUtil
.
getBCHDigit
(
d
)
-
QRUtil
.
getBCHDigit
(
QRUtil
.
G18
)
>=
0
)
{
d
^=
(
QRUtil
.
G18
<<
(
QRUtil
.
getBCHDigit
(
d
)
-
QRUtil
.
getBCHDigit
(
QRUtil
.
G18
)))
}
return
(
data
<<
12
)
|
d
},
getBCHDigit
:
function
(
data
)
{
var
digit
=
0
;
while
(
data
!=
0
)
{
digit
++
;
data
>>>=
1
}
return
digit
},
getPatternPosition
:
function
(
typeNumber
)
{
return
QRUtil
.
PATTERN_POSITION_TABLE
[
typeNumber
-
1
]
},
getMask
:
function
(
maskPattern
,
i
,
j
)
{
switch
(
maskPattern
)
{
case
QRMaskPattern
.
PATTERN000
:
return
(
i
+
j
)
%
2
==
0
;
case
QRMaskPattern
.
PATTERN001
:
return
i
%
2
==
0
;
case
QRMaskPattern
.
PATTERN010
:
return
j
%
3
==
0
;
case
QRMaskPattern
.
PATTERN011
:
return
(
i
+
j
)
%
3
==
0
;
case
QRMaskPattern
.
PATTERN100
:
return
(
Math
.
floor
(
i
/
2
)
+
Math
.
floor
(
j
/
3
))
%
2
==
0
;
case
QRMaskPattern
.
PATTERN101
:
return
(
i
*
j
)
%
2
+
(
i
*
j
)
%
3
==
0
;
case
QRMaskPattern
.
PATTERN110
:
return
((
i
*
j
)
%
2
+
(
i
*
j
)
%
3
)
%
2
==
0
;
case
QRMaskPattern
.
PATTERN111
:
return
((
i
*
j
)
%
3
+
(
i
+
j
)
%
2
)
%
2
==
0
;
default
:
throw
new
Error
(
'bad maskPattern:'
+
maskPattern
)
}
},
getErrorCorrectPolynomial
:
function
(
errorCorrectLength
)
{
var
a
=
new
QRPolynomial
([
1
],
0
);
for
(
var
i
=
0
;
i
<
errorCorrectLength
;
i
++
)
{
a
=
a
.
multiply
(
new
QRPolynomial
([
1
,
QRMath
.
gexp
(
i
)],
0
))
}
return
a
},
getLengthInBits
:
function
(
mode
,
type
)
{
if
(
1
<=
type
&&
type
<
10
)
{
switch
(
mode
)
{
case
QRMode
.
MODE_NUMBER
:
return
10
;
case
QRMode
.
MODE_ALPHA_NUM
:
return
9
;
case
QRMode
.
MODE_8BIT_BYTE
:
return
8
;
case
QRMode
.
MODE_KANJI
:
return
8
;
default
:
throw
new
Error
(
'mode:'
+
mode
)
}
}
else
if
(
type
<
27
)
{
switch
(
mode
)
{
case
QRMode
.
MODE_NUMBER
:
return
12
;
case
QRMode
.
MODE_ALPHA_NUM
:
return
11
;
case
QRMode
.
MODE_8BIT_BYTE
:
return
16
;
case
QRMode
.
MODE_KANJI
:
return
10
;
default
:
throw
new
Error
(
'mode:'
+
mode
)
}
}
else
if
(
type
<
41
)
{
switch
(
mode
)
{
case
QRMode
.
MODE_NUMBER
:
return
14
;
case
QRMode
.
MODE_ALPHA_NUM
:
return
13
;
case
QRMode
.
MODE_8BIT_BYTE
:
return
16
;
case
QRMode
.
MODE_KANJI
:
return
12
;
default
:
throw
new
Error
(
'mode:'
+
mode
)
}
}
else
{
throw
new
Error
(
'type:'
+
type
)
}
},
getLostPoint
:
function
(
qrCode
)
{
var
moduleCount
=
qrCode
.
getModuleCount
();
var
lostPoint
=
0
;
for
(
var
row
=
0
;
row
<
moduleCount
;
row
++
)
{
for
(
var
col
=
0
;
col
<
moduleCount
;
col
++
)
{
var
sameCount
=
0
;
var
dark
=
qrCode
.
isDark
(
row
,
col
);
for
(
var
r
=
-
1
;
r
<=
1
;
r
++
)
{
if
(
row
+
r
<
0
||
moduleCount
<=
row
+
r
)
{
continue
}
for
(
var
c
=
-
1
;
c
<=
1
;
c
++
)
{
if
(
col
+
c
<
0
||
moduleCount
<=
col
+
c
)
{
continue
}
if
(
r
==
0
&&
c
==
0
)
{
continue
}
if
(
dark
==
qrCode
.
isDark
(
row
+
r
,
col
+
c
))
{
sameCount
++
}
}
}
if
(
sameCount
>
5
)
{
lostPoint
+=
(
3
+
sameCount
-
5
)
}
}
}
for
(
var
row
=
0
;
row
<
moduleCount
-
1
;
row
++
)
{
for
(
var
col
=
0
;
col
<
moduleCount
-
1
;
col
++
)
{
var
count
=
0
;
if
(
qrCode
.
isDark
(
row
,
col
))
count
++
;
if
(
qrCode
.
isDark
(
row
+
1
,
col
))
count
++
;
if
(
qrCode
.
isDark
(
row
,
col
+
1
))
count
++
;
if
(
qrCode
.
isDark
(
row
+
1
,
col
+
1
))
count
++
;
if
(
count
==
0
||
count
==
4
)
{
lostPoint
+=
3
}
}
}
for
(
var
row
=
0
;
row
<
moduleCount
;
row
++
)
{
for
(
var
col
=
0
;
col
<
moduleCount
-
6
;
col
++
)
{
if
(
qrCode
.
isDark
(
row
,
col
)
&&
!
qrCode
.
isDark
(
row
,
col
+
1
)
&&
qrCode
.
isDark
(
row
,
col
+
2
)
&&
qrCode
.
isDark
(
row
,
col
+
3
)
&&
qrCode
.
isDark
(
row
,
col
+
4
)
&&
!
qrCode
.
isDark
(
row
,
col
+
5
)
&&
qrCode
.
isDark
(
row
,
col
+
6
))
{
lostPoint
+=
40
}
}
}
for
(
var
col
=
0
;
col
<
moduleCount
;
col
++
)
{
for
(
var
row
=
0
;
row
<
moduleCount
-
6
;
row
++
)
{
if
(
qrCode
.
isDark
(
row
,
col
)
&&
!
qrCode
.
isDark
(
row
+
1
,
col
)
&&
qrCode
.
isDark
(
row
+
2
,
col
)
&&
qrCode
.
isDark
(
row
+
3
,
col
)
&&
qrCode
.
isDark
(
row
+
4
,
col
)
&&
!
qrCode
.
isDark
(
row
+
5
,
col
)
&&
qrCode
.
isDark
(
row
+
6
,
col
))
{
lostPoint
+=
40
}
}
}
var
darkCount
=
0
;
for
(
var
col
=
0
;
col
<
moduleCount
;
col
++
)
{
for
(
var
row
=
0
;
row
<
moduleCount
;
row
++
)
{
if
(
qrCode
.
isDark
(
row
,
col
))
{
darkCount
++
}
}
}
var
ratio
=
Math
.
abs
(
100
*
darkCount
/
moduleCount
/
moduleCount
-
50
)
/
5
;
lostPoint
+=
ratio
*
10
;
return
lostPoint
}
}
var
QRMath
=
{
glog
:
function
(
n
)
{
if
(
n
<
1
)
{
throw
new
Error
(
'glog('
+
n
+
')'
)
}
return
QRMath
.
LOG_TABLE
[
n
]
},
gexp
:
function
(
n
)
{
while
(
n
<
0
)
{
n
+=
255
}
while
(
n
>=
256
)
{
n
-=
255
}
return
QRMath
.
EXP_TABLE
[
n
]
},
EXP_TABLE
:
new
Array
(
256
),
LOG_TABLE
:
new
Array
(
256
)
};
for
(
var
i
=
0
;
i
<
8
;
i
++
)
{
QRMath
.
EXP_TABLE
[
i
]
=
1
<<
i
}
for
(
var
i
=
8
;
i
<
256
;
i
++
)
{
QRMath
.
EXP_TABLE
[
i
]
=
QRMath
.
EXP_TABLE
[
i
-
4
]
^
QRMath
.
EXP_TABLE
[
i
-
5
]
^
QRMath
.
EXP_TABLE
[
i
-
6
]
^
QRMath
.
EXP_TABLE
[
i
-
8
]
}
for
(
var
i
=
0
;
i
<
255
;
i
++
)
{
QRMath
.
LOG_TABLE
[
QRMath
.
EXP_TABLE
[
i
]]
=
i
}
function
QRPolynomial
(
num
,
shift
)
{
if
(
num
.
length
==
undefined
)
{
throw
new
Error
(
num
.
length
+
'/'
+
shift
)
}
var
offset
=
0
;
while
(
offset
<
num
.
length
&&
num
[
offset
]
==
0
)
{
offset
++
}
this
.
num
=
new
Array
(
num
.
length
-
offset
+
shift
);
for
(
var
i
=
0
;
i
<
num
.
length
-
offset
;
i
++
)
{
this
.
num
[
i
]
=
num
[
i
+
offset
]
}
}
QRPolynomial
.
prototype
=
{
get
:
function
(
index
)
{
return
this
.
num
[
index
]
},
getLength
:
function
()
{
return
this
.
num
.
length
},
multiply
:
function
(
e
)
{
var
num
=
new
Array
(
this
.
getLength
()
+
e
.
getLength
()
-
1
);
for
(
var
i
=
0
;
i
<
this
.
getLength
();
i
++
)
{
for
(
var
j
=
0
;
j
<
e
.
getLength
();
j
++
)
{
num
[
i
+
j
]
^=
QRMath
.
gexp
(
QRMath
.
glog
(
this
.
get
(
i
))
+
QRMath
.
glog
(
e
.
get
(
j
)))
}
}
return
new
QRPolynomial
(
num
,
0
)
},
mod
:
function
(
e
)
{
if
(
this
.
getLength
()
-
e
.
getLength
()
<
0
)
{
return
this
}
var
ratio
=
QRMath
.
glog
(
this
.
get
(
0
))
-
QRMath
.
glog
(
e
.
get
(
0
));
var
num
=
new
Array
(
this
.
getLength
());
for
(
var
i
=
0
;
i
<
this
.
getLength
();
i
++
)
{
num
[
i
]
=
this
.
get
(
i
)
}
for
(
var
i
=
0
;
i
<
e
.
getLength
();
i
++
)
{
num
[
i
]
^=
QRMath
.
gexp
(
QRMath
.
glog
(
e
.
get
(
i
))
+
ratio
)
}
return
new
QRPolynomial
(
num
,
0
).
mod
(
e
)
}
}
function
QRRSBlock
(
totalCount
,
dataCount
)
{
this
.
totalCount
=
totalCount
;
this
.
dataCount
=
dataCount
}
QRRSBlock
.
RS_BLOCK_TABLE
=
[[
1
,
26
,
19
],
[
1
,
26
,
16
],
[
1
,
26
,
13
],
[
1
,
26
,
9
],
[
1
,
44
,
34
],
[
1
,
44
,
28
],
[
1
,
44
,
22
],
[
1
,
44
,
16
],
[
1
,
70
,
55
],
[
1
,
70
,
44
],
[
2
,
35
,
17
],
[
2
,
35
,
13
],
[
1
,
100
,
80
],
[
2
,
50
,
32
],
[
2
,
50
,
24
],
[
4
,
25
,
9
],
[
1
,
134
,
108
],
[
2
,
67
,
43
],
[
2
,
33
,
15
,
2
,
34
,
16
],
[
2
,
33
,
11
,
2
,
34
,
12
],
[
2
,
86
,
68
],
[
4
,
43
,
27
],
[
4
,
43
,
19
],
[
4
,
43
,
15
],
[
2
,
98
,
78
],
[
4
,
49
,
31
],
[
2
,
32
,
14
,
4
,
33
,
15
],
[
4
,
39
,
13
,
1
,
40
,
14
],
[
2
,
121
,
97
],
[
2
,
60
,
38
,
2
,
61
,
39
],
[
4
,
40
,
18
,
2
,
41
,
19
],
[
4
,
40
,
14
,
2
,
41
,
15
],
[
2
,
146
,
116
],
[
3
,
58
,
36
,
2
,
59
,
37
],
[
4
,
36
,
16
,
4
,
37
,
17
],
[
4
,
36
,
12
,
4
,
37
,
13
],
[
2
,
86
,
68
,
2
,
87
,
69
],
[
4
,
69
,
43
,
1
,
70
,
44
],
[
6
,
43
,
19
,
2
,
44
,
20
],
[
6
,
43
,
15
,
2
,
44
,
16
],
[
4
,
101
,
81
],
[
1
,
80
,
50
,
4
,
81
,
51
],
[
4
,
50
,
22
,
4
,
51
,
23
],
[
3
,
36
,
12
,
8
,
37
,
13
],
[
2
,
116
,
92
,
2
,
117
,
93
],
[
6
,
58
,
36
,
2
,
59
,
37
],
[
4
,
46
,
20
,
6
,
47
,
21
],
[
7
,
42
,
14
,
4
,
43
,
15
],
[
4
,
133
,
107
],
[
8
,
59
,
37
,
1
,
60
,
38
],
[
8
,
44
,
20
,
4
,
45
,
21
],
[
12
,
33
,
11
,
4
,
34
,
12
],
[
3
,
145
,
115
,
1
,
146
,
116
],
[
4
,
64
,
40
,
5
,
65
,
41
],
[
11
,
36
,
16
,
5
,
37
,
17
],
[
11
,
36
,
12
,
5
,
37
,
13
],
[
5
,
109
,
87
,
1
,
110
,
88
],
[
5
,
65
,
41
,
5
,
66
,
42
],
[
5
,
54
,
24
,
7
,
55
,
25
],
[
11
,
36
,
12
],
[
5
,
122
,
98
,
1
,
123
,
99
],
[
7
,
73
,
45
,
3
,
74
,
46
],
[
15
,
43
,
19
,
2
,
44
,
20
],
[
3
,
45
,
15
,
13
,
46
,
16
],
[
1
,
135
,
107
,
5
,
136
,
108
],
[
10
,
74
,
46
,
1
,
75
,
47
],
[
1
,
50
,
22
,
15
,
51
,
23
],
[
2
,
42
,
14
,
17
,
43
,
15
],
[
5
,
150
,
120
,
1
,
151
,
121
],
[
9
,
69
,
43
,
4
,
70
,
44
],
[
17
,
50
,
22
,
1
,
51
,
23
],
[
2
,
42
,
14
,
19
,
43
,
15
],
[
3
,
141
,
113
,
4
,
142
,
114
],
[
3
,
70
,
44
,
11
,
71
,
45
],
[
17
,
47
,
21
,
4
,
48
,
22
],
[
9
,
39
,
13
,
16
,
40
,
14
],
[
3
,
135
,
107
,
5
,
136
,
108
],
[
3
,
67
,
41
,
13
,
68
,
42
],
[
15
,
54
,
24
,
5
,
55
,
25
],
[
15
,
43
,
15
,
10
,
44
,
16
],
[
4
,
144
,
116
,
4
,
145
,
117
],
[
17
,
68
,
42
],
[
17
,
50
,
22
,
6
,
51
,
23
],
[
19
,
46
,
16
,
6
,
47
,
17
],
[
2
,
139
,
111
,
7
,
140
,
112
],
[
17
,
74
,
46
],
[
7
,
54
,
24
,
16
,
55
,
25
],
[
34
,
37
,
13
],
[
4
,
151
,
121
,
5
,
152
,
122
],
[
4
,
75
,
47
,
14
,
76
,
48
],
[
11
,
54
,
24
,
14
,
55
,
25
],
[
16
,
45
,
15
,
14
,
46
,
16
],
[
6
,
147
,
117
,
4
,
148
,
118
],
[
6
,
73
,
45
,
14
,
74
,
46
],
[
11
,
54
,
24
,
16
,
55
,
25
],
[
30
,
46
,
16
,
2
,
47
,
17
],
[
8
,
132
,
106
,
4
,
133
,
107
],
[
8
,
75
,
47
,
13
,
76
,
48
],
[
7
,
54
,
24
,
22
,
55
,
25
],
[
22
,
45
,
15
,
13
,
46
,
16
],
[
10
,
142
,
114
,
2
,
143
,
115
],
[
19
,
74
,
46
,
4
,
75
,
47
],
[
28
,
50
,
22
,
6
,
51
,
23
],
[
33
,
46
,
16
,
4
,
47
,
17
],
[
8
,
152
,
122
,
4
,
153
,
123
],
[
22
,
73
,
45
,
3
,
74
,
46
],
[
8
,
53
,
23
,
26
,
54
,
24
],
[
12
,
45
,
15
,
28
,
46
,
16
],
[
3
,
147
,
117
,
10
,
148
,
118
],
[
3
,
73
,
45
,
23
,
74
,
46
],
[
4
,
54
,
24
,
31
,
55
,
25
],
[
11
,
45
,
15
,
31
,
46
,
16
],
[
7
,
146
,
116
,
7
,
147
,
117
],
[
21
,
73
,
45
,
7
,
74
,
46
],
[
1
,
53
,
23
,
37
,
54
,
24
],
[
19
,
45
,
15
,
26
,
46
,
16
],
[
5
,
145
,
115
,
10
,
146
,
116
],
[
19
,
75
,
47
,
10
,
76
,
48
],
[
15
,
54
,
24
,
25
,
55
,
25
],
[
23
,
45
,
15
,
25
,
46
,
16
],
[
13
,
145
,
115
,
3
,
146
,
116
],
[
2
,
74
,
46
,
29
,
75
,
47
],
[
42
,
54
,
24
,
1
,
55
,
25
],
[
23
,
45
,
15
,
28
,
46
,
16
],
[
17
,
145
,
115
],
[
10
,
74
,
46
,
23
,
75
,
47
],
[
10
,
54
,
24
,
35
,
55
,
25
],
[
19
,
45
,
15
,
35
,
46
,
16
],
[
17
,
145
,
115
,
1
,
146
,
116
],
[
14
,
74
,
46
,
21
,
75
,
47
],
[
29
,
54
,
24
,
19
,
55
,
25
],
[
11
,
45
,
15
,
46
,
46
,
16
],
[
13
,
145
,
115
,
6
,
146
,
116
],
[
14
,
74
,
46
,
23
,
75
,
47
],
[
44
,
54
,
24
,
7
,
55
,
25
],
[
59
,
46
,
16
,
1
,
47
,
17
],
[
12
,
151
,
121
,
7
,
152
,
122
],
[
12
,
75
,
47
,
26
,
76
,
48
],
[
39
,
54
,
24
,
14
,
55
,
25
],
[
22
,
45
,
15
,
41
,
46
,
16
],
[
6
,
151
,
121
,
14
,
152
,
122
],
[
6
,
75
,
47
,
34
,
76
,
48
],
[
46
,
54
,
24
,
10
,
55
,
25
],
[
2
,
45
,
15
,
64
,
46
,
16
],
[
17
,
152
,
122
,
4
,
153
,
123
],
[
29
,
74
,
46
,
14
,
75
,
47
],
[
49
,
54
,
24
,
10
,
55
,
25
],
[
24
,
45
,
15
,
46
,
46
,
16
],
[
4
,
152
,
122
,
18
,
153
,
123
],
[
13
,
74
,
46
,
32
,
75
,
47
],
[
48
,
54
,
24
,
14
,
55
,
25
],
[
42
,
45
,
15
,
32
,
46
,
16
],
[
20
,
147
,
117
,
4
,
148
,
118
],
[
40
,
75
,
47
,
7
,
76
,
48
],
[
43
,
54
,
24
,
22
,
55
,
25
],
[
10
,
45
,
15
,
67
,
46
,
16
],
[
19
,
148
,
118
,
6
,
149
,
119
],
[
18
,
75
,
47
,
31
,
76
,
48
],
[
34
,
54
,
24
,
34
,
55
,
25
],
[
20
,
45
,
15
,
61
,
46
,
16
]]
QRRSBlock
.
getRSBlocks
=
function
(
typeNumber
,
errorCorrectLevel
)
{
var
rsBlock
=
QRRSBlock
.
getRsBlockTable
(
typeNumber
,
errorCorrectLevel
);
if
(
rsBlock
==
undefined
)
{
throw
new
Error
(
'bad rs block @ typeNumber:'
+
typeNumber
+
'/errorCorrectLevel:'
+
errorCorrectLevel
)
}
var
length
=
rsBlock
.
length
/
3
;
var
list
=
[];
for
(
var
i
=
0
;
i
<
length
;
i
++
)
{
var
count
=
rsBlock
[
i
*
3
+
0
];
var
totalCount
=
rsBlock
[
i
*
3
+
1
];
var
dataCount
=
rsBlock
[
i
*
3
+
2
];
for
(
var
j
=
0
;
j
<
count
;
j
++
)
{
list
.
push
(
new
QRRSBlock
(
totalCount
,
dataCount
))
}
}
return
list
}
QRRSBlock
.
getRsBlockTable
=
function
(
typeNumber
,
errorCorrectLevel
)
{
switch
(
errorCorrectLevel
)
{
case
QRErrorCorrectLevel
.
L
:
return
QRRSBlock
.
RS_BLOCK_TABLE
[(
typeNumber
-
1
)
*
4
+
0
];
case
QRErrorCorrectLevel
.
M
:
return
QRRSBlock
.
RS_BLOCK_TABLE
[(
typeNumber
-
1
)
*
4
+
1
];
case
QRErrorCorrectLevel
.
Q
:
return
QRRSBlock
.
RS_BLOCK_TABLE
[(
typeNumber
-
1
)
*
4
+
2
];
case
QRErrorCorrectLevel
.
H
:
return
QRRSBlock
.
RS_BLOCK_TABLE
[(
typeNumber
-
1
)
*
4
+
3
];
default
:
return
undefined
}
}
function
QRBitBuffer
()
{
this
.
buffer
=
[];
this
.
length
=
0
}
QRBitBuffer
.
prototype
=
{
get
:
function
(
index
)
{
var
bufIndex
=
Math
.
floor
(
index
/
8
);
return
((
this
.
buffer
[
bufIndex
]
>>>
(
7
-
index
%
8
))
&
1
)
==
1
},
put
:
function
(
num
,
length
)
{
for
(
var
i
=
0
;
i
<
length
;
i
++
)
{
this
.
putBit
(((
num
>>>
(
length
-
i
-
1
))
&
1
)
==
1
)
}
},
getLengthInBits
:
function
()
{
return
this
.
length
},
putBit
:
function
(
bit
)
{
var
bufIndex
=
Math
.
floor
(
this
.
length
/
8
);
if
(
this
.
buffer
.
length
<=
bufIndex
)
{
this
.
buffer
.
push
(
0
)
}
if
(
bit
)
{
this
.
buffer
[
bufIndex
]
|=
(
0x80
>>>
(
this
.
length
%
8
))
}
this
.
length
++
}
}
var
QRCodeLimitLength
=
[[
17
,
14
,
11
,
7
],
[
32
,
26
,
20
,
14
],
[
53
,
42
,
32
,
24
],
[
78
,
62
,
46
,
34
],
[
106
,
84
,
60
,
44
],
[
134
,
106
,
74
,
58
],
[
154
,
122
,
86
,
64
],
[
192
,
152
,
108
,
84
],
[
230
,
180
,
130
,
98
],
[
271
,
213
,
151
,
119
],
[
321
,
251
,
177
,
137
],
[
367
,
287
,
203
,
155
],
[
425
,
331
,
241
,
177
],
[
458
,
362
,
258
,
194
],
[
520
,
412
,
292
,
220
],
[
586
,
450
,
322
,
250
],
[
644
,
504
,
364
,
280
],
[
718
,
560
,
394
,
310
],
[
792
,
624
,
442
,
338
],
[
858
,
666
,
482
,
382
],
[
929
,
711
,
509
,
403
],
[
1003
,
779
,
565
,
439
],
[
1091
,
857
,
611
,
461
],
[
1171
,
911
,
661
,
511
],
[
1273
,
997
,
715
,
535
],
[
1367
,
1059
,
751
,
593
],
[
1465
,
1125
,
805
,
625
],
[
1528
,
1190
,
868
,
658
],
[
1628
,
1264
,
908
,
698
],
[
1732
,
1370
,
982
,
742
],
[
1840
,
1452
,
1030
,
790
],
[
1952
,
1538
,
1112
,
842
],
[
2068
,
1628
,
1168
,
898
],
[
2188
,
1722
,
1228
,
958
],
[
2303
,
1809
,
1283
,
983
],
[
2431
,
1911
,
1351
,
1051
],
[
2563
,
1989
,
1423
,
1093
],
[
2699
,
2099
,
1499
,
1139
],
[
2809
,
2213
,
1579
,
1219
],
[
2953
,
2331
,
1663
,
1273
]]
// QRCode object
QRCode
=
function
(
canvasId
,
vOption
)
{
this
.
_htOption
=
{
width
:
256
,
height
:
256
,
typeNumber
:
4
,
colorDark
:
'#000000'
,
colorLight
:
'#ffffff'
,
correctLevel
:
QRErrorCorrectLevel
.
H
}
if
(
typeof
vOption
===
'string'
)
{
vOption
=
{
text
:
vOption
}
}
// Overwrites options
if
(
vOption
)
{
for
(
var
i
in
vOption
)
{
this
.
_htOption
[
i
]
=
vOption
[
i
]
}
}
this
.
_oQRCode
=
null
this
.
canvasId
=
canvasId
if
(
this
.
_htOption
.
text
&&
this
.
canvasId
)
{
this
.
makeCode
(
this
.
_htOption
.
text
)
}
}
QRCode
.
prototype
.
makeCode
=
function
(
sText
)
{
this
.
_oQRCode
=
new
QRCodeModel
(
_getTypeNumber
(
sText
,
this
.
_htOption
.
correctLevel
),
this
.
_htOption
.
correctLevel
)
this
.
_oQRCode
.
addData
(
sText
)
this
.
_oQRCode
.
make
()
this
.
makeImage
()
}
QRCode
.
prototype
.
makeImage
=
function
()
{
var
_oContext
if
(
this
.
_htOption
.
usingIn
)
{
_oContext
=
wx
.
createCanvasContext
(
this
.
canvasId
,
this
.
_htOption
.
usingIn
)
}
else
{
_oContext
=
wx
.
createCanvasContext
(
this
.
canvasId
)
}
var
_htOption
=
this
.
_htOption
var
oQRCode
=
this
.
_oQRCode
var
nCount
=
oQRCode
.
getModuleCount
()
var
nWidth
=
_htOption
.
padding
?
(
_htOption
.
width
-
2
*
_htOption
.
padding
)
/
nCount
:
_htOption
.
width
/
nCount
var
nHeight
=
_htOption
.
padding
?
(
_htOption
.
height
-
2
*
_htOption
.
padding
)
/
nCount
:
_htOption
.
height
/
nCount
var
nRoundedHeight
=
Math
.
round
(
nHeight
)
var
nRoundedWidth
=
Math
.
round
(
nWidth
)
if
(
_htOption
.
image
&&
_htOption
.
image
!=
''
)
{
_oContext
.
drawImage
(
_htOption
.
image
,
0
,
0
,
_htOption
.
width
,
_htOption
.
height
)
}
_oContext
.
setFillStyle
(
'#fff'
)
_oContext
.
fillRect
(
0
,
0
,
_htOption
.
width
,
_htOption
.
height
)
_oContext
.
save
()
for
(
var
row
=
0
;
row
<
nCount
;
row
++
)
{
for
(
var
col
=
0
;
col
<
nCount
;
col
++
)
{
var
bIsDark
=
oQRCode
.
isDark
(
row
,
col
)
var
nLeft
=
_htOption
.
padding
?
col
*
nWidth
+
_htOption
.
padding
:
col
*
nWidth
var
nTop
=
_htOption
.
padding
?
row
*
nHeight
+
_htOption
.
padding
:
row
*
nHeight
_oContext
.
setStrokeStyle
(
bIsDark
?
_htOption
.
colorDark
:
_htOption
.
colorLight
)
// _oContext.setStrokeStyle('red')
_oContext
.
setLineWidth
(
1
)
_oContext
.
setFillStyle
(
bIsDark
?
_htOption
.
colorDark
:
_htOption
.
colorLight
)
// _oContext.setFillStyle('red')
// if (bIsDark) {
_oContext
.
fillRect
(
nLeft
,
nTop
,
nWidth
,
nHeight
)
// }
// 안티 앨리어싱 방지 처리
// if (bIsDark) {
_oContext
.
strokeRect
(
Math
.
floor
(
nLeft
)
+
0.5
,
Math
.
floor
(
nTop
)
+
0.5
,
nRoundedHeight
)
_oContext
.
strokeRect
(
Math
.
ceil
(
nLeft
)
-
0.5
,
Math
.
ceil
(
nTop
)
-
0.5
,
nRoundedWidth
,
nRoundedHeight
)
// }
// _oContext.fillRect(
// Math.floor(nLeft) + 0.5,
// Math.floor(nTop) + 0.5,
// nRoundedWidth,
// nRoundedHeight
// );
// _oContext.fillRect(
// Math.ceil(nLeft) - 0.5,
// Math.ceil(nTop) - 0.5,
// nRoundedWidth,
// nRoundedHeight
// );
// _oContext.clearRect(
// Math.floor(nLeft) + 0.5,
// Math.floor(nTop) + 0.5,
// nRoundedWidth,
// nRoundedHeight
// );
// _oContext.clearRect(
// Math.ceil(nLeft) - 0.5,
// Math.ceil(nTop) - 0.5,
// nRoundedWidth,
// nRoundedHeight
// );
}
}
_oContext
.
draw
(
false
,
()
=>
{
setTimeout
(()
=>
{
this
.
exportImage
()
},
800
)
})
}
// 保存为图片,将临时路径传给回调
QRCode
.
prototype
.
exportImage
=
function
(
callback
)
{
if
(
this
.
_htOption
.
callback
&&
typeof
this
.
_htOption
.
callback
===
'function'
)
{
wx
.
canvasToTempFilePath
({
x
:
0
,
y
:
0
,
width
:
this
.
_htOption
.
width
,
height
:
this
.
_htOption
.
height
,
destWidth
:
this
.
_htOption
.
width
,
destHeight
:
this
.
_htOption
.
height
,
canvasId
:
this
.
canvasId
,
success
:
(
res
)
=>
{
this
.
_htOption
.
callback
({
path
:
res
.
tempFilePath
})
}
})
}
}
QRCode
.
CorrectLevel
=
QRErrorCorrectLevel
})()
module
.
exports
=
QRCode
pages/my/order/electronicTicket/electronicTicket-副本.vue
View file @
0e4fcbdd
...
...
@@ -2,23 +2,32 @@
<view
class=
"page-box"
>
<view
class=
"order-status"
>
<view
class=
"status-box"
>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
出票成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==2"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==3"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==4"
>
购买成功
</
template
>
-->
{{orderInfo.orderStatus|orderStatus1}}
</view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
<template
v-if=
"channelType==1"
>
<view
class=
"status-type"
>
携程
<text
style=
"font-size: 28rpx;margin-left: 10rpx;"
>
{{
orderInfo
.
merchantName
}}
(
{{
orderInfo
.
productName
}}
)
</text>
</view>
</
template
>
<
template
v-else
>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
出票成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==2"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==3"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==4"
>
购买成功
</
template
>
-->
{{orderInfo.orderStatus|orderStatus1}}
</view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
</template>
</view>
</view>
<
template
v-if=
"orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==2||orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==2"
>
...
...
@@ -38,8 +47,7 @@
</view>
<view
class=
"certificate-box"
v-else-if=
"orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5"
>
<view
class=
"box-verificationCode"
>
验证码:
{{
ticketCode
}}
</view>
<uqrcode
ref=
"uqrcode"
canvas-id=
"qrcode"
class=
"box-QRcode"
:class=
"showtip==false&&showUseRule==false?'':'box-QRcode2'"
:value=
"uqrcodeVal"
:options=
"
{ margin: 10 }" >
</uqrcode>
<view
v-if=
"howtip==true||showUseRule==true"
style=
"width: 200px; height: 200px;"
></view>
<canvas
class=
"box-QRcode"
canvas-id=
"qrcode"
/>
<view
class=
"progress-box"
v-if=
"qrCodeType==true"
>
<progress
:percent=
"percentage"
activeColor=
"#3688FF"
stroke-width=
"3"
/>
</view>
...
...
@@ -216,6 +224,19 @@
</
template
>
</view>
</view>
<view
class=
"order-vouchers"
v-if=
"photoType==true"
>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-title"
>
恭喜您!获得摄影抵用券{{findCouponPhoto.couponPrice}}元
</view>
<view
class=
"vouchers-address"
>
使用地址:长江索道南站观景台旁
</view>
<view
class=
"vouchers-btn"
>
<view
class=
"btn-click"
@
click=
"immediateClaim()"
v-if=
"claimStatus==0"
>
立即领取
</view>
<view
class=
"btn-click"
v-else
>
已领取
</view>
<view
class=
"btn-to"
@
click=
"toMyCoupon()"
>
使用规则
<u-icon
name=
"arrow-right"
color=
"#333333"
></u-icon>
</view>
</view>
</view>
<view
class=
"order-mes order-allType order-positionTop"
>
<view
class=
"alltype-title"
@
click=
"orderTypeNumFun()"
>
<!-- <view class="title-line">
...
...
@@ -317,54 +338,12 @@
</view>
</view>
</view>
<!--抵消券 对应的遮罩-->
<view
class=
"couponBox"
@
click=
"showUseRule = true"
v-if=
"couponType"
>
<image
class=
"coupon"
src=
"../../../../static/img/my/coupon.png"
></image>
<text
class=
"coupon-price"
>
<text
class=
"r-symbol"
>
¥
</text>
{{couponPrice}}
</text>
</view>
<u-mask
:show=
"showtip || showUseRule"
>
<view
class=
"mask"
>
<view
class=
"img-box"
>
<!-- <image src="../../../../static/img/my/postcardTip.png" v-if="showtip"></image>
<image src="../../../../static/img/my/useRule.png" v-if="showUseRule"></image> -->
<view
v-if=
"showtip"
class=
"tips-vouchers"
>
<view
class=
"vouchers-title"
>
恭喜您!
</view>
<view
class=
"vouchers-title2"
>
获得摄影抵用
<text>
{{couponPrice}}
</text>
券
</view>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-to"
@
click=
"showtipFun()"
>
使用规则
<u-icon
class=
"to-url"
name=
"arrow-right"
></u-icon>
</view>
<view
class=
"vouchers-text"
>
(使用地址:长江索道南站观景台旁)
</view>
</view>
<view
v-if=
"showUseRule"
class=
"tips-useRule"
>
<view
class=
"useRule-title"
>
使用规则
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
规则说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRule"
:key=
"index"
>
· {{item}}
</view>
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
补充说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRuleRemind"
:key=
"index"
>
· {{item}}
</view>
</view>
</view>
<image
class=
"coupon-backgruondImg"
src=
"../../../../static/img/my/backgroundIcon01.png"
></image>
<u-icon
class=
"close"
name=
"close-circle"
@
click=
"closeMask"
></u-icon>
</view>
<u-button
type=
"primary"
shape=
"circle"
@
click=
"showtipCloseFun()"
>
知道了
</u-button>
</view>
</u-mask>
</view>
</template>
<
script
>
import
uQRCode
from
'@/common/uqrcode.js'
import
uQRCode
from
'@/common/
js/
uqrcode.js'
import
UMask
from
'@/uview-ui/components/u-mask/u-mask.vue'
export
default
{
components
:
{
...
...
@@ -528,7 +507,6 @@ export default {
},
data
()
{
return
{
uqrcodeVal
:
''
,
orderDataType
:
false
,
openId
:
''
,
//用户信息
id
:
''
,
//订单ID
...
...
@@ -563,13 +541,10 @@ export default {
btnRefundType
:
false
,
//是否可退款
ifyukuaiCode
:
''
,
visitorIndex
:
''
,
//短信特殊字段
showtip
:
false
,
//领取提示
showUseRule
:
false
,
//使用规则提示
couponType
:
false
,
//是否拥有相册优惠券
findPageMarketList
:[],
//券信息
couponPrice
:
0
,
//优惠价格
couponRule
:[],
//规则说明
couponRuleRemind
:[],
//补充说明
channelType
:
0
,
//渠道状态channelType==0 订单列表跳转 ==1 OTA取票跳转
photoType
:
false
,
//是否显示优惠券
claimStatus
:
1
,
//领取状态 0未领取 1已领取
findCouponPhoto
:{},
//相册优惠券
}
},
onShow
()
{
...
...
@@ -602,11 +577,12 @@ export default {
this
.
visitorIndex
=
option
.
visitorIndex
this
.
orderDataType
=
false
}
this
.
ifyukuaiCode
=
option
.
ifyukuaiCode
||
''
//this.id = "z00167956572219584dc15634b62cf75"
//this.openId = uni.getStorageSync('openid') //openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this
.
openId
=
'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
this
.
openId
=
uni
.
getStorageSync
(
'openid'
)
//openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this
.
channelType
=
option
.
channelType
||
0
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
this
.
getDetail
()
},
onUnload
()
{
...
...
@@ -627,62 +603,67 @@ export default {
})
},
methods
:
{
showtipFun
(){
//点击使用规则
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
true
//使用规则提示
},
showtipCloseFun
(){
//点击使用规则
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
},
closeMask
(){
//遮罩关闭
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
toMyCoupon
(){
//跳转我的优惠券
uni
.
navigateTo
({
url
:
'/pages/my/couponCenter/myCouponList/myCouponList'
})
},
findPageMarketFun
(){
//优惠券
var
userId
=
uni
.
getStorageSync
(
'userId'
)
var
data
=
{
pageCode
:
'orderInfo'
,
marketingStatus
:
1
,
openid
:
this
.
openId
,
//用户Id
userId
:
userId
,
immediateClaim
(){
//立即领取
let
data
=
{
openid
:
this
.
openId
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
couponId
:
this
.
findCouponPhoto
.
couponId
,
comeFrom
:
'相册领券'
,
couponType
:
this
.
findCouponPhoto
.
couponType
,
deductPrice
:
this
.
findCouponPhoto
.
couponPrice
,
useStartDate
:
this
.
findCouponPhoto
.
useStartDate
,
useEndDate
:
this
.
findCouponPhoto
.
useEndDate
,
couponRule
:
this
.
findCouponPhoto
.
couponRule
,
couponRuleRemind
:
this
.
findCouponPhoto
.
couponRuleRemind
,
couponName
:
this
.
findCouponPhoto
.
couponName
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
slaveList
:
this
.
findCouponPhoto
.
slaveList
}
this
.
$request
(
'
scenic/market/findPageMarket
'
,
data
).
then
((
res
)
=>
{
this
.
$request
(
'
wechatUser/myPage/saveCoupon
'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
this
.
findPageMarketList
=
res
.
data
// showtip: false,//领取提示
// showUseRule: false,//使用规则提示
if
(
this
.
findPageMarketList
.
length
>
0
){
this
.
showtip
=
true
}
this
.
getUserCouponListFun
()
}
else
{
// uni.showToast({
// title: res.message,
// icon: 'none'
// })
uni
.
showToast
({
title
:
'领取成功'
,
icon
:
'none'
})
this
.
claimStatus
=
1
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
})
}
}).
catch
(()
=>
{
})
},
getUserCouponListFun
(){
//判定券是否使用
var
data
=
{
openid
:
this
.
openId
,
//用户Id
findCouponListFun
(){
//券查询
let
data
=
{
openid
:
this
.
openId
,
useRange
:
11
,
}
this
.
$request
(
'
wechatUser/myPage/getUser
CouponList'
,
data
).
then
((
res
)
=>
{
this
.
$request
(
'
scenic/user/product/find
CouponList'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
res
.
data
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
useRange
==
11
&&
item
.
couponStatus
==
1
){
this
.
couponType
=
true
this
.
couponPrice
=
item
.
deductPrice
this
.
couponRule
=
item
.
couponRule
.
split
(
';'
)
//规则说明
this
.
couponRuleRemind
=
item
.
couponRuleRemind
.
split
(
';'
)
//补充说明
res
.
data
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
useRange
==
11
){
this
.
findCouponPhoto
=
item
this
.
claimStatus
=
0
if
(
item
.
alreadyReceive
==
undefined
||
item
.
alreadyReceive
==
0
){
this
.
claimStatus
=
0
}
else
{
this
.
claimStatus
=
1
}
this
.
photoType
=
true
}
})
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
})
}
}).
catch
(()
=>
{
})
},
orderTypeNumFun
(){
...
...
@@ -745,7 +726,7 @@ export default {
// clearInterval(timer)
// })
}
this
.
find
PageMarke
tFun
()
this
.
find
CouponLis
tFun
()
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
...
...
@@ -863,18 +844,17 @@ export default {
}
else
{
verifyCode
=
this
.
verifyCode
}
// uQRCode.make({
// canvasId: 'qrcode',
// componentInstance: this,
// text: verifyCode,
// size: 180,
// margin: 10,
// backgroundColor: '#ffffff',
// foregroundColor: '#000000',
// fileType: 'jpg',
// errorCorrectLevel: uQRCode.errorCorrectLevel.H
// })
this
.
uqrcodeVal
=
verifyCode
uQRCode
.
make
({
canvasId
:
'qrcode'
,
componentInstance
:
this
,
text
:
verifyCode
,
size
:
180
,
margin
:
10
,
backgroundColor
:
'#ffffff'
,
foregroundColor
:
'#000000'
,
fileType
:
'jpg'
,
errorCorrectLevel
:
uQRCode
.
errorCorrectLevel
.
H
})
}
},
signOverFun
(
item
){
//过号遮罩显示
...
...
@@ -915,18 +895,17 @@ export default {
// height: 180,
// text:this.codeNo
// })
// uQRCode.make({
// canvasId: 'qrcode',
// componentInstance: this,
// text: this.codeNo,
// size: 180,
// margin: 10,
// backgroundColor: '#ffffff',
// foregroundColor: '#000000',
// fileType: 'jpg',
// errorCorrectLevel: uQRCode.errorCorrectLevel.H
// })
this
.
uqrcodeVal
=
this
.
codeNo
uQRCode
.
make
({
canvasId
:
'qrcode'
,
componentInstance
:
this
,
text
:
this
.
codeNo
,
size
:
180
,
margin
:
10
,
backgroundColor
:
'#ffffff'
,
foregroundColor
:
'#000000'
,
fileType
:
'jpg'
,
errorCorrectLevel
:
uQRCode
.
errorCorrectLevel
.
H
})
}
this
.
percentage
+=
1
if
(
this
.
percentage
>=
100
){
...
...
@@ -1350,17 +1329,9 @@ export default {
.order-certificate
.certificate-box
.box-QRcode
{
display
:
block
;
width
:
200px
;
height
:
200px
;
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas-wrapper
,/
deep
/
.uqrcode
{
width
:
180px
;
height
:
180px
;
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas
{
transform
:(
1
,
1
)
}
.order-certificate
.certificate-box
.box-QRcode2
{
position
:
fixed
;
...
...
@@ -1542,154 +1513,55 @@ export default {
color
:
#999999
;
margin-right
:
56rpx
;
}
/
deep
/
.u-mask
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.mask
{
.order-vouchers
{
width
:
710rpx
;
height
:
184rpx
;
margin
:
0
auto
16rpx
auto
;
box-shadow
:
0rpx
0rpx
16rpx
2rpx
rgba
(
0
,
0
,
0
,
0
.08
);
border-radius
:
16rpx
16rpx
16rpx
16rpx
;
padding
:
24rpx
32rpx
0
32rpx
;
background-image
:
url("../../static/orderList/iconBackground.png")
;
position
:
relative
;
.img-box
{
position
:
relative
;
margin-bottom
:
32rpx
;
.close
{
position
:
absolute
;
top
:
-54rpx
;
right
:
24rpx
;
color
:
#fff
;
&
:
:
after
{
position
:
absolute
;
content
:
''
;
top
:
24rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
width
:
0
;
height
:
32rpx
;
border-left
:
1px
dashed
#fff
;
}
}
overflow
:
hidden
;
.vouchers-img
{
width
:
200rpx
;
height
:
160rpx
;
position
:
absolute
;
bottom
:
-15rpx
;
right
:
28rpx
;
}
.coupon-backgruondImg
{
width
:
504rpx
;
height
:
720rpx
;
.vouchers-title
{
font-size
:
32rpx
;
color
:
#EE0E0E
;
font-weight
:
bold
;
line-height
:
44rpx
;
margin-bottom
:
8rpx
;
}
/
deep
/
.u-btn
{
width
:
304rpx
;
.vouchers-address
{
font-size
:
24rpx
;
color
:
#25434D
;
line-height
:
34rpx
;
margin-bottom
:
16rpx
;
}
.tips-vouchers
{
width
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
.vouchers-title
{
text-align
:
center
;
font-size
:
36rpx
;
color
:
#191919
;
font-weight
:
bold
;
margin-top
:
66rpx
;
}
.vouchers-title2
{
.vouchers-btn
{
display
:
flex
;
.btn-click
{
width
:
144rpx
;
height
:
42rpx
;
background
:
#EE0E0E
;
border-radius
:
22rpx
22rpx
22rpx
22rpx
;
font-size
:
24rpx
;
color
:
#FFFFFF
;
text-align
:
center
;
font-size
:
36rpx
;
color
:
#191919
;
text
{
color
:
#EE520E
;
font-size
:
64rpx
;
font-weight
:
bold
;
margin
:
0
10rpx
0
10rpx
;
}
}
.vouchers-img
{
display
:
block
;
width
:
420rpx
;
height
:
335rpx
;
margin
:
42rpx
auto
42rpx
auto
;
line-height
:
42rpx
;
margin-right
:
24rpx
;
}
.
vouchers
-to
{
.
btn
-to
{
display
:
flex
;
justify-content
:center
;
font-size
:
24rpx
;
color
:
333333
;
line-height
:
34rpx
;
.to-url
{
margin-left
:
16rpx
;
}
}
.vouchers-text
{
text-align
:
center
;
font-size
:
24rpx
;
color
:
#333333
;
line-height
:
34rpx
;
font-weight
:
bold
;
margin-top
:
16rpx
;
}
}
.tips-useRule
{
width
:
100%
;
padding
:
50rpx
40rpx
32rpx
32rpx
;
margin
:
auto
;
overflow
:
auto
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
.useRule-title
{
font-size
:
36rpx
;
color
:
#191919
;
font-weight
:
bold
;
text-align
:
center
;
margin-bottom
:
48rpx
;
font-size
:
20rpx
;
line-height
:
42rpx
;
}
.useRule-list
{
margin-bottom
:
32rpx
;
.list-title
{
width
:
128rpx
;
height
:
42rpx
;
background
:
#000000
;
border-radius
:
4rpx
4rpx
4rpx
4rpx
;
font-size
:
24rpx
;
color
:
#fff
;
text-align
:
center
;
line-height
:
42rpx
;
margin-bottom
:
24rpx
}
.list-text
{
font-size
:
20rpx
;
line-height
:
28rpx
;
color
:
#333333
;
margin-bottom
:
16rpx
;
}
.list-text
:nth-last-child
(
1
)
{
margin-bottom
:
0
;
}
}
}
}
.couponBox
{
position
:
fixed
;
right
:
-30rpx
;
bottom
:
200rpx
;
width
:
140rpx
;
height
:
140rpx
;
z-index
:
20
;
.coupon
{
width
:
140rpx
;
height
:
140rpx
;
}
.coupon-price
{
position
:
absolute
;
bottom
:
46rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
font-size
:
40rpx
;
font-weight
:
700
;
color
:
#fff
;
}
.r-symbol
{
font-size
:
10rpx
;
}
}
</
style
>
pages/my/order/electronicTicket/electronicTicket.vue
View file @
0e4fcbdd
...
...
@@ -2,32 +2,23 @@
<view
class=
"page-box"
>
<view
class=
"order-status"
>
<view
class=
"status-box"
>
<template
v-if=
"channelType==1"
>
<view
class=
"status-type"
>
携程
<text
style=
"font-size: 28rpx;margin-left: 10rpx;"
>
{{
orderInfo
.
merchantName
}}
(
{{
orderInfo
.
productName
}}
)
</text>
</view>
</
template
>
<
template
v-else
>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
出票成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==2"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==3"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==4"
>
购买成功
</
template
>
-->
{{orderInfo.orderStatus|orderStatus1}}
</view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
</template>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
出票成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==2"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==3"
>
预订成功
</
template
>
<
template
v-else-if=
"orderInfo.orderType==4"
>
购买成功
</
template
>
-->
{{orderInfo.orderStatus|orderStatus1}}
</view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
</view>
</view>
<
template
v-if=
"orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==2||orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==2"
>
...
...
@@ -47,7 +38,8 @@
</view>
<view
class=
"certificate-box"
v-else-if=
"orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5"
>
<view
class=
"box-verificationCode"
>
验证码:
{{
ticketCode
}}
</view>
<canvas
class=
"box-QRcode"
canvas-id=
"qrcode"
/>
<uqrcode
ref=
"uqrcode"
canvas-id=
"qrcode"
class=
"box-QRcode"
:class=
"showtip==false&&showUseRule==false?'':'box-QRcode2'"
:value=
"uqrcodeVal"
:options=
"
{ margin: 10 }" >
</uqrcode>
<view
v-if=
"howtip==true||showUseRule==true"
style=
"width: 200px; height: 200px;"
></view>
<view
class=
"progress-box"
v-if=
"qrCodeType==true"
>
<progress
:percent=
"percentage"
activeColor=
"#3688FF"
stroke-width=
"3"
/>
</view>
...
...
@@ -224,19 +216,6 @@
</
template
>
</view>
</view>
<view
class=
"order-vouchers"
v-if=
"photoType==true"
>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-title"
>
恭喜您!获得摄影抵用券{{findCouponPhoto.couponPrice}}元
</view>
<view
class=
"vouchers-address"
>
使用地址:长江索道南站观景台旁
</view>
<view
class=
"vouchers-btn"
>
<view
class=
"btn-click"
@
click=
"immediateClaim()"
v-if=
"claimStatus==0"
>
立即领取
</view>
<view
class=
"btn-click"
v-else
>
已领取
</view>
<view
class=
"btn-to"
@
click=
"toMyCoupon()"
>
使用规则
<u-icon
name=
"arrow-right"
color=
"#333333"
></u-icon>
</view>
</view>
</view>
<view
class=
"order-mes order-allType order-positionTop"
>
<view
class=
"alltype-title"
@
click=
"orderTypeNumFun()"
>
<!-- <view class="title-line">
...
...
@@ -338,12 +317,54 @@
</view>
</view>
</view>
<!--抵消券 对应的遮罩-->
<view
class=
"couponBox"
@
click=
"showUseRule = true"
v-if=
"couponType"
>
<image
class=
"coupon"
src=
"../../../../static/img/my/coupon.png"
></image>
<text
class=
"coupon-price"
>
<text
class=
"r-symbol"
>
¥
</text>
{{couponPrice}}
</text>
</view>
<u-mask
:show=
"showtip || showUseRule"
>
<view
class=
"mask"
>
<view
class=
"img-box"
>
<!-- <image src="../../../../static/img/my/postcardTip.png" v-if="showtip"></image>
<image src="../../../../static/img/my/useRule.png" v-if="showUseRule"></image> -->
<view
v-if=
"showtip"
class=
"tips-vouchers"
>
<view
class=
"vouchers-title"
>
恭喜您!
</view>
<view
class=
"vouchers-title2"
>
获得摄影抵用
<text>
{{couponPrice}}
</text>
券
</view>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-to"
@
click=
"showtipFun()"
>
使用规则
<u-icon
class=
"to-url"
name=
"arrow-right"
></u-icon>
</view>
<view
class=
"vouchers-text"
>
(使用地址:长江索道南站观景台旁)
</view>
</view>
<view
v-if=
"showUseRule"
class=
"tips-useRule"
>
<view
class=
"useRule-title"
>
使用规则
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
规则说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRule"
:key=
"index"
>
· {{item}}
</view>
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
补充说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRuleRemind"
:key=
"index"
>
· {{item}}
</view>
</view>
</view>
<image
class=
"coupon-backgruondImg"
src=
"../../../../static/img/my/backgroundIcon01.png"
></image>
<u-icon
class=
"close"
name=
"close-circle"
@
click=
"closeMask"
></u-icon>
</view>
<u-button
type=
"primary"
shape=
"circle"
@
click=
"showtipCloseFun()"
>
知道了
</u-button>
</view>
</u-mask>
</view>
</template>
<
script
>
import
uQRCode
from
'@/common/
js/uqrcode
.js'
import
uQRCode
from
'@/common/
uqrcode4
.js'
import
UMask
from
'@/uview-ui/components/u-mask/u-mask.vue'
export
default
{
components
:
{
...
...
@@ -507,6 +528,7 @@ export default {
},
data
()
{
return
{
uqrcodeVal
:
''
,
orderDataType
:
false
,
openId
:
''
,
//用户信息
id
:
''
,
//订单ID
...
...
@@ -541,10 +563,13 @@ export default {
btnRefundType
:
false
,
//是否可退款
ifyukuaiCode
:
''
,
visitorIndex
:
''
,
//短信特殊字段
channelType
:
0
,
//渠道状态channelType==0 订单列表跳转 ==1 OTA取票跳转
photoType
:
false
,
//是否显示优惠券
claimStatus
:
1
,
//领取状态 0未领取 1已领取
findCouponPhoto
:{},
//相册优惠券
showtip
:
false
,
//领取提示
showUseRule
:
false
,
//使用规则提示
couponType
:
false
,
//是否拥有相册优惠券
findPageMarketList
:[],
//券信息
couponPrice
:
0
,
//优惠价格
couponRule
:[],
//规则说明
couponRuleRemind
:[],
//补充说明
}
},
onShow
()
{
...
...
@@ -577,11 +602,10 @@ export default {
this
.
visitorIndex
=
option
.
visitorIndex
this
.
orderDataType
=
false
}
this
.
ifyukuaiCode
=
option
.
ifyukuaiCode
||
''
//this.id = "z00167956572219584dc15634b62cf75"
this
.
openId
=
uni
.
getStorageSync
(
'openid'
)
//openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this
.
channelType
=
option
.
channelType
||
0
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
this
.
getDetail
()
},
...
...
@@ -603,67 +627,62 @@ export default {
})
},
methods
:
{
toMyCoupon
(){
//跳转我的优惠券
uni
.
navigateTo
({
url
:
'/pages/my/couponCenter/myCouponList/myCouponList'
})
showtipFun
(){
//点击使用规则
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
true
//使用规则提示
},
immediateClaim
(){
//立即领取
let
data
=
{
openid
:
this
.
openId
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
couponId
:
this
.
findCouponPhoto
.
couponId
,
comeFrom
:
'相册领券'
,
couponType
:
this
.
findCouponPhoto
.
couponType
,
deductPrice
:
this
.
findCouponPhoto
.
couponPrice
,
useStartDate
:
this
.
findCouponPhoto
.
useStartDate
,
useEndDate
:
this
.
findCouponPhoto
.
useEndDate
,
couponRule
:
this
.
findCouponPhoto
.
couponRule
,
couponRuleRemind
:
this
.
findCouponPhoto
.
couponRuleRemind
,
couponName
:
this
.
findCouponPhoto
.
couponName
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
slaveList
:
this
.
findCouponPhoto
.
slaveList
showtipCloseFun
(){
//点击使用规则
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
}
,
closeMask
(){
//遮罩关闭
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
}
,
findPageMarketFun
(){
//优惠券
var
userId
=
uni
.
getStorageSync
(
'userId'
)
var
data
=
{
pageCode
:
'orderInfo'
,
marketingStatus
:
1
,
openid
:
this
.
openId
,
//用户Id
userId
:
userId
,
}
this
.
$request
(
'
wechatUser/myPage/saveCoupon
'
,
data
).
then
((
res
)
=>
{
this
.
$request
(
'
scenic/market/findPageMarket
'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
uni
.
showToast
({
title
:
'领取成功'
,
icon
:
'none'
})
this
.
claimStatus
=
1
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
})
this
.
findPageMarketList
=
res
.
data
// showtip: false,//领取提示
// showUseRule: false,//使用规则提示
if
(
this
.
findPageMarketList
.
length
>
0
){
this
.
showtip
=
true
}
this
.
getUserCouponListFun
()
}
else
{
// uni.showToast({
// title: res.message,
// icon: 'none'
// })
}
}).
catch
(()
=>
{
})
},
findCouponListFun
(){
//券查询
let
data
=
{
openid
:
this
.
openId
,
useRange
:
11
,
getUserCouponListFun
(){
//判定券是否使用
var
data
=
{
openid
:
this
.
openId
,
//用户Id
}
this
.
$request
(
'
scenic/user/product/find
CouponList'
,
data
).
then
((
res
)
=>
{
this
.
$request
(
'
wechatUser/myPage/getUser
CouponList'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
res
.
data
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
useRange
==
11
){
this
.
findCouponPhoto
=
item
this
.
claimStatus
=
0
if
(
item
.
alreadyReceive
==
undefined
||
item
.
alreadyReceive
==
0
){
this
.
claimStatus
=
0
}
else
{
this
.
claimStatus
=
1
}
this
.
photoType
=
true
res
.
data
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
useRange
==
11
&&
item
.
couponStatus
==
1
){
this
.
couponType
=
true
this
.
couponPrice
=
item
.
deductPrice
this
.
couponRule
=
item
.
couponRule
.
split
(
';'
)
//规则说明
this
.
couponRuleRemind
=
item
.
couponRuleRemind
.
split
(
';'
)
//补充说明
}
})
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
})
}
}).
catch
(()
=>
{
})
},
orderTypeNumFun
(){
...
...
@@ -726,7 +745,7 @@ export default {
// clearInterval(timer)
// })
}
this
.
find
CouponLis
tFun
()
this
.
find
PageMarke
tFun
()
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
...
...
@@ -844,17 +863,18 @@ export default {
}
else
{
verifyCode
=
this
.
verifyCode
}
uQRCode
.
make
({
canvasId
:
'qrcode'
,
componentInstance
:
this
,
text
:
verifyCode
,
size
:
180
,
margin
:
10
,
backgroundColor
:
'#ffffff'
,
foregroundColor
:
'#000000'
,
fileType
:
'jpg'
,
errorCorrectLevel
:
uQRCode
.
errorCorrectLevel
.
H
})
// uQRCode.make({
// canvasId: 'qrcode',
// componentInstance: this,
// text: verifyCode,
// size: 180,
// margin: 10,
// backgroundColor: '#ffffff',
// foregroundColor: '#000000',
// fileType: 'jpg',
// errorCorrectLevel: uQRCode.errorCorrectLevel.H
// })
this
.
uqrcodeVal
=
verifyCode
}
},
signOverFun
(
item
){
//过号遮罩显示
...
...
@@ -895,17 +915,18 @@ export default {
// height: 180,
// text:this.codeNo
// })
uQRCode
.
make
({
canvasId
:
'qrcode'
,
componentInstance
:
this
,
text
:
this
.
codeNo
,
size
:
180
,
margin
:
10
,
backgroundColor
:
'#ffffff'
,
foregroundColor
:
'#000000'
,
fileType
:
'jpg'
,
errorCorrectLevel
:
uQRCode
.
errorCorrectLevel
.
H
})
// uQRCode.make({
// canvasId: 'qrcode',
// componentInstance: this,
// text: this.codeNo,
// size: 180,
// margin: 10,
// backgroundColor: '#ffffff',
// foregroundColor: '#000000',
// fileType: 'jpg',
// errorCorrectLevel: uQRCode.errorCorrectLevel.H
// })
this
.
uqrcodeVal
=
this
.
codeNo
}
this
.
percentage
+=
1
if
(
this
.
percentage
>=
100
){
...
...
@@ -1329,9 +1350,17 @@ export default {
.order-certificate
.certificate-box
.box-QRcode
{
display
:
block
;
width
:
18
0px
;
height
:
18
0px
;
width
:
20
0px
;
height
:
20
0px
;
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas-wrapper
,/
deep
/
.uqrcode
{
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas
{
transform
:(
1
,
1
)
}
.order-certificate
.certificate-box
.box-QRcode2
{
position
:
fixed
;
...
...
@@ -1513,55 +1542,154 @@ export default {
color
:
#999999
;
margin-right
:
56rpx
;
}
.order-vouchers
{
width
:
710rpx
;
height
:
184rpx
;
margin
:
0
auto
16rpx
auto
;
box-shadow
:
0rpx
0rpx
16rpx
2rpx
rgba
(
0
,
0
,
0
,
0
.08
);
border-radius
:
16rpx
16rpx
16rpx
16rpx
;
padding
:
24rpx
32rpx
0
32rpx
;
background-image
:
url("../../static/orderList/iconBackground.png")
;
/
deep
/
.u-mask
{
display
:
flex
;
justify-content
:
center
;
align-items
:
center
;
}
.mask
{
position
:
relative
;
overflow
:
hidden
;
.vouchers-img
{
width
:
200rpx
;
height
:
160rpx
;
position
:
absolute
;
bottom
:
-15rpx
;
right
:
28rpx
;
.img-box
{
position
:
relative
;
margin-bottom
:
32rpx
;
.close
{
position
:
absolute
;
top
:
-54rpx
;
right
:
24rpx
;
color
:
#fff
;
&
:
:
after
{
position
:
absolute
;
content
:
''
;
top
:
24rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
width
:
0
;
height
:
32rpx
;
border-left
:
1px
dashed
#fff
;
}
}
}
.vouchers-title
{
font-size
:
32rpx
;
color
:
#EE0E0E
;
font-weight
:
bold
;
line-height
:
44rpx
;
margin-bottom
:
8rpx
;
.coupon-backgruondImg
{
width
:
504rpx
;
height
:
720rpx
;
}
.vouchers-address
{
font-size
:
24rpx
;
color
:
#25434D
;
line-height
:
34rpx
;
margin-bottom
:
16rpx
;
/
deep
/
.u-btn
{
width
:
304rpx
;
}
.vouchers-btn
{
display
:
flex
;
.btn-click
{
width
:
144rpx
;
height
:
42rpx
;
background
:
#EE0E0E
;
border-radius
:
22rpx
22rpx
22rpx
22rpx
;
font-size
:
24rpx
;
color
:
#FFFFFF
;
.tips-vouchers
{
width
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
.vouchers-title
{
text-align
:
center
;
font-size
:
36rpx
;
color
:
#191919
;
font-weight
:
bold
;
margin-top
:
66rpx
;
}
.vouchers-title2
{
text-align
:
center
;
line-height
:
42rpx
;
margin-right
:
24rpx
;
font-size
:
36rpx
;
color
:
#191919
;
text
{
color
:
#EE520E
;
font-size
:
64rpx
;
font-weight
:
bold
;
margin
:
0
10rpx
0
10rpx
;
}
}
.vouchers-img
{
display
:
block
;
width
:
420rpx
;
height
:
335rpx
;
margin
:
42rpx
auto
42rpx
auto
;
}
.
btn
-to
{
.
vouchers
-to
{
display
:
flex
;
justify-content
:center
;
font-size
:
24rpx
;
color
:
333333
;
line-height
:
34rpx
;
.to-url
{
margin-left
:
16rpx
;
}
}
.vouchers-text
{
text-align
:
center
;
font-size
:
24rpx
;
color
:
#333333
;
font-size
:
20rpx
;
line-height
:
42rpx
;
line-height
:
34rpx
;
font-weight
:
bold
;
margin-top
:
16rpx
;
}
}
.tips-useRule
{
width
:
100%
;
padding
:
50rpx
40rpx
32rpx
32rpx
;
margin
:
auto
;
overflow
:
auto
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
.useRule-title
{
font-size
:
36rpx
;
color
:
#191919
;
font-weight
:
bold
;
text-align
:
center
;
margin-bottom
:
48rpx
;
}
.useRule-list
{
margin-bottom
:
32rpx
;
.list-title
{
width
:
128rpx
;
height
:
42rpx
;
background
:
#000000
;
border-radius
:
4rpx
4rpx
4rpx
4rpx
;
font-size
:
24rpx
;
color
:
#fff
;
text-align
:
center
;
line-height
:
42rpx
;
margin-bottom
:
24rpx
}
.list-text
{
font-size
:
20rpx
;
line-height
:
28rpx
;
color
:
#333333
;
margin-bottom
:
16rpx
;
}
.list-text
:nth-last-child
(
1
)
{
margin-bottom
:
0
;
}
}
}
}
.couponBox
{
position
:
fixed
;
right
:
-30rpx
;
bottom
:
200rpx
;
width
:
140rpx
;
height
:
140rpx
;
z-index
:
20
;
.coupon
{
width
:
140rpx
;
height
:
140rpx
;
}
.coupon-price
{
position
:
absolute
;
bottom
:
46rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
font-size
:
40rpx
;
font-weight
:
700
;
color
:
#fff
;
}
.r-symbol
{
font-size
:
10rpx
;
}
}
</
style
>
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