add file
This commit is contained in:
@@ -0,0 +1,184 @@
|
||||
import { API } from './../../../utils/network/api'
|
||||
import { FileUtil } from './../../../utils/fileutil'
|
||||
const api = new API()
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: {
|
||||
navbarData: {
|
||||
showCapsule: 1, //是否显示左上角图标 1表示显示 0表示不显示
|
||||
title: '多点执业认证', //导航栏 中间的标题
|
||||
},
|
||||
height: app.globalData.height,
|
||||
id_card_front: [],
|
||||
id_card_back: [],
|
||||
sign_image: ""
|
||||
},
|
||||
|
||||
onLoad(){
|
||||
|
||||
console.log("onlosd");
|
||||
//获得多点执业信息
|
||||
api.getDoctorAuthMulti().then(response => {
|
||||
console.log("getDoctorAuthMulti: ",response);
|
||||
if(response.data.id_card_front){
|
||||
let id_card_front_img = {};
|
||||
id_card_front_img.url = response.data.id_card_front;
|
||||
id_card_front_img.isImg = true;
|
||||
this.data.id_card_front.push(id_card_front_img);
|
||||
}
|
||||
|
||||
if(response.data.id_card_back){
|
||||
let id_card_back_img = {};
|
||||
id_card_back_img.url = response.data.id_card_back;
|
||||
id_card_back_img.isImg = true;
|
||||
this.data.id_card_back.push(id_card_back_img);
|
||||
}
|
||||
|
||||
let sign_image = response.data.sign_image;
|
||||
if(sign_image){
|
||||
this.setData({
|
||||
sign_image: sign_image
|
||||
})
|
||||
}
|
||||
|
||||
this.setData({
|
||||
id_card_front: this.data.id_card_front,
|
||||
id_card_back: this.data.id_card_back,
|
||||
})
|
||||
|
||||
|
||||
}).catch(errors => {
|
||||
console.error(errors);
|
||||
})
|
||||
|
||||
},
|
||||
onShow(){
|
||||
console.log("onshow")
|
||||
let sign_image = wx.getStorageSync("sign_image");
|
||||
console.log("sign_image: ",sign_image);
|
||||
if(sign_image){
|
||||
this.setData({
|
||||
sign_image: sign_image
|
||||
})
|
||||
}
|
||||
},
|
||||
add(){
|
||||
let id_card_front = this.data.id_card_front[0].url;
|
||||
console.log("id_card_front: ", id_card_front);
|
||||
if(id_card_front == ""){
|
||||
wx.showToast({
|
||||
title: '请上传身份证',
|
||||
icon: "error"
|
||||
})
|
||||
return;
|
||||
}
|
||||
let id_card_back = this.data.id_card_back[0].url;
|
||||
console.log("id_card_back: ", id_card_back);
|
||||
if(id_card_back == ""){
|
||||
wx.showToast({
|
||||
title: '请上传身份证',
|
||||
icon: "error"
|
||||
})
|
||||
return;
|
||||
}
|
||||
let sign_image = this.data.sign_image;
|
||||
console.log("sign_image: ", sign_image);
|
||||
if(sign_image == ""){
|
||||
wx.showToast({
|
||||
title: '请上传签名',
|
||||
icon: "error"
|
||||
})
|
||||
return;
|
||||
}
|
||||
let params = {};
|
||||
params.id_card_front = id_card_front;
|
||||
params.id_card_back = id_card_back;
|
||||
params.sign_image = sign_image;
|
||||
api.postDoctorAuthMulti(params).then(response => {
|
||||
console.log("postDoctorAuthMulti: ",response);
|
||||
wx.showToast({
|
||||
title: '提交成功',
|
||||
icon: "success"
|
||||
})
|
||||
}).catch(errors => {
|
||||
console.error(errors);
|
||||
})
|
||||
},
|
||||
doUploadFile(event) {
|
||||
console.log("index douploadFIle: ", event);
|
||||
const scene = event.currentTarget.dataset.scene;
|
||||
const field_name = event.currentTarget.dataset.field_name;
|
||||
const file_multiple = event.currentTarget.dataset.file_multiple;//是否为多张图
|
||||
console.log("scene: ", scene);
|
||||
console.log("field_name: ", field_name);
|
||||
console.log("file_multiple: ", file_multiple);
|
||||
let _this = this;
|
||||
api.getOssSign({user_type:2,scene:scene}).then(response => {
|
||||
console.log(response);
|
||||
const { file } = event.detail;
|
||||
console.log("file: ", file);
|
||||
const filename = FileUtil.getFileName(file);
|
||||
const host = response.data.host;
|
||||
const signature = response.data.signature;
|
||||
const ossAccessKeyId = response.data.accessid;
|
||||
const policy = response.data.policy;
|
||||
const key = response.data.dir+filename;
|
||||
const filePath = file.url; // 待上传文件的文件路径。
|
||||
wx.uploadFile({
|
||||
url: host, // 开发者服务器的URL。
|
||||
filePath: filePath,
|
||||
name: 'file', // 必须填file。
|
||||
formData: {
|
||||
key,
|
||||
policy,
|
||||
OSSAccessKeyId: ossAccessKeyId,
|
||||
signature,
|
||||
},
|
||||
success: (res) => {
|
||||
console.log("upload: ", res);
|
||||
if (res.statusCode === 204) {
|
||||
wx.showToast({title: '上传成功'})
|
||||
if(file_multiple == "true"){//多张图
|
||||
let img = {}
|
||||
img.url = host+"/"+key;
|
||||
img.isImg = true;
|
||||
|
||||
|
||||
let img_list = _this.data[field_name];
|
||||
|
||||
console.log("img_list: ", img_list);
|
||||
img_list.push(img);
|
||||
console.log("img_list: ", img_list);
|
||||
|
||||
this.setData({
|
||||
[field_name]: img_list
|
||||
});
|
||||
}else{
|
||||
this.setData({[field_name]: host+"/"+key});
|
||||
}
|
||||
}
|
||||
},
|
||||
fail: err => {
|
||||
console.log(err);
|
||||
}
|
||||
});
|
||||
}).catch(errors => {
|
||||
console.error(errors);
|
||||
})
|
||||
},
|
||||
doDeleteFile(event){
|
||||
console.log(event);
|
||||
let url = event.detail.file.url;
|
||||
let file_name = event.currentTarget.dataset.field_name;
|
||||
let img_list = this.data[file_name].filter(item => item.url != url);
|
||||
this.setData({
|
||||
[file_name]: img_list
|
||||
})
|
||||
},
|
||||
onshowIdCardFrontNote(){
|
||||
console.log("onshowIdCardFrontNote");
|
||||
},
|
||||
onshowIdCardBackNote(){
|
||||
console.log("onshowIdCardBackNote");
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"te-nav-bar": "/commpents/te_navbar",
|
||||
"m-upload-cell": "/commpents/upload-cell/index",
|
||||
"t-icon": "tdesign-miniprogram/icon/icon",
|
||||
"van-cell": "@vant/weapp/cell/index",
|
||||
"van-cell-group": "@vant/weapp/cell-group/index",
|
||||
"van-divider": "@vant/weapp/divider/index",
|
||||
"van-button": "@vant/weapp/button/index"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
<te-nav-bar navbar-data='{{navbarData}}' ></te-nav-bar>
|
||||
<view class="container" style="height: calc(100vh - 96rpx - {{height}}px);">
|
||||
<m-upload-cell
|
||||
upload_cell_name="上传身份证正面照片"
|
||||
t_icon_name="view-module"
|
||||
bind:showNote="onshowIdCardFrontNote"
|
||||
upload_cell_desc=""
|
||||
upload_cell_note="查看示例"
|
||||
fileList="{{ id_card_front }}"
|
||||
max_count="1"
|
||||
data-scene="2"
|
||||
data-field_name="id_card_front"
|
||||
data-file_multiple="true"
|
||||
bindUploadFile="doUploadFile"
|
||||
bindDeleteFile="doDeleteFile"
|
||||
/>
|
||||
|
||||
<m-upload-cell
|
||||
upload_cell_name="上传身份证反面照片"
|
||||
t_icon_name="view-module"
|
||||
bind:showNote="onshowIdCardBackNote"
|
||||
upload_cell_desc=""
|
||||
upload_cell_note="查看示例"
|
||||
fileList="{{ id_card_back }}"
|
||||
max_count="1"
|
||||
data-scene="2"
|
||||
data-field_name="id_card_back"
|
||||
data-file_multiple="true"
|
||||
bindUploadFile="doUploadFile"
|
||||
bindDeleteFile="doDeleteFile"
|
||||
/>
|
||||
|
||||
<van-cell-group border="{{ false }}">
|
||||
<van-cell
|
||||
title="多点执业认证流程"
|
||||
border="{{ false }}"
|
||||
value='查看操作手册'
|
||||
is-link />
|
||||
|
||||
<view class="notice">注:请先了解多点执业认证流程,在提交审核</view>
|
||||
|
||||
<van-divider customStyle="color: #999; width:95vw; margin: 20rpx auto;" />
|
||||
|
||||
<view class="sign_box">
|
||||
<view class="sign_title">医生手写签名 *</view>
|
||||
<view class="sign" wx:if="{{sign_image == ''}}">
|
||||
<navigator url="/Pages/yishi/signcanvas/index" open-type="navigate" hover-class="other-navigator-hover">
|
||||
<van-button custom-style="height:130rpx;margin-top:20rpx;border-radius: 20rpx;border: 1px dashed #999;width:100%;font-size:30rpx;background-color: #fff;color: #3CC7C0;" icon="edit">点击签名</van-button>
|
||||
</navigator>
|
||||
</view>
|
||||
<navigator url="/Pages/yishi/signcanvas/index" open-type="navigate" hover-class="other-navigator-hover">
|
||||
<view class="sign_img" wx:if="{{sign_image != ''}}">
|
||||
<image mode="heightFix" style="transform: rotate(-90deg);width: 100%;" src="{{sign_image}}"></image>
|
||||
</view>
|
||||
</navigator>
|
||||
<view class="sign_note">提示:平台会在1~3天内审核您提交的资料,审核结果会第一时间通知您。</view>
|
||||
|
||||
<!-- <van-button custom-style="font-size:30rpx; color:#fff; border-radius: 20rpx; background-color: #999" block>资料未填写完</van-button> -->
|
||||
<van-button bind:click="add" custom-style="font-size:30rpx; color:#fff; border-radius: 20rpx; background-color: #3CC7C0" block>提交</van-button>
|
||||
</view>
|
||||
</van-cell-group>
|
||||
</view>
|
||||
@@ -0,0 +1,41 @@
|
||||
.notice{
|
||||
position: relative;
|
||||
width: 92vw;
|
||||
background-color: #FAFAFA;
|
||||
margin: 0 auto;
|
||||
border-radius: 10rpx;
|
||||
line-height: 80rpx;
|
||||
height: 80rpx;
|
||||
color: #ED7B2F;
|
||||
font-size: 20rpx;
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
.notice::after{
|
||||
border-radius: 5rpx;
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
border-width: 16rpx;
|
||||
border-style: solid;
|
||||
border-color: transparent transparent #FAFAFA transparent;
|
||||
content: ' ';
|
||||
left: 50rpx;
|
||||
top: -30rpx;
|
||||
}
|
||||
.sign_box{
|
||||
width: 92vw;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.sign_title{
|
||||
font-size: 30rpx;
|
||||
}
|
||||
.sign_note{
|
||||
margin: 20rpx 0;
|
||||
font-size: 28rpx;
|
||||
color: #666666;
|
||||
}
|
||||
.sign_img{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
Reference in New Issue
Block a user