From 58ac70d485841eec26d13ce9a453b4991f774fbd Mon Sep 17 00:00:00 2001
From: ssc <273702440@qq.com>
Date: Mon, 16 May 2022 08:28:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B5=81=E7=A8=8B=E4=BB=A3=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/plugin/workflow/proxy.js        |  57 ++++
 src/views/plugin/workflow/ops/proxy.vue | 401 ++++++++++++++++++++++++
 2 files changed, 458 insertions(+)
 create mode 100644 src/api/plugin/workflow/proxy.js
 create mode 100644 src/views/plugin/workflow/ops/proxy.vue

diff --git a/src/api/plugin/workflow/proxy.js b/src/api/plugin/workflow/proxy.js
new file mode 100644
index 0000000..962267c
--- /dev/null
+++ b/src/api/plugin/workflow/proxy.js
@@ -0,0 +1,57 @@
+import request from '@/router/axios'
+
+const prefix = '/api/blade-workflow/ops/proxy'
+
+export const getList = (current, size, params) => {
+  return request({
+    url: `${prefix}/list`,
+    method: 'get',
+    params: {
+      ...params,
+      current,
+      size,
+    }
+  })
+}
+
+export const getDetail = (params) => {
+  return request({
+    url: `${prefix}/detail`,
+    method: 'get',
+    params
+  })
+}
+
+export const remove = (ids) => {
+  return request({
+    url: `${prefix}/remove`,
+    method: 'post',
+    params: {
+      ids,
+    }
+  })
+}
+
+export const submit = (row) => {
+  return request({
+    url: `${prefix}/submit`,
+    method: 'post',
+    data: row
+  })
+}
+
+export const add = (row) => {
+  return request({
+    url: `${prefix}/submit`,
+    method: 'post',
+    data: row
+  })
+}
+
+export const update = (row) => {
+  return request({
+    url: `${prefix}/submit`,
+    method: 'post',
+    data: row
+  })
+}
diff --git a/src/views/plugin/workflow/ops/proxy.vue b/src/views/plugin/workflow/ops/proxy.vue
new file mode 100644
index 0000000..5b30c44
--- /dev/null
+++ b/src/views/plugin/workflow/ops/proxy.vue
@@ -0,0 +1,401 @@
+<template>
+  <basic-container>
+    <avue-crud :option="option"
+               :table-loading="loading"
+               :data="data"
+               :page.sync="page"
+               :permission="permissionList"
+               :before-open="beforeOpen"
+               v-model="form"
+               ref="crud"
+               @row-update="rowUpdate"
+               @row-save="rowSave"
+               @row-del="rowDel"
+               @search-change="searchChange"
+               @search-reset="searchReset"
+               @selection-change="selectionChange"
+               @current-change="currentChange"
+               @size-change="sizeChange"
+               @refresh-change="refreshChange"
+               @on-load="onLoad">
+      <template #userId="{row}">
+        {{getUserName(row.userId)}}
+      </template>
+      <template #proxyUserId="{row}">
+        {{getUserName(row.proxyUserId)}}
+      </template>
+      <template #time="{row}">
+        <span v-if="row.type == 1">永久</span>
+        <span v-else>{{row.startTime}} ~ {{row.endTime}}</span>
+      </template>
+      <template #processDefKey="{row}">
+        <span v-if="row.processDefKey == 'WF_ALL_PROCESS'">全部流程</span>
+        <span v-else>{{row.processDefKey}}</span>
+      </template>
+      <template slot="menuLeft">
+        <el-button type="danger"
+                   size="mini"
+                   icon="el-icon-delete"
+                   plain
+                   v-if="permission.wf_ops_proxy_delete"
+                   @click="handleDelete">删 除
+        </el-button>
+      </template>
+    </avue-crud>
+  </basic-container>
+</template>
+
+<script>
+import { getList, add, update, remove } from "@/api/plugin/workflow/proxy"
+import { getList as userList } from '@/api/system/user'
+import { mapGetters } from "vuex"
+
+export default {
+  data() {
+    return {
+      form: {},
+      query: {},
+      loading: true,
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0
+      },
+      selectionList: [],
+      option: {
+        size: 'mini',
+        height: 'auto',
+        calcHeight: 30,
+        tip: false,
+        border: true,
+        selection: true,
+        dialogType: 'drawer',
+        align: 'center',
+        searchMenuSpan: 6,
+        searchSize: 'mini',
+        searchIndex: 3,
+        searchIcon: true,
+        column: [
+          {
+            label: "委托人",
+            prop: "userId",
+            component: 'wf-user-select',
+            params: {
+              checkType: 'radio',
+            },
+            rules: [{
+              required: true,
+              message: "请选择委托人",
+              trigger: "change"
+            }],
+            span: 24,
+            width: 120,
+            overHidden: true,
+            search: true,
+          },
+          {
+            label: "代理人",
+            prop: "proxyUserId",
+            component: 'wf-user-select',
+            params: {
+              checkType: 'radio',
+            },
+            rules: [{
+              required: true,
+              message: "请选择代理人",
+              trigger: "change"
+            }],
+            span: 24,
+            width: 120,
+            overHidden: true,
+            search: true,
+          },
+          {
+            label: '流程',
+            prop: 'process',
+            type: 'radio',
+            dicData: [{
+              label: '全部',
+              value: '1'
+            }, {
+              label: '指定',
+              value: '2'
+            }],
+            hide: true,
+            change: ({ value }) => {
+              const processDefKey = this.findObject(this.option.column, 'processDefKey')
+              if (value == '2') {
+                processDefKey.display = true
+                if (this.form.processDefKey == 'WF_ALL_PROCESS') this.form.processDefKey = ''
+              } else {
+                processDefKey.display = false
+                this.form.processDefKey = 'WF_ALL_PROCESS'
+              }
+            },
+            rules: [{
+              required: true,
+              message: "请选择流程",
+              trigger: "blur"
+            }],
+            value: '1'
+          },
+          {
+            label: "指定流程",
+            prop: "processDefKey",
+            dataType: 'string',
+            type: 'tree',
+            dicUrl: '/api/blade-workflow/design/deployment/list?size=-1',
+            dicFormatter: (res) => {
+              const data = res.data.records
+              if (data && data.length > 0) {
+                return [{
+                  name: '全部',
+                  key: 'all',
+                  children: data
+                }]
+              }
+              return data
+            },
+            defaultExpandAll: true,
+            leafOnly: true,
+            props: {
+              label: 'name',
+              value: 'key',
+            },
+            multiple: false,
+            rules: [{
+              required: true,
+              message: "请选择流程",
+              trigger: "blur"
+            }],
+            span: 24,
+            overHidden: true,
+            search: true,
+            display: true
+          },
+          {
+            label: "类型",
+            prop: "type",
+            type: 'select',
+            dicData: [{
+              label: '永久',
+              value: '1'
+            }, {
+              label: '定时',
+              value: '2'
+            }],
+            rules: [{
+              required: true,
+              message: "请选择类型",
+              trigger: "blur"
+            }],
+            change: ({ value }) => {
+              const time = this.findObject(this.option.column, 'time')
+              if (value == '2') {
+                time.display = true
+              } else {
+                time.display = false
+              }
+            },
+            span: 24,
+            search: true,
+            width: 120,
+            overHidden: true,
+          },
+          {
+            label: "有效时间",
+            prop: "time",
+            type: 'datetimerange',
+            valueFormat: 'yyyy-MM-dd HH:mm:ss',
+            rules: [{
+              required: true,
+              message: "请选择有效时间",
+              trigger: "blur"
+            }],
+            display: false,
+            span: 24,
+            overHidden: true,
+          },
+          {
+            label: '状态',
+            prop: 'status',
+            type: 'select',
+            dicData: [{
+              label: '可用',
+              value: 1
+            }, {
+              label: '禁用',
+              value: 2
+            }],
+            value: 1,
+            search: true,
+            span: 24,
+            width: 100
+          }
+        ]
+      },
+      data: [],
+      userList: []
+    };
+  },
+  computed: {
+    ...mapGetters(["permission"]),
+    permissionList() {
+      return {
+        addBtn: this.vaildData(this.permission.wf_ops_proxy_add, false),
+        viewBtn: this.vaildData(this.permission.wf_ops_proxy_view, false),
+        delBtn: this.vaildData(this.permission.wf_ops_proxy_delete, false),
+        editBtn: this.vaildData(this.permission.wf_ops_proxy_edit, false)
+      };
+    },
+    ids() {
+      let ids = [];
+      this.selectionList.forEach(ele => {
+        ids.push(ele.id);
+      });
+      return ids.join(",");
+    }
+  },
+  mounted() {
+    userList(1, -1).then(res => {
+      this.userList = res.data.data.records
+    })
+  },
+  methods: {
+    getUserName(id) {
+      const user = this.userList.find(u => u.id == id)
+      if (user) return user.realName
+      return ''
+    },
+    rowSave(row, done, loading) {
+      if (row.type == '2' && row.time && row.time.length > 0) {
+        const startTime = row.time[0]
+        const endTime = row.time[1]
+        row.startTime = startTime
+        row.endTime = endTime
+        delete row.time
+      }
+      add(row).then(res => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: res.data.msg
+        });
+        done();
+      }, error => {
+        loading();
+        window.console.log(error);
+      });
+    },
+    rowUpdate(row, index, done, loading) {
+      if (row.type == '2' && row.time && row.time.length > 0) {
+        const startTime = row.time[0]
+        const endTime = row.time[1]
+        row.startTime = startTime
+        row.endTime = endTime
+        delete row.time
+      }
+      update(row).then(() => {
+        this.onLoad(this.page);
+        this.$message({
+          type: "success",
+          message: "操作成功!"
+        });
+        done();
+      }, error => {
+        loading();
+        console.log(error);
+      });
+    },
+    rowDel(row) {
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(row.id);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+        });
+    },
+    handleDelete() {
+      if (this.selectionList.length === 0) {
+        this.$message.warning("请选择至少一条数据");
+        return;
+      }
+      this.$confirm("确定将选择数据删除?", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      })
+        .then(() => {
+          return remove(this.ids);
+        })
+        .then(() => {
+          this.onLoad(this.page);
+          this.$message({
+            type: "success",
+            message: "操作成功!"
+          });
+          this.$refs.crud.toggleSelection();
+        });
+    },
+    beforeOpen(done, type) {
+      const processDefKey = this.findObject(this.option.column, 'processDefKey')
+      if (["edit"].includes(type)) {
+        processDefKey.multiple = false
+        if (this.form.processDefKey == 'WF_ALL_PROCESS') this.form.process = '1'
+        else this.form.process = '2'
+      } else if (['add'].includes(type)) {
+        processDefKey.multiple = true
+      }
+      done()
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad(this.page);
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad(this.page, params);
+      done();
+    },
+    selectionChange(list) {
+      this.selectionList = list;
+    },
+    selectionClear() {
+      this.selectionList = [];
+      this.$refs.crud.toggleSelection();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad(this.page, this.query);
+    },
+    onLoad(page, params = {}) {
+      this.loading = true;
+      getList(page.currentPage, page.pageSize, Object.assign(params, this.query)).then(res => {
+        const data = res.data.data;
+        this.page.total = data.total;
+        this.data = data.records;
+        this.loading = false;
+        this.selectionClear();
+      });
+    }
+  }
+};
+</script>
+
+<style>
+</style>