Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
jinli gu
Mall4j
Commits
8aeef4e0
Commit
8aeef4e0
authored
Aug 31, 2023
by
gu-jinli1118
Browse files
20230831
parent
646116b0
Pipeline
#31
failed with stages
in 0 seconds
Changes
677
Pipelines
1
Show whitespace changes
Inline
Side-by-side
Too many changes to show.
To preserve performance only
20 of 677+
files are displayed.
Plain diff
Email patch
mall4v/src/components/prod-select/index.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div>
<el-upload
class=
"pic-uploader-component"
:action=
"$http.adornUrl('/admin/file/upload/element')"
:headers=
"
{Authorization: $cookie.get('Authorization')}"
:show-file-list="false"
:on-success="handleUploadSuccess"
:before-upload="beforeAvatarUpload">
<img
v-if=
"value"
:src=
"resourcesUrl + value"
class=
"pic"
>
<i
v-else
class=
"el-icon-plus pic-uploader-icon"
></i>
</el-upload>
</div>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
resourcesUrl
:
process
.
env
.
VUE_APP_RESOURCES_URL
}
},
props
:
{
value
:
{
default
:
''
,
type
:
String
}
},
methods
:
{
// 图片上传
handleUploadSuccess
(
response
,
file
,
fileList
)
{
this
.
$emit
(
'
input
'
,
file
.
response
)
},
// 限制图片上传大小
beforeAvatarUpload
(
file
)
{
const
isLt2M
=
file
.
size
/
1024
/
1024
<
2
if
(
!
isLt2M
)
{
this
.
$message
.
error
(
'
上传头像图片大小不能超过 2MB!
'
)
}
return
isLt2M
}
}
}
</
script
>
<
style
lang=
"scss"
>
.pic-uploader-component
.el-upload
{
border
:
1px
dashed
#d9d9d9
;
border-radius
:
6px
;
cursor
:
pointer
;
position
:
relative
;
overflow
:
hidden
;
.pic-uploader-icon
{
font-size
:
28px
;
color
:
#8c939d
;
width
:
178px
;
height
:
178px
;
line-height
:
178px
;
text-align
:
center
;
}
.pic
{
width
:
178px
;
height
:
178px
;
display
:
block
;
}
}
.pic-uploader-component
.el-upload
:hover
{
border-color
:
#409EFF
;
}
</
style
>
mall4v/src/components/prods-select/index.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<el-dialog
title=
"选择商品"
:modal=
"false"
:close-on-click-modal=
"false"
:visible.sync=
"visible"
>
<el-table
ref=
"prodTable"
:data=
"dataList"
border
v-loading=
"dataListLoading"
@
selection-change=
"selectChangeHandle"
style=
"width: 100%;"
>
<el-table-column
v-if=
"isSingle"
width=
"50"
header-align=
"center"
align=
"center"
>
<template
slot-scope=
"scope"
>
<div>
<el-radio
:label=
"scope.row.prodId"
v-model=
"singleSelectProdId"
@
change.native=
"getSelectProdRow(scope.row)"
>
</el-radio>
</div>
</
template
>
</el-table-column>
<el-table-column
v-if=
"!isSingle"
type=
"selection"
header-align=
"center"
align=
"center"
width=
"50"
>
</el-table-column>
<el-table-column
prop=
"prodName"
header-align=
"center"
align=
"center"
label=
"产品名称"
>
</el-table-column>
<el-table-column
align=
"center"
width=
"140"
label=
"产品图片"
>
<
template
slot-scope=
"scope"
>
<img
:src=
"scope.row.pic"
width=
"100"
height=
"100"
/>
</
template
>
</el-table-column>
</el-table>
<el-pagination
@
size-change=
"sizeChangeHandle"
@
current-change=
"currentChangeHandle"
:current-page=
"pageIndex"
:page-sizes=
"[10, 20, 50, 100]"
:page-size=
"pageSize"
:total=
"totalPage"
layout=
"total, sizes, prev, pager, next, jumper"
>
</el-pagination>
<span
slot=
"footer"
>
<el-button
@
click=
"visible = false"
>
取消
</el-button>
<el-button
type=
"primary"
@
click=
"submitProds()"
>
确定
</el-button>
</span>
</el-dialog>
</template>
<
script
>
export
default
{
data
()
{
return
{
visible
:
false
,
dataForm
:
{
product
:
''
},
singleSelectProdId
:
0
,
allData
:
[],
selectProds
:
[],
dataList
:
[],
pageIndex
:
1
,
pageSize
:
10
,
totalPage
:
0
,
dataListLoading
:
false
,
dataListSelections
:
[],
addOrUpdateVisible
:
false
}
},
props
:
{
isSingle
:
{
default
:
false
,
type
:
Boolean
}
},
activated
()
{
this
.
getDataList
()
},
methods
:
{
// 获取数据列表
init
(
selectProds
)
{
this
.
selectProds
=
selectProds
this
.
visible
=
true
this
.
dataListLoading
=
true
if
(
this
.
selectProds
)
{
this
.
selectProds
.
forEach
(
row
=>
{
this
.
dataListSelections
.
push
(
row
)
})
}
this
.
getDataList
()
},
getDataList
()
{
this
.
$http
({
url
:
this
.
$http
.
adornUrl
(
'
/prod/prod/page
'
),
method
:
'
get
'
,
params
:
this
.
$http
.
adornParams
(
Object
.
assign
(
{
current
:
this
.
pageIndex
,
size
:
this
.
pageSize
},
{
prodName
:
this
.
dataForm
.
prodName
}
)
)
}).
then
(({
data
})
=>
{
this
.
dataList
=
data
.
records
this
.
totalPage
=
data
.
total
this
.
dataListLoading
=
false
if
(
this
.
selectProds
)
{
this
.
$nextTick
(()
=>
{
this
.
selectProds
.
forEach
(
row
=>
{
let
index
=
this
.
dataList
.
findIndex
((
prodItem
)
=>
prodItem
.
prodId
===
row
.
prodId
)
this
.
$refs
.
prodTable
.
toggleRowSelection
(
this
.
dataList
[
index
])
})
})
}
})
},
// 每页数
sizeChangeHandle
(
val
)
{
this
.
pageSize
=
val
this
.
pageIndex
=
1
this
.
getDataList
()
},
// 当前页
currentChangeHandle
(
val
)
{
this
.
pageIndex
=
val
this
.
getDataList
()
},
// 单选商品事件
getSelectProdRow
(
row
)
{
this
.
dataListSelections
=
[
row
]
},
// 多选点击事件
selectChangeHandle
(
selection
)
{
this
.
dataList
.
forEach
((
tableItem
)
=>
{
let
selectedProdIndex
=
selection
.
findIndex
((
selectedProd
)
=>
{
if
(
!
selectedProd
)
{
return
false
}
return
selectedProd
.
prodId
===
tableItem
.
prodId
})
let
dataSelectedProdIndex
=
this
.
dataListSelections
.
findIndex
((
dataSelectedProd
)
=>
dataSelectedProd
.
prodId
===
tableItem
.
prodId
)
if
(
selectedProdIndex
>
-
1
&&
dataSelectedProdIndex
===
-
1
)
{
this
.
dataListSelections
.
push
(
tableItem
)
}
else
if
(
selectedProdIndex
===
-
1
&&
dataSelectedProdIndex
>
-
1
)
{
this
.
dataListSelections
.
splice
(
dataSelectedProdIndex
,
1
)
}
})
},
// 确定事件
submitProds
()
{
if
(
!
this
.
dataListSelections
.
length
)
{
this
.
$message
({
message
:
'
请选择商品
'
,
type
:
'
error
'
,
duration
:
1000
,
onClose
:
()
=>
{}
})
return
}
let
prods
=
[]
this
.
dataListSelections
.
forEach
(
item
=>
{
let
prodIndex
=
prods
.
findIndex
((
prod
)
=>
prod
.
prodId
===
item
.
prodId
)
if
(
prodIndex
===
-
1
)
{
prods
.
push
({
prodId
:
item
.
prodId
,
prodName
:
item
.
prodName
,
pic
:
item
.
pic
})
}
})
this
.
$emit
(
'
refreshSelectProds
'
,
prods
)
this
.
dataListSelections
=
[]
this
.
visible
=
false
}
}
}
</
script
>
mall4v/src/components/tiny-mce/components/EditorImage.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div
class=
"upload-container"
>
<el-tooltip
v-if=
"tinymceUploadType === 'prod'"
:content=
"this.$i18n.t('product.uploadDetailPicTips')"
placement=
"top"
>
<el-button
:style=
"
{background:color,borderColor:color}" icon="el-icon-upload" size="mini" type="primary" @click="clickUpload()">
{{
$t
(
'
components.uploadImage
'
)
}}
</el-button>
</el-tooltip>
<el-button
v-else
:style=
"
{background:color,borderColor:color}" icon="el-icon-upload" size="mini" type="primary" @click="clickUpload()">
{{
$t
(
'
components.uploadImage
'
)
}}
</el-button>
<!-- 弹窗, 新增图片 -->
<elx-imgbox
v-if=
"elxImgboxVisible"
ref=
"elxImgbox"
@
refreshPic=
"refreshPic"
></elx-imgbox>
</div>
</
template
>
<
script
>
import
ImgsUpload
from
'
@/components/imgs-upload
'
import
ElxImgbox
from
'
@/components/elx-imgbox
'
export
default
{
name
:
'
EditorSlideUpload
'
,
props
:
{
color
:
{
type
:
String
,
default
:
'
#1890ff
'
},
tinymceUploadType
:
{
default
:
''
,
type
:
String
}
},
data
()
{
return
{
elxImgboxVisible
:
false
,
maxNum
:
15
,
// 可选择的最大图片数量
imgUrls
:
[],
resourcesUrl
:
process
.
env
.
VUE_APP_RESOURCES_URL
}
},
components
:
{
ImgsUpload
,
ElxImgbox
},
methods
:
{
/**
* 打开图片选择窗
*/
clickUpload
()
{
this
.
imgUrls
=
''
this
.
elxImgboxVisible
=
true
this
.
$nextTick
(()
=>
{
this
.
$refs
.
elxImgbox
.
init
(
0
,
this
.
maxNum
)
})
},
/**
* 接收回调的图片数据
*/
refreshPic
(
imagePath
)
{
let
imageArray
=
imagePath
.
split
(
'
,
'
)
var
data
=
[]
imageArray
.
forEach
(
img
=>
{
data
.
push
(
this
.
resourcesUrl
+
img
)
})
this
.
imgUrls
=
''
this
.
dialogVisible
=
false
this
.
$emit
(
'
successCBK
'
,
data
)
}
// handleSubmit() {
// let imageArray = this.imgUrls.split(',')
// var data = []
// imageArray.forEach(img => {
// data.push(this.resourcesUrl + img)
// })
// this.imgUrls = ''
// this.dialogVisible = false
// this.$emit('successCBK', data)
// }
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.editor-slide-upload
{
margin-bottom
:
20px
;
::v-deep
.el-upload--picture-card
{
width
:
100%
;
}
}
</
style
>
mall4v/src/components/tiny-mce/dynamicLoadScript.js
0 → 100644
View file @
8aeef4e0
let
callbacks
=
[]
function
loadedTinymce
()
{
// to fixed https://github.com/PanJiaChen/vue-element-admin/issues/2144
// check is successfully downloaded script
return
window
.
tinymce
}
const
dynamicLoadScript
=
(
src
,
callback
)
=>
{
const
existingScript
=
document
.
getElementById
(
src
)
const
cb
=
callback
||
function
()
{}
if
(
!
existingScript
)
{
const
script
=
document
.
createElement
(
'
script
'
)
script
.
src
=
src
// src url for the third-party library being loaded.
script
.
id
=
src
document
.
body
.
appendChild
(
script
)
callbacks
.
push
(
cb
)
const
onEnd
=
'
onload
'
in
script
?
stdOnEnd
:
ieOnEnd
onEnd
(
script
)
}
if
(
existingScript
&&
cb
)
{
if
(
loadedTinymce
())
{
cb
(
null
,
existingScript
)
}
else
{
callbacks
.
push
(
cb
)
}
}
function
stdOnEnd
(
script
)
{
script
.
onload
=
function
()
{
// this.onload = null here is necessary
// because even IE9 works not like others
this
.
onerror
=
this
.
onload
=
null
for
(
const
cb
of
callbacks
)
{
cb
(
null
,
script
)
}
callbacks
=
null
}
script
.
onerror
=
function
()
{
document
.
body
.
removeChild
(
script
)
this
.
onerror
=
this
.
onload
=
null
cb
(
new
Error
(
'
Failed to load
'
+
src
),
script
)
}
}
function
ieOnEnd
(
script
)
{
script
.
onreadystatechange
=
function
()
{
if
(
this
.
readyState
!==
'
complete
'
&&
this
.
readyState
!==
'
loaded
'
)
return
this
.
onreadystatechange
=
null
for
(
const
cb
of
callbacks
)
{
cb
(
null
,
script
)
// there is no way to catch loading errors in IE8
}
callbacks
=
null
}
}
}
export
default
dynamicLoadScript
mall4v/src/components/tiny-mce/index.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div
:class=
"
{fullscreen:fullscreen}" class="tinymce-container" :style="{width:containerWidth}">
<textarea
:id=
"tinymceId"
class=
"tinymce-textarea"
/>
<div
class=
"editor-custom-btn-container"
>
<el-upload
class=
"upload-demo"
list-type=
"picture"
:action=
"$http.adornUrl('/admin/file/upload/element')"
:headers=
"
{Authorization: $cookie.get('Authorization')}"
:on-success="imageSuccessCBK"
:show-file-list="false"
:before-upload="beforeAvatarUpload">
<el-button
size=
"small"
type=
"primary"
>
点击上传图片
</el-button>
</el-upload>
</div>
</div>
</
template
>
<
script
>
/**
* docs:
* https://panjiachen.github.io/vue-element-admin-site/feature/component/rich-editor.html#tinymce
*/
import
mulPicUpload
from
'
@/components/mul-pic-upload
'
import
plugins
from
'
./plugins
'
import
toolbar
from
'
./toolbar
'
import
load
from
'
./dynamicLoadScript
'
// why use this cdn, detail see https://github.com/PanJiaChen/tinymce-all-in-one
const
resourceCdn1
=
'
https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js
'
const
resourceCdn2
=
'
https://unpkg.zhimg.com/tinymce-all-in-one@4.9.3/tinymce.min.js
'
const
resourceCdn3
=
'
https://unpkg.com/tinymce-all-in-one@4.9.3/tinymce.min.js
'
export
default
{
name
:
'
Tinymce
'
,
components
:
{
mulPicUpload
},
props
:
{
id
:
{
type
:
String
,
default
:
function
()
{
return
'
vue-tinymce-
'
+
+
new
Date
()
+
((
Math
.
random
()
*
1000
).
toFixed
(
0
)
+
''
)
}
},
value
:
{
type
:
String
,
default
:
''
},
toolbar
:
{
type
:
Array
,
required
:
false
,
default
()
{
return
[]
}
},
menubar
:
{
type
:
String
,
default
:
'
file edit insert view format table
'
},
height
:
{
type
:
[
Number
,
String
],
required
:
false
,
default
:
360
},
width
:
{
type
:
[
Number
,
String
],
required
:
false
,
default
:
'
auto
'
}
},
data
()
{
return
{
hasChange
:
false
,
hasInit
:
false
,
tinymceId
:
this
.
id
,
fullscreen
:
false
,
resourcesUrl
:
process
.
env
.
VUE_APP_RESOURCES_URL
}
},
computed
:
{
language
()
{
return
localStorage
.
getItem
(
'
lang
'
)
||
'
zh_CN
'
},
containerWidth
()
{
const
width
=
this
.
width
if
(
/^
[\d]
+
(\.[\d]
+
)?
$/
.
test
(
width
))
{
// matches `100`, `'100'`
return
`
${
width
}
px`
}
return
width
}
},
watch
:
{
value
(
val
)
{
if
(
!
this
.
hasChange
&&
this
.
hasInit
)
{
this
.
$nextTick
(()
=>
window
.
tinymce
.
get
(
this
.
tinymceId
).
setContent
(
val
||
''
))
}
},
language
()
{
this
.
destroyTinymce
()
this
.
$nextTick
(()
=>
this
.
initTinymce
())
}
},
mounted
()
{
this
.
init
()
},
activated
()
{
if
(
window
.
tinymce
)
{
this
.
initTinymce
()
}
},
deactivated
()
{
this
.
destroyTinymce
()
},
destroyed
()
{
this
.
destroyTinymce
()
},
methods
:
{
init
()
{
// dynamic load tinymce from cdn
load
(
resourceCdn1
,
(
err
)
=>
{
if
(
!
err
)
{
this
.
initTinymce
()
return
}
load
(
resourceCdn2
,
(
err2
)
=>
{
if
(
!
err2
)
{
this
.
initTinymce
()
return
}
load
(
resourceCdn3
,
(
err3
)
=>
{
if
(
!
err3
)
{
this
.
initTinymce
()
return
}
this
.
$message
.
error
(
err
.
message
)
})
})
})
},
initTinymce
()
{
const
_this
=
this
window
.
tinymce
.
init
({
language
:
this
.
language
,
selector
:
`#
${
this
.
tinymceId
}
`
,
height
:
this
.
height
,
body_class
:
'
panel-body
'
,
object_resizing
:
false
,
toolbar
:
this
.
toolbar
.
length
>
0
?
this
.
toolbar
:
toolbar
,
menubar
:
this
.
menubar
,
plugins
:
plugins
,
end_container_on_empty_block
:
true
,
powerpaste_word_import
:
'
clean
'
,
code_dialog_height
:
450
,
code_dialog_width
:
1000
,
advlist_bullet_styles
:
'
square
'
,
advlist_number_styles
:
'
default
'
,
imagetools_cors_hosts
:
[
'
www.tinymce.com
'
,
'
codepen.io
'
],
default_link_target
:
'
_blank
'
,
link_title
:
false
,
nonbreaking_force_tab
:
true
,
// inserting nonbreaking space need Nonbreaking Space Plugin
init_instance_callback
:
editor
=>
{
if
(
_this
.
value
)
{
editor
.
setContent
(
_this
.
value
)
}
_this
.
hasInit
=
true
editor
.
on
(
'
NodeChange Change KeyUp SetContent
'
,
()
=>
{
this
.
hasChange
=
true
this
.
$emit
(
'
input
'
,
editor
.
getContent
())
})
},
setup
(
editor
)
{
editor
.
on
(
'
FullscreenStateChanged
'
,
(
e
)
=>
{
_this
.
fullscreen
=
e
.
state
})
},
// it will try to keep these URLs intact
// https://www.tiny.cloud/docs-3x/reference/configuration/Configuration3x@convert_urls/
// https://stackoverflow.com/questions/5196205/disable-tinymce-absolute-to-relative-url-conversions
convert_urls
:
false
// 整合七牛上传
// images_dataimg_filter(img) {
// setTimeout(() => {
// const $image = $(img);
// $image.removeAttr('width');
// $image.removeAttr('height');
// if ($image[0].height && $image[0].width) {
// $image.attr('data-wscntype', 'image');
// $image.attr('data-wscnh', $image[0].height);
// $image.attr('data-wscnw', $image[0].width);
// $image.addClass('wscnph');
// }
// }, 0);
// return img
// },
// images_upload_handler(blobInfo, success, failure, progress) {
// progress(0);
// const token = _this.$store.getters.token;
// getToken(token).then(response => {
// const url = response.data.qiniu_url;
// const formData = new FormData();
// formData.append('token', response.data.qiniu_token);
// formData.append('key', response.data.qiniu_key);
// formData.append('file', blobInfo.blob(), url);
// upload(formData).then(() => {
// success(url);
// progress(100);
// })
// }).catch(err => {
// failure('出现未知问题,刷新页面,或者联系程序员')
// console.log(err);
// });
// },
})
},
destroyTinymce
()
{
const
tinymce
=
window
.
tinymce
.
get
(
this
.
tinymceId
)
if
(
this
.
fullscreen
)
{
tinymce
.
execCommand
(
'
mceFullScreen
'
)
}
if
(
tinymce
)
{
tinymce
.
destroy
()
}
},
setContent
(
value
)
{
if
(
window
.
tinymce
)
{
window
.
tinymce
.
get
(
this
.
tinymceId
).
setContent
(
value
)
}
},
getContent
()
{
window
.
tinymce
.
get
(
this
.
tinymceId
).
getContent
()
},
// 限制图片上传大小
beforeAvatarUpload
(
file
)
{
const
isJPG
=
file
.
type
===
'
image/jpeg
'
||
file
.
type
===
'
image/png
'
||
file
.
type
===
'
image/gif
'
||
file
.
type
===
'
image/jpg
'
if
(
!
isJPG
)
{
this
.
$message
.
error
(
'
上传图片只能是jpeg/jpg/png/gif 格式!
'
)
}
const
isLt2M
=
file
.
size
/
1024
/
1024
<
2
if
(
!
isLt2M
)
{
this
.
$message
.
error
(
'
上传图片大小不能超过 2MB!
'
)
}
return
isLt2M
&&
isJPG
},
imageSuccessCBK
(
response
,
file
,
fileList
)
{
const
_this
=
this
fileList
.
forEach
(
v
=>
{
window
.
tinymce
.
get
(
_this
.
tinymceId
).
insertContent
(
`<img class="wscnph" src="
${
this
.
resourcesUrl
+
v
.
response
.
data
}
" >`
)
})
}
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
.tinymce-container
{
position
:
relative
;
line-height
:
normal
;
}
.tinymce-container
{
::v-deep
{
.mce-fullscreen
{
z-index
:
10000
;
}
}
}
.tinymce-textarea
{
visibility
:
hidden
;
z-index
:
-1
;
}
.editor-custom-btn-container
{
position
:
absolute
;
right
:
4px
;
top
:
4px
;
/*z-index: 2005;*/
}
.fullscreen
.editor-custom-btn-container
{
z-index
:
10000
;
position
:
fixed
;
}
.editor-upload-btn
{
display
:
inline-block
;
}
</
style
>
mall4v/src/components/tiny-mce/plugins.js
0 → 100644
View file @
8aeef4e0
// Any plugins you want to use has to be imported
// Detail plugins list see https://www.tinymce.com/docs/plugins/
// Custom builds see https://www.tinymce.com/download/custom-builds/
const
plugins
=
[
'
advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount
'
]
export
default
plugins
mall4v/src/components/tiny-mce/toolbar.js
0 → 100644
View file @
8aeef4e0
// Here is a list of the toolbar
// Detail list see https://www.tinymce.com/docs/advanced/editor-control-identifiers/#toolbarcontrols
const
toolbar
=
[
'
searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript code codesample
'
,
'
hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen
'
]
export
default
toolbar
mall4v/src/components/verifition/Verify.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div
v-show=
"showBox"
:class=
"mode=='pop'?'verify-mask':''"
>
<div
:class=
"mode=='pop'?'verifybox':''"
:style=
"
{'max-width':parseInt(imgSize.width)+30+'px'}">
<div
v-if=
"mode=='pop'"
class=
"verifybox-top"
>
请完成安全验证
<span
class=
"verifybox-close"
@
click=
"closeBox"
>
<i
class=
"iconfont icon-close"
/>
</span>
</div>
<div
class=
"verifybox-bottom"
:style=
"
{padding:mode=='pop'?'15px':'0'}">
<!-- 验证码容器 -->
<components
:is=
"componentType"
v-if=
"componentType"
ref=
"instance"
:captcha-type=
"captchaType"
:type=
"verifyType"
:figure=
"figure"
:arith=
"arith"
:mode=
"mode"
:v-space=
"vSpace"
:explain=
"explain"
:img-size=
"imgSize"
:block-size=
"blockSize"
:bar-size=
"barSize"
:default-img=
"defaultImg"
/>
</div>
</div>
</div>
</
template
>
<
script
type=
"text/babel"
>
/**
* Verify 验证码组件
* @description 分发验证码使用
* */
import
VerifySlide
from
'
./Verify/VerifySlide
'
import
VerifyPoints
from
'
./Verify/VerifyPoints
'
export
default
{
name
:
'
Vue2Verify
'
,
components
:
{
VerifySlide
,
VerifyPoints
},
props
:
{
// 双语化
locale
:
{
require
:
false
,
type
:
String
,
default
()
{
// 默认语言不输入为浏览器语言
if
(
navigator
.
language
)
{
var
language
=
navigator
.
language
}
else
{
var
language
=
navigator
.
browserLanguage
}
return
language
}
},
captchaType
:
{
type
:
String
,
required
:
true
},
figure
:
{
type
:
Number
},
arith
:
{
type
:
Number
},
mode
:
{
type
:
String
,
default
:
'
pop
'
},
vSpace
:
{
type
:
Number
},
imgSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
310px
'
,
height
:
'
155px
'
}
}
},
blockSize
:
{
type
:
Object
},
barSize
:
{
type
:
Object
}
},
data
()
{
return
{
// showBox:true,
clickShow
:
false
,
// 内部类型
verifyType
:
undefined
,
// 所用组件类型
componentType
:
undefined
,
explain
:
'
向右滑动完成验证
'
,
// 默认图片
defaultImg
:
require
(
'
../../assets/img/default-verify-error.jpg
'
)
}
},
computed
:
{
instance
()
{
return
this
.
$refs
.
instance
||
{}
},
showBox
()
{
if
(
this
.
mode
==
'
pop
'
)
{
return
this
.
clickShow
}
else
{
return
true
}
}
},
watch
:
{
captchaType
:
{
immediate
:
true
,
handler
(
captchaType
)
{
switch
(
captchaType
.
toString
())
{
case
'
blockPuzzle
'
:
this
.
verifyType
=
'
2
'
this
.
componentType
=
'
VerifySlide
'
break
case
'
clickWord
'
:
this
.
verifyType
=
''
this
.
componentType
=
'
VerifyPoints
'
break
}
}
}
},
mounted
()
{
this
.
uuid
()
},
methods
:
{
// 生成 uuid
uuid
()
{
var
s
=
[]
var
hexDigits
=
'
0123456789abcdef
'
for
(
var
i
=
0
;
i
<
36
;
i
++
)
{
s
[
i
]
=
hexDigits
.
substr
(
Math
.
floor
(
Math
.
random
()
*
0x10
),
1
)
}
s
[
14
]
=
'
4
'
// bits 12-15 of the time_hi_and_version field to 0010
s
[
19
]
=
hexDigits
.
substr
((
s
[
19
]
&
0x3
)
|
0x8
,
1
)
// bits 6-7 of the clock_seq_hi_and_reserved to 01
s
[
8
]
=
s
[
13
]
=
s
[
18
]
=
s
[
23
]
=
'
-
'
var
slider
=
'
slider
'
+
'
-
'
+
s
.
join
(
''
)
var
point
=
'
point
'
+
'
-
'
+
s
.
join
(
''
)
// 判断下是否存在 slider
console
.
log
(
localStorage
.
getItem
(
'
slider
'
))
if
(
!
localStorage
.
getItem
(
'
slider
'
))
{
localStorage
.
setItem
(
'
slider
'
,
slider
)
}
if
(
!
localStorage
.
getItem
(
'
point
'
))
{
localStorage
.
setItem
(
'
point
'
,
point
)
}
},
/**
* i18n
* @description 兼容vue-i18n 调用$t来转换ok
* @param {String} text-被转换的目标
* @return {String} i18n的结果
* */
// i18n (text) {
// if (this.$t) {
// return this.$t(text)
// } else {
// // 兼容不存在的语言
// const i18n = this.$options.i18n.messages[this.locale] || this.$options.i18n.messages['en-US']
// return i18n[text]
// }
// },
/**
* refresh
* @description 刷新
* */
refresh
()
{
if
(
this
.
instance
.
refresh
)
{
this
.
instance
.
refresh
()
}
},
closeBox
()
{
this
.
clickShow
=
false
this
.
refresh
()
},
show
()
{
if
(
this
.
mode
==
'
pop
'
)
{
this
.
clickShow
=
true
}
}
}
}
</
script
>
<
style
>
.verifybox
{
position
:
relative
;
box-sizing
:
border-box
;
border-radius
:
2px
;
border
:
1px
solid
#e4e7eb
;
background-color
:
#fff
;
box-shadow
:
0
0
10px
rgba
(
0
,
0
,
0
,
.3
);
left
:
50%
;
top
:
50%
;
transform
:
translate
(
-50%
,
-50%
);
}
.verifybox-top
{
padding
:
0
15px
;
height
:
50px
;
line-height
:
50px
;
text-align
:
left
;
font-size
:
16px
;
color
:
#45494c
;
border-bottom
:
1px
solid
#e4e7eb
;
box-sizing
:
border-box
;
}
.verifybox-bottom
{
padding
:
15px
;
box-sizing
:
border-box
;
}
.verifybox-close
{
position
:
absolute
;
top
:
13px
;
right
:
9px
;
width
:
24px
;
height
:
24px
;
text-align
:
center
;
cursor
:
pointer
;
}
.verify-mask
{
position
:
fixed
;
top
:
0
;
left
:
0
;
z-index
:
1001
;
width
:
100%
;
height
:
100vh
;
background
:
rgba
(
0
,
0
,
0
,
.3
);
/* display: none; */
transition
:
all
.5s
;
}
.verify-tips
{
position
:
absolute
;
left
:
0px
;
bottom
:
0px
;
width
:
100%
;
height
:
30px
;
line-height
:
30px
;
color
:
#fff
;
}
.suc-bg
{
background-color
:
rgba
(
92
,
184
,
92
,
.5
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startcolorstr
=
#7f5CB85
C
,
endcolorstr
=
#7f5CB85
C
);
}
.err-bg
{
background-color
:
rgba
(
217
,
83
,
79
,
.5
);
filter
:
progid
:
DXImageTransform
.
Microsoft
.
gradient
(
startcolorstr
=
#7fD9534
F
,
endcolorstr
=
#7fD9534
F
);
}
.tips-enter
,
.tips-leave-to
{
bottom
:
-30px
;
}
.tips-enter-active
,
.tips-leave-active
{
transition
:
bottom
.5s
;
}
/* ---------------------------- */
/*常规验证码*/
.verify-code
{
font-size
:
20px
;
text-align
:
center
;
cursor
:
pointer
;
margin-bottom
:
5px
;
border
:
1px
solid
#ddd
;
}
.cerify-code-panel
{
height
:
100%
;
overflow
:
hidden
;
}
.verify-code-area
{
float
:
left
;
}
.verify-input-area
{
float
:
left
;
width
:
60%
;
padding-right
:
10px
;
}
.verify-change-area
{
line-height
:
30px
;
float
:
left
;
}
.varify-input-code
{
display
:
inline-block
;
width
:
100%
;
height
:
25px
;
}
.verify-change-code
{
color
:
#337AB7
;
cursor
:
pointer
;
}
.verify-btn
{
width
:
200px
;
height
:
30px
;
background-color
:
#337AB7
;
color
:
#FFFFFF
;
border
:
none
;
margin-top
:
10px
;
}
/*滑动验证码*/
.verify-bar-area
{
position
:
relative
;
background
:
#FFFFFF
;
text-align
:
center
;
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#ddd
;
-webkit-border-radius
:
4px
;
}
.verify-bar-area
.verify-move-block
{
position
:
absolute
;
top
:
0px
;
left
:
0
;
background
:
#fff
;
cursor
:
pointer
;
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
box-shadow
:
0
0
2px
#888888
;
-webkit-border-radius
:
1px
;
}
.verify-bar-area
.verify-move-block
:hover
{
background-color
:
#337ab7
;
color
:
#FFFFFF
;
}
.verify-bar-area
.verify-left-bar
{
position
:
absolute
;
top
:
-1px
;
left
:
-1px
;
background
:
#f0fff0
;
cursor
:
pointer
;
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border
:
1px
solid
#ddd
;
}
.verify-img-panel
{
margin
:
0
;
-webkit-box-sizing
:
content-box
;
-moz-box-sizing
:
content-box
;
box-sizing
:
content-box
;
border-top
:
1px
solid
#ddd
;
border-bottom
:
1px
solid
#ddd
;
border-radius
:
3px
;
position
:
relative
;
}
.verify-img-panel
.verify-refresh
{
width
:
25px
;
height
:
25px
;
text-align
:
center
;
padding
:
5px
;
cursor
:
pointer
;
position
:
absolute
;
top
:
0
;
right
:
0
;
z-index
:
2
;
}
.verify-img-panel
.icon-refresh
{
font-size
:
20px
;
color
:
#fff
;
}
.verify-img-panel
.verify-gap
{
background-color
:
#fff
;
position
:
relative
;
z-index
:
2
;
border
:
1px
solid
#fff
;
}
.verify-bar-area
.verify-move-block
.verify-sub-block
{
position
:
absolute
;
text-align
:
center
;
z-index
:
3
;
/* border: 1px solid #fff; */
}
.verify-bar-area
.verify-move-block
.verify-icon
{
font-size
:
18px
;
}
.verify-bar-area
.verify-msg
{
z-index
:
3
;
}
/*字体图标的css*/
/*@font-face {font-family: "iconfont";*/
/*src: url('../fonts/iconfont.eot?t=1508229193188'); !* IE9*!*/
/*src: url('../fonts/iconfont.eot?t=1508229193188#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),*/
/*url('../fonts/iconfont.ttf?t=1508229193188') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/
/*url('../fonts/iconfont.svg?t=1508229193188#iconfont') format('svg'); !* iOS 4.1- *!*/
/*}*/
.iconfont
{
font-family
:
"iconfont"
!important
;
font-size
:
16px
;
font-style
:
normal
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
}
.icon-check
:before
{
content
:
" "
;
display
:
block
;
width
:
16px
;
height
:
16px
;
position
:
absolute
;
margin
:
auto
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
9999
;
background-image
:
url("data:image/png;base64,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")
;
background-size
:
contain
;
}
.icon-close
:before
{
content
:
" "
;
display
:
block
;
width
:
16px
;
height
:
16px
;
position
:
absolute
;
margin
:
auto
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
9999
;
background-image
:
url("data:image/png;base64,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")
;
background-size
:
contain
;
}
.icon-right
:before
{
content
:
" "
;
display
:
block
;
width
:
16px
;
height
:
16px
;
position
:
absolute
;
margin
:
auto
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
background-size
:
cover
;
z-index
:
9999
;
background-image
:
url("data:image/png;base64,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")
;
background-size
:
contain
;
}
.icon-refresh
:before
{
content
:
" "
;
display
:
block
;
width
:
16px
;
height
:
16px
;
position
:
absolute
;
margin
:
auto
;
left
:
0
;
right
:
0
;
top
:
0
;
bottom
:
0
;
z-index
:
9999
;
background-image
:
url("data:image/png;base64,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")
;
background-size
:
contain
;
}
</
style
>
mall4v/src/components/verifition/Verify/VerifyPoints.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div
style=
"position: relative"
>
<div
class=
"verify-img-out"
>
<div
class=
"verify-img-panel"
:style=
"
{'width': setSize.imgWidth,
'height': setSize.imgHeight,
'background-size' : setSize.imgWidth + ' '+ setSize.imgHeight,
'margin-bottom': vSpace + 'px'}"
>
<div
v-show=
"showRefresh"
class=
"verify-refresh"
style=
"z-index:3"
@
click=
"refresh"
>
<i
class=
"iconfont icon-refresh"
/>
</div>
<img
ref=
"canvas"
:src=
"pointBackImgBase?('data:image/png;base64,'+pointBackImgBase):defaultImg"
alt=
""
style=
"width:100%;height:100%;display:block"
@
click=
"bindingClick?canvasClick($event):undefined"
>
<div
v-for=
"(tempPoint, index) in tempPoints"
:key=
"index"
class=
"point-area"
:style=
"
{
'background-color':'#1abd6c',
color:'#fff',
'z-index':9999,
width:'20px',
height:'20px',
'text-align':'center',
'line-height':'20px',
'border-radius': '50%',
position:'absolute',
top:parseInt(tempPoint.y-10) + 'px',
left:parseInt(tempPoint.x-10) + 'px'
}"
>
{{
index
+
1
}}
</div>
</div>
</div>
<!-- 'height': this.barSize.height, -->
<div
class=
"verify-bar-area"
:style=
"
{'width': setSize.imgWidth,
'color': this.barAreaColor,
'border-color': this.barAreaBorderColor,
'line-height':this.barSize.height}"
>
<span
class=
"verify-msg"
>
{{
text
}}
</span>
</div>
</div>
</
template
>
<
script
type=
"text/babel"
>
/**
* VerifyPoints
* @description 点选
* */
import
{
resetSize
,
_code_chars
,
_code_color1
,
_code_color2
}
from
'
./../utils/util
'
import
{
aesEncrypt
}
from
'
./../utils/ase
'
import
{
reqGet
,
reqCheck
}
from
'
./../api/index
'
export
default
{
name
:
'
VerifyPoints
'
,
props
:
{
// 弹出式pop,固定fixed
mode
:
{
type
:
String
,
default
:
'
fixed
'
},
captchaType
:
{
type
:
String
,
},
// 间隔
vSpace
:
{
type
:
Number
,
default
:
5
},
imgSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
310px
'
,
height
:
'
155px
'
}
}
},
barSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
310px
'
,
height
:
'
40px
'
}
}
},
defaultImg
:
{
type
:
String
,
default
:
''
}
},
data
()
{
return
{
secretKey
:
''
,
// 后端返回的ase加密秘钥
checkNum
:
3
,
// 默认需要点击的字数
fontPos
:
[],
// 选中的坐标信息
checkPosArr
:
[],
// 用户点击的坐标
num
:
1
,
// 点击的记数
pointBackImgBase
:
''
,
// 后端获取到的背景图片
poinTextList
:
[],
// 后端返回的点击字体顺序
backToken
:
''
,
// 后端返回的token值
setSize
:
{
imgHeight
:
0
,
imgWidth
:
0
,
barHeight
:
0
,
barWidth
:
0
},
tempPoints
:
[],
text
:
''
,
barAreaColor
:
undefined
,
barAreaBorderColor
:
undefined
,
showRefresh
:
true
,
bindingClick
:
true
}
},
computed
:
{
resetSize
()
{
return
resetSize
}
},
watch
:
{
// type变化则全面刷新
type
:
{
immediate
:
true
,
handler
()
{
this
.
init
()
}
}
},
mounted
()
{
// 禁止拖拽
this
.
$el
.
onselectstart
=
function
()
{
return
false
}
},
methods
:
{
init
()
{
// 加载页面
this
.
fontPos
.
splice
(
0
,
this
.
fontPos
.
length
)
this
.
checkPosArr
.
splice
(
0
,
this
.
checkPosArr
.
length
)
this
.
num
=
1
this
.
getPictrue
()
this
.
$nextTick
(()
=>
{
this
.
setSize
=
this
.
resetSize
(
this
)
// 重新设置宽度高度
this
.
$parent
.
$emit
(
'
ready
'
,
this
)
})
},
canvasClick
(
e
)
{
this
.
checkPosArr
.
push
(
this
.
getMousePos
(
this
.
$refs
.
canvas
,
e
))
if
(
this
.
num
==
this
.
checkNum
)
{
this
.
num
=
this
.
createPoint
(
this
.
getMousePos
(
this
.
$refs
.
canvas
,
e
))
// 按比例转换坐标值
this
.
checkPosArr
=
this
.
pointTransfrom
(
this
.
checkPosArr
,
this
.
setSize
)
// 等创建坐标执行完
setTimeout
(()
=>
{
// var flag = this.comparePos(this.fontPos, this.checkPosArr);
// 发送后端请求
var
captchaVerification
=
this
.
secretKey
?
aesEncrypt
(
this
.
backToken
+
'
---
'
+
JSON
.
stringify
(
this
.
checkPosArr
),
this
.
secretKey
)
:
this
.
backToken
+
'
---
'
+
JSON
.
stringify
(
this
.
checkPosArr
)
const
data
=
{
captchaType
:
this
.
captchaType
,
'
pointJson
'
:
this
.
secretKey
?
aesEncrypt
(
JSON
.
stringify
(
this
.
checkPosArr
),
this
.
secretKey
)
:
JSON
.
stringify
(
this
.
checkPosArr
),
'
token
'
:
this
.
backToken
}
reqCheck
(
data
).
then
(
res
=>
{
if
(
res
.
repCode
==
'
0000
'
)
{
this
.
barAreaColor
=
'
#4cae4c
'
this
.
barAreaBorderColor
=
'
#5cb85c
'
this
.
text
=
'
验证成功
'
this
.
bindingClick
=
false
if
(
this
.
mode
==
'
pop
'
)
{
setTimeout
(()
=>
{
this
.
$parent
.
clickShow
=
false
this
.
refresh
()
},
1500
)
}
this
.
$parent
.
$emit
(
'
success
'
,
{
captchaVerification
})
}
else
{
this
.
$parent
.
$emit
(
'
error
'
,
this
)
this
.
barAreaColor
=
'
#d9534f
'
this
.
barAreaBorderColor
=
'
#d9534f
'
this
.
text
=
'
验证失败
'
setTimeout
(()
=>
{
this
.
refresh
()
},
700
)
}
})
},
400
)
}
if
(
this
.
num
<
this
.
checkNum
)
{
this
.
num
=
this
.
createPoint
(
this
.
getMousePos
(
this
.
$refs
.
canvas
,
e
))
}
},
// 获取坐标
getMousePos
:
function
(
obj
,
e
)
{
var
x
=
e
.
offsetX
var
y
=
e
.
offsetY
return
{
x
,
y
}
},
// 创建坐标点
createPoint
:
function
(
pos
)
{
this
.
tempPoints
.
push
(
Object
.
assign
({},
pos
))
return
++
this
.
num
},
refresh
:
function
()
{
this
.
tempPoints
.
splice
(
0
,
this
.
tempPoints
.
length
)
this
.
barAreaColor
=
'
#000
'
this
.
barAreaBorderColor
=
'
#ddd
'
this
.
bindingClick
=
true
this
.
fontPos
.
splice
(
0
,
this
.
fontPos
.
length
)
this
.
checkPosArr
.
splice
(
0
,
this
.
checkPosArr
.
length
)
this
.
num
=
1
this
.
getPictrue
()
this
.
text
=
'
验证失败
'
this
.
showRefresh
=
true
},
// 请求背景图片和验证图片
getPictrue
()
{
const
data
=
{
captchaType
:
this
.
captchaType
,
clientUid
:
localStorage
.
getItem
(
'
point
'
),
ts
:
Date
.
now
(),
// 现在的时间戳
}
reqGet
(
data
).
then
(
res
=>
{
if
(
res
.
repCode
==
'
0000
'
)
{
this
.
pointBackImgBase
=
res
.
repData
.
originalImageBase64
this
.
backToken
=
res
.
repData
.
token
this
.
secretKey
=
res
.
repData
.
secretKey
this
.
poinTextList
=
res
.
repData
.
wordList
this
.
text
=
'
请依次点击【
'
+
this
.
poinTextList
.
join
(
'
,
'
)
+
'
】
'
}
else
{
this
.
text
=
res
.
repMsg
}
// 判断接口请求次数是否失效
if
(
res
.
repCode
==
'
6201
'
)
{
this
.
pointBackImgBase
=
null
}
})
},
// 坐标转换函数
pointTransfrom
(
pointArr
,
imgSize
)
{
var
newPointArr
=
pointArr
.
map
(
p
=>
{
const
x
=
Math
.
round
(
310
*
p
.
x
/
parseInt
(
imgSize
.
imgWidth
))
const
y
=
Math
.
round
(
155
*
p
.
y
/
parseInt
(
imgSize
.
imgHeight
))
return
{
x
,
y
}
})
// console.log(newPointArr,"newPointArr");
return
newPointArr
}
},
}
</
script
>
mall4v/src/components/verifition/Verify/VerifySlide.vue
0 → 100644
View file @
8aeef4e0
<
template
>
<div
style=
"position: relative;"
>
<div
v-if=
"type === '2'"
class=
"verify-img-out"
:style=
"
{height: (parseInt(setSize.imgHeight) + vSpace) + 'px'}"
>
<div
class=
"verify-img-panel"
:style=
"
{width: setSize.imgWidth,
height: setSize.imgHeight,}"
>
<img
:src=
"backImgBase?('data:image/png;base64,'+backImgBase):defaultImg"
alt=
""
style=
"width:100%;height:100%;display:block"
>
<div
v-show=
"showRefresh"
class=
"verify-refresh"
@
click=
"refresh"
><i
class=
"iconfont icon-refresh"
/>
</div>
<transition
name=
"tips"
>
<span
v-if=
"tipWords"
class=
"verify-tips"
:class=
"passFlag ?'suc-bg':'err-bg'"
>
{{
tipWords
}}
</span>
</transition>
</div>
</div>
<!-- 公共部分 -->
<div
class=
"verify-bar-area"
:style=
"
{width: setSize.imgWidth,
height: barSize.height,
'line-height':barSize.height}"
>
<span
class=
"verify-msg"
v-text=
"text"
/>
<div
class=
"verify-left-bar"
:style=
"
{width: (leftBarWidth!==undefined)?leftBarWidth: barSize.height, height: barSize.height, 'border-color': leftBarBorderColor, transaction: transitionWidth}"
>
<span
class=
"verify-msg"
v-text=
"finishText"
/>
<div
class=
"verify-move-block"
:style=
"
{width: barSize.height, height: barSize.height, 'background-color': moveBlockBackgroundColor, left: moveBlockLeft, transition: transitionLeft}"
@touchstart="start"
@mousedown="start"
>
<i
:class=
"['verify-icon iconfont', iconClass]"
:style=
"
{color: iconColor}"
/>
<div
v-if=
"type === '2'"
class=
"verify-sub-block"
:style=
"
{'width':Math.floor(parseInt(setSize.imgWidth)*47/310)+ 'px',
'height': setSize.imgHeight,
'top':'-' + (parseInt(setSize.imgHeight) + vSpace) + 'px',
'background-size': setSize.imgWidth + ' ' + setSize.imgHeight,
}"
>
<img
:src=
"'data:image/png;base64,'+blockBackImgBase"
alt=
""
style=
"width:100%;height:100%;display:block"
>
</div>
</div>
</div>
</div>
</div>
</
template
>
<
script
type=
"text/babel"
>
/**
* VerifySlide
* @description 滑块
* */
import
{
aesEncrypt
}
from
'
./../utils/ase
'
import
{
resetSize
}
from
'
./../utils/util
'
import
{
reqGet
,
reqCheck
}
from
'
./../api/index
'
// "captchaType":"blockPuzzle",
export
default
{
name
:
'
VerifySlide
'
,
props
:
{
captchaType
:
{
type
:
String
,
},
type
:
{
type
:
String
,
default
:
'
1
'
},
// 弹出式pop,固定fixed
mode
:
{
type
:
String
,
default
:
'
fixed
'
},
vSpace
:
{
type
:
Number
,
default
:
5
},
explain
:
{
type
:
String
,
default
:
'
向右滑动完成验证
'
},
imgSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
310px
'
,
height
:
'
155px
'
}
}
},
blockSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
50px
'
,
height
:
'
50px
'
}
}
},
barSize
:
{
type
:
Object
,
default
()
{
return
{
width
:
'
310px
'
,
height
:
'
40px
'
}
}
},
defaultImg
:
{
type
:
String
,
default
:
''
}
},
data
()
{
return
{
secretKey
:
''
,
// 后端返回的加密秘钥 字段
passFlag
:
''
,
// 是否通过的标识
backImgBase
:
''
,
// 验证码背景图片
blockBackImgBase
:
''
,
// 验证滑块的背景图片
backToken
:
''
,
// 后端返回的唯一token值
startMoveTime
:
''
,
// 移动开始的时间
endMovetime
:
''
,
// 移动结束的时间
tipsBackColor
:
''
,
// 提示词的背景颜色
tipWords
:
''
,
text
:
''
,
finishText
:
''
,
setSize
:
{
imgHeight
:
0
,
imgWidth
:
0
,
barHeight
:
0
,
barWidth
:
0
},
top
:
0
,
left
:
0
,
moveBlockLeft
:
undefined
,
leftBarWidth
:
undefined
,
// 移动中样式
moveBlockBackgroundColor
:
undefined
,
leftBarBorderColor
:
'
#ddd
'
,
iconColor
:
undefined
,
iconClass
:
'
icon-right
'
,
status
:
false
,
// 鼠标状态
isEnd
:
false
,
// 是够验证完成
showRefresh
:
true
,
transitionLeft
:
''
,
transitionWidth
:
''
}
},
computed
:
{
barArea
()
{
return
this
.
$el
.
querySelector
(
'
.verify-bar-area
'
)
},
resetSize
()
{
return
resetSize
}
},
watch
:
{
// type变化则全面刷新
type
:
{
immediate
:
true
,
handler
()
{
this
.
init
()
}
}
},
mounted
()
{
// 禁止拖拽
this
.
$el
.
onselectstart
=
function
()
{
return
false
}
console
.
log
(
this
.
defaultImg
)
},
methods
:
{
init
()
{
this
.
text
=
this
.
explain
this
.
getPictrue
()
this
.
$nextTick
(()
=>
{
const
setSize
=
this
.
resetSize
(
this
)
// 重新设置宽度高度
for
(
const
key
in
setSize
)
{
this
.
$set
(
this
.
setSize
,
key
,
setSize
[
key
])
}
this
.
$parent
.
$emit
(
'
ready
'
,
this
)
})
var
_this
=
this
window
.
removeEventListener
(
'
touchmove
'
,
function
(
e
)
{
_this
.
move
(
e
)
})
window
.
removeEventListener
(
'
mousemove
'
,
function
(
e
)
{
_this
.
move
(
e
)
})
// 鼠标松开
window
.
removeEventListener
(
'
touchend
'
,
function
()
{
_this
.
end
()
})
window
.
removeEventListener
(
'
mouseup
'
,
function
()
{
_this
.
end
()
})
window
.
addEventListener
(
'
touchmove
'
,
function
(
e
)
{
_this
.
move
(
e
)
})
window
.
addEventListener
(
'
mousemove
'
,
function
(
e
)
{
_this
.
move
(
e
)
})
// 鼠标松开
window
.
addEventListener
(
'
touchend
'
,
function
()
{
_this
.
end
()
})
window
.
addEventListener
(
'
mouseup
'
,
function
()
{
_this
.
end
()
})
},
// 鼠标按下
start
:
function
(
e
)
{
e
=
e
||
window
.
event
if
(
!
e
.
touches
)
{
// 兼容PC端
var
x
=
e
.
clientX
}
else
{
// 兼容移动端
var
x
=
e
.
touches
[
0
].
pageX
}
this
.
startLeft
=
Math
.
floor
(
x
-
this
.
barArea
.
getBoundingClientRect
().
left
)
this
.
startMoveTime
=
+
new
Date
()
// 开始滑动的时间
if
(
this
.
isEnd
==
false
)
{
this
.
text
=
''
this
.
moveBlockBackgroundColor
=
'
#337ab7
'
this
.
leftBarBorderColor
=
'
#337AB7
'
this
.
iconColor
=
'
#fff
'
e
.
stopPropagation
()
this
.
status
=
true
}
},
// 鼠标移动
move
:
function
(
e
)
{
e
=
e
||
window
.
event
if
(
this
.
status
&&
this
.
isEnd
==
false
)
{
if
(
!
e
.
touches
)
{
// 兼容PC端
var
x
=
e
.
clientX
}
else
{
// 兼容移动端
var
x
=
e
.
touches
[
0
].
pageX
}
var
bar_area_left
=
this
.
barArea
.
getBoundingClientRect
().
left
var
move_block_left
=
x
-
bar_area_left
// 小方块相对于父元素的left值
if
(
move_block_left
>=
this
.
barArea
.
offsetWidth
-
parseInt
(
parseInt
(
this
.
blockSize
.
width
)
/
2
)
-
2
)
{
move_block_left
=
this
.
barArea
.
offsetWidth
-
parseInt
(
parseInt
(
this
.
blockSize
.
width
)
/
2
)
-
2
}
if
(
move_block_left
<=
0
)
{
move_block_left
=
parseInt
(
parseInt
(
this
.
blockSize
.
width
)
/
2
)
}
// 拖动后小方块的left值
this
.
moveBlockLeft
=
(
move_block_left
-
this
.
startLeft
)
+
'
px
'
this
.
leftBarWidth
=
(
move_block_left
-
this
.
startLeft
)
+
'
px
'
}
},
// 鼠标松开
end
:
function
()
{
this
.
endMovetime
=
+
new
Date
()
var
_this
=
this
// 判断是否重合
if
(
this
.
status
&&
this
.
isEnd
==
false
)
{
var
moveLeftDistance
=
parseInt
((
this
.
moveBlockLeft
||
''
).
replace
(
'
px
'
,
''
))
moveLeftDistance
=
moveLeftDistance
*
310
/
parseInt
(
this
.
setSize
.
imgWidth
)
const
data
=
{
captchaType
:
this
.
captchaType
,
'
pointJson
'
:
this
.
secretKey
?
aesEncrypt
(
JSON
.
stringify
({
x
:
moveLeftDistance
,
y
:
5.0
}),
this
.
secretKey
)
:
JSON
.
stringify
({
x
:
moveLeftDistance
,
y
:
5.0
}),
'
token
'
:
this
.
backToken
}
reqCheck
(
data
).
then
(
res
=>
{
res
=
res
.
data
if
(
res
.
repCode
==
'
0000
'
)
{
this
.
moveBlockBackgroundColor
=
'
#5cb85c
'
this
.
leftBarBorderColor
=
'
#5cb85c
'
this
.
iconColor
=
'
#fff
'
this
.
iconClass
=
'
icon-check
'
this
.
showRefresh
=
false
this
.
isEnd
=
true
if
(
this
.
mode
==
'
pop
'
)
{
setTimeout
(()
=>
{
this
.
$parent
.
clickShow
=
false
this
.
refresh
()
},
1500
)
}
this
.
passFlag
=
true
this
.
tipWords
=
`
${((
this
.
endMovetime
-
this
.
startMoveTime
)
/
1000
).
toFixed
(
2
)}
s验证成功`
var
captchaVerification
=
this
.
secretKey
?
aesEncrypt
(
this
.
backToken
+
'
---
'
+
JSON
.
stringify
({
x
:
moveLeftDistance
,
y
:
5.0
}),
this
.
secretKey
)
:
this
.
backToken
+
'
---
'
+
JSON
.
stringify
({
x
:
moveLeftDistance
,
y
:
5.0
})
setTimeout
(()
=>
{
this
.
tipWords
=
''
this
.
$parent
.
closeBox
()
this
.
$parent
.
$emit
(
'
success
'
,
{
captchaVerification
})
},
1000
)
}
else
{
this
.
moveBlockBackgroundColor
=
'
#d9534f
'
this
.
leftBarBorderColor
=
'
#d9534f
'
this
.
iconColor
=
'
#fff
'
this
.
iconClass
=
'
icon-close
'
this
.
passFlag
=
false
setTimeout
(
function
()
{
_this
.
refresh
()
},
1000
)
this
.
$parent
.
$emit
(
'
error
'
,
this
)
this
.
tipWords
=
'
验证失败
'
setTimeout
(()
=>
{
this
.
tipWords
=
''
},
1000
)
}
})
this
.
status
=
false
}
},
refresh
:
function
()
{
this
.
showRefresh
=
true
this
.
finishText
=
''
this
.
transitionLeft
=
'
left .3s
'
this
.
moveBlockLeft
=
0
this
.
leftBarWidth
=
undefined
this
.
transitionWidth
=
'
width .3s
'
this
.
leftBarBorderColor
=
'
#ddd
'
this
.
moveBlockBackgroundColor
=
'
#fff
'
this
.
iconColor
=
'
#000
'
this
.
iconClass
=
'
icon-right
'
this
.
isEnd
=
false
this
.
getPictrue
()
setTimeout
(()
=>
{
this
.
transitionWidth
=
''
this
.
transitionLeft
=
''
this
.
text
=
this
.
explain
},
300
)
},
// 请求背景图片和验证图片
getPictrue
()
{
const
data
=
{
captchaType
:
this
.
captchaType
,
clientUid
:
localStorage
.
getItem
(
'
slider
'
),
ts
:
Date
.
now
(),
// 现在的时间戳
}
reqGet
(
data
).
then
(
res
=>
{
if
(
res
.
data
.
repCode
==
'
0000
'
)
{
this
.
backImgBase
=
res
.
data
.
repData
.
originalImageBase64
this
.
blockBackImgBase
=
res
.
data
.
repData
.
jigsawImageBase64
this
.
backToken
=
res
.
data
.
repData
.
token
this
.
secretKey
=
res
.
data
.
repData
.
secretKey
}
else
{
this
.
tipWords
=
res
.
data
.
repMsg
}
// 判断接口请求次数是否失效
if
(
res
.
data
.
repCode
==
'
6201
'
)
{
this
.
backImgBase
=
null
this
.
blockBackImgBase
=
null
}
})
},
},
}
</
script
>
mall4v/src/components/verifition/api/index.js
0 → 100644
View file @
8aeef4e0
/**
* 此处可直接引用自己项目封装好的 axios 配合后端联调
*/
import
httpRequest
from
'
@/utils/httpRequest
'
// 获取验证图片 以及token
export
function
reqGet
(
data
)
{
return
httpRequest
({
url
:
httpRequest
.
adornUrl
(
'
/captcha/get
'
),
method
:
'
post
'
,
data
})
}
// 滑动或者点选验证
export
function
reqCheck
(
data
)
{
return
httpRequest
({
url
:
httpRequest
.
adornUrl
(
'
/captcha/check
'
),
method
:
'
post
'
,
data
})
}
mall4v/src/components/verifition/utils/ase.js
0 → 100644
View file @
8aeef4e0
import
CryptoJS
from
'
crypto-js
'
/**
* @word 要加密的内容
* @keyWord String 服务器随机返回的关键字
* */
export
function
aesEncrypt
(
word
,
keyWord
=
'
XwKsGlMcdPMEhR1B
'
)
{
var
key
=
CryptoJS
.
enc
.
Utf8
.
parse
(
keyWord
)
var
srcs
=
CryptoJS
.
enc
.
Utf8
.
parse
(
word
)
var
encrypted
=
CryptoJS
.
AES
.
encrypt
(
srcs
,
key
,
{
mode
:
CryptoJS
.
mode
.
ECB
,
padding
:
CryptoJS
.
pad
.
Pkcs7
})
return
encrypted
.
toString
()
}
mall4v/src/components/verifition/utils/util.js
0 → 100644
View file @
8aeef4e0
export
function
resetSize
(
vm
)
{
var
img_width
,
img_height
,
bar_width
,
bar_height
// 图片的宽度、高度,移动条的宽度、高度
var
parentWidth
=
vm
.
$el
.
parentNode
.
offsetWidth
||
window
.
offsetWidth
var
parentHeight
=
vm
.
$el
.
parentNode
.
offsetHeight
||
window
.
offsetHeight
if
(
vm
.
imgSize
.
width
.
indexOf
(
'
%
'
)
!=
-
1
)
{
img_width
=
parseInt
(
this
.
imgSize
.
width
)
/
100
*
parentWidth
+
'
px
'
}
else
{
img_width
=
this
.
imgSize
.
width
}
if
(
vm
.
imgSize
.
height
.
indexOf
(
'
%
'
)
!=
-
1
)
{
img_height
=
parseInt
(
this
.
imgSize
.
height
)
/
100
*
parentHeight
+
'
px
'
}
else
{
img_height
=
this
.
imgSize
.
height
}
if
(
vm
.
barSize
.
width
.
indexOf
(
'
%
'
)
!=
-
1
)
{
bar_width
=
parseInt
(
this
.
barSize
.
width
)
/
100
*
parentWidth
+
'
px
'
}
else
{
bar_width
=
this
.
barSize
.
width
}
if
(
vm
.
barSize
.
height
.
indexOf
(
'
%
'
)
!=
-
1
)
{
bar_height
=
parseInt
(
this
.
barSize
.
height
)
/
100
*
parentHeight
+
'
px
'
}
else
{
bar_height
=
this
.
barSize
.
height
}
return
{
imgWidth
:
img_width
,
imgHeight
:
img_height
,
barWidth
:
bar_width
,
barHeight
:
bar_height
}
}
export
const
_code_chars
=
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
8
,
9
,
'
a
'
,
'
b
'
,
'
c
'
,
'
d
'
,
'
e
'
,
'
f
'
,
'
g
'
,
'
h
'
,
'
i
'
,
'
j
'
,
'
k
'
,
'
l
'
,
'
m
'
,
'
n
'
,
'
o
'
,
'
p
'
,
'
q
'
,
'
r
'
,
'
s
'
,
'
t
'
,
'
u
'
,
'
v
'
,
'
w
'
,
'
x
'
,
'
y
'
,
'
z
'
,
'
A
'
,
'
B
'
,
'
C
'
,
'
D
'
,
'
E
'
,
'
F
'
,
'
G
'
,
'
H
'
,
'
I
'
,
'
J
'
,
'
K
'
,
'
L
'
,
'
M
'
,
'
N
'
,
'
O
'
,
'
P
'
,
'
Q
'
,
'
R
'
,
'
S
'
,
'
T
'
,
'
U
'
,
'
V
'
,
'
W
'
,
'
X
'
,
'
Y
'
,
'
Z
'
]
export
const
_code_color1
=
[
'
#fffff0
'
,
'
#f0ffff
'
,
'
#f0fff0
'
,
'
#fff0f0
'
]
export
const
_code_color2
=
[
'
#FF0033
'
,
'
#006699
'
,
'
#993366
'
,
'
#FF9900
'
,
'
#66CC66
'
,
'
#FF33CC
'
]
mall4v/src/crud/admin/form.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
selection
:
true
,
index
:
false
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
menuWidth
:
350
,
align
:
'
center
'
,
refreshBtn
:
true
,
searchSize
:
'
mini
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
viewBtn
:
false
,
props
:
{
label
:
'
label
'
,
value
:
'
value
'
},
column
:
[{
label
:
'
表单名称
'
,
prop
:
'
formName
'
,
search
:
true
},
{
label
:
'
按钮文本
'
,
prop
:
'
buttonName
'
,
search
:
true
},
{
label
:
'
提交次数
'
,
prop
:
'
submitNum
'
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
不做限制
'
,
value
:
0
},
{
label
:
'
每个IP限填一次
'
,
value
:
1
}
]
},
{
label
:
'
开启验证
'
,
prop
:
'
needValidation
'
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
不需要
'
,
value
:
0
},
{
label
:
'
需要
'
,
value
:
1
}
]
},
{
label
:
'
提交权限
'
,
prop
:
'
submitPerm
'
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
所有人
'
,
value
:
0
},
{
label
:
'
仅会员可提交
'
,
value
:
1
}
]
}]
}
mall4v/src/crud/admin/indexImg.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
selection
:
true
,
index
:
false
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
menuWidth
:
350
,
align
:
'
center
'
,
refreshBtn
:
true
,
searchSize
:
'
mini
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
viewBtn
:
false
,
props
:
{
label
:
'
label
'
,
value
:
'
value
'
},
column
:
[{
label
:
'
轮播图片
'
,
prop
:
'
imgUrl
'
,
type
:
'
upload
'
,
slot
:
true
,
listType
:
'
picture-img
'
},
{
label
:
'
顺序
'
,
prop
:
'
seq
'
},
{
width
:
150
,
label
:
'
状态
'
,
prop
:
'
status
'
,
search
:
true
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
禁用
'
,
value
:
0
},
{
label
:
'
正常
'
,
value
:
1
}
]
}]
}
mall4v/src/crud/admin/message.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
index
:
false
,
indexLabel
:
'
序号
'
,
selection
:
true
,
stripe
:
true
,
menuAlign
:
'
center
'
,
menuWidth
:
350
,
align
:
'
center
'
,
refreshBtn
:
true
,
searchSize
:
'
mini
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
viewBtn
:
false
,
props
:
{
label
:
'
label
'
,
value
:
'
value
'
},
column
:
[{
label
:
'
创建时间
'
,
prop
:
'
createTime
'
},
{
label
:
'
姓名
'
,
prop
:
'
userName
'
,
search
:
true
},
{
label
:
'
邮箱
'
,
prop
:
'
email
'
},
{
label
:
'
联系方式
'
,
prop
:
'
contact
'
},
{
label
:
'
审核
'
,
prop
:
'
status
'
,
search
:
true
,
slot
:
true
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
未审核
'
,
value
:
0
},
{
label
:
'
审核通过
'
,
value
:
1
}
]
}]
}
mall4v/src/crud/prod/prodComm.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
index
:
true
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
align
:
'
center
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
column
:
[
{
label
:
'
商品名
'
,
prop
:
'
prodName
'
,
search
:
true
},
{
label
:
'
用户昵称
'
,
prop
:
'
nickName
'
,
slot
:
true
},
{
label
:
'
记录时间
'
,
prop
:
'
recTime
'
,
width
:
'
200
'
},
{
label
:
'
回复时间
'
,
slot
:
true
,
prop
:
'
replyTime
'
,
width
:
'
200
'
,
dicData
:
[
{
label
:
'
无
'
,
value
:
''
}
]
},
{
label
:
'
评价得分
'
,
prop
:
'
score
'
},
{
label
:
'
是否匿名
'
,
prop
:
'
isAnonymous
'
,
dicData
:
[
{
label
:
'
否
'
,
value
:
0
},
{
label
:
'
是
'
,
value
:
1
}
]
},
{
prop
:
'
status
'
,
label
:
'
审核状态
'
,
search
:
true
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
待审核
'
,
value
:
0
},
{
label
:
'
审核通过
'
,
value
:
1
},
{
label
:
'
审核未通过
'
,
value
:
-
1
}
]
}
]
}
mall4v/src/crud/prod/prodList.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
selection
:
true
,
index
:
false
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
menuWidth
:
350
,
align
:
'
center
'
,
refreshBtn
:
true
,
searchSize
:
'
mini
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
viewBtn
:
false
,
props
:
{
label
:
'
label
'
,
value
:
'
value
'
},
column
:
[{
label
:
'
产品名字
'
,
prop
:
'
prodName
'
,
search
:
true
},
{
label
:
'
商品原价
'
,
prop
:
'
oriPrice
'
},
{
label
:
'
商品现价
'
,
prop
:
'
price
'
},
{
label
:
'
商品库存
'
,
prop
:
'
totalStocks
'
},
{
label
:
'
产品图片
'
,
prop
:
'
pic
'
,
type
:
'
upload
'
,
width
:
150
,
listType
:
'
picture-img
'
},
{
width
:
150
,
label
:
'
状态
'
,
prop
:
'
status
'
,
search
:
true
,
slot
:
true
,
type
:
'
select
'
,
dicData
:
[
{
label
:
'
未上架
'
,
value
:
0
},
{
label
:
'
上架
'
,
value
:
1
}
]
}]
}
mall4v/src/crud/prod/prodTag.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
index
:
true
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
align
:
'
center
'
,
addBtn
:
false
,
editBtn
:
false
,
delBtn
:
false
,
column
:
[
{
label
:
'
标签名称
'
,
prop
:
'
title
'
,
search
:
true
,
slot
:
true
},
{
label
:
'
状态
'
,
prop
:
'
status
'
,
type
:
'
select
'
,
slot
:
true
,
search
:
true
,
dicData
:
[
{
label
:
'
禁用
'
,
value
:
0
},
{
label
:
'
正常
'
,
value
:
1
}
]
},
{
label
:
'
默认类型
'
,
prop
:
'
isDfault
'
,
slot
:
true
},
{
label
:
'
排序
'
,
prop
:
'
seq
'
}
]
}
mall4v/src/crud/prod/spec.js
0 → 100644
View file @
8aeef4e0
export
const
tableOption
=
{
searchMenuSpan
:
6
,
columnBtn
:
false
,
border
:
true
,
index
:
true
,
indexLabel
:
'
序号
'
,
stripe
:
true
,
menuAlign
:
'
center
'
,
menuWidth
:
350
,
align
:
'
center
'
,
refreshBtn
:
true
,
searchSize
:
'
mini
'
,
addBtn
:
false
,
editBtn
:
false
,
viewBtn
:
false
,
delBtn
:
false
,
props
:
{
label
:
'
label
'
,
value
:
'
value
'
},
column
:
[{
label
:
'
属性名称
'
,
prop
:
'
propName
'
,
search
:
true
},
{
label
:
'
属性值
'
,
prop
:
'
prodPropValues
'
,
slot
:
true
}]
}
Prev
1
…
21
22
23
24
25
26
27
28
29
…
34
Next
Write
Preview
Supports
Markdown
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