Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
self-support
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
李俊赕
self-support
Commits
4d14079a
Commit
4d14079a
authored
Apr 19, 2021
by
Morson
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
入驻资料模块交互逻辑
图片模块逻辑处理
parent
a029c047
Changes
5
Expand all
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
609 additions
and
534 deletions
+609
-534
App.vue
src/App.vue
+4
-3
index.js
src/components/upload/index.js
+14
-4
file.vue
src/pages/settle/file.vue
+588
-524
index.js
src/plugins/uploader/index.js
+2
-2
upload.js
src/plugins/uploader/request/upload/upload.js
+1
-1
No files found.
src/App.vue
View file @
4d14079a
...
@@ -36,6 +36,9 @@
...
@@ -36,6 +36,9 @@
// 授权用户信息
// 授权用户信息
authUserInfo
:
''
,
authUserInfo
:
''
,
// 用户入驻信息
settledInfo
:
{},
},
},
onLaunch
:
function
()
{
onLaunch
:
function
()
{
// 应用初始化(全局只触发一次)
// 应用初始化(全局只触发一次)
...
@@ -46,9 +49,7 @@
...
@@ -46,9 +49,7 @@
},
},
onShow
:
function
()
{
onShow
:
function
()
{
// 应用启动,或从后台进入前台显示
// 应用启动,或从后台进入前台显示
if
(
!
this
.
globalData
.
token
)
{
this
.
autoLogin
()
this
.
autoLogin
()
}
},
},
onHide
:
function
()
{
onHide
:
function
()
{
// 应用从前台进入后台
// 应用从前台进入后台
...
...
src/components/upload/index.js
View file @
4d14079a
...
@@ -5,7 +5,9 @@ export default {
...
@@ -5,7 +5,9 @@ export default {
components
:
{},
components
:
{},
data
()
{
data
()
{
return
{
return
{
imgList
:[]
imgList
:[],
// 上传文件种类:0--头像、1--证件、2--身份证
categories
:
[
'avatar'
,
'cert'
,
'id'
],
};
};
},
},
created
()
{
created
()
{
...
@@ -26,10 +28,17 @@ export default {
...
@@ -26,10 +28,17 @@ export default {
}
}
let
res
=
await
uploader
.
urlFileUpload
(
options
)
let
res
=
await
uploader
.
urlFileUpload
(
options
)
},
},
async
chooseImage
(
type
){
/**
* 上传图片公用组件
* @param {Object} type 文件上传方式
* @param {Object} attr 文件属性:图片种类[category](身份证、证件、头像),其他
*/
async
chooseImage
(
type
,
attr
=
{}){
const
self
=
this
const
self
=
this
let
imgList
=
[]
let
imgList
=
[]
if
(
type
===
'qiniu'
){
if
(
type
===
'qiniu'
){
// 图片种类
let
category
=
attr
&&
attr
.
category
||
self
.
categories
[
0
]
// 七牛上传
// 七牛上传
let
options
=
{
let
options
=
{
onProgressUpdate
(
res
){
onProgressUpdate
(
res
){
...
@@ -57,13 +66,14 @@ export default {
...
@@ -57,13 +66,14 @@ export default {
}
}
self
.
imgList
=
imgList
self
.
imgList
=
imgList
console
.
log
(
res
,
'res---onEachUpdate'
)
console
.
log
(
res
,
'res---onEachUpdate'
)
}
},
cardType
:
category
}
}
// 不需要进度条等可直接获取
// 不需要进度条等可直接获取
let
res
=
await
uploader
.
qnImgUpload
(
options
)
let
res
=
await
uploader
.
qnImgUpload
(
options
)
console
.
log
(
self
.
imgList
,
'self.imgList'
)
console
.
log
(
self
.
imgList
,
'self.imgList'
)
//
console.log(uploader,uploader.qiniuTokenObj,'qiniuTokenObj')
console
.
log
(
uploader
,
uploader
.
qiniuTokenObj
,
'qiniuTokenObj'
)
// let imgList = res.map(item=>{
// let imgList = res.map(item=>{
// return {
// return {
// key:item,
// key:item,
...
...
src/pages/settle/file.vue
View file @
4d14079a
This diff is collapsed.
Click to expand it.
src/plugins/uploader/index.js
View file @
4d14079a
...
@@ -26,11 +26,11 @@ let baseOptions = {
...
@@ -26,11 +26,11 @@ let baseOptions = {
let
uploader
=
new
request
(
baseOptions
);
let
uploader
=
new
request
(
baseOptions
);
// 添加获取七牛云token的方法
// 添加获取七牛云token的方法
uploader
.
getQnToken
=
function
(
data
)
{
uploader
.
getQnToken
=
function
(
params
)
{
//该地址需要开发者自行配置(每个后台的接口风格都不一样)
//该地址需要开发者自行配置(每个后台的接口风格都不一样)
// console.log(uploader.get,'uploader.get')
// console.log(uploader.get,'uploader.get')
return
new
Promise
((
resolve
,
reject
)
=>
{
return
new
Promise
((
resolve
,
reject
)
=>
{
uploader
.
post
(
baseOptions
.
qiniuUploadUrl
,
data
).
then
(
data
=>
{
uploader
.
post
(
baseOptions
.
qiniuUploadUrl
,
params
).
then
(
data
=>
{
/*
/*
*接口返回参数:
*接口返回参数:
*visitPrefix:访问文件的域名
*visitPrefix:访问文件的域名
...
...
src/plugins/uploader/request/upload/upload.js
View file @
4d14079a
...
@@ -83,7 +83,7 @@ export default class fileUpload extends request {
...
@@ -83,7 +83,7 @@ export default class fileUpload extends request {
}
}
let
qnRes
=
this
.
qiniuTokenObj
let
qnRes
=
this
.
qiniuTokenObj
if
(
!
qnRes
||
qnRes
.
cardType
!==
requestInfo
.
cardType
){
if
(
!
qnRes
||
qnRes
.
cardType
!==
requestInfo
.
cardType
){
let
params
=
{
type
:
requestInfo
.
cardType
||
''
}
let
params
=
{
type
:
requestInfo
.
cardType
||
'
avatar
'
}
qnRes
=
await
this
.
getQnToken
(
params
)
qnRes
=
await
this
.
getQnToken
(
params
)
this
.
qiniuTokenObj
=
{
this
.
qiniuTokenObj
=
{
cardType
:
''
,
cardType
:
''
,
...
...
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