first commit

target/classes/views/platform/flow/designer/index.html

@@ -0,0 +1,70 @@
+<!--#
+layout("/layouts/platform.html"){
+#-->
+
+<div id="app" v-cloak>
+    <el-card class="mt10" shadow="never">
+        <el-row type="flex">
+            <el-button @click="openDesigner" size="medium" type="primary">
+                <i class="ti-plus"></i>
+                设计流程
+            </el-button>
+        </el-row>
+    </el-card>
+
+    <el-card class="mt10" shadow="never">
+        <el-table :data="tableData" @sort-change="pageOrder" header-align="center" style="width: 100%">
+            <el-table-column label="模板ID" prop="id"></el-table-column>
+            <el-table-column label="流程模版名称" prop="name"></el-table-column>
+            <el-table-column label="关键字" prop="key"></el-table-column>
+            <el-table-column label="版本" prop="version"></el-table-column>
+            <el-table-column label="创建日期" prop="createDate"></el-table-column>
+            <el-table-column label="操作" width="200px">
+                <template scope="scope">
+                    <el-button size="mini" type="primary">查看</el-button>
+                    <el-button size="mini" type="danger" @click="doDelete(scope.row.id)">删除</el-button>
+                </template>
+            </el-table-column>
+        </el-table>
+    </el-card>
+</div>
+
+<script nonce="${cspNonce!}">
+    new Vue({
+        el: "#app",
+        mixins: [initTableMixins],
+        methods: {
+            pageData() {
+                $.get(loc() + "/pageData", this.pageForm).then((res) => {
+                    console.log(res)
+                    this.tableData = res.data.result
+                    this.pageForm.totalCount = res.data.total
+                })
+            },
+
+            doDelete(processId) {
+                this.$confirm("您确定要删除吗?", "提示", {
+                    confirmButtonText: "确定",
+                    cancelButtonText: "取消",
+                    type: "warning"
+                }).then(() => {
+                    $.post(loc() + "/deleteProcess", { processId }).then((res) => {
+                        this.$message.success(res.msg)
+                        this.doSearch()
+                    })
+                })
+            },
+
+            openDesigner() {
+                window.open("/uflo/designer")
+            }
+        },
+        created() {
+            this.pageData()
+        }
+    })
+</script>
+
+<!--#
+}
+#-->