2020.4.9 初始化基础文件

.browserslistrc

+> 1%
+last 2 versions

.gitignore

+.DS_Store
+node_modules
+/dist
+
+/tests/e2e/videos/
+/tests/e2e/screenshots/
+
+# 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?

babel.config.js

+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}

cypress.json

+{
+  "pluginsFile": "tests/e2e/plugins/index.js"
+}

jest.config.js

+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel'
+}

package-lock.json

+{
+  "name": "app",
+  "version": "0.1.0",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "adler-32": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/adler-32/-/adler-32-1.2.0.tgz",
+      "integrity": "sha1-aj5r8KY5ALoVZSgIyxXGgT0aXyU=",
+      "requires": {
+        "exit-on-epipe": "~1.0.1",
+        "printj": "~1.1.0"
+      }
+    },
+    "cfb": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/cfb/-/cfb-1.1.4.tgz",
+      "integrity": "sha512-rwFkl3aFO3f+ljR27YINwC0x8vPjyiEVbYbrTCKzspEf7Q++3THdfHVgJYNUbxNcupJECrLX+L40Mjm9hm/Bgw==",
+      "requires": {
+        "adler-32": "~1.2.0",
+        "commander": "^2.16.0",
+        "crc-32": "~1.2.0",
+        "printj": "~1.1.2"
+      }
+    },
+    "codepage": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/codepage/-/codepage-1.14.0.tgz",
+      "integrity": "sha1-jL4lSBMjVZ19MHVxsP/5HnodL5k=",
+      "requires": {
+        "commander": "~2.14.1",
+        "exit-on-epipe": "~1.0.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.14.1",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.14.1.tgz",
+          "integrity": "sha512-+YR16o3rK53SmWHU3rEM3tPAh2rwb1yPcQX5irVn7mb0gXbwuCCrnkbV5+PBfETdfg1vui07nM6PCG1zndcjQw=="
+        }
+      }
+    },
+    "commander": {
+      "version": "2.17.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.17.1.tgz",
+      "integrity": "sha512-wPMUt6FnH2yzG95SA6mzjQOEKUU3aLaDEmzs1ti+1E9h+CsrZghRlqEM/EJ4KscsQVG8uNN4uVreUeT8+drlgg=="
+    },
+    "crc-32": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.0.tgz",
+      "integrity": "sha512-1uBwHxF+Y/4yF5G48fwnKq6QsIXheor3ZLPT80yGBV1oEUwpPojlEhQbWKVw1VwcTQyMGHK1/XMmTjmlsmTTGA==",
+      "requires": {
+        "exit-on-epipe": "~1.0.1",
+        "printj": "~1.1.0"
+      }
+    },
+    "exit-on-epipe": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/exit-on-epipe/-/exit-on-epipe-1.0.1.tgz",
+      "integrity": "sha512-h2z5mrROTxce56S+pnvAV890uu7ls7f1kEvVGJbw1OlFH3/mlJ5bkXu0KRyW94v37zzHPiUd55iLn3DA7TjWpw=="
+    },
+    "file-saver": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/file-saver/-/file-saver-2.0.2.tgz",
+      "integrity": "sha512-Wz3c3XQ5xroCxd1G8b7yL0Ehkf0TC9oYC6buPFkNnU9EnaPlifeAFCyCh+iewXTyFRcg0a6j3J7FmJsIhlhBdw=="
+    },
+    "frac": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/frac/-/frac-1.1.2.tgz",
+      "integrity": "sha512-w/XBfkibaTl3YDqASwfDUqkna4Z2p9cFSr1aHDt0WoMTECnRfBOv2WArlZILlqgWlmdIlALXGpM2AOhEk5W3IA=="
+    },
+    "printj": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/printj/-/printj-1.1.2.tgz",
+      "integrity": "sha512-zA2SmoLaxZyArQTOPj5LXecR+RagfPSU5Kw1qP+jkWeNlrq+eJZyY2oS68SU1Z/7/myXM4lo9716laOFAVStCQ=="
+    },
+    "raw-loader": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/raw-loader/-/raw-loader-0.5.1.tgz",
+      "integrity": "sha1-DD0L6u2KAclm2Xh793goElKpeao=",
+      "dev": true
+    },
+    "script-loader": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/script-loader/-/script-loader-0.7.2.tgz",
+      "integrity": "sha512-UMNLEvgOAQuzK8ji8qIscM3GIrRCWN6MmMXGD4SD5l6cSycgGsCo0tX5xRnfQcoghqct0tjHjcykgI1PyBE2aA==",
+      "dev": true,
+      "requires": {
+        "raw-loader": "~0.5.1"
+      }
+    },
+    "ssf": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/ssf/-/ssf-0.10.3.tgz",
+      "integrity": "sha512-pRuUdW0WwyB2doSqqjWyzwCD6PkfxpHAHdZp39K3dp/Hq7f+xfMwNAWIi16DyrRg4gg9c/RvLYkJTSawTPTm1w==",
+      "requires": {
+        "frac": "~1.1.2"
+      }
+    },
+    "wmf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wmf/-/wmf-1.0.2.tgz",
+      "integrity": "sha512-/p9K7bEh0Dj6WbXg4JG0xvLQmIadrner1bi45VMJTfnbVHsc7yIajZyoSoK60/dtVBs12Fm6WkUI5/3WAVsNMw=="
+    },
+    "xlsx": {
+      "version": "0.15.6",
+      "resolved": "https://registry.npmjs.org/xlsx/-/xlsx-0.15.6.tgz",
+      "integrity": "sha512-7vD9eutyLs65iDjNFimVN+gk/oDkfkCgpQUjdE82QgzJCrBHC4bGPH7fzKVyy0UPp3gyFVQTQEFJaWaAvZCShQ==",
+      "requires": {
+        "adler-32": "~1.2.0",
+        "cfb": "^1.1.4",
+        "codepage": "~1.14.0",
+        "commander": "~2.17.1",
+        "crc-32": "~1.2.0",
+        "exit-on-epipe": "~1.0.1",
+        "ssf": "~0.10.3",
+        "wmf": "~1.0.1"
+      }
+    }
+  }
+}

package.json

+{
+  "name": "app",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "node --max_old_space_size=8102 ./node_modules/@vue/cli-service/bin/vue-cli-service serve --mode test",
+    "dev-serve": "node --max_old_space_size=8102 ./node_modules/@vue/cli-service/bin/vue-cli-service serve --mode development",
+    "build": "node --max_old_space_size=8102 ./node_modules/@vue/cli-service/bin/vue-cli-service build",
+    "dev-build": "node --max_old_space_size=8102 ./node_modules/@vue/cli-service/bin/vue-cli-service build --mode development",
+    "test:unit": "vue-cli-service test:unit",
+    "test:e2e": "vue-cli-service test:e2e",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "@fullcalendar/core": "^4.4.0",
+    "@fullcalendar/daygrid": "^4.4.0",
+    "@fullcalendar/interaction": "^4.4.0",
+    "@fullcalendar/list": "^4.4.0",
+    "@fullcalendar/timegrid": "^4.4.0",
+    "@fullcalendar/vue": "^4.4.0",
+    "axios": "^0.19.1",
+    "core-js": "^3.4.4",
+    "echarts": "^4.6.0",
+    "element-ui": "^2.13.0",
+    "file-saver": "^2.0.2",
+    "font-awesome": "^4.7.0",
+    "interactjs": "^1.9.4",
+    "moment": "^2.24.0",
+    "path-to-regexp": "^6.1.0",
+    "qs": "^6.9.1",
+    "rxjs": "^6.5.4",
+    "tinymce": "4.8.5",
+    "view-design": "^4.1.0",
+    "vue": "^2.6.10",
+    "vue-class-component": "^7.0.2",
+    "vue-grid-layout": "^2.3.7",
+    "vue-i18n": "^8.15.3",
+    "vue-property-decorator": "^8.3.0",
+    "vue-router": "^3.1.3",
+    "vuex": "^3.1.2",
+    "xlsx": "^0.15.6"
+  },
+  "devDependencies": {
+    "@types/echarts": "^4.4.3",
+    "@types/jest": "^24.0.19",
+    "@types/mockjs": "^1.0.2",
+    "@types/qs": "^6.9.0",
+    "@vue/cli-plugin-babel": "^4.1.0",
+    "@vue/cli-plugin-e2e-cypress": "^4.1.0",
+    "@vue/cli-plugin-router": "^4.1.0",
+    "@vue/cli-plugin-typescript": "^4.1.0",
+    "@vue/cli-plugin-unit-jest": "^4.1.0",
+    "@vue/cli-plugin-vuex": "^4.1.0",
+    "@vue/cli-service": "^4.1.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "axios-mock-adapter": "^1.17.0",
+    "less": "^3.0.4",
+    "less-loader": "^5.0.0",
+    "mockjs": "^1.1.0",
+    "script-loader": "^0.7.2",
+    "typescript": "~3.5.3",
+    "vue-template-compiler": "^2.6.10"
+  }
+}

public/assets/styles/loader.css

+.loader {
+  position: relative;
+  width: 12.5em;
+  height: 12.5em;
+  transform: rotate(165deg);
+}
+.loader:before, .loader:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  width: 2.5em;
+  height: 2.5em;
+  border-radius: 1.25em;
+  transform: translate(-50%, -50%);
+}
+.loader:before {
+  animation: before 2s infinite;
+}
+.loader:after {
+  animation: after 2s infinite;
+}
+@keyframes before {
+  0% {
+    width: 2.5em;
+    box-shadow: 5em -2.5em rgba(88, 163, 243, 0.75), -5em 2.5em rgba(153, 202, 255, 0.75);
+ }
+  35% {
+    width: 12.5em;
+    box-shadow: 0 -2.5em rgba(88, 163, 243, 0.75), 0 2.5em rgba(153, 202, 255, 0.75);
+ }
+  70% {
+    width: 2.5em;
+    box-shadow: -5em -2.5em rgba(88, 163, 243, 0.75), 5em 2.5em rgba(153, 202, 255, 0.75);
+ }
+  100% {
+    box-shadow: 5em -2.5em rgba(88, 163, 243, 0.75), -5em 2.5em rgba(153, 202, 255, 0.75);
+ }
+}
+@keyframes after {
+  0% {
+    height: 2.5em;
+    box-shadow: 2.5em 5em rgba(224, 224, 224, 0.75), -2.5em -5em rgba(198, 200, 210, 0.75);
+ }
+  35% {
+    height: 12.5em;
+    box-shadow: 2.5em 0 rgba(224, 224, 224, 0.75), -2.5em 0 rgba(198, 200, 210, 0.75);
+ }
+  70% {
+    height: 2.5em;
+    box-shadow: 2.5em -5em rgba(224, 224, 224, 0.75), -2.5em 5em rgba(198, 200, 210, 0.75);
+ }
+  100% {
+    box-shadow: 2.5em 5em rgba(224, 224, 224, 0.75), -2.5em -5em rgba(198, 200, 210, 0.75);
+ }
+}
+/** * Attempt to center the whole thing! */
+html, body {
+  height: 100%;
+}
+.loader {
+  position: absolute;
+  top: calc(50% - 6.25em);
+  left: calc(50% - 6.25em);
+}

