\u57cb\u70b9\u65b9\u6848\u4e3b\u8981\u6d41\u7a0b
\n1\u3001 \u5728 main.js \u6587\u4ef6\u4e2d\u751f\u6210 capol-log-uuid \u57cb\u70b9\u4f1a\u8bdd\u552f\u4e00id\uff0c\u5e76\u5b58\u5165sessionStorage\u4e2d<\/p>\n
router.afterEach((to, from, next) => {
\n\/\/\u4f18\u5148\u53d6url\u4e0a\u9762\u643a\u5e26\u7684\u57cb\u70b9id
\nconst uuid = to.query.logId ? to.query.logId : Utils.uuid()
\nconsole.log(‘\u8fdb\u5165\u9875\u9762\uff0c\u751f\u6210\u56de\u8bddid’)
\nsessionStorage.setItem(‘capol-log-uuid’,uuid)
\n})
\n2\u3001\u5728 utils \u6587\u4ef6\u5939\u4e0b\u6dfb\u52a0 commonLog.js \u516c\u5171\u57cb\u70b9\u65b9\u6cd5\u7c7b\uff0c\u63d0\u4f9b3\u4e2a\u65b9\u6cd5\uff1a<\/p>\n
\u6dfb\u52a0\u57cb\u70b9\u51fd\u6570\uff1aCapolLog.pointAdd(dynamicInfo, el)
\n\u66f4\u65b0\u57cb\u70b9\u51fd\u6570\uff1aCapolLog.pointUpdate(id, type,updateData)
\n\u66f4\u65b0\u57cb\u70b9\u8f85\u52a9\u51fd\u6570\uff1aCapolLog.pointUpdateHelper(event,operateResultBool)
\n3\u3001\u5c01\u88c5v-capol-log\u6307\u4ee4\uff0c\u76d1\u542c\u5143\u7d20\u70b9\u51fb\u4e8b\u4ef6\uff0c\u89e6\u53d1\u57cb\u70b9<\/p>\n
\/\/\u901a\u7528\u6309\u94ae\u57cb\u70b9\u6307\u4ee4
\nVue.directive(‘capol-log’, {
\ninserted(el, binding) {
\n\/\/\u6309\u94ae\u70b9\u51fb\u6267\u884c\u4e8b\u4ef6
\nconst handleClick = (el, binding) => {
\n\/\/\u4fee\u9970\u7b26
\nconst idFlag = binding.modifiers.idFlag ? 1 : 0;
\n\/\/\u7ed1\u5b9a\u503c
\nconst data = binding.value
\n\/\/\u57cb\u70b9\u5916\u90e8\u4f20\u53c2\u5bf9\u8c61
\nconst dynamicInfo = { idFlag, …data }
\nCapolLog.pointAdd(dynamicInfo,el)
\n}
\nconst wrappedClickEvent = function (event) {
\nhandleClick(el, binding, event)
\n}
\nel.addEventListener(‘click’, Utils.debounce(wrappedClickEvent, 300))
\nel.handleClick = handleClick
\n},
\nunbind(el, binding) {
\nconst handleClick = el.handleClick
\nel.removeEventListener(‘click’, handleClick)
\ndelete el.handleClick
\n},
\n})<\/p>\n
4\u3001\u5c06\u57cb\u70b9\u516c\u5171\u65b9\u6cd5\u6dfb\u52a0\u5230Vue.prototype\u539f\u578b\u5bf9\u8c61\u4e2d\uff0c\u624b\u52a8\u8c03\u7528\uff0c\u89e6\u53d1\u57cb\u70b9<\/p>\n
startTask(event) {
\n\/\/\u6a21\u62df\u63a5\u53e3\u54cd\u5e94\u65f6\u95f42s
\nsetTimeout(() => {
\nthis.$CapolLog
\n.pointUpdateHelper(event, true)
\n.then((res) => {
\nconsole.log(res)
\n})
\n.catch((error) => {
\nconsole.error(error)
\n})
\n}, 2000)
\nthis.getMajorData()
\nthis.showStartTaskDialog = true
\n},
\n\u57cb\u70b9\u63a5\u53e3\u4f20\u53c2\u8bf4\u660e
\n\u6dfb\u52a0\u57cb\u70b9\u53c2\u6570
\n\u5b57\u6bb5 \u662f\u5426\u5fc5\u586b \u5907\u6ce8\u8bf4\u660e
\nsource \u662f \u6765\u6e90\u7aef
\nfunctionType \u662f \u529f\u80fd\u7c7b\u578b
\nlogType \u662f \u65e5\u5fd7\u7c7b\u578b
\ninfo \u662f \u57cb\u70b9\u57fa\u672c\u4fe1\u606f
\nuuid \u662f \u56de\u8bdd\u552f\u4e00\u503c
\nmenuCode \u5426 \u83dc\u5355\u7f16\u7801
\nbuttonName \u5426\uff08\u70b9\u51fb\u6309\u94ae\u4e3a\u5fc5\u586b\uff09 \u6309\u94ae\u540d\u79f0\uff08\u5e94\u8be5\u5e26\u4e0a\u4e0b\u6587\uff09
\nprivateData \u662f \u79c1\u6709\u53c2\u6570json\u5b57\u7b26\u4e32
\nidFlag \u662f id\u503c\u662f\u5426\u9700\u8981\u8fd4\u56de\uff0c\u540e\u7eed\u7528\u4e8e\u66f4\u65b0
\n\u66f4\u65b0\u57cb\u70b9\u53c2\u6570
\n\u5b57\u6bb5 \u662f\u5426\u5fc5\u586b \u5907\u6ce8\u8bf4\u660e
\nfunctionType \u662f \u529f\u80fd\u7c7b\u578b\uff08\u548c\u6dfb\u52a0\u57cb\u70b9\u65f6\u4f20\u53c2\u4fdd\u6301\u4e00\u81f4\uff09
\nupdateData \u662f \u66f4\u65b0\u57cb\u70b9\u53c2\u6570json\u5b57\u7b26\u4e32\uff08\u5fc5\u987b\u5305\u542bid\u5b57\u6bb5\uff0c\u5176\u4ed6\u4e3a\u66f4\u65b0\u53c2\u6570\uff09
\n\u90e8\u5206\u53c2\u6570\u679a\u4e3e\u8bf4\u660e
\nfunctionType\uff08\u529f\u80fd\u7c7b\u578b\uff09
\n\u529f\u80fd\u7c7b\u578bkey \u529f\u80fd\u7c7b\u578bval
\n0 \u6309\u94ae\u70b9\u51fb
\n1 \u9875\u9762\u521d\u59cb
\n2 \u6587\u4ef6\u4e0b\u8f7d
\n3 \u6587\u4ef6\u6d4f\u89c8
\n4 \u6587\u4ef6\u5206\u4eab
\n5 \u6587\u4ef6\u4e0a\u4f20
\n6 \u9009\u62e9\u6a21\u677f
\n7 \u8fdb\u5ea6\u6d4f\u89c8
\n8 \u7ba1\u63a7\u4e8b\u4ef6
\n9 \u56fe\u6a21\u5173\u8054
\n10 \u95ee\u9898\u5bfc\u51fa
\nlogType\uff08\u65e5\u5fd7\u7c7b\u578b\uff09
\n\u529f\u80fd\u7c7b\u578bkey \u529f\u80fd\u7c7b\u578bval
\n0 \u5de5\u5177\u57cb\u70b9\u70b9\u51fb
\n1 \u6846\u67b6\u57cb\u70b9\u521d\u59cb
\n2 \u6587\u4ef6\u9879\u76ee\u6587\u4ef6\u4e0b\u8f7d
\n3 \u6587\u4ef6\u5206\u4eab\u6587\u4ef6\u4e0b\u8f7d
\n4 \u7ba1\u63a7\u6587\u4ef6\u4e0b\u8f7d
\n5 \u9879\u76ee\u6587\u4ef6\u6d4f\u89c8
\n6 \u5206\u4eab\u6587\u4ef6\u6d4f\u89c8
\n7 \u7ba1\u63a7\u6587\u4ef6\u6d4f\u89c8
\n8 \u56fe\u7eb8\u6587\u4ef6\u6d4f\u89c8
\n9 \u9879\u76ee\u6587\u4ef6\u5206\u4eab
\n10 \u9879\u76ee\u6587\u4ef6\u4e0a\u4f20
\n11 \u7ba1\u63a7\u6587\u4ef6\u4e0a\u4f20
\n12 \u9009\u62e9\u6a21\u677f\u57cb\u70b9
\n13 \u8fdb\u5ea6\u6d4f\u89c8\u57cb\u70b9
\n14 \u8fdb\u5ea6\u7ba1\u63a7\u57cb\u70b9
\n15 \u56fe\u6a21\u5173\u8054\u57cb\u70b9
\n16 \u95ee\u9898\u5bfc\u51fa\u57cb\u70b9
\nsource\uff08\u6765\u6e90\u7aef\uff09
\n\u6765\u6e90key \u6765\u6e90Val
\n0 pc
\n1 android
\n2 ios
\n3 wx
\n4 Capol3D
\n5 Capol2D
\n\u6307\u4ee4\u57cb\u70b9\u8be6\u7ec6\u8bf4\u660e
\n\u5b9e\u73b0\u65b9\u6848
\n1\u3001\u5728\u9700\u8981\u57cb\u70b9\u7684\u5143\u7d20\u4e0a\u7ed1\u5b9a v-capol-log \u6307\u4ee4\uff0c\u76d1\u542c\u5143\u7d20\u70b9\u51fb\u4e8b\u4ef6\uff0c\u5f53\u5143\u7d20\u70b9\u51fb\u65f6\uff0c\u81ea\u52a8\u89e6\u53d1\u6dfb\u52a0\u57cb\u70b9\u65b9\u6cd5\uff0c\u5982\u679c v-capol-log \u4fee\u9970\u7b26idFlag\u4e3atrue\uff0c\u5728\u6dfb\u52a0\u57cb\u70b9\u6210\u529f\u540e\uff0c\u5728\u8be5\u70b9\u51fb\u5143\u7d20\u4e0a\u6dfb\u52a0capol-log-element \u7c7b\u540d\u3001data-id\uff08\u8bb0\u5f55\u6b64\u6b21\u57cb\u70b9id\uff09\u3001data-type\uff08\u8bb0\u5f55\u6b64\u6b21\u57cb\u70b9\u7c7b\u578b\uff09<\/p>\n
<button type=”button” class=”el-button el-button–default el-button–small is-plain capol-log-element” data-id=”1929582931271722″ data-type=”\u6309\u94ae\u70b9\u51fb”>\u53d1\u8d77\u5ba1\u6279\u4efb\u52a1<\/span><\/button>
\n2\u3001\u5728\u70b9\u51fb\u4e8b\u4ef6\u76f8\u5173\u4e1a\u52a1\u6267\u884c\u5b8c\u6bd5\u540e\uff0c\u901a\u8fc7\u70b9\u51fb\u4e8b\u4ef6\u7684event\u5bf9\u8c61\u62ff\u5230\u5143\u7d20\u4e0a\u8bb0\u5f55\u7684\u57cb\u70b9id\u3001\u57cb\u70b9\u7c7b\u578btype\uff0c\u5c06\u64cd\u4f5c\u7ed3\u679c\uff08\u2018\u201c\u64cd\u4f5c\u6210\u529f\u201d || \u201c\u64cd\u4f5c\u5931\u8d25\u201d\uff09\u4f5c\u4e3a\u66f4\u65b0\u53c2\u6570\u4f5c\u4e3aupdateData\u53c2\u6570\uff0c\u8c03\u7528CapolLog.pointUpdate(id, type,updateData)\u66f4\u65b0\u57cb\u70b9\u65b9\u6cd5\u5b9e\u73b0\u57cb\u70b9\u66f4\u65b0\u3002\u540e\u53f0\u5c06\u6839\u636e\u521d\u6b21\u57cb\u70b9\u65f6\u95f4\u3001\u66f4\u65b0\u57cb\u70b9\u65f6\u95f4\uff0c\u8ba1\u7b97\u51fa****\u6b64\u6b21\u70b9\u51fb\u4e8b\u4ef6\u7684\u54cd\u5e94\u65f6\u95f4responseTime\u3002<\/p>\n
\u4f7f\u7528\u65b9\u6848
\n1\u3001\u7ed1\u5b9a\u6307\u4ee4<\/p>\n
<el-button
\nv-capol-log.idFlag=”{
\nfunctionType: 0,
\nlogType: 0,
\nbuttonName: ‘\u53d1\u8d77\u5ba1\u6279\u4efb\u52a1-\u6210\u529f\u5ba1\u67e5’,
\nprivateData: { functionName: ‘\u53d1\u8d77\u5ba1\u6279\u4efb\u52a1’, menuName: ‘\u6210\u679c\u5ba1\u67e5’,projectId:123,enterpriseId:456 },
\n}”
\nplain
\n@click=”startTask”
\n>\u53d1\u8d77\u5ba1\u6279\u4efb\u52a1
\n<\/el-button>
\n\u6307\u4ee4\u4f20\u53c2\u8bf4\u660e\uff1a<\/p>\n
\u5b57\u6bb5 \u662f\u5426\u5fc5\u586b \u5907\u6ce8\u8bf4\u660e
\nidFlag \u5426 \u6307\u4ee4\u4fee\u9970\u7b26\uff0c\u540e\u7eed\u9700\u8981\u66f4\u65b0\u57cb\u70b9\u5fc5\u4f20
\nfunctionType \u662f \u529f\u80fd\u7c7b\u578b\uff0c\u6839\u636e\u679a\u4e3e\u8bf4\u660e\u8868\u4f20\u5bf9\u5e94\u4e0b\u6807\u5373\u53ef\uff08eg\uff1a\u6309\u94ae\u70b9\u51fb\u4f200\uff09
\nlogType \u662f \u65e5\u5fd7\u7c7b\u578b\uff0c\u6839\u636e\u679a\u4e3e\u8bf4\u660e\u8868\u4f20\u5bf9\u5e94\u4e0b\u6807\u5373\u53ef\uff08eg\uff1a\u5de5\u5177\u57cb\u70b9\u70b9\u51fb\u4f200\uff09
\nbuttonName \u662f \u6309\u94ae\u540d\u79f0\uff0c\u9700\u8981\u5e26\u4e0a\u4e0b\u6587\uff08eg\uff1a\u53d1\u8d77\u5ba1\u6279\u4efb\u52a1-\u6210\u529f\u5ba1\u67e5\uff09
\nprivateData \u662f \u79c1\u6709\u53c2\u6570\u5bf9\u8c61\uff0cfunctionName\uff08\u6309\u94ae\u540d\u79f0\uff09\u3001menuName\uff08\u83dc\u5355\u540d\u79f0\uff09\u8fd9\u4e24\u4e2a\u5b57\u6bb5\u5fc5\u4f20\uff0c\u5176\u4ed6\u5b57\u6bb5\u6309\u9700\u4f20\u9012\u5373\u53ef
\nmenuCode \u5426 \u83dc\u5355\u7f16\u7801\uff0c\u4e0d\u4f20\u4f18\u5148\u53d6\u5de6\u4fa7\u5bfc\u822a\u680f\u9ad8\u4eae\u83dc\u5355code,\u53d6\u4e0d\u5230\u53d6\u5f53\u524d\u8def\u7531code
\n2\u3001\u70b9\u51fb\u4e8b\u4ef6\u4e1a\u52a1\u6267\u884c\u5b8c\u6bd5\u540e\uff0c\u8c03\u7528**this.$CapolLog.pointUpdateHelper\uff08event,operateResultBool\uff09**\u66f4\u65b0\u57cb\u70b9\uff08\u5982\u679c\u9700\u8981\uff09<\/p>\n
startTask(event) {
\n\/\/\u6a21\u62df\u63a5\u53e3\u54cd\u5e94\u65f6\u95f42s
\nsetTimeout(() => {
\nthis.$CapolLog
\n.pointUpdateHelper(event, true)
\n.then((res) => {
\nconsole.log(res)
\n})
\n.catch((error) => {
\nconsole.error(error)
\n})
\n}, 2000)
\nthis.getMajorData()
\nthis.showStartTaskDialog = true
\n},
\n\u9875\u9762\u521d\u59cb\u57cb\u70b9\u8be6\u7ec6\u8bf4\u660e
\n\u5f85\u540e\u7eed\u66f4\u65b0\u2026<\/p>\n
\u4e3b\u8981\u5b9e\u73b0\u4ee3\u7801
\ncommonLog.js\uff08\u901a\u7528\u57cb\u70b9\u65b9\u6cd5\uff09
\nimport API from ‘..\/api’
\nimport router from ‘..\/router’
\nimport Utils from ‘.\/utils’
\nimport store from ‘..\/store’
\nimport { getDeviceInfo } from ‘.\/getDeviceInfo’<\/p>\n
\/\/ \u83b7\u53d6\u529f\u80fd\u7c7b\u578b
\nfunction getFunctionType(val) {
\nconst List = {
\n0: ‘\u6309\u94ae\u70b9\u51fb’,
\n1: ‘\u9875\u9762\u521d\u59cb’,
\n2: ‘\u6587\u4ef6\u4e0b\u8f7d’,
\n3: ‘\u6587\u4ef6\u6d4f\u89c8’,
\n4: ‘\u6587\u4ef6\u5206\u4eab’,
\n5: ‘\u6587\u4ef6\u4e0a\u4f20’,
\n6: ‘\u9009\u62e9\u6a21\u677f’,
\n7: ‘\u8fdb\u5ea6\u6d4f\u89c8’,
\n8: ‘\u7ba1\u63a7\u4e8b\u4ef6’,
\n9: ‘\u56fe\u6a21\u5173\u8054’,
\n10: ‘\u95ee\u9898\u5bfc\u51fa’,
\n}
\nreturn List[val] || ”
\n}<\/p>\n
\/\/ \u83b7\u53d6\u65e5\u5fd7\u7c7b\u578b
\nfunction getLogType(val) {
\nconst List = {
\n0: ‘\u5de5\u5177\u57cb\u70b9\u70b9\u51fb’,
\n1: ‘\u6846\u67b6\u57cb\u70b9\u521d\u59cb’,
\n2: ‘\u9879\u76ee\u6587\u4ef6\u4e0b\u8f7d’,
\n3: ‘\u5206\u4eab\u6587\u4ef6\u4e0b\u8f7d’,
\n4: ‘\u7ba1\u63a7\u6587\u4ef6\u4e0b\u8f7d’,
\n5: ‘\u9879\u76ee\u6587\u4ef6\u6d4f\u89c8’,
\n6: ‘\u5206\u4eab\u6587\u4ef6\u6d4f\u89c8’,
\n7: ‘\u7ba1\u63a7\u6587\u4ef6\u6d4f\u89c8’,
\n8: ‘\u56fe\u7eb8\u6587\u4ef6\u6d4f\u89c8’,
\n9: ‘\u9879\u76ee\u6587\u4ef6\u5206\u4eab’,
\n10: ‘\u9879\u76ee\u6587\u4ef6\u4e0a\u4f20’,
\n11: ‘\u7ba1\u63a7\u6587\u4ef6\u4e0a\u4f20’,
\n12: ‘\u9009\u62e9\u6a21\u677f\u57cb\u70b9’,
\n13: ‘\u8fdb\u5ea6\u6d4f\u89c8\u57cb\u70b9’,
\n14: ‘\u8fdb\u5ea6\u7ba1\u63a7\u57cb\u70b9’,
\n15: ‘\u56fe\u6a21\u5173\u8054\u57cb\u70b9’,
\n16: ‘\u95ee\u9898\u5bfc\u51fa\u57cb\u70b9’,
\n}
\nreturn List[val] || ”
\n}<\/p>\n
\/\/ \u83b7\u53d6\u6765\u6e90\u7aef
\n\/\/ function getScource(val) {
\n\/\/ const List = {
\n\/\/ 0: ‘pc’, \/\/WEB\u7aef
\n\/\/ 1: ‘android’, \/\/\u5b89\u5353\u7aef
\n\/\/ 2: ‘ios’, \/\/\u82f9\u679c\u7aef
\n\/\/ 3: ‘wx’, \/\/\u5c0f\u7a0b\u5e8f\u7aef
\n\/\/ 4: ‘Capol3D’, \/\/\u901f\u5efa\u7aef
\n\/\/ 5: ‘Capol2D’, \/\/\u901f\u7ed8\u7aef
\n\/\/ }
\n\/\/ return List[val] || ”
\n\/\/ }<\/p>\n
\/\/ \u83b7\u53d6\u57fa\u672c\u57cb\u70b9\u4fe1\u606f
\nfunction getBasicInfo() {
\nconst basicInfo = getDeviceInfo(null, router.history.current)
\nconsole.log(basicInfo, ‘basicInfo’)
\nreturn basicInfo
\n}<\/p>\n
\/\/\u83b7\u53d6\u56de\u8bdd\u552f\u4e00id
\nfunction getUUID() {
\nlet uuid = sessionStorage.getItem(‘capol-log-uuid’)
\nif (!uuid) {
\nuuid = Utils.uuid()
\nsessionStorage.setItem(‘capol-log-uuid’, uuid)
\n}
\nreturn uuid
\n}<\/p>\n
\/\/\u6309\u7167\u540e\u53f0\u8981\u6c42 \u5c06\u5bf9\u8c61\u8f6c\u6210json\u5b57\u7b26\u4e32
\nfunction getJSONObj(obj) {
\nif (typeof obj === ‘object’ && obj !== null) {
\nreturn JSON.stringify(obj).replace(\/”\/g, “‘”)
\n} else {
\nreturn ”
\n}
\n}<\/p>\n
\/\/ \u6241\u5e73\u5316\u7cfb\u7edf\u83dc\u5355\u6570\u7ec4
\nfunction flatterArray(arr, finalArr = []) {
\nif (arr.length === 0) return finalArr
\nfor (let i = 0; i < arr.length; i++) {
\nconst item = arr[i]
\nif (item.children && item.children.length) {
\nflatterArray(item.children, finalArr)
\n} else {
\nfinalArr.push(item)
\n}
\n}
\nreturn finalArr
\n}<\/p>\n
\/\/\u83b7\u53d6\u83dc\u5355code
\nfunction getMenuCode() {
\n\/\/\u9ed8\u8ba4\u53d6\u8def\u7531\u540d\u79f0
\nlet code = router.currentRoute.name || ”
\nlet menuList = store.getters.menuList || []
\nif (menuList.length === 0) {
\nconst queryObj = Utils.getURLParameters(decodeURIComponent(window.location.href))
\nconst { proId, enterpriseId } = queryObj
\nmenuList = JSON.parse(localStorage.getItem(‘pro_menu_list_’ + proId + ‘_’ + enterpriseId))
\n}
\n\/\/\u4ece\u7cfb\u7edf\u83dc\u5355\u5217\u8868\u4e2d\u53d6code
\nif (menuList.length) {
\nconst flatterMenuList = flatterArray(menuList)
\nconst activeMenuText = document.querySelector(
\n‘.sidebar-el-menu .el-menu-item.is-active .item span’
\n)?.innerHTML
\nconst activeMenu = flatterMenuList.find((el) => el.title === activeMenuText)
\nif (activeMenu) {
\ncode = activeMenu.code
\n}
\n}
\nreturn code
\n}<\/p>\n
\/\/\u57cb\u70b9\u65b9\u6cd5\u7c7b
\nexport default class CapolLog {
\n\/**
\n* \u901a\u7528\u6dfb\u52a0\u57cb\u70b9\u51fd\u6570
\n* @param dynamicInfo \u6dfb\u52a0\u57cb\u70b9\u7684\u53c2\u6570 \uff08\u5fc5\u586b\uff09
\n* @param dynamicInfo \u5fc5\u586b\u9879\u8bf4\u660e\uff1afunctionType\uff08\u529f\u80fd\u7c7b\u578b\uff09\uff1blogType\uff08\u65e5\u5fd7\u7c7b\u578b\uff09\uff1bprivateData\uff08\u57cb\u70b9\u79c1\u6709\u53c2\u6570\uff09\uff1bidFlag\uff08\u662f\u5426\u9700\u8981\u540e\u53f0\u8fd4\u56de\u6b64\u6b21\u57cb\u70b9id\uff0c\u7528\u4e8e\u540e\u7eed\u66f4\u65b0\uff09
\n* @param el dom\u5143\u7d20\uff0c\u5982\u679c\u6709\u4f20\uff0c\u5c06\u5f80dom\u5143\u7d20\u4e0a\u6dfb\u52a0\u57cb\u70b9\u4fe1\u606f \uff08\u975e\u5fc5\u586b\uff09
\n* @returns {Promise} \u6dfb\u52a0\u57cb\u70b9\u7684\u72b6\u6001
\n*\/
\nstatic pointAdd = (dynamicInfo, el) => {
\nlet { functionType, source, logType, menuCode, buttonName, privateData, idFlag } =
\ndynamicInfo
\nconst params = {
\nsource: source || ‘pc’, \/\/\u6765\u6e90\u7aef
\nfunctionType: getFunctionType(functionType), \/\/\u529f\u80fd\u7c7b\u578b
\nlogType: getLogType(logType), \/\/\u65e5\u5fd7\u7c7b\u578b
\ninfo: getJSONObj(getBasicInfo()), \/\/\u57cb\u70b9\u57fa\u672c\u4fe1\u606f
\nuuid: getUUID(), \/\/\u56de\u8bdd\u552f\u4e00\u503c
\nmenuCode: menuCode || getMenuCode(), \/\/\u83dc\u5355\u7f16\u7801 (\u975e\u5fc5\u586b)
\nbuttonName, \/\/\u6309\u94ae\u540d\u79f0
\n\/\/\u79c1\u6709\u53c2\u6570json\u5b57\u7b26\u4e32
\nprivateData: getJSONObj(privateData),
\nidFlag: idFlag || 0, \/\/id\u503c\u662f\u5426\u9700\u8981\u8fd4\u56de
\n}
\nreturn new Promise((resolve, reject) => {
\nAPI.log
\n.capolAddLog(params)
\n.then((res) => {
\nif (res.status === 200) {
\nif (res.data && el) {
\nel.classList.add(‘capol-log-element’)
\nel.setAttribute(‘data-id’, res.data)
\nel.setAttribute(‘data-type’, getFunctionType(functionType))
\n}
\nresolve(res)
\n} else {
\nreject(res)
\n}
\n})
\n.catch((error) => {
\nreject(error)
\n})
\n})
\n}
\n\/**
\n* \u66f4\u65b0\u57cb\u70b9\u901a\u7528\u51fd\u6570
\n* @param id \u6b64\u6b21\u9700\u8981\u66f4\u65b0\u7684\u57cb\u70b9id (\u5fc5\u586b)
\n* @param type \u529f\u80fd\u7c7b\u578b eg(‘\u6309\u94ae\u70b9\u51fb’) (\u5fc5\u586b)
\n* @param updateData \u66f4\u65b0\u7684\u79c1\u6709\u53c2\u6570 (\u5fc5\u586b)
\n* @returns {Promise} \u8fd4\u56de\u66f4\u65b0\u57cb\u70b9\u7684\u72b6\u6001
\n*\/
\nstatic pointUpdate = (id, type, updateData) => {
\nconst params = {
\nfunctionType: type,
\nupdateData: getJSONObj({
\nid,
\n…updateData,
\n}),
\n}
\nreturn new Promise((resolve, reject) => {
\nAPI.log
\n.capolUpdateLog(params)
\n.then((res) => {
\nif (res.status === 200) {
\nresolve(res)
\n} else {
\nreject(res)
\n}
\n})
\n.catch((error) => {
\nreject(error)
\n})
\n})
\n}
\n\/**
\n* \u6309\u94ae\u70b9\u51fb\u66f4\u65b0\u57cb\u70b9\u8f85\u52a9\u51fd\u6570
\n* @param event \u70b9\u51fb\u4e8b\u4ef6\u7684 event \u5bf9\u8c61 \uff08\u5fc5\u586b\uff09
\n* @param operateResultBool \u70b9\u51fb\u4e8b\u4ef6\u7684\u64cd\u4f5c\u7ed3\u679c true || false \uff08\u5fc5\u586b\uff09
\n* @returns {updatePromise} \u8fd4\u56de\u66f4\u65b0\u57cb\u70b9\u7684\u72b6\u6001
\n*\/
\nstatic pointUpdateHelper = async (event, operateResultBool) => {
\nif (!event || operateResultBool === undefined) {
\nreturn Promise.reject(new Error(‘\u66f4\u65b0\u57cb\u70b9\u53c2\u6570\u7f3a\u5931’))
\n}
\nconst updateData = {
\noperateResult: operateResultBool ? ‘\u64cd\u4f5c\u6210\u529f’ : ‘\u64cd\u4f5c\u5931\u8d25’,
\n}
\nconsole.log(event?.target.closest(‘.capol-log-element’))
\nconst targetBtn = event?.target.closest(‘.capol-log-element’)
\n\/\/\u8fd4\u56de\u66f4\u65b0\u57cb\u70b9\u7684\u72b6\u6001
\nlet updatePromise
\nif (targetBtn) {
\nconst id = targetBtn.dataset.id
\nconst type = targetBtn.dataset.type
\nupdatePromise = await this.pointUpdate(id, type, updateData)
\n} else {
\nupdatePromise = Promise.reject(new Error(‘\u83b7\u53d6\u4e0d\u5230\u66f4\u65b0\u57cb\u70b9id’))
\n}
\nreturn updatePromise
\n}
\n}<\/p>\n
\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014\u2014<\/p>\n
\u7248\u6743\u58f0\u660e\uff1a\u672c\u6587\u4e3a\u535a\u4e3b\u539f\u521b\u6587\u7ae0\uff0c\u9075\u5faa CC 4.0 BY-SA \u7248\u6743\u534f\u8bae\uff0c\u8f6c\u8f7d\u8bf7\u9644\u4e0a\u539f\u6587\u51fa\u5904\u94fe\u63a5\u548c\u672c\u58f0\u660e\u3002<\/p>\n
\u539f\u6587\u94fe\u63a5\uff1ahttps:\/\/blog.csdn.net\/Y_seaboy\/article\/details\/134839137\u00a0<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"