Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in / Register
Toggle navigation
T
techbook
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
front-end-dev
techbook
Commits
06dee95b
Commit
06dee95b
authored
Nov 12, 2019
by
zhangyanni
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
个人认证
parent
1488615f
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
119 additions
and
49 deletions
+119
-49
phone.scss
public/css/phone.scss
+61
-16
searchList.vue
src/components/mobile/searchList.vue
+15
-2
addAuth.vue
src/views/mobile/auth/addAuth.vue
+43
-31
No files found.
public/css/phone.scss
View file @
06dee95b
...
...
@@ -216,6 +216,67 @@ i, em {
justify-content
:
center
;
}
.uploadImg
{
text-align
:left
;
.el-form-item
{
margin-bottom
:
20px
;
}
.el-upload--picture-card
{
background-color
:unset
;
}
.el-upload--picture-card
,
.el-upload-list--picture-card
.el-upload-list__item
{
width
:
100px
;
height
:
100px
;
line-height
:
98px
;
position
:
relative
;
}
.el-upload--picture-card
:hover
,
.el-upload
:focus
{
border-color
:
#5D78FF
;
color
:
#5D78FF
;
}
.el-progress--circle
.el-progress__text
,
.el-progress--dashboard
.el-progress__text
{
width
:
104px
;
}
.el-progress-circle
{
width
:
98px
!
important
;
height
:
98px
!
important
;
}
.el-upload-list--picture-card
.el-progress
{
margin-left
:
14px
;
}
.el-upload-list--picture-card
.el-upload-list__item-thumbnail
{
width
:
auto
;
height
:
auto
;
max-width
:
100%
;
max-height
:
100%
}
i
.icon-jiahao
{
color
:
#B9BED5
;
}
p
.uploadImgTitle
{
color
:
#B9BED5
;
position
:
absolute
;
top
:
20%
;
left
:
0
.4rem
;
}
}
//错误提示
.errorText
{
color
:
#ff4949
;
font-size
:
.24rem
;
line-height
:
1
;
padding-top
:
.1rem
;
position
:
absolute
;
top
:
3
.8rem
;
left
:
0
;
animation
:mymove
0
.3s
linear
;
animation-iteration-count
:
1
;
/* Safari and Chrome */
-webkit-animation
:mymove
0
.3s
linear
;
-webkit-animation-iteration-count
:
1
;
}
.phoneWrapper
{
width
:
100%
;
}
...
...
@@ -1140,22 +1201,6 @@ i, em {
width
:
56%
;
}
//错误提示
.errorText
{
color
:
#ff4949
;
font-size
:
12px
;
line-height
:
1
;
padding-top
:
16px
;
position
:
absolute
;
top
:
140px
;
left
:
0
;
animation
:
mymove
0
.3s
linear
;
animation-iteration-count
:
1
;
/* Safari and Chrome */
-webkit-animation
:
mymove
0
.3s
linear
;
-webkit-animation-iteration-count
:
1
;
}
//登录成功搜索
.right-search
.el-input__inner
{
height
:
1rem
;
...
...
src/components/mobile/searchList.vue
View file @
06dee95b
...
...
@@ -62,7 +62,8 @@
import
api
from
'../../views/bigbusiness/api/api'
;
import
noData
from
'../../views/mobile/searchempty'
;
import
selectScreen
from
'../../views/mobile/selectScreen'
import
selectScreenProject
from
'../../views/mobile/proselectScreen'
import
selectScreenProject
from
'../../views/mobile/proselectScreen'
;
import
publicFunc
from
'../../common/public'
export
default
{
name
:
"searchList"
,
components
:{
...
...
@@ -96,6 +97,7 @@
isTrans
:
false
,
lang
:
this
.
$i18n
.
locale
,
authStatus
:
JSON
.
parse
(
this
.
Base64
.
decode
(
window
.
sessionStorage
.
getItem
(
"userInfo"
))).
authenticationState
,
userInfo
:
null
}
},
methods
:{
...
...
@@ -133,6 +135,7 @@
api
.
selectProjectAxios
(
params
).
then
(
res
=>
{
this
.
fullscreenLoading
=
false
;
if
(
res
.
code
==
0
)
{
this
.
getUserInfoFunc
();
this
.
$emit
(
"sendProjectCountFunc"
,
res
.
result
.
total
);
if
(
res
.
result
.
records
.
length
>
0
){
this
.
hasData
=
false
;
...
...
@@ -177,6 +180,7 @@
api
.
getBigBusinessListAxios
(
params
).
then
((
res
)
=>
{
this
.
fullscreenLoading
=
false
;
if
(
res
.
code
==
0
){
this
.
getUserInfoFunc
();
this
.
$emit
(
"sendBusinessCountFunc"
,
res
.
result
.
total
);
if
(
res
.
result
.
records
.
length
>
0
){
this
.
hasData
=
false
;
...
...
@@ -348,6 +352,15 @@
}
else
{
this
.
isTrans
=
flag
;
}
},
getUserInfoFunc
()
{
var
that
=
this
;
this
.
userInfo
=
publicFunc
.
getRefreshRadio
(
1
)
==
undefined
||
publicFunc
.
getRefreshRadio
(
1
)
==
""
?
""
:
publicFunc
.
getRefreshRadio
(
1
);
if
(
this
.
userInfo
)
{
this
.
authStatus
=
this
.
userInfo
.
authenticationState
;
}
}
},
...
...
@@ -373,7 +386,7 @@
})
globalMsg
.
$on
(
"translateFunc"
,(
data
)
=>
{
this
.
handleTransbBusinessList
(
data
);
})
})
;
},
}
</
script
>
...
...
src/views/mobile/auth/addAuth.vue
View file @
06dee95b
...
...
@@ -45,34 +45,39 @@
<el-form-item
:label=
"$t('personalAuth.businessCard')+':'"
required
class=
"businesscard"
style=
"margin-bottom: .6rem;"
>
<p
class=
"imgTitle"
>
{{
$t
(
"personalAuth.businessCardTitle"
)
}}
</p>
<div
class=
"list-default-img"
v-show=
"isPhoto"
@
click
.
stop=
"addPic"
>
<!--
<img
src=
"./images/icon_photo.png"
/>
-->
<span>
请选择或者拍照上传照片
</span>
<input
accept=
"image/*"
type=
"file"
multiple
/>
<!--
<input
type=
"file"
accept=
"image/jpeg,image/jpg,image/png"
capture=
"camera"
@
change=
"onFileChange"
style=
"display: none;"
>
-->
</div>
<!--
<div
class=
"uploadImg"
>
-->
<!--
<el-upload-->
<!--name="fileUpload"-->
<!--:limit="1"-->
<!--:on-exceed="handleExceed"-->
<!--list-type="picture-card"-->
<!--:class="ruleForm.empCardUrl?'uploadImgCircle notclick':'uploadImgCircle'"-->
<!--:action=uploadHostHeader-->
<!--:multiple="false"-->
<!--:file-list="fileList"-->
<!--:on-preview="handlePictureCardPreview"-->
<!--:on-success="uploadComplete"-->
<!--:before-upload="handleBeforeFile"-->
<!--:on-remove="handleRemove"-->
<!-->-->
<!--
<i
class=
"iconfont icon-jiahao"
></i>
-->
<!--
<p
class=
"uploadImgTitle"
>
{{
$t
(
"personalAuth.businessCard"
)
}}
</p>
-->
<!--
</el-upload>
-->
<!--
<el-dialog
:visible
.
sync=
"dialogVisible"
>
-->
<!--
<img
width=
"100%"
:src=
"dialogImageUrl"
alt=
""
>
-->
<!--
</el-dialog>
-->
<!--
<div
class=
"list-default-img"
v-show=
"isPhoto"
@
click
.
stop=
"addPic"
>
-->
<!--<!–
<img
src=
"./images/icon_photo.png"
/>
–>
-->
<!--
<span>
请选择或者拍照上传照片
</span>
-->
<!--
<input
accept=
"image/png,image/jpg"
type=
"file"
capture=
"camera"
@
change=
"onFileChange"
multiple
/>
-->
<!--<!–
<input
type=
"file"
accept=
"image/jpeg,image/jpg,image/png"
capture=
"camera"
@
change=
"onFileChange"
style=
"display: none;"
>
–>
-->
<!--
</div>
-->
<div
class=
"uploadImg"
>
<el-upload
name=
"fileUpload"
:limit=
"1"
:on-exceed=
"handleExceed"
list-type=
"picture-card"
:class=
"ruleForm.empCardUrl?'uploadImgCircle notclick':'uploadImgCircle'"
:action=
uploadHostHeader
:multiple=
"false"
:file-list=
"fileList"
:on-preview=
"handlePictureCardPreview"
:on-success=
"uploadComplete"
:before-upload=
"handleBeforeFile"
:on-remove=
"handleRemove"
>
<i
class=
"iconfont icon-jiahao"
></i>
<p
class=
"uploadImgTitle"
>
{{
$t
(
"personalAuth.businessCard"
)
}}
</p>
</el-upload>
<el-dialog
:visible
.
sync=
"dialogVisible"
>
<img
width=
"100%"
:src=
"dialogImageUrl"
alt=
""
>
</el-dialog>
</div>
<span
class=
"errorText"
v-if=
"isShowErrorText1"
>
{{
$t
(
"personalAuth.emptyCard"
)
}}
</span>
<span
class=
"errorText"
v-if=
"isShowErrorText2"
>
{{
$t
(
"personalAuth.errorformatCard"
)
}}
</span>
<span
class=
"errorText"
v-if=
"isShowErrorText3"
>
{{
$t
(
"personalAuth.errorSizeCard"
)
}}
</span>
...
...
@@ -104,7 +109,9 @@
import
publicFunc
from
'../../../common/public'
;
import
sliderCmpt
from
'../../../components/common/puzzleSlider'
;
import
breadBottom
from
'../../../components/mobile/breadBottom'
;
import
lrz
from
'lrz'
;
import
'babel-polyfill'
;
// es6 shim
import
imageCrop
from
'../../../components/mobile/imgCrop'
;
import
lrz
from
'lrz'
// import Exif from '../../../../public/js/exif';
export
default
{
name
:
"addAuth"
,
...
...
@@ -112,7 +119,8 @@
breadTop
,
companyInfo
,
sliderCmpt
,
breadBottom
breadBottom
,
"m-image-crop"
:
imageCrop
},
data
()
{
return
{
...
...
@@ -131,6 +139,7 @@
lang
:
this
.
$i18n
.
locale
==
"zh-CN"
?
1
:
2
,
fullscreenLoading
:
false
,
fileList
:
[],
//图片
fileListArr
:{},
codehtml
:
"getCode"
,
rules
:
{
empName
:
[
...
...
@@ -172,6 +181,10 @@
},
methods
:
{
removeHandle
(){
},
toggleAddPic
()
{
let
vm
=
this
;
if
(
vm
.
imgUrls
.
length
>=
1
)
{
...
...
@@ -187,7 +200,6 @@
},
onFileChange
(
e
)
{
alert
(
JSON
.
stringify
(
e
.
target
))
var
files
=
e
.
target
.
files
||
e
.
dataTransfer
.
files
;
if
(
!
files
.
length
)
return
;
this
.
createImage
(
files
,
e
);
...
...
@@ -406,7 +418,7 @@
//超出限制
handleExceed
(
files
,
fileList
)
{
this
.
$
message
.
warning
(
this
.
$t
(
"personalAuth.errorExceedCard"
))
this
.
$
toast
(
this
.
$t
(
"personalAuth.errorExceedCard"
))
},
handlePictureCardPreview
(
file
)
{
...
...
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