public/assets/tinymce/langs/en_US.js

+tinymce.addI18n('en_US',{
+"Cut": "Cut",
+"Heading 5": "Heading 5",
+"Header 2": "Header 2",
+"Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.": "Your browser doesn't support direct access to the clipboard. Please use the Ctrl+X\/C\/V keyboard shortcuts instead.",
+"Heading 4": "Heading 4",
+"Div": "Div",
+"Heading 2": "Heading 2",
+"Paste": "Paste",
+"Close": "Close",
+"Font Family": "Font Family",
+"Pre": "Pre",
+"Align right": "Align right",
+"New document": "New document",
+"Blockquote": "Blockquote",
+"Numbered list": "Numbered list",
+"Heading 1": "Heading 1",
+"Headings": "Headings",
+"Increase indent": "Increase indent",
+"Formats": "Formats",
+"Headers": "Headers",
+"Select all": "Select all",
+"Header 3": "Header 3",
+"Blocks": "Blocks",
+"Undo": "Undo",
+"Strikethrough": "Strike-through",
+"Bullet list": "Bullet list",
+"Header 1": "Header 1",
+"Superscript": "Superscript",
+"Clear formatting": "Clear formatting",
+"Font Sizes": "Font Sizes",
+"Subscript": "Subscript",
+"Header 6": "Header 6",
+"Redo": "Redo",
+"Paragraph": "Paragraph",
+"Ok": "Ok",
+"Bold": "Bold",
+"Code": "Code",
+"Italic": "Italic",
+"Align center": "Align centre",
+"Header 5": "Header 5",
+"Heading 6": "Heading 6",
+"Heading 3": "Heading 3",
+"Decrease indent": "Decrease indent",
+"Header 4": "Header 4",
+"Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.": "Paste is now in plain text mode. Contents will now be pasted as plain text until you toggle this option off.",
+"Underline": "Underline",
+"Cancel": "Cancel",
+"Justify": "Justify",
+"Inline": "Inline",
+"Copy": "Copy",
+"Align left": "Align left",
+"Visual aids": "Visual aids",
+"Lower Greek": "Lower Greek",
+"Square": "Square",
+"Default": "Default",
+"Lower Alpha": "Lower Alpha",
+"Circle": "Circle",
+"Disc": "Disc",
+"Upper Alpha": "Upper Alpha",
+"Upper Roman": "Upper Roman",
+"Lower Roman": "Lower Roman",
+"Id should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.": "ID should start with a letter, followed only by letters, numbers, dashes, dots, colons or underscores.",
+"Name": "Name",
+"Anchor": "Anchor",
+"Id": "ID",
+"You have unsaved changes are you sure you want to navigate away?": "You have unsaved changes are you sure you want to navigate away?",
+"Restore last draft": "Restore last draft",
+"Special character": "Special character",
+"Source code": "Source code",
+"Language": "Language",
+"Insert\/Edit code sample": "Insert\/Edit code sample",
+"B": "B",
+"R": "R",
+"G": "G",
+"Color": "Colour",
+"Right to left": "Right to left",
+"Left to right": "Left to right",
+"Emoticons": "Emoticons",
+"Robots": "Robots",
+"Document properties": "Document properties",
+"Title": "Title",
+"Keywords": "Keywords",
+"Encoding": "Encoding",
+"Description": "Description",
+"Author": "Author",
+"Fullscreen": "Full-screen",
+"Horizontal line": "Horizontal line",
+"Horizontal space": "Horizontal space",
+"Insert\/edit image": "Insert\/edit image",
+"General": "General",
+"Advanced": "Advanced",
+"Source": "Source",
+"Border": "Border",
+"Constrain proportions": "Constrain proportions",
+"Vertical space": "Vertical space",
+"Image description": "Image description",
+"Style": "Style",
+"Dimensions": "Dimensions",
+"Insert image": "Insert image",
+"Image": "Image",
+"Zoom in": "Zoom in",
+"Contrast": "Contrast",
+"Back": "Back",
+"Gamma": "Gamma",
+"Flip horizontally": "Flip horizontally",
+"Resize": "Resize",
+"Sharpen": "Sharpen",
+"Zoom out": "Zoom out",
+"Image options": "Image options",
+"Apply": "Apply",
+"Brightness": "Brightness",
+"Rotate clockwise": "Rotate clockwise",
+"Rotate counterclockwise": "Rotate counterclockwise",
+"Edit image": "Edit image",
+"Color levels": "Colour levels",
+"Crop": "Crop",
+"Orientation": "Orientation",
+"Flip vertically": "Flip vertically",
+"Invert": "Invert",
+"Date\/time": "Date\/time",
+"Insert date\/time": "Insert date\/time",
+"Remove link": "Remove link",
+"Url": "URL",
+"Text to display": "Text to display",
+"Anchors": "Anchors",
+"Insert link": "Insert link",
+"Link": "Link",
+"New window": "New window",
+"None": "None",
+"The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?": "The URL you entered seems to be an external link. Do you want to add the required http:\/\/ prefix?",
+"Paste or type a link": "Paste or type a link",
+"Target": "Target",
+"The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?": "The URL you entered seems to be an email address. Do you want to add the required mailto: prefix?",
+"Insert\/edit link": "Insert\/edit link",
+"Insert\/edit video": "Insert\/edit video",
+"Media": "Media",
+"Alternative source": "Alternative source",
+"Paste your embed code below:": "Paste your embed code below:",
+"Insert video": "Insert video",
+"Poster": "Poster",
+"Insert\/edit media": "Insert\/edit media",
+"Embed": "Embed",
+"Nonbreaking space": "Non-breaking space",
+"Page break": "Page break",
+"Paste as text": "Paste as text",
+"Preview": "Preview",
+"Print": "Print",
+"Save": "Save",
+"Could not find the specified string.": "Could not find the specified string.",
+"Replace": "Replace",
+"Next": "Next",
+"Whole words": "Whole words",
+"Find and replace": "Find and replace",
+"Replace with": "Replace with",
+"Find": "Find",
+"Replace all": "Replace all",
+"Match case": "Match case",
+"Prev": "Prev",
+"Spellcheck": "Spell-check",
+"Finish": "Finish",
+"Ignore all": "Ignore all",
+"Ignore": "Ignore",
+"Add to Dictionary": "Add to Dictionary",
+"Insert row before": "Insert row before",
+"Rows": "Rows",
+"Height": "Height",
+"Paste row after": "Paste row after",
+"Alignment": "Alignment",
+"Border color": "Border colour",
+"Column group": "Column group",
+"Row": "Row",
+"Insert column before": "Insert column before",
+"Split cell": "Split cell",
+"Cell padding": "Cell padding",
+"Cell spacing": "Cell spacing",
+"Row type": "Row type",
+"Insert table": "Insert table",
+"Body": "Body",
+"Caption": "Caption",
+"Footer": "Footer",
+"Delete row": "Delete row",
+"Paste row before": "Paste row before",
+"Scope": "Scope",
+"Delete table": "Delete table",
+"H Align": "H Align",
+"Top": "Top",
+"Header cell": "Header cell",
+"Column": "Column",
+"Row group": "Row group",
+"Cell": "Cell",
+"Middle": "Middle",
+"Cell type": "Cell type",
+"Copy row": "Copy row",
+"Row properties": "Row properties",
+"Table properties": "Table properties",
+"Bottom": "Bottom",
+"V Align": "V Align",
+"Header": "Header",
+"Right": "Right",
+"Insert column after": "Insert column after",
+"Cols": "Cols",
+"Insert row after": "Insert row after",
+"Width": "Width",
+"Cell properties": "Cell properties",
+"Left": "Left",
+"Cut row": "Cut row",
+"Delete column": "Delete column",
+"Center": "Centre",
+"Merge cells": "Merge cells",
+"Insert template": "Insert template",
+"Templates": "Templates",
+"Background color": "Background colour",
+"Custom...": "Custom...",
+"Custom color": "Custom colour",
+"No color": "No colour",
+"Text color": "Text colour",
+"Table of Contents": "Table of Contents",
+"Show blocks": "Show blocks",
+"Show invisible characters": "Show invisible characters",
+"Words: {0}": "Words: {0}",
+"Insert": "Insert",
+"File": "File",
+"Edit": "Edit",
+"Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help": "Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help",
+"Tools": "Tools",
+"View": "View",
+"Table": "Table",
+"Format": "Format"
+});
\ No newline at end of file

public/assets/tinymce/prism.css

