业务应用/已办流程

2022-12-22 15:31:01 +08:00 · 2022-12-22 15:31:01 +08:00 · ca0b7680b6
parent dfbadfe668
commit ca0b7680b6
4 changed files with 206 additions and 46 deletions
--- a/src/main/java/cn/palmte/work/controller/backend/ProcessController.java
+++ b/src/main/java/cn/palmte/work/controller/backend/ProcessController.java
@ -12,6 +12,7 @@ import org.springframework.stereotype.Controller;
 import org.springframework.transaction.annotation.Transactional;
 import org.springframework.ui.Model;
 import org.springframework.util.CollectionUtils;
+import org.springframework.web.bind.annotation.DeleteMapping;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
@ -25,6 +26,7 @@ import java.sql.PreparedStatement;
 import java.sql.SQLException;
 import java.time.LocalDate;
 import java.time.format.DateTimeFormatter;
+import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.HashMap;
 import java.util.List;
@ -266,6 +268,10 @@ public class ProcessController {
            .withMatcher("projectTitle", ExampleMatcher.GenericPropertyMatcher::contains)
            .withMatcher("applyPersonName", ExampleMatcher.GenericPropertyMatcher::contains);

+    // 只展示自己创建的草稿
+    // Admin admin = InterfaceUtil.getAdmin();
+    // projectProcess.setApplyPersonId(admin.getId());
+
    return repository.findAll(Example.of(projectProcess, exampleMatcher), pageRequest);
  }

@ -298,4 +304,45 @@ public class ProcessController {
    return entityManager.find(ProjectProcess.class, id);
  }

+  @ResponseBody
+  @PostMapping("/revoke/{id}")
+  public void revoke(@PathVariable("id") int id) {
+    // TODO 发起申请的人，在第一个人还没审批的情况下可以撤回
+    jdbcTemplate.update("update project_process set `status` =? where id =? ", ProcessStatus.draft.getValue(), id);
+  }
+
+  @ResponseBody
+  @DeleteMapping("/{id}")
+  public void delete(@PathVariable("id") int id) {
+    Admin admin = InterfaceUtil.getAdmin();
+    Integer applyUserId = admin.getId();
+    int update = jdbcTemplate.update("delete from project_process where id =? and apply_person_id=?", id, applyUserId);
+    if (update != 1) {
+      throw new RuntimeException("删除的流程不存在或者不属于自己");
+    }
+  }
+
+  /**
+   * 查看审核流程
+   */
+  @ResponseBody
+  @GetMapping("/audits/{id}")
+  public List<Map<String, String>> showAudits(@PathVariable("id") int id) {
+    ArrayList<Map<String, String>> ret = new ArrayList<>();
+
+    ret.add(create("2021-01-03 12:07:45", "提交审核"));
+    ret.add(create("2021-01-28 12:15:05", "工程运维管理部孙果审核已通过"));
+    ret.add(create("2021-02-03 22:01:12", "系统产品集成部尹浩审核已通过"));
+    ret.add(create("2021-03-03 22:05:12", "财务部主管何丹审核已通过"));
+
+    return ret;
+  }
+
+  private Map<String, String> create(String timestamp, String content) {
+    Map<String, String> map = new HashMap<>();
+    map.put("content", content);
+    map.put("timestamp", timestamp);
+    return map;
+  }
+
 }
--- a/src/main/resources/templates/admin/business/process-completed.ftl
+++ b/src/main/resources/templates/admin/business/process-completed.ftl
@ -29,7 +29,7 @@
    <div class="admin-content-body">
      <div class="am-cf am-padding">
        <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">业务应用</strong> /
-          <small>待我审核</small></div>
+          <small>已办流程</small></div>
      </div>

      <div class="am-g">
@ -84,6 +84,7 @@
            <el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
            <el-table-column prop="projectNo" label="项目编号" fixed width="80"></el-table-column>
            <el-table-column prop="projectTitle" label="标题" width="350"></el-table-column>
+            <el-table-column prop="contractNo" label="合同编号" width="80"></el-table-column>
            <el-table-column prop="processType" label="流程类型" width="100">
              <template slot-scope="scope">
                <span>{{scope.row.processType | processType}}</span>
