From 922c2beeeb9b903f867ccf8171ce5ffd7d6cfb7d Mon Sep 17 00:00:00 2001
From: quyixiao <2621048238@qq.com>
Date: Tue, 22 Sep 2020 17:55:43 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/api_flow_manager.js                   |  10 +
 .../result/record/approval-add-or-update.vue  |  10 -
 .../modules/result/record/recorddetail.vue    |   2 +-
 .../role/lzflowmanager-add-or-update.vue      | 111 +++++++++++
 .../modules/result/role/lzflowmanager.vue     | 177 ++++++++++++++++++
 5 files changed, 299 insertions(+), 11 deletions(-)
 create mode 100644 src/api/api_flow_manager.js
 create mode 100644 src/views/modules/result/role/lzflowmanager-add-or-update.vue
 create mode 100644 src/views/modules/result/role/lzflowmanager.vue

diff --git a/src/api/api_flow_manager.js b/src/api/api_flow_manager.js
new file mode 100644
index 0000000..7c87ace
--- /dev/null
+++ b/src/api/api_flow_manager.js
@@ -0,0 +1,10 @@
+import http from '../utils/http'
+
+// 获取侧边菜单栏
+export const apiGetFlowList = params => {
+  return http({url: '/lz_management/user/lzflowmanager/list', method: 'get', params})
+}
+
+export const apiFlowInfo = params => {
+  return http({url: `/lz_management/user/lzflowmanager/info/${params}`, method: 'post'})
+}
diff --git a/src/views/modules/result/record/approval-add-or-update.vue b/src/views/modules/result/record/approval-add-or-update.vue
index eebef23..e5b2889 100644
--- a/src/views/modules/result/record/approval-add-or-update.vue
+++ b/src/views/modules/result/record/approval-add-or-update.vue
@@ -6,16 +6,6 @@
 
     <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="80px">
 
-   <!--   <el-form-item label="驳回到" v-if="status === 5 " >
-        <el-select v-model="dataForm.rollbackFlowId" placeholder="请选择">
-          <el-option
-            v-for="item in rollbackData"
-            :key="item.id"
-            :label="item.flowName"
-            :value="item.id"
-          ></el-option>
-        </el-select>
-      </el-form-item>-->
 
       <el-form-item label="意见" prop="resultComment">
         <div id="resultCommentEditorElem" class="editor"></div>
diff --git a/src/views/modules/result/record/recorddetail.vue b/src/views/modules/result/record/recorddetail.vue
index 91abc06..454b47e 100644
--- a/src/views/modules/result/record/recorddetail.vue
+++ b/src/views/modules/result/record/recorddetail.vue
@@ -47,7 +47,7 @@
           </div>
 
           <div class="bottom" v-if="this.auth.dissatisfied == 1" >
-            <el-button type="primary"  size="mini" @click="commitApprovalAddOrUpdate('你确定要申述吗？',6)"><label >申述</label></el-button>
+            <el-button type="primary"  size="mini" @click="commitApprovalAddOrUpdate(6)"><label >申述</label></el-button>
           </div>
 
           <div class="bottom" v-if="this.auth.cancel == 1" >