+/* PrismJS 1.14.0
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #9a6e3a;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function,
+.token.class-name {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+

public/assets/tinymce/skins/lightgray/content.inline.min.css

+.word-wrap{word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.mce-content-body .mce-reset{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;text-decoration:none;color:black;font-family:Arial;font-size:11px;text-shadow:none;float:none;position:static;width:auto;height:auto;white-space:nowrap;cursor:inherit;line-height:normal;font-weight:normal;text-align:left;-webkit-tap-highlight-color:transparent;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;direction:ltr;max-width:none}.mce-object{border:1px dotted #3A3A3A;background:#D5D5D5 url(img/object.gif) no-repeat center}.mce-preview-object{display:inline-block;position:relative;margin:0 2px 0 2px;line-height:0;border:1px solid gray}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-preview-object .mce-shim{position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}figure.align-left{float:left}figure.align-right{float:right}figure.image.align-center{display:table;margin-left:auto;margin-right:auto}figure.image{display:inline-block;border:1px solid gray;margin:0 2px 0 1px;background:#f5f2f0}figure.image img{margin:8px 8px 0 8px}figure.image figcaption{margin:6px 8px 6px 8px;text-align:center}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-pagebreak{cursor:default;display:block;border:0;width:100%;height:5px;border:1px dashed #666;margin-top:15px;page-break-before:always}@media print{.mce-pagebreak{border:0}}.mce-item-anchor{cursor:default;display:inline-block;-webkit-user-select:all;-webkit-user-modify:read-only;-moz-user-select:all;-moz-user-modify:read-only;user-select:all;user-modify:read-only;width:9px !important;height:9px !important;border:1px dotted #3A3A3A;background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-nbsp,.mce-shy{background:#AAA}.mce-shy::after{content:'-'}.mce-match-marker{background:#AAA;color:#fff}.mce-match-marker-selected{background:#3399ff;color:#fff}.mce-spellchecker-word{border-bottom:2px solid rgba(208,2,27,0.5);cursor:default}.mce-spellchecker-grammar{border-bottom:2px solid #008000;cursor:default}.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption{border:1px dashed #BBB}td[data-mce-selected],th[data-mce-selected]{background-color:#2276d2 !important}.mce-edit-focus{outline:1px dotted #333}.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false][data-mce-selected]{outline:2px solid #2276d2}.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,.mce-content-body.mce-content-readonly *[contentEditable=true]:hover{outline:none}.mce-content-body *[data-mce-selected="inline-boundary"]{background:#bfe6ff}.mce-content-body .mce-item-anchor[data-mce-selected]{background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-content-body hr{cursor:default}.mce-content-body table{-webkit-nbsp-mode:normal}.ephox-snooker-resizer-bar{background-color:#2276d2;opacity:0}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:.2}.mce-content-body{line-height:1.3}
\ No newline at end of file

public/assets/tinymce/skins/lightgray/content.min.css

+body{background-color:#FFFFFF;color:#000000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.3;scrollbar-3dlight-color:#F0F0EE;scrollbar-arrow-color:#676662;scrollbar-base-color:#F0F0EE;scrollbar-darkshadow-color:#DDDDDD;scrollbar-face-color:#E0E0DD;scrollbar-highlight-color:#F0F0EE;scrollbar-shadow-color:#F0F0EE;scrollbar-track-color:#F5F5F5}td,th{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px}.word-wrap{word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.mce-content-body .mce-reset{margin:0;padding:0;border:0;outline:0;vertical-align:top;background:transparent;text-decoration:none;color:black;font-family:Arial;font-size:11px;text-shadow:none;float:none;position:static;width:auto;height:auto;white-space:nowrap;cursor:inherit;line-height:normal;font-weight:normal;text-align:left;-webkit-tap-highlight-color:transparent;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;direction:ltr;max-width:none}.mce-object{border:1px dotted #3A3A3A;background:#D5D5D5 url(img/object.gif) no-repeat center}.mce-preview-object{display:inline-block;position:relative;margin:0 2px 0 2px;line-height:0;border:1px solid gray}.mce-preview-object[data-mce-selected="2"] .mce-shim{display:none}.mce-preview-object .mce-shim{position:absolute;top:0;left:0;width:100%;height:100%;background:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}figure.align-left{float:left}figure.align-right{float:right}figure.image.align-center{display:table;margin-left:auto;margin-right:auto}figure.image{display:inline-block;border:1px solid gray;margin:0 2px 0 1px;background:#f5f2f0}figure.image img{margin:8px 8px 0 8px}figure.image figcaption{margin:6px 8px 6px 8px;text-align:center}.mce-toc{border:1px solid gray}.mce-toc h2{margin:4px}.mce-toc li{list-style-type:none}.mce-pagebreak{cursor:default;display:block;border:0;width:100%;height:5px;border:1px dashed #666;margin-top:15px;page-break-before:always}@media print{.mce-pagebreak{border:0}}.mce-item-anchor{cursor:default;display:inline-block;-webkit-user-select:all;-webkit-user-modify:read-only;-moz-user-select:all;-moz-user-modify:read-only;user-select:all;user-modify:read-only;width:9px !important;height:9px !important;border:1px dotted #3A3A3A;background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-nbsp,.mce-shy{background:#AAA}.mce-shy::after{content:'-'}.mce-match-marker{background:#AAA;color:#fff}.mce-match-marker-selected{background:#3399ff;color:#fff}.mce-spellchecker-word{border-bottom:2px solid rgba(208,2,27,0.5);cursor:default}.mce-spellchecker-grammar{border-bottom:2px solid #008000;cursor:default}.mce-item-table,.mce-item-table td,.mce-item-table th,.mce-item-table caption{border:1px dashed #BBB}td[data-mce-selected],th[data-mce-selected]{background-color:#2276d2 !important}.mce-edit-focus{outline:1px dotted #333}.mce-content-body *[contentEditable=false] *[contentEditable=true]:focus{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false] *[contentEditable=true]:hover{outline:2px solid #2276d2}.mce-content-body *[contentEditable=false][data-mce-selected]{outline:2px solid #2276d2}.mce-content-body.mce-content-readonly *[contentEditable=true]:focus,.mce-content-body.mce-content-readonly *[contentEditable=true]:hover{outline:none}.mce-content-body *[data-mce-selected="inline-boundary"]{background:#bfe6ff}.mce-content-body .mce-item-anchor[data-mce-selected]{background:#D5D5D5 url(img/anchor.gif) no-repeat center}.mce-content-body hr{cursor:default}.mce-content-body table{-webkit-nbsp-mode:normal}.ephox-snooker-resizer-bar{background-color:#2276d2;opacity:0}.ephox-snooker-resizer-cols{cursor:col-resize}.ephox-snooker-resizer-rows{cursor:row-resize}.ephox-snooker-resizer-bar.ephox-snooker-resizer-bar-dragging{opacity:.2}
\ No newline at end of file

public/assets/tinymce/skins/lightgray/content.mobile.min.css

+.tinymce-mobile-unfocused-selections .tinymce-mobile-unfocused-selection{position:absolute;display:inline-block;background-color:green;opacity:.5}body{-webkit-text-size-adjust:none}body img{max-width:96vw}body table img{max-width:95%}
\ No newline at end of file

src/App.vue

+<template>
+  <div id='app'>
+    <app-debug-actions />
+    <router-view v-if="isRouterAlive"/>
+  </div>
+</template>
++<script lang='ts'>
+import { Vue, Component, Provide } from 'vue-property-decorator';
+import store from '@/store';
+import { LoadAppData } from '@/utils';
+
+@Component({
+    
+})
+export default class App extends Vue  {
+
+  /**
+   *  控制视图是否显示
+   */
+  public isRouterAlive:boolean = false;
+
+  /**
+   *  向后代注入加载行为
+   */
+  @Provide()
+  public reload = this.viewreload;
+
+  /**
+   *  vue生命周期
+   */
+  public created(){
+    this.loadAppData();
+  }
+
+  /**
+   *  视图重新加载
+   */
+  public viewreload () {
+      this.isRouterAlive = false;
+      this.$nextTick(function () {
+          this.isRouterAlive = true;
+      }) 
+  }
+
+  /**
+   *  视图加载代码表
+   */
+  public async loadAppData(){
+    const _store:any = store;
+    if(_store.state && _store.state.codelists && _store.state.codelists.length >0){
+      this.isRouterAlive = true;
+      return;
+    }else{
+      await LoadAppData.getInstance().load(store);
+      this.isRouterAlive = true;
+    }
+  }
+ 
+}
+</script>
+<style lang='less'>
+@import './styles/default.less';
+</style>
+

src/app-register.ts

+import { ViewTool } from './utils/view-tool/view-tool';
+import { UIActionTool } from './utils/uiaction-tool/uiaction-tool';
+import { Verify } from './utils/verify/verify';
+import { Util } from './utils/util/util';
+import { Http } from './utils/http/http';
+import { exportExcel } from './utils/export/export';
+import { AppPopover } from './utils/app-popover/app-popover';
+import { AppModal } from './utils/app-modal/app-modal';
+import { AppDrawer } from './utils/app-drawer/app-drawer';
+import { uiServiceRegister } from '@/uiservice/ui-service-register';
+import { utilServiceRegister } from '@/utilservice/util-service-register';
+import { entityServiceRegister } from '@/service/entity-service-register';
+import { counterServiceRegister } from '@/counter/counter-service-register';
+
+import InputBox from './components/input-box/input-box.vue'
+import AppKeepAlive from './components/app-keep-alive/app-keep-alive.vue'
+import TabPageExp from './components/tab-page-exp/tab-page-exp.vue'
+import AppLang from './components/app-lang/app-lang.vue'
+import AppTheme from './components/app-theme/app-theme.vue'
+import AppUser from './components/app-user/app-user.vue'
+import AppForm from './components/app-form/app-form.vue'
+import APPAutocomplete from './components/app-autocomplete/app-autocomplete.vue'
+import AppFormDruipart from './components/app-form-druipart/app-form-druipart.vue'
+import DropdownList from './components/dropdown-list/dropdown-list.vue'
+import UploadFile from './components/upload-file/upload-file.vue'
+import ContextMenuContainer from './components/context-menu-container/context-menu-container.vue'
+import AppCheckboxList from './components/app-checkbox-list/app-checkbox-list.vue'
+import AppRadioGroup from './components/app-radio-group/app-radio-group.vue'
+import AppEmbedPicker from './components/app-embed-picker/app-embed-picker.vue'
+import AppTreePicker from './components/app-tree-picker/app-tree-picker.vue'
+import AppRichTextEditor from './components/app-rich-text-editor/app-rich-text-editor.vue'
+import AppFileUpload from './components/app-file-upload/app-file-upload.vue'
+import AppImageUpload from './components/app-image-upload/app-image-upload.vue'
+import PropertyLayout from './components/property-layout/property-layout.vue'
+import AppRangeEditor from './components/app-range-editor/app-range-editor.vue'
+import AppExportExcel from './components/app-export-excel/app-export-excel.vue'
+import AppFormGroup from './components/app-form-group/app-form-group.vue'
+import AppFormItem from './components/app-form-item/app-form-item.vue'
+import AppPicker from './components/app-picker/app-picker.vue'
+import AppMpicker from './components/app-mpicker/app-mpicker.vue'
+import AppFormGroup2 from './components/app-form-group2/app-form-group2.vue'
+import AppFormItem2 from './components/app-form-item2/app-form-item2.vue'
+import CodeList from './components/codelist/codelist.vue'
+import AppQuickMenus from './components/app-quick-menus/app-quick-menus.vue'
+import AppCheckbox from './components/app-checkbox/app-checkbox.vue'
+import AppColumnRender from './components/app-column-render/app-column-render.vue'
+import AppPickerSelectView from './components/app-picker-select-view/app-picker-select-view.vue'
+import AppSiderMenus from './components/app-sider-menus/app-sider-menus.vue'
+import AppSpan from './components/app-span/app-span.vue'
+import AppAddressSelection from './components/app-address-selection/app-address-selection.vue'
+import DropdownListMpicker  from './components/dropdown-list-mpicker/dropdown-list-mpicker.vue'
+import AppRate from './components/app-rate/app-rate.vue'
+import AppSwitch from './components/app-switch/app-switch.vue'
+import AppSlider from './components/app-slider/app-slider.vue'
+import AppStepper from './components/app-stepper/app-stepper.vue'
+import AppPortalDesign from './components/app-portal-design/app-portal-design.vue'
+import DatePickerRange from './components/date-picker-range/date-picker-range.vue'
+import AppRangeDate from './components/app-range-date/app-range-date.vue'
+import AppActionBar from './components/app-actionbar/app-actionbar.vue'
+import AppOrgSector from  './components/app-orgsector/app-orgsector.vue'
+import AppBuild from './components/app-build/app-build.vue'
+import AppStudioAction from './components/app-studioaction/app-studioaction.vue'
+import AppDebugActions from './components/app-debug-actions/app-debug-actions.vue'
+import AppHeaderMenus from './components/app-header-menus/app-header-menus.vue'
+import AppColumnLink from './components/app-column-link/app-column-link.vue'
+import AppDataUploadView from './components/app-data-upload/app-data-upload.vue'
+import DropDownListDynamic from './components/dropdown-list-dynamic/dropdown-list-dynamic.vue'
+import AppImagePreview from './components/app-image-preview/app-image-preview.vue'
+import AppFormatData from './components/app-format-data/app-format-data.vue'
+import AppUploadFileInfo from './components/app-upload-file-info/app-upload-file-info.vue'
+import ContextMenu from './components/context-menu/context-menu'
+
+// 全局挂载UI实体服务注册中心
+window['uiServiceRegister'] = uiServiceRegister;
+// 全局挂载功能服务注册中心
+window['utilServiceRegister'] = utilServiceRegister;
+// 全局挂载数据服务注册中心
+window['entityServiceRegister'] = entityServiceRegister;
+// 全局挂载计数器服务注册中心
+window['counterServiceRegister'] = counterServiceRegister;
+
+export const AppComponents = {
+    install(v: any, opt: any) {
+        v.prototype.$appdrawer = AppDrawer.getInstance();
+        v.prototype.$appmodal = AppModal.getInstance();
+        v.prototype.$apppopover = AppPopover.getInstance();
+        v.prototype.$http = Http.getInstance();
+        v.prototype.$export = exportExcel.getInstance();
+        v.prototype.$util = Util;
+        v.prototype.$verify = Verify;
+        v.prototype.$viewTool = ViewTool;
+        v.prototype.$uiActionTool = UIActionTool;
+        v.component('input-box', InputBox);
+        v.component('app-keep-alive',AppKeepAlive);
+        v.component('tab-page-exp',TabPageExp);
+        v.component('app-lang',AppLang);
+        v.component('app-theme',AppTheme);
+        v.component('app-user',AppUser);
+        v.component('app-form', AppForm);
+        v.component('app-autocomplete', APPAutocomplete);
+        v.component('app-form-druipart', AppFormDruipart);
+        v.component('dropdown-list', DropdownList);
+        v.component('upload-file', UploadFile);
+        v.component('context-menu-container', ContextMenuContainer);
+        v.component('app-checkbox-list',AppCheckboxList);
+        v.component('app-radio-group',AppRadioGroup);
+        v.component('app-embed-picker', AppEmbedPicker);
+        v.component('app-tree-picker', AppTreePicker);
+        v.component('app-rich-text-editor',AppRichTextEditor);
+        v.component('app-file-upload',AppFileUpload);
+        v.component('app-image-upload',AppImageUpload);
+        v.component('property-layout',PropertyLayout);
+        v.component('app-range-editor',AppRangeEditor);
+        v.component('app-export-excel',AppExportExcel);
+        v.component('app-form-group',AppFormGroup);
+        v.component('app-form-item',AppFormItem);
+        v.component('app-picker', AppPicker);
+        v.component('app-mpicker', AppMpicker);
+        v.component('app-form-group2', AppFormGroup2);
+        v.component('app-form-item2', AppFormItem2);
+        v.component('codelist', CodeList);
+        v.component('app-quick-menus', AppQuickMenus);
+        v.component('app-checkbox',AppCheckbox);
+        v.component('app-column-render',AppColumnRender);
+        v.component('app-picker-select-view',AppPickerSelectView);
+        v.component('app-sider-menus',AppSiderMenus);
+        v.component('app-span', AppSpan);
+        v.component('app-address-selection', AppAddressSelection);
+        v.component('dropdown-list-mpicker', DropdownListMpicker);
+        v.component('app-rate', AppRate);
+        v.component('app-switch', AppSwitch);
+        v.component('app-slider', AppSlider);
+        v.component('app-stepper', AppStepper);
+        v.component('app-portal-design',AppPortalDesign);
+        v.component('date-picker-range',DatePickerRange);
+        v.component('app-range-date', AppRangeDate);
+        v.component('app-actionbar', AppActionBar);
+        v.component('app-orgsector', AppOrgSector);
+        v.component('app-build', AppBuild);
+        v.component('app-studioaction', AppStudioAction);
+        v.component('app-debug-actions', AppDebugActions);
+        v.component('app-header-menus', AppHeaderMenus);
+        v.component('app-column-link', AppColumnLink);
+        v.component('app-data-upload', AppDataUploadView);
+        v.component('dropdown-list-dynamic', DropDownListDynamic);
+        v.component('app-image-preview', AppImagePreview);
+        v.component('app-format-data', AppFormatData);
+        v.component('app-upload-file-info', AppUploadFileInfo);
+        v.component('context-menu',ContextMenu);
+    },
+};
\ No newline at end of file

