基于钉钉的宜搭创建付款流程

简介: 基于钉钉的宜搭创建付款流程

这里采用钉钉的宜搭来创建,因为普通的钉钉表单不能满足要求

1、首先建立供应商表单,这个是后面需要用到,同时基础数据需要维护好

 

2、创建付款流程表单

根据自己需要进行表单与子表单字段的添加与删除

同时需要上面有合计,满足批量导入,并且还能输入供应商能获取供应商的相关信息

手机端看到类似这样

3、建立数据源,因为要从供应商表单获取需要的数据

其中请求后需要返回数据

function didFetch(content) {
const value = [];
const data = content.data.map((item) => {
let arr = {
suppliercode: item.formData.suppliercode,
suppliername: item.formData.suppliername,
fullnameofpayee: item.formData.fullnameofpayee,
bankofdeposit: item.formData.bankofdeposit,
accountnumber: item.formData.accountnumber,
paymentmethod: item.formData.paymentmethod,
suppliernameenglish: item.formData.suppliernameenglish,
}
value.push(arr);
})
console.log(value);
let result = {
"data": value,
"currentPage": content.currentPage,
"totalCount": content.totalCount
}
return result; // 重要,需返回 content
}

4、因为上面的表单根据字段输入的excel文件本身就支持导入,所以可以进行批量的导入,当然供应商的详细数据可以后面进行处理

5、导入后进行供应商的数据填充

相应的代码如下:

/**

* 尊敬的用户,你好:页面 JS 面板是高阶用法,一般不建议普通用户使用,如需使用,请确定你具备研发背景,能够自我排查问题。当然,你也可以咨询身边的技术顾问或者联系宜搭平台的技术支持获得服务(可能收费)。

* 我们可以用 JS 面板来开发一些定制度高功能,比如:调用阿里云接口用来做图像识别、上报用户使用数据(如加载完成打点)等等。

* 你可以点击面板上方的 「使用帮助」了解。

*/
// 当页面渲染完毕后马上调用下面的函数,这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
console.log(`「页面 JS」:当前页面地址 ${location.href}`);
// console.log(`「页面 JS」:当前页面 id 参数为 ${this.state.urlParams.id}`);
// 更多 this 相关 API 请参考:https://www.yuque.com/yida/support/ocmxyv#OCEXd
// document.title = window.loginUser.userName + ' | 宜搭';
}
/**
* button onClick
*/
export function onClick(){
console.log('onClick');
const tabArr = [];
const tabobj = {};
const tab = this.$("tableField_ksycvr4a").getValue();//获取子表单内全部数据
for (let i = 0; i < tab.length; i++) {
let suppliername = tab[i].suppliername;
console.log("suppliername=>", suppliername);
let params = {
formUuid: "FORM-NY866191N0NY920H11V6O8BEJ7EV2QQTF5M0LQ",
searchFieldJson: JSON.stringify({
suppliername: suppliername
})
};
let that = this;
this.dataSourceMap.getDatas.load(params).then(res => {//调用数据源
console.log("res=>", res);
console.log("res.data.length=>", res.data.length);
if ((res.code = 200) && (res.data.length == 1)) {
console.log("res.data=>", res.data);
tab[i].paymentmethod = res.data[0].paymentmethod;
tab[i].fullnameofpayee = res.data[0].fullnameofpayee;
tab[i].bankofdeposit = res.data[0].bankofdeposit;
tab[i].accountnumber = res.data[0].accountnumber;
tab[i].suppliernameenglish = res.data[0].suppliernameenglish;
console.log("tab[", i, "]=>", tab[i]);
this.utils.toast({
title: '获取成功!',
type: 'success',
size: 'large',
})
}
else {
if (res.data.length > 1) {
this.utils.toast({
title: '获取失败,供应商有重复!',
type: 'warning',
size: 'large',
})
}
else {
this.utils.toast({
title: '获取失败,找不到相应的供应商!',
type: 'warning',
size: 'large',
})
}
}
});
tabArr.push(tab[i]) //将原始子表单内的数据放入到创建的新数组内
}
var that = this;
setTimeout(function () {
console.log("tabArr=>", tabArr)
that.$("tableField_ksycvr4a").setValue(tabArr);//子表单重新赋值
}, 600);

这样就能满足业务需要。

相关文章
|
2月前
|
UED
在钉钉宜搭中,要实现单选关联选项设置与图文展示的关联
【10月更文挑战第5天】本文通过具体案例介绍如何在钉钉宜搭中实现单选字段与其他字段的联动功能。以旅行社旅游线路报名表单为例,详细说明了创建单选字段、图文展示字段及设置联动逻辑的具体步骤。通过简单的配置,实现了用户选择目的地后自动展示相关信息的效果,提升了用户体验和数据录入准确性。适用于希望通过低代码平台优化工作流程的企业。
106 6
|
7月前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
417 2
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(简单支持发起人与审批人的流程)
|
7月前
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(七)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(七)
92 1
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(七)
|
7月前
|
XML JSON 前端开发
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
基于若依的ruoyi-nbcio流程管理系统仿钉钉流程json转bpmn的flowable的xml格式(支持并行网关)
354 3
|
7月前
|
XML JSON 数据格式
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(五)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(五)
131 2
|
7月前
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(二)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(二)
50 1
|
7月前
|
JSON API 数据格式
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(一)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(一)
74 1
|
7月前
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(六)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(六)
81 0
|
7月前
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(三)
基于若依的ruoyi-nbcio流程管理系统增加仿钉钉流程设计(三)
49 0
|
4月前
|
XML 算法 API
访问者模式问题之钉钉审批流程配置为什么适合使用访问者模式
访问者模式问题之钉钉审批流程配置为什么适合使用访问者模式

热门文章

最新文章