@ -98,10 +99,20 @@
            <el-table-column prop="amount" label="当前审核人" width="100"></el-table-column>
            <el-table-column prop="lastUpdateAt" label="最后更新时间" width="170"></el-table-column>

-            <el-table-column label="操作" fixed="right" width="140">
+            <el-table-column label="操作" fixed="right" width="250">
              <template slot-scope="scope">
-                <el-button type="text" @click="showDetail(scope.row, scope)">查看详情</el-button>
-                <el-button type="text" @click="auditProcess(scope.row, scope)">审核</el-button>
+                <el-button
+                        v-if="scope.row.status==='audit_passed' || scope.row.status==='audit_not_passed' || scope.row.status==='to_be_audit'"
+                        type="text" @click="showDetail(scope.row, scope)">查看详情
+                </el-button>
+                <el-button v-if="scope.row.status==='audit_passed' || scope.row.status==='audit_not_passed'"
+                           type="text" @click="showAuditDetail(scope.row, scope)">查看审核流程
+                </el-button>
+                <el-button v-if="scope.row.status==='draft' || scope.row.status==='audit_not_passed'"
+                           type="text" @click="editProcess(scope.row, scope)">编辑
+                </el-button>
+                <el-button v-if="scope.row.status==='to_be_audit'" type="text" @click="revokeProcess(scope.row, scope)">撤回</el-button>
+                <el-button v-if="scope.row.status==='draft'" type="text" @click="deleteProcess(scope.row, scope)">删除</el-button>
              </template>
            </el-table-column>

@ -115,27 +126,17 @@
        </div>
      </div>

-      <el-dialog title="审核" :visible.sync="auditFormVisible">
-        <el-form ref="auditForm" :model="auditForm" label-width="80px">
-
-          <el-form-item prop="processStatus" label="审核" :rules="[{ required: true, message: '还没审核'}]">
-            <el-radio-group v-model="auditForm.processStatus">
-              <el-radio label="audit_passed">审核通过</el-radio>
-              <el-radio label="audit_not_passed">审核不通过</el-radio>
-            </el-radio-group>
-          </el-form-item>
-
-          <el-form-item prop="auditOpinion" label="审核意见" :rules="[{ required: true, message: '审核意见不能为空'}]">
-            <el-input type="textarea" :autosize="{ minRows: 4, maxRows: 10}"
-                      maxlength="5000" v-model="auditForm.auditOpinion"
-                      placeholder="请输入审核意见" cols="90"></el-input>
-          </el-form-item>
-
-        </el-form>
-
-        <div slot="footer" class="dialog-footer">
-          <el-button type="primary" @click="submitAudit">提交</el-button>
-        </div>
+      <el-dialog title="审核详情" :visible.sync="auditDetailVisible">
+        <el-timeline>
+          <el-timeline-item
+                  v-for="(item, index) in auditDetails"
+                  :key="index"
+                  :color="item.color||'red'"
+                  :size="item.size||'normal'"
+                  :timestamp="item.timestamp">
+            {{item.content}}
+          </el-timeline-item>
+        </el-timeline>

      </el-dialog>

@ -169,7 +170,8 @@
        auditForm: {
          processStatus: null
        },
-        auditFormVisible: false,
+        auditDetailVisible: false,
+        auditDetails: [],
        page: {
          data: [],
          total: 0,
@ -177,10 +179,6 @@
          current: 1,
        },
        queryForm: {},
-        projectSelected: false,
-        fileList: [],
-        // 销售合同收入明细
-        incomeDetails: [],
      }
    }

@ -190,12 +188,110 @@
        console.log(scope)

      },
