JavaScript如何創建審批頁面

本篇內容主要講解“JavaScript如何創建審批頁面”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JavaScript如何創建審批頁面”吧!

創建審批頁面

1、在OA前端項目src/pages/processCheck目錄下新增模塊目錄。用于存放自己模塊的所有審批頁面。在對應目錄下新增對應審批文件

2、將頁面引入待辦列表頁面當中

在taskList頁面總以組件的形式引入審批頁面組件名稱前后端必須一致

3、跳轉到對應審批頁面

Id：對應業務id

routeName:對應頁面組件名稱。

二、審批頁面樣式與審批退回功能

1、審批頁面參考invoiceApplyAudit樣式

頁面數據在dataInfo中若dataInfo中沒有數據查看下init方法是否存在問題

init() { // 初始化信息

      if (this.businessId == '') {

        return

      }

const url = this.url + '/business_app_info/business/' + this.businessId

let fields = XM.ajax.get.call(this, url)

      fields

        .then(res => {

          this.dataInfo = res.data.data

          this.probableProcess = res.data.probableProcess

          this.processInstDetail = res.data.processInstDetail

        })

        .catch(err => {

          this.$_consoleUtils.err(err)

          this.$message.error('[' + err.status + ']' + err.msg)

        })

    },

2、審批同意或退回的方法

check(e,isPass) { //同意或者反對

console.log(this.completeParam)

      this.completeParam.businessId = this.businessId

      this.completeParam.isRatify = isPass

      //根據流程實例id完成任務

      XM.ajax

        .put(this.url + '/execute', this.completeParam)

        .then(res => {

          this.auditResult = res.data.auditResult

          this.$message.success(res.msg)

        })

        .catch(err => {

         this.$_consoleUtils.err(err)

         this.$message.error('[' + err.status + ']' + err.msg)

        })

    },

到此，相信大家對“JavaScript如何創建審批頁面”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！