src/components/404/404.less

+html, body {
+    height: 100%;
+}
+
+.app-error-view {
+    height: 100%;
+    width: 100%;
+    .app-error-container {
+        height: 380px;
+        width: 670px;
+        position: absolute;
+        top: calc((100% - 400px) / 2);
+        left: calc((100% - 670px) / 2);
+        display: flex;
+        align-items: center;
+        .error-text {
+            padding-left: 20px;
+            .error-text1 {
+                font-size: 20px;
+                margin-bottom: 20px;
+            }
+            .error-text2 {
+                font-size: 14px;
+            }
+        }
+    }
+}
\ No newline at end of file

src/components/404/404.vue

+<template>
+    <div class="app-error-view">
+        <div class="app-error-container">
+            <img src="/assets/img/404.png" />
+            <div class="error-text">
+                <div class="error-text1">{{$t('components.404.errorText1')}}</div>
+                <div class="error-text2">{{$t('components.404.errorText2')}} <a @click="gotoIndexView">{{$t('components.404.indexPage')}}</a> {{$t('components.404.continue')}}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'vue-property-decorator';
+
+@Component({
+})
+export default class Error404 extends Vue {
+
+    /**
+     * 跳转首页
+     *
+     * @memberof Error404
+     */
+    public gotoIndexView() {
+        this.$router.push('/'); 
+    }
+}
+</script>
+
+<style lang='less'>
+@import './404.less';
+</style>
\ No newline at end of file

src/components/500/500.less

+html, body {
+    height: 100%;
+}
+.app-error-view {
+    height: 100%;
+    width: 100%;
+    .app-error-container {
+        height: 380px;
+        width: 670px;
+        position: absolute;
+        top: calc((100% - 400px) / 2);
+        left: calc((100% - 670px) / 2);
+        display: flex;
+        align-items: center;
+        .error-text {
+            padding-left: 20px;
+            .error-text1 {
+                font-size: 20px;
+                margin-bottom: 20px;
+            }
+            .error-text2 {
+                font-size: 14px;
+            }
+        }
+    }
+}
\ No newline at end of file

src/components/500/500.vue

+<template>
+    <div class="app-error-view">
+        <div class="app-error-container">
+            <img src="/assets/img/500.png" />
+            <div class="error-text">
+                <div class="error-text1">{{$t('components.500.errorText1')}}</div>
+                <div class="error-text2">{{$t('components.500.errorText2')}} <a @click="gotoIndexView">{{$t('components.500.indexPage')}}</a> {{$t('components.500.continue')}}</div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component } from 'vue-property-decorator';
+
+@Component({
+})
+export default class Error404 extends Vue {
+
+    /**
+     * 跳转首页
+     *
+     * @memberof Error404
+     */
+    public gotoIndexView() {
+        this.$router.push('/'); 
+    }
+}
+</script>
+
+<style lang='less'>
+@import './500.less';
+</style>
\ No newline at end of file

src/components/app-actionbar/app-actionbar.less

+.app-actionbar {
+    padding: 12px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-wrap: wrap;
+    .app-actionbar-item{
+      margin-right:10px;
+      margin-bottom: 10px;
+    }
+}
\ No newline at end of file

src/components/app-actionbar/app-actionbar.vue

+<template>
+  <div class="app-actionbar">
+    <div class="app-actionbar-item" v-for="(item,index) in items" :key="index">
+      <Badge v-if="item.counterService&&item.counterService.counterData" :count="item.counterService.counterData[item.counterId]" type="primary">
+         <i-button @click="handleClick(item.viewlogicname)">{{item.actionName}}</i-button>
+    </Badge>
+    <i-button v-else @click="handleClick(item.viewlogicname)">{{item.actionName}}</i-button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Model, Emit } from "vue-property-decorator";
+import { Subject } from "rxjs";
+
+@Component({})
+export default class AppActionBar extends Vue {
+
+  /**
+   * 传入操作栏模型数据
+   * 
+   * @type {any}
+   * @memberof AppActionBar
+   */
+  @Prop() public items!:any;
+
+  /**
+   * 触发界面行为
+   * 
+   * @memberof AppActionBar
+   */
+  public handleClick($event:any){
+    this.$emit('itemClick',$event);
+  }
+
+
+}
+</script>
+
+<style lang='less'>
+@import "./app-actionbar.less";
+</style>
\ No newline at end of file

src/components/app-address-selection/app-address-selection.vue

+<template>
+    <div class="appAddressSelection">
+        <el-cascader
+            :disabled="disabled"
+            size ="medium"
+            v-model="CurrentVal"
+            :options="city">
+        </el-cascader>
+    </div>
+</template>
+
+<script lang='ts'>
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import axios from 'axios';
+@Component({})
+export default class AppAddressSelection extends Vue {
+
+ /**
+   * 传入值
+   * @type {any}
+   * @memberof AppAddressSelection
+   */
+  @Prop() public value?:any;
+
+  /**
+   * 是否禁用
+   * @type {boolean}
+   * @memberof AppAddressSelection
+   */
+  @Prop() public disabled?: boolean;
+
+
+  /**
+   * 当前值
+   *
+   * @memberof AppAddressSelection
+   */
+  get CurrentVal() {
+        return this.value;
+  }
+
+ /**
+   * 值变化
+   *
+   * @memberof AppAddressSelection
+   */
+  set CurrentVal(val: any) {
+      this.$emit("change", val); 
+  }
+
+ /**
+   * 城市数据
+   *
+   * @memberof AppAddressSelection
+   */
+    public city :any = [];
+
+ /**
+   * 获取城市数据
+   *
+   * @memberof AppAddressSelection
+   */
+    public  getcity() {
+            axios.get("../../assets/json/city_code.json").then((response: any) => {
+            this.format(response.data);
+            }).catch((response: any) => {
+                console.log("城市数据加载失败");
+            });
+
+
+    }
+    /**
+   * 生命周期
+   *
+   * @memberof AppAddressSelection
+   */
+    public created() {
+        this.getcity();
+    }
+
+ /**
+   * 数据格式化
+   *
+   * @memberof AppAddressSelection
+   */
+    public format(data :any) {
+        let data1 = JSON.parse(JSON.stringify(data).replace(/city/g, 'children')) 
+        let data2 = JSON.parse(JSON.stringify(data1).replace(/name/g, 'label')) 
+        let data3 = JSON.parse(JSON.stringify(data2).replace(/area/g, 'children')) 
+        let data4 = JSON.parse(JSON.stringify(data3).replace(/code/g, 'value')) 
+        this.city = data4;
+    }
+    
+}
+</script>
+
+<style lang='less'>
+@import './app-address-selection.less';
+</style>
\ No newline at end of file

src/components/app-autocomplete/app-autocomplete.less

+.ivu-auto-complete  {
+    .ivu-select-dropdown-list {
+        height: 300px;
+    }
+}

src/components/app-autocomplete/app-autocomplete.vue