-      auditProcess(row, scope) {
-        this.auditForm = {
-          processId: row.id,
-          processStatus: null
-        }
-        this.auditFormVisible = true
+      editProcess(row, scope) {
+
+      },
+      deleteProcess(row, scope) {
+        this.$confirm('您确认要删除审批流程吗?', '删除', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const loading = this.$loading({
+            lock: true,
+            text: '正在删除',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+
+          fetch("${base}/process/" + row.id, {
+            method: 'DELETE', // or 'PUT'
+          }).then(response => {
+            if (response.ok) {
+              this.queryTable()
+              this.$message({
+                showClose: true,
+                message: '删除成功',
+                type: 'success'
+              })
+            }
+            else {
+              return Promise.reject(response)
+            }
+          }).catch(res => {
+            res.json().then(json => {
+              this.$message.error(json.message || "删除失败");
+            })
+          }).finally(() => loading.close())
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+      },
+      revokeProcess(row, scope) {
+        this.$confirm('您确认要撤回审批流程吗?', '撤回', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          const loading = this.$loading({
+            lock: true,
+            text: '正在撤销',
+            spinner: 'el-icon-loading',
+            background: 'rgba(0, 0, 0, 0.7)'
+          })
+
+          fetch("${base}/process/revoke/" + row.id, {
+            method: 'POST', // or 'PUT'
+          }).then(response => {
+            if (response.ok) {
+              this.queryTable()
+              this.$message({
+                showClose: true,
+                message: '撤销成功',
+                type: 'success'
+              })
+            }
+            else {
+              return Promise.reject(response)
+            }
+          }).catch(err => {
+            this.$message.error("撤销失败");
+          }).finally(() => loading.close())
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消'
+          });
+        });
+      },
+      showAuditDetail(row, scope) {
+        const loading = this.$loading({
+          lock: true,
+          text: '正在查询数据',
+          spinner: 'el-icon-loading',
+          background: 'rgba(0, 0, 0, 0.7)'
+        })
+
+        fetch("${base}/process/audits/" + row.id).then(response => {
+          if (response.ok) {
+            // 展示弹窗
+            response.json().then(json => {
+              this.auditDetailVisible = true
+              this.auditDetails = json
+            })
+          }
+          else {
+            return Promise.reject(response)
+          }
+        }).catch(res => {
+          res.json().then(json => {
+            this.$message.error(json.message || "数据获取失败");
+          })
+        }).finally(() => loading.close())
+
      },

      submitAudit() {
--- a/src/main/resources/templates/admin/business/process-new.ftl
+++ b/src/main/resources/templates/admin/business/process-new.ftl
@ -755,11 +755,16 @@
              },
              body: JSON.stringify(form),
            }).then(response => {
-              this.$message({
-                showClose: true,
-                message: '提交成功',
-                type: 'success'
-              })
+              if (response.ok) {
+                this.$message({
+                  showClose: true,
+                  message: '提交成功',
+                  type: 'success'
+                })
+              }
+              else {
+                return Promise.reject("失败")
+              }
            }).catch(err => {
              this.$message.error("项目提交失败");
            }).finally(() => loading.close())
--- a/src/main/resources/templates/admin/business/process-review.ftl
+++ b/src/main/resources/templates/admin/business/process-review.ftl
@ -73,6 +73,7 @@
            <el-table-column type="index" :index="1" label="序号" fixed></el-table-column>
            <el-table-column prop="projectNo" label="项目编号" fixed width="80"></el-table-column>
            <el-table-column prop="projectTitle" label="标题" width="350"></el-table-column>
+            <el-table-column prop="contractNo" label="合同编号" width="80"></el-table-column>
            <el-table-column prop="processType" label="流程类型" width="100">
              <template slot-scope="scope">
                <span>{{scope.row.processType | processType}}</span>
@ -91,6 +92,7 @@
              <template slot-scope="scope">
                <el-button type="text" @click="showDetail(scope.row, scope)">查看详情</el-button>
                <el-button type="text" @click="auditProcess(scope.row, scope)">审核</el-button>
+                <el-button type="text" @click="revokeProcess(scope.row, scope)">审核</el-button>
              </template>
            </el-table-column>

@ -167,9 +169,6 @@
        },
        queryForm: {},
        projectSelected: false,
-        fileList: [],
-        // 销售合同收入明细
-        incomeDetails: [],
      }
    }

@ -206,13 +205,26 @@
              },
              body: JSON.stringify(form),
            }).then(response => {
+              if (response.ok) {
+                // 关闭对话框
+                this.auditFormVisible = false
+                this.queryTable()
+                this.$message({
+                  showClose: true,
+                  message: '撤销成功',
+                  type: 'success'
+                })
+              }
+              else {
+                return Promise.reject(response)
+              }
+
              this.$message({
                showClose: true,
                message: '审核成功',
                type: 'success'
              })
-              // 关闭对话框
-              this.auditFormVisible = false
+
            }).catch(err => {
              this.$message.error("审核失败");
            }).finally(() => loading.close())