完成商户分账信息查询功能
This commit is contained in:
赵毅
parent
61b44c2e5f
commit
2f2e11cc6b
@ -638,7 +638,7 @@ export default {
|
||||
|
||||
ecQuery() {
|
||||
const storeValue = uni.getStorageSync('storeValue');
|
||||
if (!storeValue || !storeValue.ec_apply_id) {
|
||||
if (!storeValue || !storeValue.contractId) {
|
||||
uni.showToast({
|
||||
title: '请先提交申请',
|
||||
icon: 'none'
|
||||
|
||||
@ -218,12 +218,13 @@ page {
|
||||
.submit-section {
|
||||
margin-top: 40rpx;
|
||||
margin-bottom: 20rpx;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
.submit-btn,
|
||||
.submit-btn1 {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
background-color: #007aff;
|
||||
color: #fff;
|
||||
font-size: 28rpx;
|
||||
border-radius: 8rpx;
|
||||
@ -232,6 +233,16 @@ page {
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
background-color: #007aff;
|
||||
margin-left: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn1 {
|
||||
background-color: #ff4016;
|
||||
margin-right: 5rpx;
|
||||
}
|
||||
|
||||
.submit-btn:active {
|
||||
background-color: #0051d5;
|
||||
transform: scale(0.98);
|
||||
|
||||
@ -5,30 +5,32 @@
|
||||
<view class="form-section">
|
||||
<view class="form-item">
|
||||
<label class="form-label required">商户号</label>
|
||||
<input type="number" class="form-input" v-model.number="formData.mch_id" placeholder="请输入商户号" required>
|
||||
<input type="number" class="form-input" v-model.number="formData.mch_id" placeholder="请输入商户号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">拉卡拉内部商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merInnerNo" placeholder="请输入拉卡拉内部商户号（可选）">
|
||||
</view>
|
||||
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">银联商户号</label>
|
||||
<input type="text" class="form-input" v-model="formData.merCupNo" placeholder="请输入银联商户号（可选）">
|
||||
</view>
|
||||
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label required">联系手机号</label>
|
||||
<input type="number" class="form-input" v-model="formData.contactMobile" placeholder="请输入联系手机号" required>
|
||||
<input type="number" class="form-input" v-model="formData.contactMobile" placeholder="请输入联系手机号"
|
||||
required>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="form-item">
|
||||
<label class="form-label">电子分账协议号</label>
|
||||
<input type="text" class="form-input" v-model="formData.eleContractNo" placeholder="请输入电子分账协议号（可选）">
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 附件上传 -->
|
||||
<view class="form-section">
|
||||
<h3 class="section-title">附件上传（可选）</h3>
|
||||
@ -49,19 +51,21 @@
|
||||
<button class="add-attachment-btn" @click="addFile">添加附件</button>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- 提交按钮 -->
|
||||
<view class="form-section submit-section">
|
||||
<button type="button" class="submit-btn1" @click="ecQuery">结果查询</button>
|
||||
<button type="submit" class="submit-btn" @click="submitForm">提交申请</button>
|
||||
</view>
|
||||
</form>
|
||||
|
||||
|
||||
<!-- 文件附件类型弹窗 -->
|
||||
<view class="popup" v-if="showFileAttachTypePopup >= 0">
|
||||
<view class="popup-content">
|
||||
<view class="popup-title">选择附件类型</view>
|
||||
<view class="popup-list">
|
||||
<view class="popup-item" v-for="type in fileAttachTypeOptions" :key="type.value" @click="selectFileAttachType(showFileAttachTypePopup, type)">
|
||||
<view class="popup-item" v-for="type in fileAttachTypeOptions" :key="type.value"
|
||||
@click="selectFileAttachType(showFileAttachTypePopup, type)">
|
||||
{{ type.label }}
|
||||
</view>
|
||||
</view>
|
||||
@ -95,10 +99,10 @@ export default {
|
||||
}
|
||||
] // 文件数据（可选）
|
||||
},
|
||||
|
||||
|
||||
// 弹窗控制
|
||||
showFileAttachTypePopup: -1,
|
||||
|
||||
|
||||
// 文件附件类型选项（示例数据，实际应从API获取）
|
||||
fileAttachTypeOptions: [
|
||||
{ value: 'BUSINESS_LICENSE', label: '营业执照' },
|
||||
@ -110,122 +114,122 @@ export default {
|
||||
]
|
||||
};
|
||||
},
|
||||
|
||||
|
||||
methods: {
|
||||
// 添加附件
|
||||
addFile() {
|
||||
this.formData.fileData.push({
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
addFile() {
|
||||
this.formData.fileData.push({
|
||||
attType: '',
|
||||
attFileId: '',
|
||||
attachName: ''
|
||||
});
|
||||
},
|
||||
|
||||
// 选择文件附件类型
|
||||
selectFileAttachType(index, type) {
|
||||
this.formData.fileData[index].attType = type.value;
|
||||
this.showFileAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.fileAttachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeFile(index) {
|
||||
this.formData.fileData.splice(index, 1);
|
||||
},
|
||||
|
||||
// 上传文件
|
||||
uploadFile(index) {
|
||||
const fileData = this.formData.fileData[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!fileData.attType) {
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
|
||||
// 选择文件附件类型
|
||||
selectFileAttachType(index, type) {
|
||||
this.formData.fileData[index].attType = type.value;
|
||||
this.showFileAttachTypePopup = -1;
|
||||
},
|
||||
|
||||
// 获取附件类型标签
|
||||
getAttachTypeLabel(typeValue) {
|
||||
if (!typeValue) return '';
|
||||
const option = this.fileAttachTypeOptions.find(type => type.value === typeValue);
|
||||
return option ? option.label : '';
|
||||
},
|
||||
|
||||
// 删除附件
|
||||
removeFile(index) {
|
||||
this.formData.fileData.splice(index, 1);
|
||||
},
|
||||
|
||||
// 上传文件
|
||||
uploadFile(index) {
|
||||
const fileData = this.formData.fileData[index];
|
||||
|
||||
// 检查是否选择了附件类型
|
||||
if (!fileData.attType) {
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 设置文件名
|
||||
fileData.attachName = tempFile.name;
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key，根据后端要求设置
|
||||
formData: {
|
||||
attType: fileData.attType // 附件类型
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
fileData.attFileId = res.data.respData.attFileId;
|
||||
fileData.attachName = tempFile.name; // 文件名
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '请先选择附件类型',
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
return;
|
||||
}
|
||||
|
||||
// 调用 uni.chooseMessageFile API 选择文件
|
||||
uni.chooseMessageFile({
|
||||
count: 1,
|
||||
type: 'file',
|
||||
extension: ['pdf', 'doc', 'docx', 'jpg', 'jpeg', 'png'], // 支持的文件类型
|
||||
success: (res) => {
|
||||
const tempFile = res.tempFiles[0];
|
||||
console.log("选择的文件:", tempFile);
|
||||
|
||||
// 设置文件名
|
||||
fileData.attachName = tempFile.name;
|
||||
|
||||
// 显示上传中提示
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
|
||||
// 直接使用uni.uploadFile上传文件
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + apiArr.upload, // 完整的上传接口URL
|
||||
filePath: tempFile.path, // 文件路径
|
||||
name: 'file', // 文件对应的key，根据后端要求设置
|
||||
formData: {
|
||||
attType: fileData.attType // 附件类型
|
||||
},
|
||||
header: {
|
||||
Authorization: uni.getStorageSync("ctoken") // 添加认证信息
|
||||
},
|
||||
success: (uploadRes) => {
|
||||
// 解析响应数据
|
||||
const res = JSON.parse(uploadRes.data);
|
||||
|
||||
// 更新附件信息
|
||||
fileData.attFileId = res.data.respData.attFileId;
|
||||
fileData.attachName = tempFile.name; // 文件名
|
||||
|
||||
uni.showToast({
|
||||
title: '上传成功',
|
||||
icon: 'success'
|
||||
});
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('文件上传失败:', error);
|
||||
uni.showToast({
|
||||
title: '上传失败',
|
||||
icon: 'none'
|
||||
});
|
||||
},
|
||||
complete: () => {
|
||||
uni.hideLoading(); // 隐藏加载提示
|
||||
}
|
||||
});
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('选择文件失败:', err);
|
||||
uni.showToast({
|
||||
title: '选择文件失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
// 表单验证
|
||||
validateForm() {
|
||||
const { formData } = this;
|
||||
|
||||
|
||||
// 验证必需字段
|
||||
if (!formData.mch_id) {
|
||||
uni.showToast({ title: '请输入商户号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
if (!formData.contactMobile) {
|
||||
uni.showToast({ title: '请输入联系手机号', icon: 'none' });
|
||||
return false;
|
||||
@ -233,22 +237,49 @@ export default {
|
||||
uni.showToast({ title: '请输入有效的手机号', icon: 'none' });
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
return true;
|
||||
},
|
||||
|
||||
ecQuery() {
|
||||
// const storeValue = uni.getStorageSync('storeValue');
|
||||
// if (!storeValue || !storeValue.contractId) {
|
||||
// uni.showToast({
|
||||
// title: '请先提交申请',
|
||||
// icon: 'none'
|
||||
// });
|
||||
// return;
|
||||
// }
|
||||
// const params = {
|
||||
// contractId: storeValue.contractId
|
||||
// }
|
||||
request(apiArr.queryLedgerMer, "POST", {}).then(res => {
|
||||
if (res.respData.splitStatus === 'VALID') {
|
||||
uni.showToast({
|
||||
title: '审核通过',
|
||||
icon: 'success'
|
||||
});
|
||||
} else if (res.respData.contractStatus === 'INVALID') {
|
||||
uni.showToast({
|
||||
title: '审核未通过',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
|
||||
// 表单提交逻辑
|
||||
submitForm() {
|
||||
// 验证表单
|
||||
if (!this.validateForm()) {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
uni.showLoading({
|
||||
title: '提交中...',
|
||||
mask: true
|
||||
});
|
||||
|
||||
|
||||
// 准备请求参数
|
||||
const submitData = {
|
||||
mch_id: this.formData.mch_id,
|
||||
@ -258,7 +289,7 @@ export default {
|
||||
eleContractNo: this.formData.eleContractNo,
|
||||
attachments: []
|
||||
};
|
||||
|
||||
|
||||
// 只添加有attFileId的文件到attachments
|
||||
const validFiles = this.formData.fileData.filter(file => file.attFileId);
|
||||
if (validFiles.length > 0) {
|
||||
@ -268,28 +299,16 @@ export default {
|
||||
attachStorePath: file.attFileId
|
||||
}));
|
||||
}
|
||||
|
||||
|
||||
console.log('提交的数据:', submitData);
|
||||
|
||||
// 调用applyLedgerMer接口提交数据
|
||||
|
||||
request(apiArr.applyLedgerMer, "POST", submitData).then(res => {
|
||||
uni.hideLoading();
|
||||
|
||||
if (res && res.cmdRetCode === 'SUCCESS') {
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
|
||||
setTimeout(() => {
|
||||
uni.navigateBack();
|
||||
}, 1500);
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res?.retMsg || '提交失败',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
uni.showToast({
|
||||
title: '提交成功',
|
||||
icon: 'success'
|
||||
});
|
||||
uni.setStorageSync('storeValue', { fz_apply_id: res.resp_data.ec_apply_id });
|
||||
}).catch(error => {
|
||||
uni.hideLoading();
|
||||
console.error('提交失败:', error);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user