开发者社区> 问答> 正文

这个代码什么意思

// 当页面渲染完毕后马上调用下面的函数,这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
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 + ' | 宜搭';
this.utils.loadScript('https://g.alicdn.com/code/lib/qrcodejs/1.0.0/qrcode.min.js');
this.queryData()

}

export function queryData(){
this.dataSourceMap.getDatas.load({
formUuid: "FORM-IY966L71V86F7B0MCQ2VD4F8TYGP3J964LWNLB",
}).then(res => {
if (res.data) {
const tableList = res.data.map(item => {
return {
"id": item.formInstId,
"name": item.formData.textField_lnwl4g9m,
"type": item.formData.textField_lnwl4g9n,
"remake": item.formData.textareaField_lnwl4g9p,
"praise": item.formData.numberField_lnwl4g9t,
"share": item.formData.numberField_lnwl4g9r,
}
})
// const tableList = []
// res.data.forEach(item => {
// const tableData = {
// "id": item.formInstId,
// "name": item.formData.textField_lnwl4g9m,
// "type": item.formData.textField_lnwl4g9n,
// "remake": item.formData.textareaField_lnwl4g9p,
// "praise": item.formData.numberField_lnwl4g9t,
// "share": item.formData.numberField_lnwl4g9r,
// }
// tableList.push(tableData)
// })

  const dataSource = {
    currentPage: 1,
    totalCount: res.totalCount,
    data: tableList,
  }
  console.log(dataSource)
  this.$('tablePc_lnwl8e68').set("data", dataSource)
}

})
}

export function onAddItemClick() {
this.state.mode = "add"
this.$('dialog_lnwp3m47').show()
}

/**

  • dialog onOk
    */
    export function onOk() {

    this.dataSourceMap.saveData.load({

    formUuid: "FORM-IY966L71V86F7B0MCQ2VD4F8TYGP3J964LWNLB",
    appType: "APP_JWE2RULYEKZFNB23S8II",
    formDataJson: JSON.stringify({
      "textField_lnwl4g9m": this.$('textField_lnwp3m49').get('value'),
      "textField_lnwl4g9n": this.$('selectField_lnl47ou2').get('value'),
      "textareaField_lnwl4g9p": this.$('textField_lnwp3m4d').get('value'),
      "numberField_lnwl4g9t": this.$('numberField_lnwp3m4f').get('value'),
      "numberField_lnwl4g9r": this.$('numberField_lnwp3m4h').get('value'),
    })
    

    }).then(res => {

    this.$('dialog_lnwp3m47').hide()
    this.queryData()
    

    })
    }

export function onActionClick(rowData) {

this.utils.dialog({
method: 'confirm', // 'alert', 'confirm', 'show'
title: '温馨提示',
content: '数据删除后无法恢复,是否确认', // 如需换行可传入 HTML/JSX 来实现
onOk: () => {
this.dataSourceMap.deleteData.load({
formInstId: rowData.id
}).then(res => {
console.log(res)
this.queryData()
})
},
onCancel: () => {},
});

}

export function onUpdateItemClick() {
// this.state.selectedArr.forEach(item => {
// const params = {
// formInstId: item,
// updateFormDataJson: JSON.stringify({
// "textField_lnwl4g9n": this.$('selectField_lnwtsr80').get("value")
// })
// }
// this.dataSourceMap.updateData.load(params).then(res => { //调用接口

// })
// })
// this.queryData();

let promiseArr = []
this.state.selectedArr.forEach(item => {
const params = {
formInstId: item,
updateFormDataJson: JSON.stringify({
"textField_lnwl4g9n": this.$('selectField_lnwtsr80').get("value")
})
}

const promise = new Promise((pres, rej) => {
this.dataSourceMap.updateData.load(params).then(res => { //调用接口
pres() //单个接口执行完毕
})
})
promiseArr.push(promise)
})
//栅栏函数
Promise.all(promiseArr).then((result) => {
this.utils.toast({
title: 'Update Success!',
});
this.queryData();
})
}
export function onSelectChange(selectedRowKeys, records) {
console.log("AAA",selectedRowKeys, records);

this.state.selectedArr = selectedRowKeys
}

let updateID;
//点击修改
export function onUpdateClick(rowData) {
this.state.mode = "update"
updateID = rowData.id
console.log(rowData);
this.$('textField_lnwp3m49').set("value",rowData.name)
this.$('selectField_lnl47ou2').set("value", rowData.type)
this.$('textField_lnwp3m4d').set("value", rowData.remake)
this.$('numberField_lnwp3m4f').set("value", rowData.share)
this.$('numberField_lnwp3m4h').set("value", rowData.praise)
this.$('dialog_lnwp3m47').show()
}

export function onQRCodeClick(rowData) {
const text = "https://zjyc.aliwork.com/o/hzyc/project" + "?pro=" + rowData.name
this.$('textField_lny1z2x4').set("value", text)
this.$('dialog_lny0yafp').show()
if (!document.getElementById('qrcodeRootDom')) {
// 若没有 qrcodeRootDom 则创建一个
const qrcodeRoot = document.createElement('div');
qrcodeRoot.setAttribute('id', 'qrcodeRootDom');
qrcodeRoot.style.display = 'none';
window.document.body.appendChild(qrcodeRoot);
};
document.getElementById('qrcodeRootDom').innerHTML = ''; // 清空内容
const qrcode = new QRCode(document.getElementById('qrcodeRootDom'), {
text: encodeURI(text),// 二维码内容
width: 220, // 二维码宽度
height: 220, // 二维码高度
colorDark: '#000000',
colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H
});
const canvas = qrcode._el.querySelector('canvas'); // 获取生成二维码中的canvas,并将canvas转换成base64
const qrcodeUrl = canvas.toDataURL('image/png'); // 获取到生成的二维码的图片链接
this.$('image_lny0yafq').set("src", qrcodeUrl)
return qrcodeUrl;

展开
收起
1678916692261590 2023-11-21 23:33:50 35 0
0 条回答
写回答
取消 提交回答
问答分类:
问答地址:
关联地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载