增加工作流前端页面

web/src/utils/stringFun.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 export const toUpperCase = (str) => {
     if (str[0]) {
         return str.replace(str[0], str[0].toUpperCase())
@@ -8,13 +9,13 @@ export const toUpperCase = (str) => {
 
 // 驼峰转换下划线
 export const toSQLLine = (str) => {
-    if (str=="ID") return "ID"
-    return str.replace(/([A-Z])/g,"_$1").toLowerCase();
-  }
+    if (str == "ID") return "ID"
+    return str.replace(/([A-Z])/g, "_$1").toLowerCase();
+}
 
-  // 下划线转换驼峰
-  export const  toHump = (name) => {
-    return name.replace(/\_(\w)/g, function(all, letter){
+// 下划线转换驼峰
+export const toHump = (name) => {
+    return name.replace(/\_(\w)/g, function(all, letter) {
         return letter.toUpperCase();
     });
 }

web/src/view/superAdmin/authority/components/apis.vue

@@ -54,7 +54,7 @@ export default {
       apis &&
         apis.map(item => {
         item.onlyId = "p:"+item.path+"m:"+item.method
-          if (apiObj.hasOwnProperty(item.apiGroup)) {
+          if (Object.prototype.hasOwnProperty.call(apiObj,item.apiGroup)) {
             apiObj[item.apiGroup].push(item)
           } else {
             Object.assign(apiObj, { [item.apiGroup]: [item] })

web/src/view/system/state.vue

@@ -146,8 +146,11 @@ export default {
       ],
     };
   },
-  created() {
+  created() { 
     this.reload();
+    setInterval(() => {
+      this.reload();
+    }, 1000*10);
   },
   methods: {
     async reload() {

web/src/view/workflow/workflowCreate/workflowCreate.vue

@@ -1,115 +1,29 @@
 <template>
   <div>
-    <el-form :model="form" label-width="100px" ref="form">
-      <el-form-item label="工作流名称">
-        <el-input type="text" v-model="form.workflowNickName"></el-input>
-      </el-form-item>
-      <el-form-item label="工作流英文id">
-        <el-input type="text" v-model="form.workflowName"></el-input>
-      </el-form-item>
-      <el-form-item label="工作流描述">
-        <el-input type="text" v-model="form.workflowDescription"></el-input>
-      </el-form-item>
-    </el-form>
-    <el-button @click="createWorkflowStep" class="fl-right mg" type="primary">新增</el-button>
-    <el-table :data="form.workflowStep" border style="width: 100%">
-      <el-table-column label="是否是完结流节点" prop="isEnd">
-        <template slot-scope="scope">
-          <el-select placeholder="请选择" v-model="scope.row.isEnd">
-            <el-option
-              :key="key"
-              :label="item.name"
-              :value="item.value"
-              v-for="(item,key) in options"
-            ></el-option>
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column label="是否是开始流节点" prop="isStrat">
-        <template slot-scope="scope">
-          <el-select placeholder="请选择" v-model="scope.row.isStrat">
-            <el-option
-              :key="key"
-              :label="item.name"
-              :value="item.value"
-              v-for="(item,key) in options"
-            ></el-option>
-          </el-select>
-        </template>
-      </el-table-column>
-      <el-table-column label="操作者级别id" prop="stepAuthorityID">
-        <template slot-scope="scope">
-          <el-input placeholder="请输入" type="text" v-model="scope.row.stepAuthorityID"></el-input>
-        </template>
-      </el-table-column>
-      <el-table-column label="工作流名称" prop="stepName">
-        <template slot-scope="scope">
-          <el-input placeholder="请输入" type="text" v-model="scope.row.stepName"></el-input>
-        </template>
-      </el-table-column>
-      <el-table-column label="步骤id" prop="stepNo">
-        <template slot-scope="scope">
-          <el-input placeholder="请输入" type="text" v-model="scope.row.stepNo"></el-input>
-        </template>
-      </el-table-column>
-    </el-table>
-    <el-button @click="submit" type="primary" class="fl-right mg">提交</el-button>
+    <wfd-gva ref="wfd" :data="demoData" :height="600" :users="candidateUsers" :groups="candidateGroups" :categorys="categorys" :lang="lang" />
   </div>
 </template>
-
 <script>
-import { createWorkFlow } from '@/api/workflow'
+
+
+import wfdGva from 'wfd-gva'
 export default {
   name: 'Workflow',
-  data() {
+  components:{
+    wfdGva
+  },
+  data () {
     return {
-      form: {
-        workflowName: '',
-        workflowDescription: '',
-        workflowNickName: '',
-        workflowStep: [
-          {
-            isEnd: false,
-            isStrat: true,
-            stepAuthorityID: '',
-            stepName: '',
-            stepNo: ''
-          }
-        ]
-      },
-      options: [
-        {
-          name: '是',
-          value: true
-        },
-        {
-          name: '否',
-          value: false
-        }
-      ]
+      lang: "zh",
+      demoData: {},
+      candidateUsers: [],
+      candidateGroups: []
     }
   },
-  methods: {
-    createWorkflowStep() {
-      this.form.workflowStep.push({
-        isEnd: false,
-        isStrat: false,
-        stepAuthorityID: '',
-        stepName: '',
-        stepNo: ''
-      })
-    },
-    async submit() {
-      const res = await createWorkFlow(this.form)
-      if(res.code == 0){
-          this.$message({
-              message:"创建成功",
-              type:"success"
-          })
-      }
+  methods:{
+    save(){
+      console.log(this.$refs['wfd'].graph.save())
     }
   }
 }
-</script>
-<style>
-</style>
+</script>