diff --git a/src/views/modules/result/role/lzflowmanager-add-or-update.vue b/src/views/modules/result/role/lzflowmanager-add-or-update.vue
new file mode 100644
index 0000000..19f5e09
--- /dev/null
+++ b/src/views/modules/result/role/lzflowmanager-add-or-update.vue
@@ -0,0 +1,111 @@
+<template>
+  <el-dialog
+    :title="!dataForm.id ? '新增' : '修改'"
+    :close-on-click-modal="false"
+    :visible.sync="visible">
+    <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="80px">
+    <el-form-item label="是否删除状态，1：删除，0：有效" prop="isDelete">
+      <el-input v-model="dataForm.isDelete" placeholder="是否删除状态，1：删除，0：有效"></el-input>
+    </el-form-item>
+    <el-form-item label="创建时间" prop="gmtCreate">
+      <el-input v-model="dataForm.gmtCreate" placeholder="创建时间"></el-input>
+    </el-form-item>
+    <el-form-item label="最后修改时间" prop="gmtModified">
+      <el-input v-model="dataForm.gmtModified" placeholder="最后修改时间"></el-input>
+    </el-form-item>
+    <el-form-item label="流程名称" prop="name">
+      <el-input v-model="dataForm.name" placeholder="流程名称"></el-input>
+    </el-form-item>
+    </el-form>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="visible = false">取消</el-button>
+      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
+    </span>
+  </el-dialog>
+</template>
+
+<script>
+  export default {
+    data () {
+      return {
+        visible: false,
+        dataForm: {
+          id: 0,
+          isDelete: '',
+          gmtCreate: '',
+          gmtModified: '',
+          name: ''
+        },
+        dataRule: {
+          isDelete: [
+            { required: true, message: '是否删除状态，1：删除，0：有效不能为空', trigger: 'blur' }
+          ],
+          gmtCreate: [
+            { required: true, message: '创建时间不能为空', trigger: 'blur' }
+          ],
+          gmtModified: [
+            { required: true, message: '最后修改时间不能为空', trigger: 'blur' }
+          ],
+          name: [
+            { required: true, message: '流程名称不能为空', trigger: 'blur' }
+          ]
+        }
+      }
+    },
+    methods: {
+      init (id) {
+        this.dataForm.id = id || 0
+        this.visible = true
+        this.$nextTick(() => {
+          this.$refs['dataForm'].resetFields()
+          if (this.dataForm.id) {
+            this.$http({
+              url: this.$http.adornUrl(`/user/lzflowmanager/info/${this.dataForm.id}`),
+              method: 'get',
+              params: this.$http.adornParams()
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.dataForm.isDelete = data.lzflowmanager.isDelete
+                this.dataForm.gmtCreate = data.lzflowmanager.gmtCreate
+                this.dataForm.gmtModified = data.lzflowmanager.gmtModified
+                this.dataForm.name = data.lzflowmanager.name
+              }
+            })
+          }
+        })
+      },
+      // 表单提交
+      dataFormSubmit () {
+        this.$refs['dataForm'].validate((valid) => {
+          if (valid) {
+            this.$http({
+              url: this.$http.adornUrl(`/user/lzflowmanager/${!this.dataForm.id ? 'save' : 'update'}`),
+              method: 'post',
+              data: this.$http.adornData({
+                'id': this.dataForm.id || undefined,
+                'isDelete': this.dataForm.isDelete,
+                'gmtCreate': this.dataForm.gmtCreate,
+                'gmtModified': this.dataForm.gmtModified,
+                'name': this.dataForm.name
+              })
+            }).then(({data}) => {
+              if (data && data.code === 0) {
+                this.$message({
+                  message: '操作成功',
+                  type: 'success',
+                  duration: 1500,
+                  onClose: () => {
+                    this.visible = false
+                    this.$emit('refreshDataList')
+                  }
+                })
+              } else {
+                this.$message.error(data.msg)
+              }
+            })
+          }
+        })
+      }
+    }
+  }
+</script>
diff --git a/src/views/modules/result/role/lzflowmanager.vue b/src/views/modules/result/role/lzflowmanager.vue
new file mode 100644
index 0000000..775a8fd
--- /dev/null
+++ b/src/views/modules/result/role/lzflowmanager.vue
@@ -0,0 +1,177 @@
+<template>
+  <div class="mod-config">
+    <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
+      <el-form-item>
+        <el-input v-model="dataForm.key" placeholder="参数名" clearable></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getDataList()">查询</el-button>
+        <el-button v-if="isAuth('user:lzflowmanager:save')" type="primary" @click="addOrUpdateHandle()">新增</el-button>
+        <el-button v-if="isAuth('user:lzflowmanager:delete')" type="danger" @click="deleteHandle()"
+                   :disabled="dataListSelections.length <= 0">批量删除
+        </el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-tabs type="border-card"  @tab-click="handleClick" v-model="tabValue">
+      <el-tab-pane label="流程管理" name="0"></el-tab-pane>
+      <el-tab-pane label="流程列表" name="1"></el-tab-pane>
+      <el-table v-if="tabValue=='1'"
+        :data="dataList"
+        border
+        v-loading="dataListLoading"
+        @selection-change="selectionChangeHandle"
+        style="width: 100%;">
+        <el-table-column  type="selection" header-align="center" align="center" width="50" ></el-table-column>
+        <el-table-column  prop="id" header-align="center" align="center" label="" > </el-table-column>
+        <el-table-column prop="gmtCreate" header-align="center" align="center" label="创建时间" > </el-table-column>
+        <el-table-column prop="gmtModified" header-align="center" align="center" label="修改时间"  > </el-table-column>
+        <el-table-column prop="name" header-align="center" align="center" label="流程名称"  > </el-table-column>
+        <el-table-column  fixed="right" header-align="center" align="center" width="150" label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+            <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-pagination v-if="tabValue=='1'"
+        @size-change="sizeChangeHandle"
+        @current-change="currentChangeHandle"
+        :current-page="pageIndex"
+        :page-sizes="[10, 20, 50, 100]"
+        :page-size="pageSize"
+        :total="totalPage"
+        layout="total, sizes, prev, pager, next, jumper">
+      </el-pagination>
+      <!-- 弹窗, 新增 / 修改 -->
+      <add-or-update v-if="addOrUpdateVisible " ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
+
+      <el-table v-if="tabValue=='0'"
+                :data="dataList"
+                border
+                v-loading="dataListLoading"
+                @selection-change="selectionChangeHandle"
+                style="width: 100%;">
+        <el-table-column  type="selection" header-align="center" align="center" width="50" ></el-table-column>
+        <el-table-column  prop="id" header-align="center" align="center" label="" > </el-table-column>
+        <el-table-column prop="gmtCreate" header-align="center" align="center" label="创建时间" > </el-table-column>
+        <el-table-column prop="gmtModified" header-align="center" align="center" label="修改时间"  > </el-table-column>
+        <el-table-column prop="name" header-align="center" align="center" label="流程名称"  > </el-table-column>
+        <el-table-column  fixed="right" header-align="center" align="center" width="150" label="操作">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">修改</el-button>
+            <el-button type="text" size="small" @click="deleteHandle(scope.row.id)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+
+
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+import AddOrUpdate from './lzflowmanager-add-or-update'
+import {apiGetFlowList, apiFlowInfo} from '@/api/api_flow_manager'
+
+export default {
+  data () {
+    return {
+      tabValue: '0',
+      dataForm: {
+        key: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 10,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      addOrUpdateVisible: false
+    }
+  },
+  components: {
+    AddOrUpdate
+  },
+  activated () {
+    this.getDataList()
+  },
+  methods: {
+    // 获取数据列表
+    getDataList () {
+      apiGetFlowList({
+        'page': this.pageIndex,
+        'limit': this.pageSize,
+        'name': this.dataForm.name
+      }).then(data => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
+    },
+    handleClick (row) {
+      this.tabValue = row.name
+      if (this.tabValue === '1') {
+        this.getDataList()
+      }
+    },
+    // 每页数
+    sizeChangeHandle (val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
+    },
+    // 当前页
+    currentChangeHandle (val) {
+      this.pageIndex = val
+      this.getDataList()
+    },
+    // 多选
+    selectionChangeHandle (val) {
+      this.dataListSelections = val
+    },
+    // 新增 / 修改
+    addOrUpdateHandle (id) {
+      this.addOrUpdateVisible = true
+      this.$nextTick(() => {
+        this.$refs.addOrUpdate.init(id)
+      })
+    },
+    // 删除
+    deleteHandle (id) {
+      var ids = id ? [id] : this.dataListSelections.map(item => {
+        return item.id
+      })
+      this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
+        this.$http({
+          url: this.$http.adornUrl('/user/lzflowmanager/delete'),
+          method: 'post',
+          data: this.$http.adornData(ids, false)
+        }).then(({data}) => {
+          if (data && data.code === 0) {
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.getDataList()
+              }
+            })
+          } else {
+            this.$message.error(data.msg)
+          }
+        })
+      })
+    }
+  }
+}
+</script>