+<template>
+    <el-autocomplete 
+      class='text-value' 
+      :value-key="deMajorField" 
+      :disabled="disabled" 
+      v-model="curvalue" 
+      size='small'
+      :trigger-on-focus="true" 
+      :fetch-suggestions="onSearch" 
+      @select="onACSelect"
+      @input="onInput" 
+      @blur="onBlur" 
+      style='width:100%;'>
+        <template v-slot:suffix>
+            <i v-if="curvalue && !disabled" class='el-icon-circle-close' @click="onClear"></i>
+            <i class="el-icon-arrow-down"></i>
+        </template>
+    </el-autocomplete>
+</template>
+
+<script lang='ts'>
+import { Component, Vue, Prop, Model, Watch } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
+
+@Component({
+})
+export default class AppAutocomplete extends Vue {
+
+    /**
+     * 表单数据
+     *
+     * @type {*}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public data: any;
+
+    /**
+     * 视图上下文
+     *
+     * @type {*}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof AppFormDRUIPart
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * AC参数
+     *
+     * @type {*}
+     * @memberof AppFormDRUIPart
+     */
+    @Prop({default: {}}) public acParams?: any;
+
+    /**
+     * 表单服务
+     *
+     * @type {*}
+     * @memberof AppFormDRUIPart
+     */
+    @Prop() public service?: any;
+
+    /**
+     * 应用实体主信息属性名称
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop({default: 'srfmajortext'}) public deMajorField!: string;
+
+    /**
+     * 应用实体主键属性名称
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop({default: 'srfkey'}) public deKeyField!: string;
+
+    /**
+     * 是否启用
+     *
+     * @type {boolean}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public disabled?: boolean;
+
+    /**
+     * 属性项名称
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public name!: string;
+
+    /**
+     * 编辑器参数
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public itemParam?: any;
+
+    /**
+     * 值项名称
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public valueitem?: string;
+
+    /**
+     * 值
+     *
+     * @type {*}
+     * @memberof AppPicker
+     */
+    @Model('change') public value?: any;
+
+    /**
+     * 当前值
+     *
+     * @type {string}
+     * @memberof AppPicker
+     */
+    public curvalue: string = '';
+
+    /**
+     * 远程请求url 地址
+     *
+     * @type {string}
+     * @memberof AppAutocomplete
+     */
+    @Prop() public url?: string;
+
+    /**
+     * 数组
+     *
+     * @type {any[]}
+     * @memberof AppAutocomplete
+     */
+    public items: any[] = [];
+
+    /**
+     * 输入状态
+     *
+     * @type {boolean}
+     * @memberof AppAutocomplete
+     */
+    public inputState: boolean = false;
+
+    /**
+     * 值变化
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof AppPicker
+     */
+    @Watch('value')
+    public onValueChange(newVal: any, oldVal: any) {
+        this.curvalue = newVal;
+    }
+
+    /**
+     * 执行搜索数据
+     * @param query 
+     * @param callback 
+     */
+    public onSearch(query: any, callback: any): void {
+        // 处理搜索参数
+        query = !query ? '' : query;
+        if (!this.inputState && Object.is(query, this.value)) {
+            query = '';
+        }
+        this.inputState = false;
+        // 合并视图上下文参数和视图参数
+        let param: any = JSON.parse(JSON.stringify(this.viewparams));
+        let context: any = JSON.parse(JSON.stringify(this.context));
+        Object.assign(param, { query: query });
+        // 附加参数处理
+        if (this.itemParam.context) {
+            let _context = this.$util.formatData(this.data,this.itemParam.context);
+            Object.assign(context,_context);
+        }
+        if (this.itemParam.param) {
+            let _param = this.$util.formatData(this.data,this.itemParam.param);
+            Object.assign(param,_param);
+        }
+        if (this.itemParam.parentdata) {
+            let _parentdata = this.$util.formatData(this.data,this.itemParam.parentdata);
+            Object.assign(param,_parentdata);
+        }
+        // 错误信息国际化
+        let error: string = (this.$t('components.appAutocomplete.error') as any);
+        let miss: string = (this.$t('components.appAutocomplete.miss') as any);
+        let requestException: string = (this.$t('components.appAutocomplete.requestException') as any);
+
+        if(!this.service){
+            this.$Notice.error({ title: error, desc: miss+'service' });
+        } else if(!this.acParams.serviceName) {
+            this.$Notice.error({ title: error, desc: miss+'serviceName' });
+        } else if(!this.acParams.interfaceName) {
+            this.$Notice.error({ title: error, desc: miss+'interfaceName' });
+        } else {
+          this.service.getItems(this.acParams.serviceName,this.acParams.interfaceName, context, param).then((response: any) => {
+              if (!response) {
+                  this.$Notice.error({ title: error, desc: requestException });
+              } else {
+                  this.items = [...response];
+              }
+              if (callback) {
+                  callback(this.items);
+              }
+          }).catch((error: any) => {
+              if (callback) {
+                  callback([]);
+              }
+          });
+        } 
+    }
+
+    /**
+     * 选中数据回调
+     * @param item 
+     */
+    public onACSelect(item: any): void {
+      if (this.name) {
+          this.$emit('formitemvaluechange', { name: this.name, value: item[this.deMajorField] });
+      }
+      if (this.valueitem) {
+          this.$emit('formitemvaluechange', { name: this.valueitem, value: item[this.deKeyField] });
+      }
+  }
+
+    /**
+     * 输入过程中
+     *
+     * @memberof AppAutocomplete
+     */
+    public onInput($event: any) {
+        if (Object.is($event, this.value)) {
+            this.inputState = true;
+        }
+    }
+
+    /**
+     * 失去焦点事件
+     * @param e 
+     */
+    public onBlur(e: any): void {
+        let val: string = e.target.value;
+        if (!Object.is(val, this.value)) {
+            this.onACSelect({ [this.deMajorField]: val, [this.deKeyField]: '' });
+        }
+        this.$forceUpdate();
+    }
+
+    /**
+     * 清除
+     */
+    public onClear($event: any): void {
+        if (this.name) {
+            this.$emit('formitemvaluechange', { name: this.name, value: '' });
+        }
+        if (this.valueitem) {
+            this.$emit('formitemvaluechange', { name: this.valueitem, value: '' });
+        }
+        this.$forceUpdate();
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './app-autocomplete.less';
+</style>
\ No newline at end of file

src/components/app-build/app-build.less

+.show-type {
+  text-align: right;
+  position: absolute;
+  z-index: 99;
+  right: 0;
+  top: 2px;
+  .ivu-btn-group {
+    .collapse-btn {
+      padding: 0;
+    }
+  }
+} 
\ No newline at end of file

src/components/app-build/app-build.vue

+<template>
+   <div class='show-type'>
+      <button-group v-show="!showTypeDir">
+            <i-button  class="collapse-btn" type="primary" @click="clickCollapse('left')">
+                <icon type="ios-arrow-back"/>
+            </i-button>
+      </button-group>
+      <button-group v-show="showTypeDir">
+          <el-tooltip :content="$t('components.appBuild.custom')">
+              <i-button icon="md-build" type="primary" @click="handleClick"></i-button>
+          </el-tooltip>
+          <i-button class="collapse-btn" type="primary" @click="clickCollapse('right')">
+              <icon type="ios-arrow-forward"/>
+          </i-button>
+      </button-group>  
+      </div>
+</template>
+
+<script lang="ts">
+import {Vue, Component, Prop, Watch} from 'vue-property-decorator';
+
+
+@Component({
+})
+export default class AppBuild extends Vue {
+
+    /**
+     * 工具栏伸缩
+     *
+     * @protected
+     * @type {boolean}
+     * @memberof AppBuild
+     */
+    public showTypeDir: boolean = false;
+
+
+    /**
+     * 点击伸缩
+     *
+     * @param {*} type
+     * @memberof AppBuild
+     */
+    public clickCollapse(type: string) {
+        this.showTypeDir = Object.is(type, 'left') ? true : false;
+    }
+
+    /**
+     * 工具点击
+     * 
+     *@memberof AppBuild
+     */
+    public handleClick(){
+      this.$emit("handleClick")
+    }
+}
+</script>
+
+<style lang="less">
+@import './app-build.less';
+</style>
\ No newline at end of file

src/components/app-checkbox-list/app-checkbox-list.less

+.app-checkbox-list {
+    overflow: auto;
+}
\ No newline at end of file

src/components/app-checkbox-list/app-checkbox-list.vue

+<template>
+    <checkbox-group class="app-checkbox-list" v-model="selectArray">
+        <checkbox v-for="(item,index) in items" :key="index" :label="item.value" :disabled="isDisabled || item.disabled">
+            <span>{{Object.is(codelistType,'STATIC') ? $t('codelist.'+tag+'.'+item.value) : item.text}}</span>
+        </checkbox>
+    </checkbox-group >
+</template>
+
+<script lang="ts">
+import { Component, Vue, Prop, Model } from 'vue-property-decorator';
+import CodeListService from "@service/app/codelist-service";
+
+@Component({
+})
+export default class AppCheckBox extends Vue {
+    /**
+     * 代码表服务对象
+     *
+     * @type {CodeListService}
+     * @memberof AppCheckBox
+     */  
+    public codeListService:CodeListService = new CodeListService({ $store: this.$store });
+
+    /**
+     * 代码表标识
+     *
+     * @type {string}
+     * @memberof AppCheckBox
+     */
+    @Prop() public tag?: string;
+
+    /**
+     * 代码表类型
+     *
+     * @type {string}
+     * @memberof AppCheckBox
+     */
+    @Prop() public codelistType?: string;
+
+    /**
+     * 代码表值分隔符
+     *
+     * @type {string}
+     * @memberof AppCheckBox
+     */
+    @Prop({default:';'}) public valueSeparator?: string;
+
+    /**
+     * 是否禁用
+     *
+     * @type {boolean}
+     * @memberof AppCheckBox
+     */
+    @Prop() disabled?: boolean;
+
+    /**
+     * 获取启用禁用状态
+     *
+     * @readonly
+     * @memberof AppCheckBox
+     */
+    get isDisabled() {
+        if (this.disabled) {
+            return true;
+        } else {
+            return false;
+        }
+    }
+
+    /**
+     * 属性名称
+     *
+     * @type {*}
+     * @memberof AppCheckBox
+     */
+    @Prop() name?: any;
+
+    /**
+     * 模式（数字或者字符串）
+     *
+     * @type {*}
+     * @memberof AppCheckBox
+     */
+    @Prop() mode: any;
+
+    /**
+     * 当前模式
+     *
+     * @readonly
+     * @memberof AppCheckBox
+     */
+    get currentmode() {
+        if (this.mode) {
+            return this.mode;
+        } else {
+            return 'str';
+        }
+    }
+
+    /**
+     * 分隔符
+     *
+     * @type {*}
+     * @memberof AppCheckBox
+     */
+    @Prop() separator: any;
+
+    /**
+     * 获取分隔符
+     *
+     * @readonly
+     * @memberof AppCheckBox
+     */
+    get currentseparator() {
+        if (this.separator) {
+            return this.separator;
+        } else {
+            return ';';
+        }
+    }
+
+    /** 
+     * 选中值
+     *
+     * @type {*}
+     * @memberof AppCheckBox
+     */
+    @Model('change') selects?: any;
+
+    /**
+     * 选中数组
+     *
+     * @memberof AppCheckBox
+     */
+    get selectArray() {
+        if (this.selects) {
+            if (Object.is(this.currentmode, 'num') && this.items) {
+                let selectsArray: Array<any> = [];
+                let num: number = parseInt(this.selects, 10);
+                this.items.forEach((item: any) => {
+                    if ((num & item.value) == item.value) {
+                        selectsArray.push(item.value);
+                    }
+                });
+                return selectsArray;
+            } else if (Object.is(this.currentmode, 'str')) {
+                if (this.selects !== '') {
+                    return this.selects.split(this.valueSeparator);
+                }
+            }
+        } else {
+            return [];
+        }
+    }
+
+    /**
+     * 设置选中
+     *
+     * @memberof AppCheckBox
+     */
+    set selectArray(val: any) {
+        let value: null | string | number = null;
+        if (Object.is(this.currentmode, 'num')) {
+            let temp: number = 0;
+            val.forEach((item: any) => {
+                temp = temp | parseInt(item, 10);
+            });
+            value = temp;
+        } else if (Object.is(this.currentmode, 'str')) {
+            let _datas: string[] = [];
+            this.items.forEach((item: any) => {
+                const index = val.findIndex((_key: any) => Object.is(item.value, _key));
+                if (index === -1) {
+                    return;
+                }
+                _datas.push(item.value);
+            });
+            value = _datas.join(this.valueSeparator);
+        }
+        this.$emit('change', value);
+    }
+
+    /**
+     * 代码表数组
+     *
+     * @type {any[]}
+     * @memberof AppCheckBox
+     */
+    public items: any[] = [];
+
+    /**
+     * vue  生命周期
+     *
+     * @memberof AppCheckBox
+     */
+    public created() {
+        if(this.tag){
+            if (Object.is(this.codelistType,"STATIC")) {
+                const codelist = this.$store.getters.getCodeList(this.tag);
+                if (codelist) {
+                    this.items = [...JSON.parse(JSON.stringify(codelist.items))];
+                } else {
+                    console.log(`----${this.tag}----$t('components.appCheckBox.notExist')`);
+                }
+            } else if (Object.is(this.codelistType,"DYNAMIC")) {
+                this.codeListService.getItems(this.tag).then((res:any) => {
+                    this.items = res;
+                }).catch((error:any) => {
+                    console.log(`----${this.tag}----$t('components.appCheckBox.notExist')`);
+                });
+            }
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './app-checkbox-list.less';
+</style>
\ No newline at end of file

src/components/app-checkbox/app-checkbox.less

+.app-checkbox-list {
+    overflow: auto;
+}
\ No newline at end of file

src/components/app-checkbox/app-checkbox.vue

+<template>
+  <div class="checkbox">
+    <checkbox v-model="CurrentVal" :disabled="disabled"></checkbox>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Model, Emit } from "vue-property-decorator";
+import { Subject } from "rxjs";
+import { debounceTime, distinctUntilChanged } from "rxjs/operators";
+
+@Component({})
+export default class AppCheckbox extends Vue {
+  /**
+   * 传入值
+   * @type {any}
+   * @memberof checkbox
+   */
+  @Prop() public value?:any;
+
+  /**
+   * 是否禁用
+   * @type {boolean}
+   * @memberof checkbox
+   */
+  @Prop() public disabled?: boolean;
+
+
+  /**
+   * 当前值
+   *
+   * @memberof checkbox
+   */
+  get CurrentVal() {
+      if(this.value == 0){
+        return false;
+      }else if(this.value ==1){
+        return true;
+      }
+  }
+
+  /**
+   * 值变化
+   *
+   * @memberof checkbox
+   */
+  set CurrentVal(val: any) {
+      this.$emit("change", val?1:0); 
+  }
+}
+</script>
+
+<style lang='less'>
+@import "./app-checkbox.less";
+</style>
\ No newline at end of file

src/components/app-column-link/app-column-link.less

+.app-column-link{
+    display: inline-block;
+    cursor:pointer;
+}
\ No newline at end of file

src/components/app-column-link/app-column-link.vue

+<template>
+    <a class="app-column-link" @click="openLinkView($event)">
+        <slot></slot>
+    </a>
+</template>
+
+<script lang="ts">
+import { Vue, Component,Prop } from 'vue-property-decorator';
+import { Subject } from 'rxjs';
+/**
+ * 表格列链接
+ */
+@Component({
+})
+export default class AppColumnLink extends Vue {
+
+    /**
+     * 表格行数据
+     *
+     * @type {*}
+     * @memberof AppColumnLink
+     */
+    @Prop() public data!: any;
+
+    /**
+     * 数据链接视图
+     *
+     * @type {*}
+     * @memberof AppColumnLink
+     */
+    @Prop() public linkview?: any;
+
+    /**
+     * 值项名称
+     *
+     * @type {string}
+     * @memberof AppColumnLink
+     */
+    @Prop() public valueitem?: string;
+
+    /**
+     * 导航上下文
+     *
+     * @type {*}
+     * @memberof AppColumnLink
+     */
+    @Prop({default:{}}) public context?:any;
+
+    /**
+     * 导航参数
+     *
+     * @type {*}
+     * @memberof AppColumnLink
+     */
+    @Prop({default:{}}) public viewparams?:any;
+
+    /**
+     * 应用实体主键属性名称
+     *
+     * @type {string}
+     * @memberof AppColumnLink
+     */
+    @Prop() public deKeyField!:string;
+
+    /**
+     * 打开链接视图
+     *
+     * @memberof AppColumnLink
+     */
+    public openLinkView($event: any): void {
+        $event.stopPropagation();
+        if (!this.data || !this.valueitem || !this.data[this.valueitem]) {
+            this.$Notice.error({ title: (this.$t('components.appColumnLink.error') as string), desc: (this.$t('components.appColumnLink.valueItemException') as string) });
+            return;
+        }
+        // 公共参数处理
+        let data: any = {};
+        const bcancel: boolean = this.handlePublicParams(data);
+        if (!bcancel) {
+            return;
+        }
+        // 参数处理
+        let _context = data.context;
+        let _param = data.param;
+        Object.assign(_context, { [this.deKeyField]: this.data[this.valueitem] });
+        const view = JSON.parse(JSON.stringify(this.linkview));
+        const viewname2: string = this.$util.srfFilePath2(view.viewname);
+        view.viewname = viewname2;
+
+        if (view.isRedirectView) {
+            this.openRedirectView($event, view, data);
+        } else if (Object.is(view.placement, 'INDEXVIEWTAB') || Object.is(view.placement, '')) {
+            this.openIndexViewTab(view, _context, _param);
+        } else if (Object.is(view.placement, 'POPOVER')) {
+            this.openPopOver($event, view, _context, _param);
+        } else if (Object.is(view.placement, 'POPUPMODAL')) {
+            this.openPopupModal(view, _context, _param);
+        } else if (view.placement.startsWith('DRAWER')) {
+            this.openDrawer(view, _context, _param);
+        }
+    }
+
+    /**
+     * 路由模式打开视图
+     *
+     * @private
+     * @param {string} viewpath
+     * @param {*} data
+     * @memberof AppColumnLink
+     */
+    private openIndexViewTab(view: any, context: any, param: any): void {
+        const routePath = this.$viewTool.buildUpRoutePath(this.$route, this.context, view.deResParameters, view.parameters, [context] , param);
+        this.$router.push(routePath);
+    }
+
+    /**
+     * 模态模式打开视图
+     *
+     * @private
+     * @param {*} view
+     * @param {*} data
+     * @memberof AppColumnLink
+     */
+    private openPopupModal(view: any, context: any, param: any): void {
+        let container: Subject<any> = this.$appmodal.openModal(view, context, param);
+        container.subscribe((result: any) => {
+            if (!result || !Object.is(result.ret, 'OK')) {
+                return;
+            }
+            this.openViewClose(result);
+        });
+    }
+
+    /**
+     * 抽屉模式打开视图
+     *
+     * @private
+     * @param {*} view
+     * @param {*} data
+     * @memberof AppColumnLink
+     */
+    private openDrawer(view: any, context: any, param: any): void {
+        let container: Subject<any> = this.$appdrawer.openDrawer(view, context, param);
+        container.subscribe((result: any) => {
+            if (!result || !Object.is(result.ret, 'OK')) {
+                return;
+            }
+            this.openViewClose(result);
+        });
+    }
+
+    /**
+     * 气泡卡片模式打开
+     *
+     * @private
+     * @param {*} $event
+     * @param {*} view
+     * @param {*} data
+     * @memberof AppColumnLink
+     */
+    private openPopOver($event: any, view: any, context: any, param: any): void {
+        let container: Subject<any> = this.$apppopover.openPop($event, view, context, param);
+        container.subscribe((result: any) => {
+            if (!result || !Object.is(result.ret, 'OK')) {
+                return;
+            }
+            this.openViewClose(result);
+        });
+    }
+
+    /**
+     * 独立里面弹出
+     *
+     * @private
+     * @param {string} url
+     * @memberof AppColumnLink
+     */
+    private openPopupApp(url: string): void {
+        window.open(url, '_blank');
+    }
+
+    /**
+     * 打开重定向视图
+     *
+     * @private
+     * @param {*} $event
+     * @param {*} view
+     * @param {*} data
+     * @memberof AppColumnLink
+     */
+    private openRedirectView($event: any, view: any, data: any): void {
+        this.$http.get(view.url, data).then((response: any) => {
+            if (!response || response.status !== 200) {
+                this.$Notice.error({ title: '错误', desc: '请求异常' });
+            }
+            if (response.status === 401) {
+                return;
+            }
+            const { data: result } = response;
+
+            if (result.viewparams && !Object.is(result.viewparams.srfkey, '')) {
+                Object.assign(data, { srfkey: result.viewparams.srfkey });
+            }
+
+            if (Object.is(result.openmode, 'POPUPAPP') && result.url && !Object.is(result.url, '')) {
+                this.openPopupApp(result.url);
+            } else if (Object.is(result.openmode, 'INDEXVIEWTAB') || Object.is(result.openmode, '')) {
+                // 所有数据保持在同一级
+                if (data.srfparentdata) {
+                    Object.assign(data, data.srfparentdata);
+                    delete data.srfparentdata;
+                }
+                this.openIndexViewTab(view, null, data);
+            } else if (Object.is(result.openmode, 'POPUPMODAL')) {
+                const viewname = this.$util.srfFilePath2(result.viewname);
+                const view: any = {
+                    viewname: viewname,
+                    title: result.title,
+                    width: result.width,
+                    height: result.height,
+                }
+                this.openPopupModal(view, null,data);
+            } else if (result.openmode.startsWith('DRAWER')) {
+                const viewname = this.$util.srfFilePath2(result.viewname);
+                const view: any = {
+                    viewname: viewname,
+                    title: result.title,
+                    width: result.width,
+                    height: result.height,
+                    placement: result.openmode,
+                }
+                this.openDrawer(view, null, data);
+            } else if (Object.is(result.openmode, 'POPOVER')) {
+                const viewname = this.$util.srfFilePath2(result.viewname);
+                const view: any = {
+                    viewname: viewname,
+                    title: result.title,
+                    width: result.width,
+                    height: result.height,
+                    placement: result.openmode,
+                }
+                this.openPopOver($event, view, null, data);
+            }
+        }).catch((response: any) => {
+            if (!response || !response.status || !response.data) {
+                this.$Notice.error({ title: '错误', desc: '系统异常！' });
+                return;
+            }
+            if (response.status === 401) {
+                return;
+            }
+        });
+    }
+
+    /**
+     * 打开页面关闭
+     *
+     * @param {*} result
+     * @memberof AppColumnLink
+     */
+    public openViewClose(result: any) {
+        let item: any = {};
+        if (result.datas && Array.isArray(result.datas)) {
+            Object.assign(item, result.datas[0]);
+        }
+        console.log(item);
+    }
+
+    /**
+     * 公共参数处理
+     *
+     * @param {*} arg
+     * @returns
+     * @memberof AppColumnLink
+     */
+    public handlePublicParams(arg: any): boolean {
+        if (!this.data) {
+            this.$Notice.error({ title: (this.$t('components.appColumnLink.error') as string), desc: (this.$t('components.appColumnLink.rowDataException') as string) });
+            return false;
+        }
+        // 合并表单参数
+        arg.param = JSON.parse(JSON.stringify(this.viewparams));
+        arg.context = JSON.parse(JSON.stringify(this.context));
+        return true;
+    }
+
+
+
+}
+</script>
+
+<style lang='less'>
+@import './app-column-link.less';
+</style>
\ No newline at end of file

src/components/app-column-render/app-column-render.less

+.column-render{
+    .input-unit{
+        display: inline-block;
+    }
+}
\ No newline at end of file

src/components/app-column-render/app-column-render.vue

+<template>
+  <div class="column-render">
+    {{textValue}}
+    <template v-if="Object.is(type,'input')">
+        <input-box :disabled="disabled" v-model="editorvalue" @change="($event)=>{onEditorValueChange($event)}"></input-box>
+    </template>
+    <template v-else-if="Object.is(type,'dropdown')">
+        <i-select v-model="editorvalue"  :disabled="disabled" :clearable="true" :placeholder="$t('components.appColumnRender.select')" >
+            <i-option v-for="(item, index) in codelist" :key="index" :value="item.value">{{item.text}}</i-option>
+        </i-select>
+    </template>
+    <template v-else>
+      <span>{{type}}{{$t('components.appColumnRender.unsupported')}}</span>
+    </template>
+  </div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Model, Emit, Watch } from "vue-property-decorator";
+import { Subject } from "rxjs";
+import { debounceTime, distinctUntilChanged } from "rxjs/operators";
+
+@Component({
+})
+export default class AppColumnRender extends Vue {
+    /**
+     * 值
+     * @type {any}
+     * @memberof AppColumnRender
+     */
+    @Prop() public value?: any;
+
+    /**
+     * 是否禁用
+     * @type {boolean}
+     * @memberof AppColumnRender
+     */
+    @Prop() public disabled?: boolean;
+
+    /**
+     * 列字段名称
+     *
+     * @type {string}
+     * @memberof AppColumnRender
+     */
+    @Prop() public name?: string;
+
+    /**
+     * 表格行数据
+     *
+     * @type {string}
+     * @memberof AppColumnRender
+     */
+    @Prop() public row?: any;
+
+    /**
+     * 自定义样式
+     *
+     * @type {string}
+     * @memberof AppColumnRender
+     */
+    @Prop() public customStyle?: string;
+
+    /**
+     * 文本信息
+     * @type {String}
+     * @memberof AppColumnRender
+     */
+    public textValue: string = "";
+
+    /**
+     * 编辑器类型
+     * @type {String}
+     * @memberof AppColumnRender
+     */
+    public type: string = "";
+
+    /**
+     * 值项名称
+     *
+     * @type {string}
+     * @memberof AppColumnRender
+     */
+    public valueitem: string = "";
+
+    /**
+     * 编辑器值
+     * @type {any}
+     * @memberof AppColumnRender
+     */
+     public editorvalue: any = "";
+
+    /**
+     * 代码表选项数组
+     * @memberof AppColumnRender
+     */
+     public codelist: any = [];
+
+    public created(){
+        this.onValueChange(this.value,"");
+    }
+
+
+    /**
+     * 自定义列值监控
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof AppColumnRender
+     */
+    @Watch('value')
+    onValueChange(newVal: any, oldVal: any) {
+        if (newVal) {
+            let arrs = newVal.split("%");
+            this.textValue = arrs[0];
+            let params = [];
+            if(arrs[1]){
+                (arrs[1].split(";")).forEach((item:any)=>{
+                    let temp = item.split("=");
+                    if(Object.is(temp[0], "type")){
+                        this.type = temp[1];
+                    } else if(Object.is(temp[0], "value")) {
+                      this.valueitem = temp[1];
+                        if(this.valueitem && this.row[this.valueitem]){
+                          this.editorvalue = this.row[this.valueitem];
+                        }
+                    } else if(Object.is(temp[0], "codelist")) {
+                        this.codelist = temp[1];
+                    }
+                });
+            }
+        }
+    }
+
+    /**
+     * 编辑器值变化回调
+     * @param item 
+     */
+    public onEditorValueChange(item: any): void {
+        if (this.name) {
+            // this.$emit('griditemvaluechange', { name: this.name, value: item });
+        }
+        if (this.valueitem) {
+            this.$emit('griditemvaluechange', { name: this.valueitem, value: item });
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import "./app-column-render.less";
+</style>
\ No newline at end of file

src/components/app-dashboard-design/app-dashboard-design-service.ts

+import { Http } from './../../utils/http/http';
+import UtilService from '@/utilservice/util-service';
+
+export default class AppDashboardDesignService {
+
+    /**
+     * 工具服务对象
+     *
+     * @protected
+     * @type {UtilService}
+     * @memberof AppDashboardDesignService
+     */
+    protected utilService: UtilService = new UtilService();
+
+    /**
+     * 加载数据模型
+     *
+     * @param {string} serviceName
+     * @param {*} context
+     * @param {*} viewparams
+     * @memberof AppDashboardDesignService
+     */
+    public loadModel(serviceName: string, context: any, viewparams: any) {
+        return new Promise((resolve: any, reject: any) => {
+            this.utilService.getService(serviceName).then((service: any) => {
+                service.loadModelData(JSON.stringify(context), viewparams).then((response: any) => {
+                    resolve(response);
+                }).catch((response: any) => {
+                    reject(response);
+                });
+            }).catch((response: any) => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 保存模型
+     *
+     * @param {string} serviceName
+     * @param {*} context
+     * @param {*} viewparams
+     * @returns
+     * @memberof AppDashboardDesignService
+     */
+    public saveModel(serviceName: string, context: any, viewparams: any) {
+        return new Promise((resolve: any, reject: any) => {
+            this.utilService.getService(serviceName).then((service: any) => {
+                service.saveModelData(JSON.stringify(context), '', viewparams).then((response: any) => {
+                    resolve(response);
+                }).catch((response: any) => {
+                    reject(response);
+                });
+            }).catch((response: any) => {
+                reject(response);
+            });
+        });
+    }
+
+    /**
+     * 加载门户部件集合
+     *
+     * @memberof AppDashboardDesignService
+     */
+    public loadPortletList(context: any, viewparams: any): Promise<any> {
+        return new Promise((resolve: any, reject: any) => {
+            Http.getInstance().get('./assets/json/portlet-data.json').then((response: any) => {
+                if (response && response.status === 200 && response.data && Array.isArray(response.data)) {
+                    const datas: any[] = this.filterData(response.data, viewparams.appdeName);
+                    const list = this.prepareList(datas);
+                    const groups = this.prepareGroup(datas);
+                    resolve({data: datas, result: list.reverse(), groups: groups});
+                }
+            }).catch((response: any) => {
+                console.log(response.status);
+            });
+        });
+    }
+
+    /**
+     * 过滤数据
+     *
+     * @param {any[]} datas
+     * @memberof AppDashboardDesignService
+     */
+    public filterData(datas: any[] = [], dataType: string): any[] {
+        let items: any[] = [];
+        datas.forEach((data: any) => {
+            if(Object.is(data.type, 'app')) {
+                items.push(data);
+            }
+            if(Object.is(data.appCodeName, dataType)) {
+                items.push(data);
+            }
+        });
+        return items;
+    }
+
+    /**
+     * 分组集合
+     *
+     * @param {any[]} [datas=[]]
+     * @returns {any[]}
+     * @memberof AppDashboardDesignService
+     */
+    public prepareGroup(datas: any[] = []): any[] {
+        let items: any[] = [];
+        datas.forEach((data: any) => {
+            let item = items.find((item: any) => Object.is(item.value, data.groupCodeName));
+            if(item) {
+                let _item = item.children.find((a: any) => Object.is(a.portletCodeName, data.portletCodeName));
+                if(!_item) {
+                    item.children.push(data);
+                }
+            } else {
+                items.push({name: data.groupName, value: data.groupCodeName, children: [data]});
+            }
+        });
+        return items;
+    }
+
+    /**
+     * 准备list集合
+     *
+     * @memberof AppDashboardDesignService
+     */
+    public prepareList(datas: any[] = []): any[] {
+        let list: any[] = [];
+		datas.forEach((data: any) => {
+			let item = list.find((item: any) => Object.is(data.type, item.type));
+			if(!item) {
+				item = {};
+				Object.assign(item, { 
+					type: data.type,
+					name: Object.is(data.type, 'app') ? "全局" : data.appName,
+					children: []
+				});
+				list.push(item);
+			}
+			this.prepareList2(item.children, data);
+        })
+        return list
+	}
+
+    /**
+     * 准备list项集合
+     *
+     * @param {any[]} [children=[]]
+     * @param {*} [data={}]
+     * @memberof AppDashboardDesignService
+     */
+    public prepareList2(children: any[] = [], data: any = {}) {
+		let item = children.find((item: any) => Object.is(data.groupCodeName, item.type));
+		if(!item) {
+			item = {};
+			Object.assign(item, { 
+				type: data.groupCodeName,
+				name: data.groupName,
+				children: []
+			});
+			children.push(item);
+		}
+		let _item = item.children.find((a: any) => Object.is(a.portletCodeName, data.portletCodeName));
+        if(!_item) {
+            item.children.push(data);
+        }
+    }
+}
\ No newline at end of file

src/components/app-dashboard-design/app-dashboard-design.less

+.app-dashboard-design {
+    width: 100%;
+    height: 100%;
+    border: 1px solid #ccc;
+    display: flex;
+    .design-tree {
+        width: 300px;
+        height: 100%;
+        padding: 5px;
+        overflow: auto;
+        .design-filter {
+            width: 100%;
+        }
+        .design-tree-content {
+            height: calc(100% - 40px);
+            overflow: auto;
+            .el-menu {
+                width: 100%;
+                border-right: 0;
+                .drag-div-item {
+                    height: 40px;
+                    line-height: 40px;
+                    background-color: #f7fafc;
+                    margin-bottom: 5px;
+                    border: 1px dashed transparent;
+                    cursor: move;
+                }
+                .drag-div-item:hover {
+                    border-color: #107fff;
+                }
+                .el-menu-item.is-active {
+                    color: initial;
+                }
+                .is-disable {
+                    background-color: #e8eaef;
+                    color: #c9ccd8;
+                    cursor: no-drop !important;
+                }
+            }
+        }
+        .drag-tree-item {
+            opacity: .7;
+            z-index: 1;
+            position: fixed;
+        }
+        
+    }
+    .design-panel {
+        flex-grow: 1;
+        height: 100%;
+        overflow: auto;
+        background: #efefef;
+        .app-grid-layout {
+            .app-grid-layout-mask {
+                height: calc(100% + 180px);
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                position: absolute;
+                background: -webkit-linear-gradient(top, #ddd 10px, transparent 10px),-webkit-linear-gradient(left, #ddd 10px, transparent 10px);
+            }
+            .app-grid-layout-item {
+                height: 100%;
+                .el-icon-close {
+                    font-size: 16px;
+                    float: right;
+                    margin-top: 4px;
+                    cursor: pointer;
+                }
+            }
+        }
+        .layout-draging {
+            .vue-grid-placeholder {
+                display: initial !important;
+            }
+        }
+    }
+}
\ No newline at end of file

src/components/app-data-upload/app-data-upload.less

+.app-data-upload-view{
+    width: 100%;
+    height: 100%;
+    padding: 16px;
+    .import-temp{
+        text-align: right;
+        vertical-align: middle;
+        color: #409EFF;
+    }
+    .data-info-content{
+        height: 100%;
+        width: 100%;
+        overflow: auto;
+    }
+    .font-class{
+        margin: 0px;
+        padding: 0px;
+        font-family: '微软雅黑','黑体','宋体';
+        font-size: 16px;
+    }
+}
\ No newline at end of file

src/components/app-debug-actions/app-debug-actions.less

+.app-debug-actions {
+    position: absolute;
+    top: 0px;
+    left: 50%;
+    z-index: 10000;
+    text-align: center;
+    transition: all 0.3s;
+    margin-top: -32px;
+    
+    >.actions {
+
+        .ivu-btn {
+            width: 100%;
+        }
+    }
+
+    >.show-buttons {
+        width: 100%;
+        height: 18px;
+        border-width: 0px 1px 1px 1px;
+        border-style: solid;
+        border-color: #8893a7;
+        text-align: center;
+        color: #8893a7;
+        cursor: pointer;
+
+        >.button {
+            margin-top: -5px;
+        }
+    }
+}
+
+.app-debug-actions:hover {
+    margin-top: 0px;
+}
\ No newline at end of file

src/components/app-debug-actions/app-debug-actions.vue

+<template>
+<div class="app-debug-actions">
+    <div class="actions">
+        <button-group vertical>
+            <i-button :title="$t('components.appDebugActions.button')" :type="sdc.isShowTool ? 'warning' : 'info'" ghost @click="() => sdc.showToolChange()" :icon="sdc.isShowTool ? 'ios-bug' : 'ios-bug-outline'" ></i-button>
+        </button-group>
+    </div>
+    <div class="show-buttons">
+        <div class="button"><i class="ivu-icon ivu-icon-ios-arrow-down" /></div>
+    </div>
+</div>
+</template>
+<script lang = 'ts'>
+import { Vue, Component } from 'vue-property-decorator';
+import { StudioActionUtil } from '@/utils';
+import { Environment } from '@/environments/environment';
+/**
+ * 开发模式控制行为组
+ *
+ * @export
+ * @class AppDebugActions
+ * @extends {Vue}
+ */
+@Component({
+})
+export default class AppDebugActions extends Vue {
+
+    /**
+     * 配置平台操作控制器
+     *
+     * @type {StudioActionController}
+     * @memberof AppDebugActions
+     */
+    public sdc: StudioActionUtil = StudioActionUtil.getInstance();
+
+}
+</script>
+<style lang = "less">
+@import "./app-debug-actions.less";
+</style>
\ No newline at end of file

src/components/app-embed-picker/app-embed-picker.less

+.app-embed-picker {
+    .app-embed-value, .app-embed-placeholder {
+        line-height: 32px;
+        height: 32px;
+    }
+    .app-embed-placeholder {
+        color: #c1c1c1;
+    }
+    > .ivu-card {
+        > .ivu-card-body {
+            > .content-container {
+                margin: 0;
+            }
+        }
+    }
+}
\ No newline at end of file

src/components/app-embed-picker/app-embed-picker.vue

+<template>
+    <div v-if="refviewname" class="app-embed-picker">
+        <div :style="{ height: placeholder ? 'calc(100% - 32px)' : '100%' }">
+            <component
+              :is="refviewname"
+              :viewdata="viewdata"
+              :viewparam="viewparam"
+              :viewDefaultUsage="false"
+              @viewdataschange="setValue(args)"
+              style="height:100%;">
+            </component>
+        </div>
+        <template v-if="placeholder">
+            <div v-if="value" class="app-embed-value">{{value}}</div>
+            <div v-else class="app-embed-placeholder">{{placeholder}}</div>
+        </template>
+    </div>
+    <div v-else>{{emptyText}}</div>
+</template>
+
+<script lang="ts">
+import { Vue, Component, Prop, Watch } from 'vue-property-decorator';
+import { CreateElement } from 'vue';
+import { Subject, Subscription } from 'rxjs';
+
+@Component({})
+export default class AppEmbedPicker extends Vue {
+
+    /**
+     * 视图上下文
+     *
+     * @type {*}
+     * @memberof AppFormDRUIPart
+     */
+    @Prop() public context!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {*}
+     * @memberof AppFormDRUIPart
+     */
+    @Prop() public viewparams!: any;
+
+    /**
+     * 视图参数
+     *
+     * @type {string}
+     * @memberof AppTreePicker
+     */
+    public viewparam: any = JSON.stringify(this.viewparams);;
+    
+    /**
+     * 视图参数
+     *
+     * @type {string}
+     * @memberof AppTreePicker
+     */
+    public viewdata: any = JSON.stringify(this.context);
+
+    /**
+     * 表单数据
+     *
+     * @type {*}
+     * @memberof AppPicker
+     */
+    @Prop() public data!: any;
+
+    /**
+     * 值
+     *
+     * @type {*}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public value: any;
+
+    /**
+     * 表单状态
+     *
+     * @type {Subject<any>}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public formState!: Subject<any>
+
+    /**
+     * 视图状态事件
+     *
+     * @protected
+     * @type {(Subscription | undefined)}
+     * @memberof SelectType
+     */
+    protected formStateEvent: Subscription | undefined;
+
+    /**
+     * 值项名称
+     *
+     * @type {string}
+     * @memberof AppPicker
+     */
+    @Prop() public valueItem?: string;
+
+    /**
+     * 关联视图名称
+     *
+     * @type {string}
+     * @memberof AppPicker
+     */
+    @Prop() public refviewname?: string;
+
+    /**
+     * 提示信息
+     *
+     * @type {string}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public placeholder!: string;
+
+    /**
+     * 空值文本
+     *
+     * @type {string}
+     * @memberof EmbedPicker
+     */
+    @Prop() public emptyText?: string;
+
+    /**
+     * 属性项名称
+     *
+     * @type {string}
+     * @memberof AppPicker
+     */
+    @Prop() public name!: string;
+
+    /**
+     * 关联视图参数
+     *
+     * @type {*}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public itemParam: any;
+
+    /**
+     * 是否忽略之变化
+     *
+     * @type {boolean}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public ignorefieldvaluechange!: boolean;
+
+    /**
+     * 重置项
+     *
+     * @type {string}
+     * @memberof AppEmbedPicker
+     */
+    @Prop() public refreshitems?: string;
+
+    /**
+     * 设置视图参数
+     *
+     * @memberof AppEmbedPicker
+     */
+    public setViewParam(activeData: any) {
+        if (!this.itemParam || !activeData) {
+            return;
+        }
+        let arg: any = {};
+        // 合并视图上下文参数和视图参数
+        let param: any = JSON.parse(JSON.stringify(this.viewparams));
+        let context: any = JSON.parse(JSON.stringify(this.context));
+        // 附加参数处理
+        if (this.itemParam.context) {
+            let _context = this.$util.formatData(activeData,this.itemParam.context);
+            Object.assign(context,_context);
+        }
+        if (this.itemParam.param) {
+            let _param = this.$util.formatData(activeData,this.itemParam.param);
+            Object.assign(param,_param);
+        }
+        if (this.itemParam.parentdata) {
+            let _parentdata = this.$util.formatData(activeData,this.itemParam.parentdata);
+            Object.assign(param,_parentdata);
+        }
+        this.viewdata = JSON.stringify(context);
+        this.viewparam = JSON.stringify(param);
+    }
+
+    /**
+     * 监控值
+     *
+     * @param {*} newVal
+     * @param {*} oldVal
+     * @memberof AppFormDRUIPart
+     */
+    @Watch('data')
+    onActivedataChange(newVal: any, oldVal: any) {
+        const newFormData: any = JSON.parse(newVal);
+        const oldDormData: any = JSON.parse(oldVal);
+        this.setViewParam(newFormData);
+        if (!this.refreshitems || this.ignorefieldvaluechange) {
+            return;
+        }
+        if(Object.is(newFormData[this.refreshitems], oldDormData[this.refreshitems])) {
+            return;
+        }
+        this.setValue([{srfmajortext: null, srfkey: null}]);
+    }
+
+    /**
+     * 生命周期
+     *
+     * @memberof AppEmbedPicker
+     */
+    public created() {
+        if(this.formState) {
+            this.formStateEvent = this.formState.subscribe(({ tag, action, data }) => {
+                if (Object.is('load', action)) {
+                    this.setViewParam(JSON.parse(this.data));
+                }
+            });
+        }
+    }
+
+    /**
+     * vue 生命周期
+     *
+     * @memberof SelectType
+     */
+    public destroyed() {
+        if (this.formStateEvent) {
+            this.formStateEvent.unsubscribe();
+        }
+    }
+
+    /**
+     * 设置值
+     *
+     * @param {*} item
+     * @memberof AppEmbedPicker
+     */
+    public setValue(item: any) {
+        if (this.valueItem) {
+            this.$emit('formitemvaluechange', { name: this.valueItem, value: item[0].srfkey });
+        }
+        if (this.name) {
+            this.$emit('formitemvaluechange', { name: this.name, value: item[0].srfmajortext });
+        }
+    }
+
+}
+</script>
+
+<style lang='less'>
+@import './app-embed-picker.less';
+</style>
\ No newline at end of file