表单流程编辑器v1.0.0

Author: zhangyuanlj

.gitignore

@@ -0,0 +1,21 @@
+.DS_Store
+node_modules
+/dist
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

README.md

@@ -0,0 +1,24 @@
+# approval
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).

babel.config.js

@@ -0,0 +1,15 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ],
+  "plugins": [
+    ["import", {
+      "libraryName": "view-design",
+      "libraryDirectory": "src/components"
+    }, "view-design"],
+    ["import", {
+      "libraryName": "vant",
+      "libraryDirectory": "es"
+    }, "vant"]
+  ]
+}

mock/api/Approval.js

@@ -0,0 +1,26 @@
+//获取审批信息
+const response = require("../response");
+const formDesign = require("../formDesign");
+const resBody = {
+    basicSetting: {
+        approvalName: "",
+        approvalGroup: {},
+        approvalUser: {
+            text: "",
+            value: []
+        },
+        templateManageUser: {
+            text: "",
+            value: []
+        },
+        templateIcon: "",
+        approvalStatement: ""
+    },
+    formDesign: formDesign,
+    processList: [],
+    processDesign: []
+};
+const resData = response(1, resBody, "数据获取成功");
+module.exports = {
+    resData: resData
+};

mock/api/Rpc_Approval/Create.js

@@ -0,0 +1,8 @@
+const response = require("../../response");
+const resBody = null;
+//创建一个审批单Rpc_Approval/Create，请求体为对象
+const resData = response(1, resBody, "审批单创建成功!");
+module.exports = {
+    method: "POST",
+    resData: resData
+};

mock/api/Rpc_Approval/GetList.js

@@ -0,0 +1,43 @@
+//获取审批信息
+const response = require("../../response");
+const formDesign = require("../../formDesign");
+const personList = require("../../personList");
+const resBody = {
+    //基础设置
+    basicSetting: {
+        approvalName: "测试数据名称",
+        approvalGroup: {
+            name: "测试分组1",
+            value: "1"
+        },
+        approvalUser: {
+            text: "",
+            value: []
+        },
+        templateManageUser: {
+            text: "",
+            value: []
+        },
+        templateIcon: "",
+        approvalStatement: ""
+    },
+    //表单
+    formDesign: formDesign,
+    //审批人、抄送人列表
+    personList: personList,
+    //流程
+    processDesign: [],
+    //高级设置
+    advancedSetting: {
+        approverDuplication: "1",
+        autoPass: true,
+        approvalComments: "",
+        approvalOpinion: ["1"]
+    }
+};
+//参数id会附加到地址栏，例如Rpc_Approval/GetList?id=1024
+//直接访问http://127.0.0.1:3000/Rpc_Approval/GetList可以看到返回结果
+const resData = response(1, resBody, "数据获取成功");
+module.exports = {
+    resData: resData
+};

mock/api/Rpc_Approval/Update.js

@@ -0,0 +1,9 @@
+const response = require("../../response");
+const resBody = null;
+//更新一个审批单Rpc_Approval/Update
+//参数为id、approval审批数据
+const resData = response(1, resBody, "审批单更新成功!");
+module.exports = {
+    method: "POST",
+    resData: resData
+};

mock/api/Rpc_ApprovalFormTemplate/GetList.js

@@ -0,0 +1,13 @@
+//获取表单模板
+const response = require("../../response");
+const formDesign = require("../../formDesign");
+const personList = require("../../personList");
+const resData = response(1, {
+    formDesign,
+    personList
+}, "数据获取成功");
+//参数id会附加到地址栏，例如Rpc_ApprovalFormTemplate/GetList?id=1024
+//直接访问http://127.0.0.1:3000/Rpc_ApprovalFormTemplate/GetList可以看到返回结果
+module.exports = {
+    resData: resData
+};

mock/api/test-api.js

@@ -0,0 +1,32 @@
+const Mock = require("mockjs");
+const resBody = [];
+const response = (code, resBody, message) => {
+  // return resBody;
+  return {
+    code: code,
+    body: resBody,
+    message: message
+  };
+};
+for (let i = 0; i < 50; i++) {
+  const title = Mock.mock({
+    "array|1": ["iPhone 12要涨价？5G组件使其成本增加80美元", "一亿像素加持 卢伟冰暗示小米10将屠榜DxOMark", "荣耀与小米互怼错杀 OV韬光养晦才是大敌"]
+  });
+  const publishTime = Mock.mock({
+    "array|1": [
+      "2020-01-15 09:30:00",
+      "2020-01-16 09:30:00",
+      "2020-01-17 09:30:00"
+    ]
+  });
+  const item = {
+    id: i + 1,
+    title: title.array,
+    publishTime: publishTime.array
+  };
+  resBody.push(item);
+}
+const resData = response(200, resBody, "数据获取成功");
+module.exports = {
+  resData: resData
+};

mock/api/user-info/create.js

@@ -0,0 +1,9 @@
+module.exports = {
+  rewriteFunc: (req, res) => {
+    const resBody = {
+      name: "Geralt Zhang",
+      age: "保密"
+    };
+    res.status(200).send(resBody);
+  }
+};