瀏覽代碼

new project commit

csx 5 年之前
父節點
當前提交
7eb8812c04
共有 100 個文件被更改,包括 22755 次插入0 次删除
  1. 25 0
      index.html
  2. 15232 0
      package-lock.json
  3. 139 0
      package.json
  4. 17 0
      src/App.vue
  5. 298 0
      src/api/advice.js
  6. 61 0
      src/api/article.js
  7. 9 0
      src/api/bloodPress.js
  8. 9 0
      src/api/board.js
  9. 94 0
      src/api/config.js
  10. 68 0
      src/api/data.js
  11. 9 0
      src/api/datastore.js
  12. 192 0
      src/api/device/device.js
  13. 235 0
      src/api/dialysis.js
  14. 146 0
      src/api/dialysis_record.js
  15. 9 0
      src/api/district.js
  16. 15 0
      src/api/doctor.js
  17. 61 0
      src/api/inspection.js
  18. 51 0
      src/api/integration.js
  19. 27 0
      src/api/invoice.js
  20. 29 0
      src/api/login.js
  21. 38 0
      src/api/login/login.js
  22. 676 0
      src/api/manage.js
  23. 32 0
      src/api/org/orginfo.js
  24. 345 0
      src/api/patient.js
  25. 24 0
      src/api/print_data.js
  26. 8 0
      src/api/public.js
  27. 111 0
      src/api/qcd.js
  28. 8 0
      src/api/qiniu.js
  29. 9 0
      src/api/remoteSearch.js
  30. 99 0
      src/api/role/admin.js
  31. 72 0
      src/api/role/role.js
  32. 91 0
      src/api/schedule.js
  33. 33 0
      src/api/schedule_template/patient.js
  34. 84 0
      src/api/service.js
  35. 84 0
      src/api/signandweigh.js
  36. 8 0
      src/api/statistics.js
  37. 564 0
      src/api/stock.js
  38. 9 0
      src/api/transaction.js
  39. 二進制
      src/assets/401_images/401.gif
  40. 二進制
      src/assets/404_images/404.png
  41. 二進制
      src/assets/404_images/404_cloud.png
  42. 二進制
      src/assets/custom-theme/fonts/element-icons.ttf
  43. 二進制
      src/assets/custom-theme/fonts/element-icons.woff
  44. 1 0
      src/assets/custom-theme/index.css
  45. 199 0
      src/assets/echarts-macarons.js
  46. 3 0
      src/assets/eventBus.js
  47. 二進制
      src/assets/home/1.jpg
  48. 二進制
      src/assets/home/2.jpg
  49. 二進制
      src/assets/home/4.png
  50. 二進制
      src/assets/home/5.jpg
  51. 二進制
      src/assets/home/5.png
  52. 二進制
      src/assets/home/7.png
  53. 二進制
      src/assets/home/analyze.png
  54. 二進制
      src/assets/home/equipment.png
  55. 二進制
      src/assets/home/kuyi_wechat.jpg
  56. 二進制
      src/assets/home/prescription.png
  57. 二進制
      src/assets/home/record.png
  58. 二進制
      src/assets/home/scheduling.png
  59. 二進制
      src/assets/home/sick.png
  60. 二進制
      src/assets/home/template_five.png
  61. 二進制
      src/assets/home/template_seven.png
  62. 二進制
      src/assets/home/template_six.png
  63. 二進制
      src/assets/home/user.png
  64. 二進制
      src/assets/home/userData.png
  65. 二進制
      src/assets/home/wechat_qrcode.png
  66. 370 0
      src/assets/icon/demo.css
  67. 52 0
      src/assets/icon/demo_fontclass.html
  68. 79 0
      src/assets/icon/demo_symbol.html
  69. 90 0
      src/assets/icon/demo_unicode.html
  70. 21 0
      src/assets/icon/iconfont.css
  71. 二進制
      src/assets/icon/iconfont.eot
  72. 1 0
      src/assets/icon/iconfont.js
  73. 32 0
      src/assets/icon/iconfont.svg
  74. 二進制
      src/assets/icon/iconfont.ttf
  75. 二進制
      src/assets/icon/iconfont.woff
  76. 370 0
      src/assets/iconfont/demo.css
  77. 544 0
      src/assets/iconfont/demo_fontclass.html
  78. 743 0
      src/assets/iconfont/demo_symbol.html
  79. 582 0
      src/assets/iconfont/demo_unicode.html
  80. 361 0
      src/assets/iconfont/iconfont.css
  81. 二進制
      src/assets/iconfont/iconfont.eot
  82. 1 0
      src/assets/iconfont/iconfont.js
  83. 284 0
      src/assets/iconfont/iconfont.svg
  84. 二進制
      src/assets/iconfont/iconfont.ttf
  85. 二進制
      src/assets/iconfont/iconfont.woff
  86. 二進制
      src/assets/img/data.jpg
  87. 二進制
      src/assets/img/jin_blog.png
  88. 二進制
      src/assets/logo/logo.png
  89. 二進制
      src/assets/record/1.png
  90. 二進制
      src/assets/record/10.png
  91. 二進制
      src/assets/record/2.png
  92. 二進制
      src/assets/record/3.png
  93. 二進制
      src/assets/record/4.png
  94. 二進制
      src/assets/record/5.png
  95. 二進制
      src/assets/record/6.png
  96. 二進制
      src/assets/record/7.png
  97. 二進制
      src/assets/record/8.png
  98. 二進制
      src/assets/record/9.png
  99. 1 0
      src/assets/service/close.svg
  100. 0 0
      src/assets/service/delete.png

+ 25 - 0
index.html 查看文件

@@ -0,0 +1,25 @@
1
+<!DOCTYPE html>
2
+<html>
3
+
4
+<head>
5
+  <meta charset="utf-8">
6
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7
+  <meta name="renderer" content="webkit">
8
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
9
+  <title>血透管理-酷医云</title>
10
+</head>
11
+
12
+<body>
13
+  <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
14
+  <script src="<%= htmlWebpackPlugin.options.path %>/tinymce4.7.5/tinymce.min.js"></script>
15
+  <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.config.js"></script>
16
+  <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.all.min.js"></script>
17
+  <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.service.js"></script>
18
+  <script src="<%= htmlWebpackPlugin.options.path %>/neditor/i18n/zh-cn/zh-cn.js"></script>
19
+  <script src="<%= htmlWebpackPlugin.options.path %>/neditor/neditor.parse.min.js"></script>
20
+
21
+  <div id="app"></div>
22
+  <!-- built files will be auto injected -->
23
+</body>
24
+
25
+</html>

文件差異過大導致無法顯示
+ 15232 - 0
package-lock.json


+ 139 - 0
package.json 查看文件

@@ -0,0 +1,139 @@
1
+{
2
+  "name": "vue-element-admin",
3
+  "version": "3.7.3",
4
+  "description": "A magical vue admin. Typical templates for enterprise applications. Newest development stack of vue. Lots of awesome features",
5
+  "author": "Pan <panfree23@gmail.com>",
6
+  "license": "MIT",
7
+  "scripts": {
8
+    "dev": "cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
9
+    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
10
+    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js && npm run fixfont && npm run fiximg",
11
+    "build-cdn": "node build/build-cdn.js",
12
+    "lint": "eslint --ext .js,.vue src",
13
+    "test": "npm run lint",
14
+    "precommit": "lint-staged",
15
+    "build": "cross-env NODE_ENV=production env_config=sit node build/build.js && npm run fixfont && npm run fiximg",
16
+    "fixfont": "xcopy %cd%\\dist\\static\\fonts %cd%\\dist\\static\\css\\static\\fonts /s /y /d /e /i",
17
+    "fiximg": "xcopy %cd%\\dist\\static\\img %cd%\\dist\\static\\css\\static\\img /s /y /d /e /i"
18
+  },
19
+  "lint-staged": {
20
+    "src/**/*.{js,vue}": [
21
+      "eslint --fix",
22
+      "git add"
23
+    ]
24
+  },
25
+  "keywords": [
26
+    "vue",
27
+    "element-ui",
28
+    "admin",
29
+    "management-system",
30
+    "admin-template"
31
+  ],
32
+  "repository": {
33
+    "type": "git",
34
+    "url": "git+https://github.com/PanJiaChen/vue-element-admin.git"
35
+  },
36
+  "bugs": {
37
+    "url": "https://github.com/PanJiaChen/vue-element-admin/issues"
38
+  },
39
+  "dependencies": {
40
+    "@types/moment": "^2.13.0",
41
+    "ajv": "^6.5.3",
42
+    "axios": "0.17.1",
43
+    "clipboard": "^1.7.1",
44
+    "codemirror": "5.32.0",
45
+    "connect": "3.6.6",
46
+    "driver.js": "0.5.2",
47
+    "dropzone": "5.2.0",
48
+    "echarts": "3.8.5",
49
+    "element-ui": "^2.12.0",
50
+    "file-saver": "1.3.3",
51
+    "font-awesome": "4.7.0",
52
+    "js-cookie": "2.2.0",
53
+    "jsonlint": "1.6.3",
54
+    "jszip": "3.1.5",
55
+    "mockjs": "1.0.1-beta3",
56
+    "moment": "^2.24.0",
57
+    "normalize.css": "7.0.0",
58
+    "nprogress": "0.2.0",
59
+    "print-js": "^1.0.50",
60
+    "qrcodejs2": "0.0.2",
61
+    "screenfull": "4.2.0",
62
+    "serve-static": "1.13.2",
63
+    "showdown": "1.8.5",
64
+    "simplemde": "1.11.2",
65
+    "sortablejs": "1.7.0",
66
+    "vue": "2.5.16",
67
+    "vue-clipboard": "0.0.1",
68
+    "vue-clipboard2": "^0.3.1",
69
+    "vue-count-to": "1.0.13",
70
+    "vue-i18n": "7.3.2",
71
+    "vue-multiselect": "2.0.8",
72
+    "vue-router": "3.0.1",
73
+    "vue-splitpane": "1.0.2",
74
+    "vuedraggable": "^2.16.0",
75
+    "vuex": "3.0.1",
76
+    "xlsx": "^0.11.16"
77
+  },
78
+  "devDependencies": {
79
+    "autoprefixer": "7.2.3",
80
+    "babel-core": "6.26.0",
81
+    "babel-eslint": "8.0.3",
82
+    "babel-helper-vue-jsx-merge-props": "2.0.3",
83
+    "babel-loader": "7.1.2",
84
+    "babel-plugin-dynamic-import-node": "^1.2.0",
85
+    "babel-plugin-syntax-jsx": "6.18.0",
86
+    "babel-plugin-transform-runtime": "6.23.0",
87
+    "babel-plugin-transform-vue-jsx": "3.5.0",
88
+    "babel-preset-env": "1.6.1",
89
+    "babel-preset-stage-2": "6.24.1",
90
+    "chalk": "2.3.0",
91
+    "copy-webpack-plugin": "4.3.0",
92
+    "cross-env": "5.1.1",
93
+    "css-loader": "0.28.7",
94
+    "eslint": "4.13.1",
95
+    "eslint-friendly-formatter": "3.0.0",
96
+    "eslint-loader": "1.9.0",
97
+    "eslint-plugin-html": "4.0.1",
98
+    "extract-text-webpack-plugin": "3.0.2",
99
+    "file-loader": "1.1.5",
100
+    "friendly-errors-webpack-plugin": "1.6.1",
101
+    "html-webpack-plugin": "2.30.1",
102
+    "lint-staged": "7.2.0",
103
+    "node-notifier": "5.1.2",
104
+    "node-sass": "^4.13.1",
105
+    "optimize-css-assets-webpack-plugin": "3.2.0",
106
+    "ora": "1.3.0",
107
+    "portfinder": "1.0.13",
108
+    "postcss-import": "11.0.0",
109
+    "postcss-loader": "2.0.9",
110
+    "postcss-url": "7.3.0",
111
+    "qiniu-webpack-plugin": "^0.4.2",
112
+    "rimraf": "2.6.2",
113
+    "sass-loader": "^6.0.7",
114
+    "sass-resources-loader": "^1.3.4",
115
+    "script-loader": "0.7.2",
116
+    "semver": "5.4.1",
117
+    "shelljs": "0.7.8",
118
+    "svg-sprite-loader": "3.5.2",
119
+    "uglifyjs-webpack-plugin": "1.1.3",
120
+    "url-loader": "0.6.2",
121
+    "vue-loader": "13.7.2",
122
+    "vue-style-loader": "3.0.3",
123
+    "vue-template-compiler": "2.5.16",
124
+    "webpack": "3.10.0",
125
+    "webpack-bundle-analyzer": "2.9.1",
126
+    "webpack-dev-server": "2.9.7",
127
+    "webpack-merge": "4.1.1",
128
+    "write-json": "^3.0.1"
129
+  },
130
+  "engines": {
131
+    "node": ">= 4.0.0",
132
+    "npm": ">= 3.0.0"
133
+  },
134
+  "browserslist": [
135
+    "> 1%",
136
+    "last 2 versions",
137
+    "not ie <= 8"
138
+  ]
139
+}

+ 17 - 0
src/App.vue 查看文件

@@ -0,0 +1,17 @@
1
+<template>
2
+  <div id="app">
3
+    <router-view></router-view>
4
+  </div>
5
+</template>
6
+
7
+<script>
8
+export default {
9
+  name: "App"
10
+};
11
+</script>
12
+
13
+<style>
14
+body .el-table th.gutter {
15
+  display: table-cell !important;
16
+}
17
+</style>

+ 298 - 0
src/api/advice.js 查看文件

@@ -0,0 +1,298 @@
1
+import request from '@/utils/request'
2
+
3
+export function getAdviceConfig(type) {
4
+  return request({
5
+    url: '/api/getadviceconfigs?type=' + type,
6
+    method: 'get'
7
+  })
8
+}
9
+
10
+export function getAllAdviceConfig() {
11
+  return request({
12
+    url: '/api/getalladviceconfig',
13
+    method: 'get'
14
+  })
15
+}
16
+
17
+export function CreateDoctorAdvice(id, advice) {
18
+  return request({
19
+    url: '/api/patients/advice/create?id=' + id,
20
+    method: 'post',
21
+    data: advice
22
+  })
23
+}
24
+
25
+export function EditDoctorAdvice(patient, id, advice) {
26
+  return request({
27
+    url: '/api/patients/advice/edit?id=' + id + '&patient=' + patient,
28
+    method: 'Put',
29
+    data: advice
30
+  })
31
+}
32
+
33
+export function ExecDoctorAdvice(patient, id, time) {
34
+  var params = {
35
+    id: id,
36
+    patient: patient,
37
+    execution_time: time
38
+  }
39
+  return request({
40
+    url: '/api/patients/advice/exec',
41
+    method: 'Post',
42
+    params: params
43
+  })
44
+}
45
+export function CheckDoctorAdvice(patient, id) {
46
+  var params = {
47
+    id: id,
48
+    patient: patient
49
+    // execution_time: time,
50
+  }
51
+  return request({
52
+    url: '/api/patients/advice/check',
53
+    method: 'Post',
54
+    params: params
55
+  })
56
+}
57
+export function CheckGroupAdvice(groupno) {
58
+  var params = {
59
+    groupno: groupno
60
+  }
61
+  return request({
62
+    url: '/api/patients/advice/checkgroup',
63
+    method: 'Post',
64
+    params: params
65
+  })
66
+}
67
+
68
+export function getDoctorAdviceList(params) {
69
+  return request({
70
+    url: '/api/patients/advices',
71
+    method: 'Get',
72
+    params: params
73
+  })
74
+}
75
+
76
+export function StopDoctorAdvice(id, reason) {
77
+  return request({
78
+    url: '/api/patients/advice/stop?id=' + id,
79
+    method: 'Post',
80
+    data: reason
81
+  })
82
+}
83
+
84
+export function StopGroupAdvice(groupno, reason) {
85
+  return request({
86
+    url: '/api/patients/advice/stopgroup?groupno=' + groupno,
87
+    method: 'Post',
88
+    data: reason
89
+  })
90
+}
91
+
92
+export function ExecGroupAdvice(groupno, time) {
93
+  return request({
94
+    url: '/api/patients/advice/execgroup?groupno=' + groupno + '&execution_time=' + time,
95
+    method: 'Post'
96
+  })
97
+}
98
+
99
+export function DeleteDoctorAdvice(id) {
100
+  return request({
101
+    url: '/api/patients/advice/delete?id=' + id,
102
+    method: 'Delete'
103
+  })
104
+}
105
+
106
+export function CreateDrugDic(data) {
107
+  return request({
108
+    url: '/api/drugdic/create',
109
+    method: 'post',
110
+    data: data
111
+  })
112
+}
113
+export function UpdateDrugDic(id, data) {
114
+  return request({
115
+    url: '/api/drugdic/update?id=' + id,
116
+    method: 'put',
117
+    data: data
118
+  })
119
+}
120
+export function DeleteDrugDic(id) {
121
+  return request({
122
+    url: '/api/drugdic/delete?id=' + id,
123
+    method: 'delete'
124
+  })
125
+}
126
+
127
+export function CreateDrugWay(data) {
128
+  return request({
129
+    url: '/api/drugway/create',
130
+    method: 'post',
131
+    data: data
132
+  })
133
+}
134
+
135
+export function UpdateDrugWay(id, data) {
136
+  return request({
137
+    url: '/api/drugway/update?id=' + id,
138
+    method: 'put',
139
+    data: data
140
+  })
141
+}
142
+export function DeleteDrugWay(id) {
143
+  return request({
144
+    url: '/api/drugway/delete?id=' + id,
145
+    method: 'delete'
146
+  })
147
+}
148
+
149
+export function CreateExecutionFrequency(data) {
150
+  return request({
151
+    url: '/api/executionfrequency/create',
152
+    method: 'post',
153
+    data: data
154
+  })
155
+}
156
+
157
+export function UpdateExecutionFrequency(id, data) {
158
+  return request({
159
+    url: '/api/executionfrequency/update?id=' + id,
160
+    method: 'put',
161
+    data: data
162
+  })
163
+}
164
+export function DeleteExecutionFrequency(id) {
165
+  return request({
166
+    url: '/api/executionfrequency/delete?id=' + id,
167
+    method: 'delete'
168
+  })
169
+}
170
+export function CreateAdviceTemplate(data) {
171
+  return request({
172
+    url: '/api/advicetemplate/create',
173
+    method: 'post',
174
+    data: data
175
+  })
176
+}
177
+
178
+export function UpdateAdviceTemplate(id, data) {
179
+  return request({
180
+    url: '/api/advicetemplate/update?id=' + id,
181
+    method: 'put',
182
+    data: data
183
+  })
184
+}
185
+export function DeleteAdviceTemplate(id, template_id, parent_id) {
186
+  return request({
187
+    url: '/api/advicetemplate/delete?id=' + id + '&template_id=' + template_id + '&parent_id=' + parent_id,
188
+    method: 'delete'
189
+  })
190
+}
191
+
192
+export function postAdviceTemplate(params, name, advice_type) {
193
+  return request({
194
+    url: '/api/advicetemplate/create?template_name=' + name + '&advice_type=' + advice_type,
195
+    method: 'post',
196
+    data: params
197
+  })
198
+}
199
+
200
+export function CreateGroupAdvice(id, groupno, advices) {
201
+  if (advices.remind > 0) {
202
+    return request({
203
+      url: '/api/patients/advice/creategroup?id=' + id + '&groupno=' + groupno,
204
+      method: 'post',
205
+      data: advices
206
+    })
207
+  } else {
208
+    return request({
209
+      url: '/api/patients/advice/creategroup?id=' + id + '&groupno=' + groupno,
210
+      method: 'post',
211
+      data: advices
212
+    })
213
+  }
214
+}
215
+export function DeleteGroupAdvice(groupno) {
216
+  return request({
217
+    url: '/api/patients/advice/deletegroup?groupno=' + groupno,
218
+    method: 'delete'
219
+  })
220
+}
221
+
222
+export function getAllAdviceTemplate() {
223
+  return request({
224
+    url: '/api/advicetemplate/list',
225
+    method: 'get'
226
+  })
227
+}
228
+
229
+export function CreateSingleAdviceTemplate(advices) {
230
+  return request({
231
+    url: '/api/advicetemplate/add',
232
+    method: 'post',
233
+    params: advices
234
+
235
+  })
236
+}
237
+export function DeleteParentAdviceTemplate(id) {
238
+  return request({
239
+    url: '/api/adviceparenttemplate/delete?template_id=' + id,
240
+    method: 'delete'
241
+
242
+  })
243
+}
244
+
245
+export function CreateSubAdvice(params) {
246
+  return request({
247
+    url: '/api/subadvice/create',
248
+    method: 'post',
249
+    params: params
250
+  })
251
+}
252
+
253
+export function updateTemplateName(params) {
254
+  return request({
255
+    url: '/api/template/modify',
256
+    method: 'post',
257
+    params: params
258
+  })
259
+}
260
+
261
+export function getDoctorAdviceConfig() {
262
+  return request({
263
+    url: '/api/adviceconfig/get',
264
+    method: 'get'
265
+  })
266
+}
267
+
268
+export function postDoctorAdviceConfig(params) {
269
+  return request({
270
+    url: '/api/adviceconfig/isopen',
271
+    method: 'post',
272
+    params: params
273
+  })
274
+}
275
+
276
+export function getDoctorInitConfig() {
277
+  return request({
278
+    url: '/api/advicetemplate/init/get',
279
+    method: 'get'
280
+  })
281
+}
282
+
283
+export function PostInitAdviceTemplate(params) {
284
+  return request({
285
+    url: '/api/advicetemplate/init/commit',
286
+    method: 'post',
287
+    params: params
288
+
289
+  })
290
+}
291
+
292
+export function getPrintInfo(data) {
293
+  return request({
294
+    url: '/api/advicetemplate/getprintinfo',
295
+    method: 'post',
296
+    data: data
297
+  })
298
+}

+ 61 - 0
src/api/article.js 查看文件

@@ -0,0 +1,61 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchList(query) {
4
+  return request({
5
+    url: '/article/list',
6
+    method: 'get',
7
+    params: query
8
+  })
9
+}
10
+
11
+export function fetchArticle(id) {
12
+  return request({
13
+    url: '/article/detail',
14
+    method: 'get',
15
+    params: {
16
+      id
17
+    }
18
+  })
19
+}
20
+
21
+export function fetchPv(pv) {
22
+  return request({
23
+    url: '/article/pv',
24
+    method: 'get',
25
+    params: {
26
+      pv
27
+    }
28
+  })
29
+}
30
+
31
+export function createArticle(data) {
32
+  return request({
33
+    url: '/article/create',
34
+    method: 'post',
35
+    data
36
+  })
37
+}
38
+
39
+export function updateArticle(data) {
40
+  return request({
41
+    url: '/article/update',
42
+    method: 'post',
43
+    data
44
+  })
45
+}
46
+
47
+export function handleUpdateTwo(id, params) {
48
+  return request({
49
+    url: '/article/hanleupdatetwo?id=' + id,
50
+    method: 'get',
51
+    params: params
52
+  })
53
+}
54
+
55
+export function updateDataTwo(id, data) {
56
+  return request({
57
+    url: '/article/updatedatatwo?id=' + id,
58
+    method: 'post',
59
+    data: data
60
+  })
61
+}

+ 9 - 0
src/api/bloodPress.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function watchList(query) {
4
+  return request({
5
+    url: '/watch/list',
6
+    method: 'get',
7
+    params: query
8
+  })
9
+}

+ 9 - 0
src/api/board.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function getBoards(page) {
4
+  return request({
5
+    url: '/api/dialysis/board?page=' + page,
6
+    method: 'get'
7
+  })
8
+}
9
+

+ 94 - 0
src/api/config.js 查看文件

@@ -0,0 +1,94 @@
1
+import request from '@/utils/request'
2
+
3
+export function createStockAutomaticReduceConfig(params) {
4
+  return request({
5
+    url: '/api/stock/automaticreduce/isopen?is_open=' + params,
6
+    method: 'post'
7
+  })
8
+}
9
+
10
+export function getAutomaticReduceConfig() {
11
+  return request({
12
+    url: '/api/automaticreduce/get',
13
+    method: 'get'
14
+  })
15
+}
16
+
17
+export function postConfig(params) {
18
+  return request({
19
+    url: '/api/dataupload/config/commit',
20
+    method: 'post',
21
+    params: params
22
+  })
23
+}
24
+
25
+export function postModifyConfig(params) {
26
+  return request({
27
+    url: '/api/dataupload/config/modify',
28
+    method: 'post',
29
+    params: params
30
+
31
+  })
32
+}
33
+
34
+export function getConfig(params) {
35
+  return request({
36
+    url: '/api/dataupload/config/get',
37
+    method: 'get',
38
+    params:params
39
+  })
40
+}
41
+
42
+export function getIsDocking(params) {
43
+  return request({
44
+    url: '/api/dataupload/is_docking/get',
45
+    method: 'get',
46
+    params:params
47
+
48
+  })
49
+}
50
+
51
+
52
+
53
+
54
+
55
+export function getAllSystemPrescription() {
56
+  return request({
57
+    url: '/api/systemprescription/all',
58
+    method: 'get',
59
+  })
60
+}
61
+
62
+
63
+export function getSystemPrescription(params) {
64
+  return request({
65
+    url: '/api/systemprescription/get',
66
+    method: 'get',
67
+    params:params
68
+
69
+  })
70
+}
71
+
72
+
73
+export function postSystemPrescription(params) {
74
+  return request({
75
+    url: '/api/systemprescription/commit',
76
+    method: 'post',
77
+    data: params
78
+
79
+  })
80
+}
81
+
82
+
83
+export function updateSystemPrescription(id,params) {
84
+  return request({
85
+    url: '/api/systemprescription/update?id='+id,
86
+    method: 'post',
87
+    data: params
88
+
89
+  })
90
+}
91
+
92
+
93
+
94
+

+ 68 - 0
src/api/data.js 查看文件

@@ -0,0 +1,68 @@
1
+import request from '@/utils/request'
2
+
3
+export function createConfig(params) {
4
+  return request({
5
+    url: '/api/createconfig',
6
+    method: 'post',
7
+    data: params
8
+  })
9
+}
10
+
11
+export function createChildConfig(params) {
12
+  return request({
13
+    url: '/api/createchildconfig',
14
+    method: 'post',
15
+    data: params
16
+  })
17
+}
18
+
19
+export function updateChildConfig(params) {
20
+  return request({
21
+    url: '/api/updatechildconfig',
22
+    method: 'post',
23
+    data: params
24
+  })
25
+}
26
+
27
+export function deleteChildConfig(params) {
28
+  return request({
29
+    url: '/api/deletechildconfig',
30
+    method: 'post',
31
+    data: params
32
+  })
33
+}
34
+
35
+export function updateTemplate(params) {
36
+  return request({
37
+    url: '/api/updatetemplate',
38
+    method: 'post',
39
+    data: params
40
+  })
41
+}
42
+
43
+
44
+export function updateFieldIsShow(id,is_show) {
45
+  return request({
46
+    url: '/api/filed/show?id='+id+'&is_show='+is_show,
47
+    method: 'post',
48
+  })
49
+}
50
+
51
+
52
+
53
+
54
+
55
+export function postPrintTemplate(params) {
56
+  return request({
57
+    url: '/api/print/template/commit?template_id='+params,
58
+    method: 'post',
59
+  })
60
+}
61
+
62
+export function getPrintTemplate() {
63
+  return request({
64
+    url: '/api/print/template/get',
65
+    method: 'get',
66
+  })
67
+}
68
+

+ 9 - 0
src/api/datastore.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function getConfigList(params) {
4
+  return request({
5
+    url: '/api/getconfiglist',
6
+    method: 'get',
7
+    data: params
8
+  })
9
+}

+ 192 - 0
src/api/device/device.js 查看文件

@@ -0,0 +1,192 @@
1
+import request from '@/utils/request'
2
+
3
+export function getDeviceInitData() {
4
+    return request({
5
+        url: '/api/device/initdata',
6
+        method: 'get',
7
+    })
8
+}
9
+
10
+export function getDevices(device_type, zone) {
11
+    const params = new Object()
12
+    if (device_type !== undefined) {
13
+        params.type = device_type
14
+    }
15
+    if (zone !== undefined) {
16
+        params.zone = zone
17
+    }
18
+    return request({
19
+        url: '/api/devices',
20
+        method: 'get',
21
+        params: params,
22
+    })
23
+}
24
+
25
+export function getDeviceBaseInfo(id) {
26
+    const params = {
27
+        id: id,
28
+    }
29
+    return request({
30
+        url: '/api/device/baseinfo',
31
+        method: 'get',
32
+        params: params,
33
+    })
34
+}
35
+
36
+// 参数太多,要看着文档来
37
+export function createDevice(params) {
38
+    return request({
39
+        url: '/api/device/create',
40
+        method: 'post',
41
+        params: params,
42
+    })
43
+}
44
+
45
+// 参数太多,要看着文档来
46
+export function modifyDeviceBaseInfo(params) {
47
+    return request({
48
+        url: '/api/device/modify',
49
+        method: 'post',
50
+        params: params,
51
+    })
52
+}
53
+
54
+export function getZones() {
55
+    return request({
56
+        url: '/api/device/zones',
57
+        method: 'get',
58
+    })
59
+}
60
+
61
+export function createZone(name, zone_type) {
62
+    const params = {
63
+        name: name,
64
+        type: zone_type,
65
+    }
66
+    return request({
67
+        url: '/api/device/zone/create',
68
+        method: 'post',
69
+        params: params,
70
+    })
71
+}
72
+
73
+export function modifyZone(id, name, zone_type) {
74
+    const params = {
75
+        id: id,
76
+        name: name,
77
+        type: zone_type,
78
+    }
79
+    return request({
80
+        url: '/api/device/zone/modify',
81
+        method: 'post',
82
+        params: params,
83
+    })
84
+}
85
+
86
+export function getGroups() {
87
+    return request({
88
+        url: '/api/device/groups',
89
+        method: 'get',
90
+    })
91
+}
92
+
93
+export function createGroup(name) {
94
+    const params = {
95
+        name: name,
96
+    }
97
+    return request({
98
+        url: '/api/device/group/create',
99
+        method: 'post',
100
+        params: params,
101
+    })
102
+}
103
+
104
+export function modifyGroup(id, name) {
105
+    const params = {
106
+        id: id,
107
+        name: name,
108
+    }
109
+    return request({
110
+        url: '/api/device/group/modify',
111
+        method: 'post',
112
+        params: params,
113
+    })
114
+}
115
+
116
+export function getDeviceNumbers() {
117
+    return request({
118
+        url: '/api/device/numbers',
119
+        method: 'get',
120
+    })
121
+}
122
+
123
+export function createDeviceNumber(number, zone_id, group_id) {
124
+    const params = {
125
+        number: number,
126
+        zone: zone_id,
127
+        group: group_id,
128
+    }
129
+    return request({
130
+        url: '/api/device/number/create',
131
+        method: 'post',
132
+        params: params,
133
+    })
134
+}
135
+
136
+export function modifyDeviceNumber(id, number, zone_id, group_id) {
137
+    const params = {
138
+        id: id,
139
+        number: number,
140
+        zone: zone_id,
141
+        group: group_id,
142
+    }
143
+    return request({
144
+        url: '/api/device/number/modify',
145
+        method: 'post',
146
+        params: params,
147
+    })
148
+}
149
+
150
+export function disableDevice(id) {
151
+    const params = {
152
+        id: id,
153
+    }
154
+    return request({
155
+        url: '/api/device/disable',
156
+        method: 'post',
157
+        params: params,
158
+    })
159
+}
160
+
161
+export function disableZone(id) {
162
+    const params = {
163
+        id: id,
164
+    }
165
+    return request({
166
+        url: '/api/device/zone/disable',
167
+        method: 'post',
168
+        params: params,
169
+    })
170
+}
171
+
172
+export function disableGroup(id) {
173
+    const params = {
174
+        id: id,
175
+    }
176
+    return request({
177
+        url: '/api/device/group/disable',
178
+        method: 'post',
179
+        params: params,
180
+    })
181
+}
182
+
183
+export function disableDeviceNumber(id) {
184
+    const params = {
185
+        id: id,
186
+    }
187
+    return request({
188
+        url: '/api/device/number/disable',
189
+        method: 'post',
190
+        params: params,
191
+    })
192
+}

+ 235 - 0
src/api/dialysis.js 查看文件

@@ -0,0 +1,235 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchList(params) {
4
+  return request({
5
+    url: '/api/patients',
6
+    method: 'get',
7
+    params: params
8
+  })
9
+}
10
+
11
+export function getSchedualPatient(params) {
12
+  return request({
13
+    url: '/api/dialysis/patients',
14
+    method: 'get',
15
+    params: params
16
+  })
17
+}
18
+
19
+export function PatientInfo(params) {
20
+  return request({
21
+    url: '/api/dialysis/info',
22
+    method: 'get',
23
+    params: params
24
+  })
25
+}
26
+
27
+export function doctorAndNurseList(params) {
28
+  return request({
29
+    url: '/api/alldoctors',
30
+    method: 'get',
31
+    params: params
32
+  })
33
+}
34
+
35
+export function commitDailysisRecord(params) {
36
+  return request({
37
+    url: '/api/dialysis/record',
38
+    method: 'post',
39
+    params: params
40
+  })
41
+}
42
+
43
+export function getGobelInfo(params) {
44
+  return request({
45
+    url: '/api/dialysis/golbal',
46
+    method: 'post',
47
+    params: params
48
+  })
49
+}
50
+
51
+export function CreateDoctorAdvice(id, dialysisId, record_date, params) {
52
+  return request({
53
+    url: '/api/dialysis/advice/create?id=' + id + '&dialysis_id=' + dialysisId + '&record_date=' + record_date,
54
+    method: 'post',
55
+    data: params
56
+  })
57
+}
58
+
59
+export function getDoctorAdviceById(params) {
60
+  return request({
61
+    url: '/api/dialysis/advice/get',
62
+    method: 'get',
63
+    params: params
64
+  })
65
+}
66
+
67
+export function editDoctorAdviceById(params) {
68
+  return request({
69
+    url: '/api/dialysis/advice/edit',
70
+    method: 'put',
71
+    params: params
72
+  })
73
+}
74
+
75
+export function CreateMonitor(params) {
76
+  return request({
77
+    url: '/api/dialysis/monitor/create',
78
+    method: 'post',
79
+    params: params
80
+  })
81
+}
82
+
83
+export function DelMonitor(params) {
84
+  return request({
85
+    url: '/api/dialysis/monitor/del',
86
+    method: 'post',
87
+    params: params
88
+  })
89
+}
90
+
91
+export function GetAllZone(params) {
92
+  return request({
93
+    url: '/api/dialysis/zone',
94
+    method: 'get',
95
+    params: params
96
+  })
97
+}
98
+
99
+export function PostStartRecordInfo(params) {
100
+  return request({
101
+    url: '/api/dialysis/start',
102
+    method: 'post',
103
+    params: params
104
+  })
105
+}
106
+
107
+export function GetGlobalInfo(params) {
108
+  return request({
109
+    url: '/api/dialysis/device',
110
+    method: 'get',
111
+    params: params
112
+  })
113
+}
114
+
115
+export function GetDeviceInfo(params) {
116
+  return request({
117
+    url: '/api/dialysis/device',
118
+    method: 'get',
119
+    params: params
120
+  })
121
+}
122
+
123
+export function commitDailysisSolution(params) {
124
+  return request({
125
+    url: '/api/dialysis/global',
126
+    method: 'get',
127
+    params: params
128
+  })
129
+}
130
+
131
+export function delMonitor(params) {
132
+  return request({
133
+    url: '/api/dialysis/monitor/del',
134
+    method: 'post',
135
+    params: params
136
+  })
137
+}
138
+
139
+export function getDialysisRecord(params) {
140
+  return request({
141
+    url: '/api/dialysis/dialysisorder',
142
+    method: 'Get',
143
+    params: params
144
+  })
145
+}
146
+
147
+export function postPrescription(params) {
148
+  return request({
149
+    url: '/api/dialysis/prescription',
150
+    method: 'Post',
151
+    params: params,
152
+  })
153
+}
154
+
155
+export function postSoulution(params) {
156
+  return request({
157
+    url: '/api/dialysis/soulution',
158
+    method: 'Post',
159
+    params: params
160
+  })
161
+}
162
+
163
+export function postDoubleCheck(params) {
164
+  return request({
165
+    url: '/api/dialysis/dobule',
166
+    method: 'Post',
167
+    params: params
168
+  })
169
+}
170
+
171
+export function postAccepts(params) {
172
+  return request({
173
+    url: '/api/dialysis/accepts',
174
+    method: 'Post',
175
+    params: params
176
+  })
177
+}
178
+
179
+export function postAssessmentBeforeDislysis(params) {
180
+  return request({
181
+    url: '/api/dialysis/assessmentbeforedislysis',
182
+    method: 'Post',
183
+    params: params
184
+  })
185
+}
186
+
187
+export function postTreatmentsummary(params) {
188
+  return request({
189
+    url: '/api/dialysis/treatmentsummary',
190
+    method: 'Post',
191
+    params: params
192
+  })
193
+}
194
+
195
+export function postAssessmentAfterDislysis(params, data) {
196
+  return request({
197
+    url: '/api/dialysis/assessmentafterdislysis',
198
+    method: 'Post',
199
+    params: params,
200
+    data: data
201
+  })
202
+}
203
+
204
+export function postDelMonitorInfo(params) {
205
+  return request({
206
+    url: '/api/dialysis/monitor/del',
207
+    method: 'Post',
208
+    params: params,
209
+    data: data
210
+  })
211
+}
212
+
213
+export function CreateGroupAdvice(id, groupno, advices) {
214
+  return request({
215
+    url: '/api/advice_remind/create?id=' + id + '&groupno=' + groupno,
216
+    method: 'post',
217
+    data: advices
218
+  })
219
+}
220
+
221
+export function GetSolution(params) {
222
+  return request({
223
+    url: '/api/solution/get',
224
+    method: 'get',
225
+    params: params
226
+  })
227
+}
228
+
229
+export function CreateDryWeight(params) {
230
+  return request({
231
+    url: '/api/dryweight/commit',
232
+    method: 'post',
233
+    params: params
234
+  })
235
+}

+ 146 - 0
src/api/dialysis_record.js 查看文件

@@ -0,0 +1,146 @@
1
+import request from '@/utils/request'
2
+
3
+export function getDialysisRecordInitData() {
4
+  return request({
5
+    url: '/api/dialysis/initdata',
6
+    method: 'get'
7
+  })
8
+}
9
+
10
+export function getDialysisSchedules(ymd) {
11
+  var params = {
12
+    date: ymd
13
+  }
14
+  return request({
15
+    url: '/api/dialysis/schedules',
16
+    method: 'get',
17
+    params: params
18
+  })
19
+}
20
+
21
+export function getDialysisScheduleDetail(patient_id, ymd) {
22
+  var params = {
23
+    patient_id: patient_id,
24
+    date: ymd
25
+  }
26
+  return request({
27
+    url: '/api/dislysis/schedule',
28
+    method: 'get',
29
+    params: params
30
+  })
31
+}
32
+
33
+export function editMonitor(patient_id, schedule_date, data) {
34
+  var params = {
35
+    patient_id: patient_id,
36
+    schedule_date: schedule_date
37
+  }
38
+  return request({
39
+    url: '/api/dislysis/monitor/edit',
40
+    method: 'post',
41
+    params: params,
42
+    data: data
43
+  })
44
+}
45
+
46
+export function startDialysis(patient_id, schedule_date, nurse_id, bed_id, lood_drawing, puncture_nurse_id, start_time,schedual_type) {
47
+  var params = {
48
+    patient_id: patient_id,
49
+    date: schedule_date,
50
+    nurse: nurse_id,
51
+    bed: bed_id,
52
+    puncture_nurse: puncture_nurse_id,
53
+    start_time: start_time,
54
+    lood_drawing: lood_drawing,
55
+    schedual_type:schedual_type,
56
+  }
57
+  return request({
58
+    url: '/api/dialysis/start_record',
59
+    method: 'post',
60
+    params: params
61
+  })
62
+}
63
+
64
+export function finishDialysis(patient_id, schedule_date,end_time, nurse_id) {
65
+  var params = {
66
+    patient_id: patient_id,
67
+    date: schedule_date,
68
+    nurse: nurse_id,
69
+    end_time:end_time,
70
+  }
71
+  return request({
72
+    url: '/api/dialysis/finish',
73
+    method: 'post',
74
+    params: params
75
+  })
76
+}
77
+
78
+export function postDelMonitorInfo(params) {
79
+  return request({
80
+    url: '/api/dialysis/monitor/del',
81
+    method: 'post',
82
+    params: params
83
+  })
84
+}
85
+
86
+
87
+
88
+
89
+
90
+export function getLongAdvice(params) {
91
+  return request({
92
+    url:'/api/dialysis/advice_remind',
93
+    method:'Get',
94
+    params:params,
95
+  })
96
+}
97
+
98
+
99
+export function GetSchedualNumber(params) {
100
+  return request({
101
+    url:'/api/schedule/get',
102
+    method:'Get',
103
+    params:params,
104
+  })
105
+}
106
+
107
+
108
+
109
+export function PostModifyStartDialysis(params) {
110
+  return request({
111
+    url:'/api/start_dialysis/modify',
112
+    method:'Post',
113
+    params:params,
114
+  })
115
+}
116
+
117
+
118
+
119
+
120
+
121
+
122
+
123
+export function PostModifyFinishDialysis(params) {
124
+  return request({
125
+    url:'/api/finish_dialysis/modify',
126
+    method:'Post',
127
+    params:params,
128
+  })
129
+}
130
+
131
+
132
+
133
+export function getTodayMonitor(params) {
134
+  return request({
135
+    url:'/api/today_monitor/get',
136
+    method:'Get',
137
+    params:params,
138
+  })
139
+}
140
+
141
+
142
+
143
+
144
+
145
+
146
+

+ 9 - 0
src/api/district.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function GetDistrictsByUpid(params){
4
+    return request({
5
+        url:'/api/district/getdistrictsbyupid',
6
+        method:'get',
7
+        params: params
8
+    })
9
+}

+ 15 - 0
src/api/doctor.js 查看文件

@@ -0,0 +1,15 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchAllDoctorAndNurse() {
4
+  return request({
5
+    url: '/api/alldoctors',
6
+    method: 'get'
7
+  })
8
+}
9
+export function fetchAllAdminUsers() {
10
+  return request({
11
+    url: '/api/admin/users',
12
+    method: 'get'
13
+  })
14
+}
15
+

+ 61 - 0
src/api/inspection.js 查看文件

@@ -0,0 +1,61 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchInspectionReference(id){
4
+    return request({
5
+        url:'/api/patient/inspection/reference?patient='+id,
6
+        method:'get',
7
+    })
8
+}
9
+
10
+export function CreatePatientInspection(id, data,remind_cycle){
11
+    return request({
12
+        url:'/api/patient/inspection/create?patient='+id+"&remind_cycle="+remind_cycle,
13
+        method:'post',
14
+        data:data,
15
+    })
16
+}
17
+
18
+export function EditPatientInspection(id, data,remind_cycle){
19
+    return request({
20
+        url:'/api/patient/inspection/edit?patient='+id+"&remind_cycle="+remind_cycle,
21
+        method:'put',
22
+        data:data,
23
+    })
24
+}
25
+
26
+export function DeletePatientInspection(params){
27
+    return request({
28
+        url:'/api/patient/inspection/delete',
29
+        method:'delete',
30
+        params:params,
31
+    })
32
+}
33
+
34
+export function fetchPatientInspections(params){
35
+    return request({
36
+        url:'/api/patient/inspection/list',
37
+        method:'get',
38
+        params:params,
39
+    })
40
+}
41
+
42
+
43
+export function GetUploadInspections(params){
44
+  return request({
45
+    url:'/api/patient/inspection/get',
46
+    method:'get',
47
+    params:params,
48
+  })
49
+}
50
+
51
+export function GetInitInspections(params){
52
+  return request({
53
+    url:'/api/patient/inspectioninit/get',
54
+    method:'get',
55
+    params:params,
56
+  })
57
+}
58
+
59
+
60
+
61
+

+ 51 - 0
src/api/integration.js 查看文件

@@ -0,0 +1,51 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchPatientList(params) {
4
+  return request({
5
+    url: '/api/integration/patients',
6
+    method: 'get',
7
+    params: params
8
+  })
9
+}
10
+
11
+
12
+export function fetchAdminList(params) {
13
+  return request({
14
+    url: '/api/integration/admin',
15
+    method: 'get',
16
+    params: params
17
+  })
18
+}
19
+
20
+
21
+export function createPatientHis(params) {
22
+  return request({
23
+    url: '/api/patienthis/create',
24
+    method: 'post',
25
+    params: params
26
+  })
27
+}
28
+export function editPatientHis(params) {
29
+  return request({
30
+    url: '/api/patienthis/edit',
31
+    method: 'post',
32
+    params: params
33
+  })
34
+}
35
+
36
+
37
+
38
+export function createAdminHis(params) {
39
+  return request({
40
+    url: '/api/adminhis/create',
41
+    method: 'post',
42
+    params: params
43
+  })
44
+}
45
+export function editAdminHis(params) {
46
+  return request({
47
+    url: '/api/adminhis/edit',
48
+    method: 'post',
49
+    params: params
50
+  })
51
+}

+ 27 - 0
src/api/invoice.js 查看文件

@@ -0,0 +1,27 @@
1
+import request from '@/utils/request'
2
+
3
+export function GetApplies(orders) {
4
+    return request({
5
+        url: '/api/invoice/applies?orders='+orders,
6
+        method: 'Get',
7
+    })
8
+}
9
+export function ApplyInvoice(orders, invoice) {
10
+    return request({
11
+        url: '/api/invoice/apply?orders='+orders,
12
+        method: 'Post',
13
+        data:invoice,
14
+    })
15
+}
16
+export function GetNoInvOrders() {
17
+    return request({
18
+        url: '/api/invoice/noinvorders',
19
+        method: 'Get',
20
+    })
21
+}
22
+export function GetInvoices() {
23
+    return request({
24
+        url: '/api/invoices',
25
+        method: 'Get',
26
+    })
27
+}

+ 29 - 0
src/api/login.js 查看文件

@@ -0,0 +1,29 @@
1
+import request from '@/utils/request'
2
+
3
+export function loginByUsername(username, password) {
4
+  const data = {
5
+    username,
6
+    password
7
+  }
8
+  return request({
9
+    url: '/login/login',
10
+    method: 'post',
11
+    data
12
+  })
13
+}
14
+
15
+export function logout() {
16
+  return request({
17
+    url: '/login/logout',
18
+    method: 'post'
19
+  })
20
+}
21
+
22
+export function getUserInfo(token) {
23
+  return request({
24
+    url: '/user/info',
25
+    method: 'get',
26
+    params: { token }
27
+  })
28
+}
29
+

+ 38 - 0
src/api/login/login.js 查看文件

@@ -0,0 +1,38 @@
1
+import request from '@/utils/request'
2
+
3
+export function verifyToken(token) {
4
+  return request({
5
+    url: '/api/token/verify',
6
+    method: 'post',
7
+    params: {
8
+      'token': token
9
+    }
10
+  })
11
+}
12
+
13
+export function modifyAdminInfo(params) {
14
+  return request({
15
+    url: '/api/admin/edit_info',
16
+    method: 'post',
17
+    params: params,
18
+  })
19
+}
20
+
21
+export function getModifyPwdCode() {
22
+  return request({
23
+    url: '/api/password/code',
24
+    method: 'post',
25
+  })
26
+}
27
+
28
+export function modifyPassword(new_pwd, code) {
29
+  var params = {
30
+    password: new_pwd,
31
+    code: code,
32
+  }
33
+  return request({
34
+    url: '/api/password/modify',
35
+    method: 'post',
36
+    params: params,
37
+  })
38
+}

+ 676 - 0
src/api/manage.js 查看文件

@@ -0,0 +1,676 @@
1
+import request from "@/utils/request";
2
+
3
+export function getAllSubregion(params) {
4
+  console.log("params", params);
5
+  return request({
6
+    url: "/api/management/getallsubregion",
7
+    method: "Get",
8
+    params: params
9
+  });
10
+}
11
+
12
+export function SaveManageInfo(data) {
13
+  return request({
14
+    url: "/api/management/savemanageinfo",
15
+    method: "Post",
16
+    data: data
17
+  });
18
+}
19
+
20
+export function getAllMachineInfo(
21
+  page,
22
+  limit,
23
+  searchKey,
24
+  zoneid,
25
+  equipmentid,
26
+  statusid
27
+) {
28
+  const params = {
29
+    page: page,
30
+    limit: limit,
31
+    searchKey: searchKey,
32
+    zoneid: zoneid,
33
+    equipmentid: equipmentid,
34
+    statusid: statusid
35
+  };
36
+  return request({
37
+    url: "/api/management/getallmachineinfo",
38
+    method: "Get",
39
+    params: params
40
+  });
41
+}
42
+
43
+export function getAllMachine(zoneid, deviceid) {
44
+  const params = {
45
+    zoneid: zoneid,
46
+    deviceid: deviceid
47
+  };
48
+  return request({
49
+    url: "/api/management/getallmachine",
50
+    method: "Get",
51
+    params: params
52
+  });
53
+}
54
+
55
+export function getMachineDetailById(id, params) {
56
+  return request({
57
+    url: "/api/management/getmachinedetail?id=" + id,
58
+    method: "Get",
59
+    params: params
60
+  });
61
+}
62
+
63
+export function UpdateMachineInfo(data) {
64
+  console.log("data", data);
65
+  return request({
66
+    url: "/api/management/updatemachineinfo",
67
+    method: "Post",
68
+    data: data
69
+  });
70
+}
71
+
72
+export function UpdateMachineInfoTwo(data) {
73
+  console.log("data", data);
74
+  return request({
75
+    url: "/api/management/updatemachineinfotwo",
76
+    method: "post",
77
+    data: data
78
+  });
79
+}
80
+
81
+export function getAllEquimentName(params) {
82
+  return request({
83
+    url: "/api/management/getallequimentname",
84
+    method: "Get",
85
+    params: params
86
+  });
87
+}
88
+
89
+export function savePlan(data, id) {
90
+  return request({
91
+    url: "/api/management/saveplan?id=" + id,
92
+    method: "Post",
93
+    data: data
94
+  });
95
+}
96
+
97
+export function getAllPlan(params) {
98
+  return request({
99
+    url: "/api/management/getallplan",
100
+    method: "Get",
101
+    params: params
102
+  });
103
+}
104
+
105
+export function getAllPlanDetail(unitype) {
106
+  // eslint-disable-next-line no-redeclare
107
+  const params = {
108
+    unitype: unitype
109
+  };
110
+  return request({
111
+    url: "/api/management/getallplandetail",
112
+    method: "Get",
113
+    params: params
114
+  });
115
+}
116
+
117
+export function getEditMachine(id, params) {
118
+  return request({
119
+    url: "/api/management/geteditmachine?id=" + id,
120
+    method: "Get",
121
+    params: params
122
+  });
123
+}
124
+
125
+export function DeletePlans(data) {
126
+  return request({
127
+    url: "/api/staff/deleteplans",
128
+    method: "delete",
129
+    data: data
130
+  });
131
+}
132
+
133
+export function EditPlanDetail(id, params) {
134
+  return request({
135
+    url: "/api/manage/editplandetail?id=" + id,
136
+    method: "get",
137
+    params: params
138
+  });
139
+}
140
+
141
+export function UpdatePlanInfo(data) {
142
+  return request({
143
+    url: "/api/manage/updateplaninfo",
144
+    method: "Post",
145
+    data: data
146
+  });
147
+}
148
+
149
+export function getComprehensive(params) {
150
+  return request({
151
+    url: "/api/manage/getcomprehensive",
152
+    method: "Get",
153
+    params: params
154
+  });
155
+}
156
+
157
+export function SaveInformation(eid, data) {
158
+  return request({
159
+    url: "/api/manage/saveinformation?eid=" + eid,
160
+    method: "Post",
161
+    data: data
162
+  });
163
+}
164
+
165
+export function getPatientInfo(id, params) {
166
+  return request({
167
+    url: "/api/manage/getpatientinfo?id=" + id,
168
+    method: "Get",
169
+    params: params
170
+  });
171
+}
172
+
173
+export function ChangeClass(equitid, id) {
174
+  const params = {
175
+    equitid: equitid,
176
+    id: id
177
+  };
178
+  return request({
179
+    url: "/api/manage/changeclass",
180
+    method: "Get",
181
+    params: params
182
+  });
183
+}
184
+
185
+export function changePatient(equitid, id) {
186
+  const params = {
187
+    equitid: equitid,
188
+    id: id
189
+  };
190
+  return request({
191
+    url: "/api/manage/changepatient",
192
+    method: "Get",
193
+    params: params
194
+  });
195
+}
196
+
197
+export function getAllOrganization(params) {
198
+  return request({
199
+    url: "/api/manage/getallorganization",
200
+    method: "Get",
201
+    params: params
202
+  });
203
+}
204
+
205
+export function getUserRegister(id, params) {
206
+  return request({
207
+    url: "/api/manage/getregisterinfo?id=" + id,
208
+    method: "Get",
209
+    params: params
210
+  });
211
+}
212
+
213
+export function getInformationData(limit, page) {
214
+  const params = {
215
+    limit: limit,
216
+    page: page
217
+  };
218
+  return request({
219
+    url: "/api/manage/getinformationdata",
220
+    method: "Get",
221
+    params: params
222
+  });
223
+}
224
+
225
+export function SaveBacteria(id, data) {
226
+  return request({
227
+    url: "/api/manage/savebacteria?id=" + id,
228
+    method: "Post",
229
+    data: data
230
+  });
231
+}
232
+
233
+export function SaveLincomycin(id, data) {
234
+  return request({
235
+    url: "/api/manage/savelincomycin?id=" + id,
236
+    method: "Post",
237
+    data: data
238
+  });
239
+}
240
+
241
+export function SaveQualityControl(id, data) {
242
+  return request({
243
+    url: "/api/manage/savequalitycontrol?id=" + id,
244
+    method: "Post",
245
+    data: data
246
+  });
247
+}
248
+
249
+export function getOrgName(params) {
250
+  return request({
251
+    url: "/api/manage/getorgname",
252
+    method: "Get",
253
+    params: params
254
+  });
255
+}
256
+
257
+export function getAllQulityInfo(params) {
258
+  return request({
259
+    url: "/api/manage/getallqulityinfo",
260
+    method: "Get",
261
+    params: params
262
+  });
263
+}
264
+
265
+export function EditCulture(id, userid) {
266
+  const params = {
267
+    id: id,
268
+    userid: userid
269
+  };
270
+  return request({
271
+    url: "/api/manage/editculture",
272
+    method: "Get",
273
+    params: params
274
+  });
275
+}
276
+
277
+export function UpdateCulture(data) {
278
+  return request({
279
+    url: "/api/manage/updateculture",
280
+    method: "Post",
281
+    data: data
282
+  });
283
+}
284
+
285
+export function DeleteCultrue(data) {
286
+  return request({
287
+    url: "/api/manage/deletecultrue",
288
+    method: "delete",
289
+    data: data
290
+  });
291
+}
292
+
293
+export function EditDialyState(id, params) {
294
+  return request({
295
+    url: "/api/manage/editdialystate?id=" + id,
296
+    method: "Get",
297
+    params: params
298
+  });
299
+}
300
+
301
+export function UpdateDialyState(data) {
302
+  return request({
303
+    url: "/api/manage/updatedialystate",
304
+    method: "post",
305
+    data: data
306
+  });
307
+}
308
+
309
+export function DeleteDialystate(data) {
310
+  return request({
311
+    url: "/api/manage/deletedialystate",
312
+    method: "delete",
313
+    data: data
314
+  });
315
+}
316
+
317
+export function EditIon(id, params) {
318
+  return request({
319
+    url: "/api/manage/edition?id=" + id,
320
+    method: "Get",
321
+    params: params
322
+  });
323
+}
324
+
325
+export function UpdateIon(data) {
326
+  return request({
327
+    url: "/api/manage/updateion",
328
+    method: "Post",
329
+    data: data
330
+  });
331
+}
332
+
333
+export function DeleteIon(data) {
334
+  return request({
335
+    url: "/api/manage/deleteion",
336
+    method: "delete",
337
+    data: data
338
+  });
339
+}
340
+
341
+export function queryTable(bedid, startime, endtime) {
342
+  const params = {
343
+    bedid: bedid,
344
+    startime: startime,
345
+    endtime: endtime
346
+  };
347
+  return request({
348
+    url: "/api/manage/query",
349
+    method: "Get",
350
+    params: params
351
+  });
352
+}
353
+
354
+export function SaveRepair(id, data) {
355
+  return request({
356
+    url: "/api/manage/saverepair?id=" + id,
357
+    method: "post",
358
+    data: data
359
+  });
360
+}
361
+
362
+export function getAllRepair(limit, page) {
363
+  const params = {
364
+    limit: limit,
365
+    page: page
366
+  };
367
+  return request({
368
+    url: "/api/manage/getallrepair",
369
+    method: "Get",
370
+    params: params
371
+  });
372
+}
373
+
374
+export function EditRepair(id, params) {
375
+  return request({
376
+    url: "/api/manage/editrepair?id=" + id,
377
+    method: "Get",
378
+    params: params
379
+  });
380
+}
381
+
382
+export function UpdateRepair(data) {
383
+  return request({
384
+    url: "/api/manage/updaterepair",
385
+    method: "Post",
386
+    data: data
387
+  });
388
+}
389
+
390
+export function DeleteRepair(data) {
391
+  return request({
392
+    url: "/api/manage/deleterepair",
393
+    method: "delete",
394
+    data: data
395
+  });
396
+}
397
+
398
+export function queryRepair(bedid, startime, endtime) {
399
+  const params = {
400
+    bedid: bedid,
401
+    startime: startime,
402
+    endtime: endtime
403
+  };
404
+
405
+  return request({
406
+    url: "/api/manage/queryrepair",
407
+    method: "Get",
408
+    params: params
409
+  });
410
+}
411
+
412
+export function EditUser(id, patientid) {
413
+  const params = {
414
+    id: id,
415
+    patientid: patientid
416
+  };
417
+  return request({
418
+    url: "/api/manage/edituser",
419
+    method: "Get",
420
+    params: params
421
+  });
422
+}
423
+
424
+export function DeleteUserform(data) {
425
+  return request({
426
+    url: "/api/manage/deleteform",
427
+    method: "delete",
428
+    data: data
429
+  });
430
+}
431
+
432
+export function UpdateForm(data) {
433
+  return request({
434
+    url: "/api/manage/updateform",
435
+    method: "post",
436
+    data: data
437
+  });
438
+}
439
+
440
+export function queryInfo(zone, bed, startime, endtime, limit, page) {
441
+  const params = {
442
+    zone: zone,
443
+    bed: bed,
444
+    startime: startime,
445
+    endtime: endtime,
446
+    limit: limit,
447
+    page: page
448
+  };
449
+  return request({
450
+    url: "/api/manage/queryinfo",
451
+    method: "Get",
452
+    params: params
453
+  });
454
+}
455
+
456
+export function getAutoData(id, params) {
457
+  return request({
458
+    url: "/api/manage/insertautodata?id=" + id,
459
+    method: "Get",
460
+    params: params
461
+  });
462
+}
463
+
464
+export function getAllEquitType(params) {
465
+  return request({
466
+    url: "/api/manage/getallequittype",
467
+    method: "Get",
468
+    params: params
469
+  });
470
+}
471
+
472
+export function getUserForm(id, limit, page) {
473
+  const params = {
474
+    id: id,
475
+    limit: limit,
476
+    page: page
477
+  };
478
+  return request({
479
+    url: "/api/manage/getuserform",
480
+    method: "Get",
481
+    params: params
482
+  });
483
+}
484
+
485
+export function UpdateMacheineTwo(data) {
486
+  return request({
487
+    url: "/api/manage/updatemacheinettwo",
488
+    method: "post",
489
+    data: data
490
+  });
491
+}
492
+
493
+export function getBedForm(id, params) {
494
+  return request({
495
+    url: "/api/manage/getbedform?id=" + id,
496
+    method: "get",
497
+    params: params
498
+  });
499
+}
500
+
501
+export function getTotalCount(params) {
502
+  return request({
503
+    url: "/api/manage/gettotalcount",
504
+    method: "Get",
505
+    params: params
506
+  });
507
+}
508
+
509
+export function getTotalNumber(id, params) {
510
+  return request({
511
+    url: "/api/manage/getotalnumber?id=" + id,
512
+    method: "Get",
513
+    params: params
514
+  });
515
+}
516
+
517
+export function getTimeWarning(id, params) {
518
+  return request({
519
+    url: "/api/manage/gettimewarning?id=" + id,
520
+    method: "Get",
521
+    params: params
522
+  });
523
+}
524
+
525
+export function SaveManageInfoTwo(data, beds) {
526
+  console.log("data", beds);
527
+  return request({
528
+    url: "/api/manage/savemanageinfotwo?beds=" + beds,
529
+    method: "post",
530
+    data: data
531
+  });
532
+}
533
+
534
+export function getAllpatient(params) {
535
+  return request({
536
+    url: "/api/manage/getallpatient",
537
+    method: "get",
538
+    params: params
539
+  });
540
+}
541
+
542
+export function changeBed(id, params) {
543
+  return request({
544
+    url: "/api/manage/changebed?id=" + id,
545
+    method: "get",
546
+    params: params
547
+  });
548
+}
549
+
550
+export function getPatientDetail(id, params) {
551
+  return request({
552
+    url: "/api/manage/getpatientdetail?id=" + id,
553
+    method: "get",
554
+    params: params
555
+  });
556
+}
557
+
558
+export function changeRun(id, data) {
559
+  return request({
560
+    url: "/api/manage/changrun?id=" + id,
561
+    method: "post",
562
+    data: data
563
+  });
564
+}
565
+
566
+export function getRemanderData(params) {
567
+  return request({
568
+    url: "/api/manage/getremanderdata",
569
+    method: "get",
570
+    params: params
571
+  });
572
+}
573
+
574
+export function openDelete(id, params) {
575
+  return request({
576
+    url: "/api/manage/opendelete?id=" + id,
577
+    method: "delete",
578
+    params: params
579
+  });
580
+}
581
+
582
+export function DeleteUserLogin(id, params) {
583
+  return request({
584
+    url: "/api/manage/deleteuserlogin?id=" + id,
585
+    method: "delete",
586
+    params: params
587
+  });
588
+}
589
+
590
+export function DeleteCultrues(id, params) {
591
+  return request({
592
+    url: "/api/manage/deletecultrues?id=" + id,
593
+    method: "delete",
594
+    params: params
595
+  });
596
+}
597
+
598
+export function DeleteDialystates(id, params) {
599
+  return request({
600
+    url: "/api/manage/deletedialystates?id=" + id,
601
+    method: "delete",
602
+    params: params
603
+  });
604
+}
605
+
606
+export function DeleteIons(id, params) {
607
+  return request({
608
+    url: "/api/manage/deleteions?id=" + id,
609
+    method: "delete",
610
+    params: params
611
+  });
612
+}
613
+
614
+export function DeleteRepairs(id, params) {
615
+  return request({
616
+    url: "/api/manage/deleterepairs?id=" + id,
617
+    method: "delete",
618
+    params: params
619
+  });
620
+}
621
+
622
+export function SaveMode(data) {
623
+  return request({
624
+    url: "/api/manage/savemode",
625
+    method: "post",
626
+    data: data
627
+  });
628
+}
629
+
630
+export function getAllMode(params) {
631
+  return request({
632
+    url: "/api/manage/getallmode",
633
+    method: "get",
634
+    params: params
635
+  });
636
+}
637
+
638
+export function EditMode(id, params) {
639
+  return request({
640
+    url: "/api/manage/editmode?id=" + id,
641
+    method: "get",
642
+    params: params
643
+  });
644
+}
645
+
646
+export function UpdateMode(id, data) {
647
+  return request({
648
+    url: "/api/manage/updatemode?id=" + id,
649
+    method: "post",
650
+    data: data
651
+  });
652
+}
653
+
654
+export function DeleteMode(id, params) {
655
+  return request({
656
+    url: "/api/manage/deletemode?id=" + id,
657
+    method: "delete",
658
+    params: params
659
+  });
660
+}
661
+
662
+export function selectChange(id, params) {
663
+  return request({
664
+    url: '/api/manage/selectchange?id=' + id,
665
+    method: 'get',
666
+    params: params
667
+  })
668
+}
669
+
670
+export function selectBed(id, params) {
671
+  return request({
672
+    url: '/api/manage/selectbed?id=' + id,
673
+    method: 'get',
674
+    params: params
675
+  })
676
+}

+ 32 - 0
src/api/org/orginfo.js 查看文件

@@ -0,0 +1,32 @@
1
+import request from '@/utils/request'
2
+
3
+export function GetOrgInfo(){
4
+    return request({
5
+        url:'/api/orginfo/getinfo',
6
+        method:'get',
7
+    })
8
+}
9
+
10
+export function SaveOrgGallery(data){
11
+    return request({
12
+        url:'/api/orginfo/savegallery',
13
+        method:'Post',
14
+        data:data,
15
+    })
16
+}
17
+
18
+export function EditOrgInfo(data){
19
+    return request({
20
+        url:'/api/orginfo/edit',
21
+        method:'Post',
22
+        data:data,
23
+    })
24
+}
25
+
26
+export function DeleteOrgGallery(id){
27
+    return request({
28
+        url:'/api/orginfo/deletegallery',
29
+        method:'delete',
30
+        params:{id:id},
31
+    })
32
+}

+ 345 - 0
src/api/patient.js 查看文件

@@ -0,0 +1,345 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchList(params) {
4
+  return request({
5
+    url: '/api/patients',
6
+    method: 'get',
7
+    params: params
8
+  })
9
+}
10
+
11
+export function fetchAllList() {
12
+  return request({
13
+    url: '/api/patients/all',
14
+    method: 'get'
15
+  })
16
+}
17
+export function GetPatientTotal() {
18
+  return request({
19
+    url: '/api/patients/total',
20
+    method: 'get'
21
+  })
22
+}
23
+
24
+export function generateDialysisNo() {
25
+  return request({
26
+    url: '/api/patients/generatedialysisno',
27
+    method: 'get'
28
+  })
29
+}
30
+
31
+export function createPatient(patient) {
32
+  return request({
33
+    url: '/api/patients/create?record_date=' + patient.record_date + '&is_infectious=' + patient.is_infectious + '&remind_cycle=' + patient.remind_cycle,
34
+    method: 'post',
35
+    data: patient
36
+  })
37
+}
38
+export function editPatient(id, patient) {
39
+  return request({
40
+    url: '/api/patients/edit?id=' + id + '&record_date=' + patient.record_date + '&is_infectious=' + patient.is_infectious + '&remind_cycle=' + patient.remind_cycle,
41
+    method: 'put',
42
+    data: patient
43
+  })
44
+}
45
+export function fetchPatient(id) {
46
+  return request({
47
+    url: '/api/patients/get?id=' + id,
48
+    method: 'get'
49
+  })
50
+}
51
+
52
+export function fetchPatientDialysisSolutions(params) {
53
+  return request({
54
+    url: '/api/patients/dialysissolutions',
55
+    method: 'Get',
56
+    params: params
57
+  })
58
+}
59
+
60
+export function createPatientDialysisSolution(id, solution) {
61
+  return request({
62
+    url: '/api/patients/dialysissolution/create?patient=' + id,
63
+    method: 'post',
64
+    data: solution
65
+  })
66
+}
67
+
68
+export function editPatientDialysisSolution(patient, id, solution) {
69
+  return request({
70
+    url: '/api/patients/dialysissolution/edit?patient=' + patient + '&id=' + id,
71
+    method: 'put',
72
+    data: solution
73
+  })
74
+}
75
+
76
+export function createChildPatientDialysisSolution(id, solution) {
77
+  return request({
78
+    url: '/api/patients/dialysissolution/child/create?patient=' + id,
79
+    method: 'post',
80
+    data: solution
81
+  })
82
+}
83
+
84
+export function editChildPatientDialysisSolution(patient, id, solution) {
85
+  return request({
86
+    url: '/api/patients/dialysissolution/child/edit?patient=' + patient + '&id=' + id,
87
+    method: 'put',
88
+    data: solution
89
+  })
90
+}
91
+
92
+export function editDialysisSolutionDetail(patient, id, solution) {
93
+  return request({
94
+    url: '/api/patients/dialysissolution/detail/edit?patient=' + patient + '&id=' + id,
95
+    method: 'put',
96
+    data: solution
97
+  })
98
+}
99
+
100
+export function deleteDialysisSolution(id) {
101
+  return request({
102
+    url: '/api/patients/dialysissolution/delete?id=' + id,
103
+    method: 'delete'
104
+  })
105
+}
106
+
107
+export function createDryWeight(patient, weight) {
108
+  return request({
109
+    url: '/api/patients/dryweight/create?id=' + patient,
110
+    method: 'post',
111
+    data: weight
112
+  })
113
+}
114
+
115
+export function getDryWeights(params) {
116
+  return request({
117
+    url: '/api/patients/dryweight/get',
118
+    method: 'get',
119
+    params: params
120
+  })
121
+}
122
+
123
+export function getPatientDialysisRecords(params) {
124
+  return request({
125
+    url: '/api/patients/dialysisrecords',
126
+    method: 'get',
127
+    params: params
128
+  })
129
+}
130
+export function getPatientProEducation(params) {
131
+  return request({
132
+    url: '/api/patients/proeducation',
133
+    method: 'get',
134
+    params: params
135
+  })
136
+}
137
+
138
+export function getCourseOfDiseaseRecords(patient_id, start_time_ymd, end_time_ymd) {
139
+  var params = {
140
+    patient_id: patient_id,
141
+    start_time: start_time_ymd,
142
+    end_time: end_time_ymd
143
+  }
144
+  return request({
145
+    url: '/api/patient/courses',
146
+    method: 'get',
147
+    params: params
148
+  })
149
+}
150
+
151
+export function createCourseOfDiseaseRecord(patient_id, content, record_time, title) {
152
+  var params = {
153
+    patient_id: patient_id,
154
+    content: content,
155
+    record_time: record_time,
156
+    title: title
157
+  }
158
+  return request({
159
+    url: '/api/patient/course/create',
160
+    method: 'post',
161
+    params: params
162
+  })
163
+}
164
+
165
+export function modifyCourseOfDiseaseRecord(patient_id, content, record_time, id, title) {
166
+  console.log(title)
167
+  var params = {
168
+    patient_id: patient_id,
169
+    content: content,
170
+    record_time: record_time,
171
+    id: id,
172
+    title: title
173
+
174
+  }
175
+  return request({
176
+    url: '/api/patient/course/modify',
177
+    method: 'post',
178
+    params: params
179
+  })
180
+}
181
+
182
+export function getRescueRecords(patient_id, start_time_ymd, end_time_ymd) {
183
+  var params = {
184
+    patient_id: patient_id,
185
+    start_time: start_time_ymd,
186
+    end_time: end_time_ymd
187
+  }
188
+  return request({
189
+    url: '/api/patient/rescues',
190
+    method: 'get',
191
+    params: params
192
+  })
193
+}
194
+
195
+export function createRescueRecord(patient_id, content) {
196
+  var params = {
197
+    patient_id: patient_id,
198
+    content: content
199
+  }
200
+  return request({
201
+    url: '/api/patient/rescue/create',
202
+    method: 'post',
203
+    params: params
204
+  })
205
+}
206
+
207
+export function deleteCourseOfDiseaseRecords(patient_id, ids_str) {
208
+  var params = {
209
+    patient_id: patient_id,
210
+    ids: ids_str
211
+  }
212
+  return request({
213
+    url: '/api/patient/course/delete',
214
+    method: 'post',
215
+    params: params
216
+  })
217
+}
218
+
219
+export function deleteRescueRecords(patient_id, ids_str) {
220
+  var params = {
221
+    patient_id: patient_id,
222
+    ids: ids_str
223
+  }
224
+  return request({
225
+    url: '/api/patient/rescue/delete',
226
+    method: 'post',
227
+    params: params
228
+  })
229
+}
230
+
231
+export function EditLapseto(patient_id, data) {
232
+  return request({
233
+    url: '/api/patients/lapseto/edit?id=' + patient_id,
234
+    method: 'post',
235
+    data: data
236
+  })
237
+}
238
+
239
+export function PostSearch(keyword) {
240
+  return request({
241
+    url: '/api/patients/search?keyword=' + keyword,
242
+    method: 'post'
243
+
244
+  })
245
+}
246
+
247
+export function OpenView(id) {
248
+  return request({
249
+    url: '/api/patients/querypatientbyId',
250
+    method: 'Get',
251
+    params: {
252
+      id: id
253
+    }
254
+  })
255
+}
256
+
257
+export function code(id) {
258
+  return request({
259
+    url: '/api/patients/codebyId',
260
+    method: 'Get',
261
+    params: {
262
+      id: id
263
+    }
264
+  })
265
+}
266
+
267
+export function GetCoursePrintData(id) {
268
+  return request({
269
+    url: '/api/print/course',
270
+    method: 'Get',
271
+    params: {
272
+      id: id
273
+    }
274
+  })
275
+}
276
+
277
+export function GetRemind(params) {
278
+  return request({
279
+    url: '/api/infectious/remind',
280
+    method: 'Get',
281
+    params: params
282
+  })
283
+}
284
+
285
+export function PostRemind(params) {
286
+  return request({
287
+    url: '/api/remind/is_open',
288
+    method: 'Post',
289
+    params: params
290
+  })
291
+}
292
+
293
+export function getDryWeightData(patientid, params) {
294
+  console.log('patientid', patientid)
295
+  return request({
296
+    url: '/api/patient/getdryweightdata?patientid=' + patientid,
297
+    method: 'Get',
298
+    params: params
299
+  })
300
+}
301
+
302
+export function getAllDoctor(params) {
303
+  return request({
304
+    url: '/api/patient/getAllDoctor',
305
+    method: 'Get',
306
+    params: params
307
+  })
308
+}
309
+
310
+export function UpdateDryWeightData(params) {
311
+  console.log('我是傻子', params)
312
+  return request({
313
+    url: '/api/patient/updatedryweightdata',
314
+    method: 'Post',
315
+    params: params
316
+  })
317
+}
318
+
319
+export function getAllData(id, page, limit) {
320
+  console.log('id是什么', id)
321
+  console.log('page是什么', page)
322
+  console.log('limit是什么', limit)
323
+  const params = {
324
+    id: id,
325
+    page: page,
326
+    limit: limit
327
+  }
328
+  return request({
329
+    url: '/api/patient/getalldata',
330
+    method: 'Get',
331
+    params: params
332
+  })
333
+}
334
+
335
+
336
+
337
+
338
+
339
+
340
+
341
+
342
+
343
+
344
+
345
+

+ 24 - 0
src/api/print_data.js 查看文件

@@ -0,0 +1,24 @@
1
+import request from '@/utils/request'
2
+
3
+export function GetBatchPrintDialysisData(sch_ids) {
4
+  return request({
5
+    url: '/api/print/schedule/dialysis',
6
+    method: 'get',
7
+    params: {
8
+      ids: sch_ids
9
+    }
10
+  })
11
+}
12
+
13
+export function getLastAfterWeight(id, assmentdate) {
14
+  const params = {
15
+    id: id,
16
+    assmentdate: assmentdate
17
+  }
18
+  return request({
19
+    url: '/api/print/getlastafterweight',
20
+    method: 'get',
21
+    params: params
22
+  })
23
+}
24
+

+ 8 - 0
src/api/public.js 查看文件

@@ -0,0 +1,8 @@
1
+import request from '@/utils/request'
2
+
3
+export function GetServerTime(){
4
+    return request({
5
+        url:'/api/public/servertime',
6
+        method:'get',
7
+    })
8
+}

+ 111 - 0
src/api/qcd.js 查看文件

@@ -0,0 +1,111 @@
1
+import request from '@/utils/request'
2
+
3
+export function getdialysistotaldata(params) {
4
+  return request({
5
+    url: '/api/qcd/dialysistotaldata',
6
+    method: 'get',
7
+    params: params
8
+  })
9
+}
10
+export function GetProcessIndicatorsData(params) {
11
+  return request({
12
+    url: '/api/qcd/processindicatorsdata',
13
+    method: 'get',
14
+    params: params
15
+  })
16
+}
17
+export function GetOICData(params) {
18
+  return request({
19
+    url: '/api/qcd/oicdata',
20
+    method: 'get',
21
+    params: params
22
+  })
23
+}
24
+export function GetOIQData(params) {
25
+  return request({
26
+    url: '/api/qcd/oiqdata',
27
+    method: 'get',
28
+    params: params
29
+  })
30
+}
31
+export function GetPATotalData(params) {
32
+  return request({
33
+    url: '/api/qcd/patotaldata',
34
+    method: 'get',
35
+    params: params
36
+  })
37
+}
38
+export function GetPADialysisAgeData(params) {
39
+  return request({
40
+    url: '/api/qcd/padialysisagedata',
41
+    method: 'get',
42
+    params: params
43
+  })
44
+}
45
+export function GetPAWeightData(params) {
46
+  return request({
47
+    url: '/api/qcd/paweightdata',
48
+    method: 'get',
49
+    params: params
50
+  })
51
+}
52
+export function GetPABloodPressureData(params) {
53
+  return request({
54
+    url: '/api/qcd/pabloodpressuredata',
55
+    method: 'get',
56
+    params: params
57
+  })
58
+}
59
+export function GetPAComplicationData(params) {
60
+  return request({
61
+    url: '/api/qcd/pacomplicationdata',
62
+    method: 'get',
63
+    params: params
64
+  })
65
+}
66
+export function GetPAInfectiousDiseasesData(params) {
67
+  return request({
68
+    url: '/api/qcd/painfectiousdiseasesdata',
69
+    method: 'get',
70
+    params: params
71
+  })
72
+}
73
+export function GetPersonLapsetoData(params) {
74
+  return request({
75
+    url: '/api/qcd/papersonlapsetdata',
76
+    method: 'get',
77
+    params: params
78
+  })
79
+}
80
+export function GetPersonWeightData(params) {
81
+  return request({
82
+    url: '/api/qcd/papersonweightdata',
83
+    method: 'get',
84
+    params: params
85
+  })
86
+}
87
+export function GetPersonBloodPressureData(params) {
88
+  return request({
89
+    url: '/api/qcd/papersonbloodpressuredata',
90
+    method: 'get',
91
+    params: params
92
+  })
93
+}
94
+
95
+export function GetPersonICData(params) {
96
+  return request({
97
+    url: '/api/qcd/papersonicdata',
98
+    method: 'get',
99
+    params: params
100
+  })
101
+}
102
+
103
+
104
+export function GetPersonAdviceData(params) {
105
+  return request({
106
+    url: '/api/qcd/papersonadvicedata',
107
+    method: 'get',
108
+    params: params
109
+  })
110
+}
111
+

+ 8 - 0
src/api/qiniu.js 查看文件

@@ -0,0 +1,8 @@
1
+import request from '@/utils/request'
2
+
3
+export function getToken() {
4
+  return request({
5
+    url: '/api/qiniu/uptoken', // 假地址 自行替换
6
+    method: 'get'
7
+  })
8
+}

+ 9 - 0
src/api/remoteSearch.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function userSearch(name) {
4
+  return request({
5
+    url: '/search/user',
6
+    method: 'get',
7
+    params: { name }
8
+  })
9
+}

+ 99 - 0
src/api/role/admin.js 查看文件

@@ -0,0 +1,99 @@
1
+import request from '@/utils/request'
2
+
3
+export function adminMainView() {
4
+    return request({
5
+        url: '/api/adminmain',
6
+        method: 'get',
7
+    })
8
+}
9
+
10
+export function getAdmins(page) {
11
+    const params = {
12
+        page: page,
13
+    }
14
+    return request({
15
+        url: '/api/admins',
16
+        method: 'get',
17
+        params: params,
18
+    })
19
+}
20
+
21
+export function getAddAdminInitData() {
22
+    return request({
23
+        url: '/api/admin/addinit',
24
+        method: 'get',
25
+    })
26
+}
27
+
28
+export function addAdmin(mobile, name, type, title, role, intro) {
29
+    const params = {
30
+        mobile: mobile,
31
+        name: name, 
32
+        type: type, 
33
+        title: title, 
34
+        role: role, 
35
+        intro: intro,
36
+    }
37
+    return request({
38
+        url: '/api/admin/add',
39
+        method: 'post',
40
+        params: params,
41
+    })
42
+}
43
+
44
+export function getModifyAdminInitData(uid) {
45
+    const params = {
46
+        uid: uid,
47
+    }
48
+    return request({
49
+        url: '/api/admin/editinit',
50
+        method: 'get',
51
+        params: params,
52
+    })
53
+}
54
+
55
+export function modifyAdmin(uid, name, type, title, role, intro) {
56
+    const params = {
57
+        uid: uid,
58
+        name: name, 
59
+        type: type, 
60
+        title: title, 
61
+        role: role, 
62
+        intro: intro,
63
+    }
64
+    return request({
65
+        url: '/api/admin/edit',
66
+        method: 'post',
67
+        params: params,
68
+    })
69
+}
70
+
71
+export function setAdminStatus(uid, enable) {
72
+    const params = {
73
+        uid: uid,
74
+        enable: enable,
75
+    }
76
+    return request({
77
+        url: '/api/admin/setstatus',
78
+        method: 'post',
79
+        params: params,
80
+    })
81
+}
82
+
83
+export function getSpecialPermissionInitData() {
84
+    return request({
85
+        url: '/api/admin/specialpermission/initdata',
86
+        method: 'get',
87
+    })
88
+}
89
+
90
+export function submitDialysisRecordPermissionUsers(ids_str) {
91
+    const params = {
92
+        ids: ids_str,
93
+    }
94
+    return request({
95
+        url: '/api/admin/specialpermission/dialysisrecord/submit',
96
+        method: 'post',
97
+        params: params,
98
+    })
99
+}

+ 72 - 0
src/api/role/role.js 查看文件

@@ -0,0 +1,72 @@
1
+import request from '@/utils/request'
2
+
3
+export function getRoles(page) {
4
+    const params = {
5
+        page: page,
6
+    }
7
+    return request({
8
+        url: '/api/roles',
9
+        method: 'get',
10
+        params: params,
11
+    })
12
+}
13
+
14
+export function addRole(name, intro) {
15
+    const params = {
16
+        name: name,
17
+        intro: intro
18
+    }
19
+    return request({
20
+        url: '/api/role/create',
21
+        method: 'post',
22
+        params: params,
23
+    })
24
+}
25
+
26
+export function modifyRole(role_id, name, intro) {
27
+    const params = {
28
+        role_id: role_id,
29
+        name: name,
30
+        intro: intro
31
+    }
32
+    return request({
33
+        url: '/api/role/modify',
34
+        method: 'post',
35
+        params: params,
36
+    })
37
+}
38
+
39
+export function setRoleStatus(role_id, enable) {
40
+    const params = {
41
+        role_id: role_id,
42
+        enable: enable,
43
+    }
44
+    return request({
45
+        url: '/api/role/setstatus',
46
+        method: 'post',
47
+        params: params,
48
+    })
49
+}
50
+
51
+export function getEditPurviewInitData(role_id) {
52
+    const params = {
53
+        role_id: role_id,
54
+    }
55
+    return request({
56
+        url: '/role/purview/editinit',
57
+        method: 'get',
58
+        params: params,
59
+    })
60
+}
61
+
62
+export function editPurview(role_id, purview_ids) {
63
+    const params = {
64
+        role_id: role_id,
65
+        purview_ids: purview_ids,
66
+    }
67
+    return request({
68
+        url: '/role/purview/edit',
69
+        method: 'post',
70
+        params: params,
71
+    })
72
+}

+ 91 - 0
src/api/schedule.js 查看文件

@@ -0,0 +1,91 @@
1
+import request from '@/utils/request'
2
+
3
+export function getWeekPanels(t){
4
+    return request({
5
+        url:'/api/schedule/weekpanel?data='+t,
6
+        method:'get',
7
+    })
8
+}
9
+
10
+export function getSchedules(week){
11
+    return request({
12
+        url:'/api/schedule/schedules?weekTime=' + week,
13
+        method:'get',
14
+    })
15
+}
16
+
17
+export function getSchedulePatients(params){
18
+    return request({
19
+        url:'/api/schedule/patients',
20
+        method:'get',
21
+        params:params,
22
+    })
23
+}
24
+
25
+export function CreateSchedule(id, schedule){
26
+    return request({
27
+        url:'/api/schedule/create?patient_id='+id,
28
+        method:'Post',
29
+        data:schedule,
30
+    })
31
+}
32
+
33
+export function CancelSchedule(id) {
34
+    return request({
35
+        url:'/api/schedule/delete?id='+id,
36
+        method:"Delete",
37
+    });
38
+}
39
+
40
+export function ChangeSchedule(id, schedule){
41
+    return request({
42
+        url:'/api/schedule/change?id='+id,
43
+        method:'Put',
44
+        data:schedule,
45
+    })
46
+}
47
+
48
+export function GetPatientSchedules(id) {
49
+    return request({
50
+        url:'/api/patients/schedules?id='+id,
51
+        method:'Get',
52
+    })
53
+}
54
+
55
+export function GetWeekSchedulePrintInitData(date) {
56
+    return request({
57
+        url: '/api/schedule/print/initdata',
58
+        method: 'get',
59
+        params: { date: date },
60
+    })
61
+}
62
+
63
+
64
+export function getUrgentScheduleInitData(params) {
65
+  return request({
66
+    url: '/api/schedule/urgentinit',
67
+    method: 'Get',
68
+    params: params
69
+  })
70
+}
71
+
72
+
73
+
74
+export function getSearchResult(params) {
75
+  return request({
76
+    url: '/api/schedule/search',
77
+    method: 'Get',
78
+    params: params
79
+  })
80
+}
81
+
82
+
83
+
84
+
85
+export function getScheduleWeekDay(params) {
86
+  return request({
87
+    url: '/api/schedule/week',
88
+    method: 'Get',
89
+    params: params
90
+  })
91
+}

+ 33 - 0
src/api/schedule_template/patient.js 查看文件

@@ -0,0 +1,33 @@
1
+import request from '@/utils/request'
2
+
3
+export function getTemplateInitData() {
4
+  return request({
5
+    url: '/api/schtemp/p/initdata',
6
+    method: 'get',
7
+  })
8
+}
9
+
10
+export function setTemplateMode(mode) {
11
+  var params = {
12
+    mode: mode,
13
+  }
14
+  return request({
15
+    url: '/api/schtemp/p/setmode',
16
+    method: 'post',
17
+    params: params,
18
+  })
19
+}
20
+
21
+export function updateSchedules(template_id, add_schs, del_schs, change_schs) {
22
+  var params = {
23
+    template_id: template_id,
24
+    add_schs: add_schs,
25
+    del_schs: del_schs,
26
+    change_schs: change_schs,
27
+  }
28
+  return request({
29
+    url: '/api/schtemp/p/update_sch',
30
+    method: 'post',
31
+    params: params,
32
+  })
33
+}

+ 84 - 0
src/api/service.js 查看文件

@@ -0,0 +1,84 @@
1
+import request from '@/utils/request'
2
+
3
+
4
+export function getServiceList(params){
5
+  return request({
6
+    url:'/api/my/service',
7
+    method:'get',
8
+    params:params
9
+  })
10
+}
11
+
12
+export function getProduct(params){
13
+  return request({
14
+    url:'/api/product',
15
+    method:'get',
16
+    params:params
17
+  })
18
+}
19
+
20
+
21
+export function postOrderInfo(params){
22
+  return request({
23
+    url:'/api/order',
24
+    method:'post',
25
+    params:params
26
+  })
27
+}
28
+
29
+
30
+export function getPayUrl(params){
31
+  return request({
32
+    url:'/api/pay',
33
+    method:'get',
34
+    params:params
35
+  })
36
+}
37
+
38
+export function getOrderInfo(params){
39
+  return request({
40
+    url:'/api/order/get',
41
+    method:'get',
42
+    params:params
43
+  })
44
+}
45
+
46
+export function postOrderPayType(params){
47
+  return request({
48
+    url:'/api/pay/transfer',
49
+    method:'post',
50
+    params:params
51
+  })
52
+}
53
+
54
+export function cancleOrder(params){
55
+  return request({
56
+    url:'/api/order/cancel',
57
+    method:'post',
58
+    params:params
59
+  })
60
+}
61
+
62
+export function getOrderList(params){
63
+  return request({
64
+    url:'/api/order/list',
65
+    method:'get',
66
+    params:params
67
+  })
68
+}
69
+
70
+
71
+export function getHetong(order_id){
72
+  return request({
73
+    url:'/api/order/hetong?order_id='+order_id,
74
+    method:'get',
75
+  })
76
+}
77
+
78
+export function createHetong(order_id, het){
79
+  return request({
80
+    url:'/api/order/hetong?order_id='+order_id,
81
+    method:'Post',
82
+    data:het,
83
+  })
84
+}

+ 84 - 0
src/api/signandweigh.js 查看文件

@@ -0,0 +1,84 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchSignPatients(params) {
4
+  console.log('bbbbbbbbbbbbbbb号码')
5
+  console.log(params)
6
+  return request({
7
+    url: '/api/sign/patients',
8
+    method: 'Get',
9
+    params: params
10
+  })
11
+}
12
+
13
+export function getPatientSign(params) {
14
+  return request({
15
+    url: '/api/sign/patientsign',
16
+    method: 'get',
17
+    params: params
18
+  })
19
+}
20
+
21
+export function SignWeigh(params, data) {
22
+  return request({
23
+    url: '/api/signweign',
24
+    params: params,
25
+    data: data,
26
+    method: 'Post'
27
+  })
28
+}
29
+
30
+export function getDialysisInforInfomation(id) {
31
+  return request({
32
+    url: '/api/sign/getDialysisInforInfomation',
33
+    method: 'Get',
34
+    params: {
35
+      patient_id: id
36
+    }
37
+  })
38
+}
39
+
40
+export function getDialysisAfterInfomation(id) {
41
+  return request({
42
+    url: '/api/sign/getDialysisAfterInfomation',
43
+    method: 'Get',
44
+    params: {
45
+      patient_id: id
46
+    }
47
+  })
48
+}
49
+
50
+export function createdata(params) {
51
+  return request({
52
+    url: '/api/sign/savaData',
53
+    method: 'Post',
54
+    params: params
55
+  })
56
+}
57
+
58
+export function editdata(params) {
59
+  return request({
60
+    url: '/api/sign/editdata',
61
+    method: 'Post',
62
+    params: params
63
+  })
64
+}
65
+
66
+export function sighdata(params) {
67
+  console.log('好还哦')
68
+  console.log(params)
69
+  return request({
70
+    url: '/api/sigh/sighdata',
71
+    params: params,
72
+    method: 'Post'
73
+  })
74
+}
75
+
76
+export function updateSignweight(params) {
77
+  console.log('params是什么', params)
78
+  return request({
79
+    url: '/api/sign/updateSignweight',
80
+    params: params,
81
+    method: 'Post'
82
+  })
83
+}
84
+

+ 8 - 0
src/api/statistics.js 查看文件

@@ -0,0 +1,8 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchStatistics(){
4
+    return request({
5
+        url:'/api/statistisc/index',
6
+        method:'get',
7
+      })
8
+}

+ 564 - 0
src/api/stock.js 查看文件

@@ -0,0 +1,564 @@
1
+import request from '@/utils/request'
2
+
3
+export function createDealer(params) {
4
+  return request({
5
+    url: '/api/stock/dealer/create',
6
+    method: 'post',
7
+    params: params
8
+  })
9
+}
10
+
11
+export function modifyDealer(params) {
12
+  return request({
13
+    url: '/api/stock/dealer/modify',
14
+    method: 'post',
15
+    params: params
16
+  })
17
+}
18
+
19
+export function getDealersList(params) {
20
+  return request({
21
+    url: '/api/stock/dealer/list',
22
+    method: 'get',
23
+    params: params
24
+  })
25
+}
26
+
27
+export function deleteDealer(params) {
28
+  return request({
29
+    url: '/api/stock/dealer/delete',
30
+    method: 'post',
31
+    params: params
32
+  })
33
+}
34
+
35
+export function GetDealer(params) {
36
+  return request({
37
+    url: '/api/stock/dealer/get',
38
+    method: 'get',
39
+    params: params
40
+  })
41
+}
42
+
43
+export function createManufacturer(params) {
44
+  return request({
45
+    url: '/api/stock/manufacturer/create',
46
+    method: 'post',
47
+    params: params
48
+  })
49
+}
50
+
51
+export function modifyManufacturer(params) {
52
+  return request({
53
+    url: '/api/stock/manufacturer/modify',
54
+    method: 'post',
55
+    params: params
56
+  })
57
+}
58
+
59
+export function getManufacturerList(params) {
60
+  return request({
61
+    url: '/api/stock/manufacturer/list',
62
+    method: 'get',
63
+    params: params
64
+  })
65
+}
66
+
67
+export function deleteManufacturer(params) {
68
+  return request({
69
+    url: '/api/stock/manufacturer/delete',
70
+    method: 'post',
71
+    params: params
72
+  })
73
+}
74
+
75
+export function GetManufacturer(params) {
76
+  return request({
77
+    url: '/api/stock/manufacturer/get',
78
+    method: 'get',
79
+    params: params
80
+  })
81
+}
82
+
83
+export function createGoodType(params) {
84
+  return request({
85
+    url: '/api/stock/good/type/create',
86
+    method: 'post',
87
+    params: params
88
+  })
89
+}
90
+
91
+export function modifyGoodType(params) {
92
+  return request({
93
+    url: '/api/stock/good/type/modify',
94
+    method: 'post',
95
+    params: params
96
+  })
97
+}
98
+
99
+export function getGoodTypeList(params) {
100
+  return request({
101
+    url: '/api/stock/good/type/list',
102
+    method: 'get',
103
+    params: params
104
+  })
105
+}
106
+
107
+export function deleteGoodType(params) {
108
+  return request({
109
+    url: '/api/type/delete',
110
+    method: 'post',
111
+    params: params
112
+  })
113
+}
114
+
115
+export function GetGoodType(params) {
116
+  return request({
117
+    url: '/api/stock/good/type/get',
118
+    method: 'get',
119
+    params: params
120
+  })
121
+}
122
+
123
+export function createGoodInfo(params) {
124
+  return request({
125
+    url: '/api/stock/good/info/create',
126
+    method: 'post',
127
+    params: params
128
+  })
129
+}
130
+
131
+export function modifyGoodInfo(params) {
132
+  return request({
133
+    url: '/api/stock/good/info/modify',
134
+    method: 'post',
135
+    params: params
136
+  })
137
+}
138
+
139
+export function getGoodInfoList(params) {
140
+  return request({
141
+    url: '/api/stock/good/info/list',
142
+    method: 'get',
143
+    params: params
144
+  })
145
+}
146
+
147
+export function deleteGoodInfo(params) {
148
+  return request({
149
+    url: '/api/info/delete',
150
+    method: 'post',
151
+    params: params
152
+  })
153
+}
154
+
155
+export function GetGoodInfoByGoodId(params) {
156
+  return request({
157
+    url: '/api/stock/good/info/get',
158
+    method: 'get',
159
+    params: params
160
+  })
161
+}
162
+
163
+export function GetGoodInfo(params) {
164
+  return request({
165
+    url: '/api/stock/good/info',
166
+    method: 'get',
167
+    params: params
168
+  })
169
+}
170
+
171
+export function GetAllDeals(params) {
172
+  return request({
173
+    url: '/api/stock/dealer/all',
174
+    method: 'get',
175
+    params: params
176
+  })
177
+}
178
+
179
+export function GetAllManufacturer(params) {
180
+  return request({
181
+    url: '/api/stock/manufacturer/all',
182
+    method: 'get',
183
+    params: params
184
+  })
185
+}
186
+
187
+export function GetAllGoodType(params) {
188
+  return request({
189
+    url: '/api/stock/good/type/all',
190
+    method: 'get',
191
+    params: params
192
+  })
193
+}
194
+
195
+export function GetAllGoodInfo(params) {
196
+  return request({
197
+    url: '/api/stock/good/info/all',
198
+    method: 'get',
199
+    params: params
200
+  })
201
+}
202
+
203
+export function postWarehouse(params, warehousing_time, manufacturer_id, dealer_id, type) {
204
+  return request({
205
+    url: '/api/warehouse/create?warehousing_time=' + warehousing_time + '&manufacturer_id=' + manufacturer_id + '&dealer_id=' + dealer_id + '&type=' + type,
206
+    method: 'post',
207
+    data: params
208
+  })
209
+}
210
+
211
+export function getWarehouseList(params) {
212
+  return request({
213
+    url: '/api/warehouse/list',
214
+    method: 'get',
215
+    params: params
216
+  })
217
+}
218
+
219
+export function getWarehouseInfoList(params) {
220
+  return request({
221
+    url: '/api/warehouseinfo/list',
222
+    method: 'get',
223
+    params: params
224
+  })
225
+}
226
+
227
+export function postSalesReturn(params, salesReturnTime, salesReturnTotal, dealer_id, manufacturer_id, type) {
228
+  return request({
229
+    url: '/api/salesreturn/create?time=' + salesReturnTime + '&total=' + salesReturnTotal + '&dealer_id=' + dealer_id + '&manufacturer_id=' + manufacturer_id + '&type=' + type,
230
+    method: 'post',
231
+    data: params
232
+  })
233
+}
234
+
235
+export function getWarehouseInfo(params) {
236
+  return request({
237
+    url: '/api/info/get',
238
+    method: 'get',
239
+    params: params
240
+  })
241
+}
242
+
243
+export function getSalesReturnList(params) {
244
+  return request({
245
+    url: '/api/salesreturn/list',
246
+    method: 'get',
247
+    params: params
248
+  })
249
+}
250
+
251
+export function getSalesReturnInfoList(params) {
252
+  return request({
253
+    url: '/api/return/info',
254
+    method: 'get',
255
+    params: params
256
+  })
257
+}
258
+
259
+export function getAllWarehouseInfo(params) {
260
+  return request({
261
+    url: '/api/warehouseinfo',
262
+    method: 'get',
263
+    params: params
264
+  })
265
+}
266
+
267
+export function getWarehouseOutInfoList(params) {
268
+  return request({
269
+    url: '/api/stock/out/info',
270
+    method: 'get',
271
+    params: params
272
+  })
273
+}
274
+
275
+export function postWarehouseOut(params, warehousing_time, dealer_id, manufacturer_id, type) {
276
+  return request({
277
+    url: '/api/warehouseout/create?warehousing_out_time=' + warehousing_time + '&dealer_id=' + dealer_id + '&manufacturer_id=' + manufacturer_id + '&type=' + type,
278
+    method: 'post',
279
+    data: params
280
+  })
281
+}
282
+
283
+export function getWarehouseInfoCountByGoodId(params) {
284
+  return request({
285
+    url: '/api/info/count',
286
+    method: 'get',
287
+    params: params
288
+  })
289
+}
290
+
291
+export function getWarehouseInfoByGoodTypeId(params) {
292
+  return request({
293
+    url: '/api/warehouse/type',
294
+    method: 'get',
295
+    params: params
296
+  })
297
+}
298
+
299
+export function getCancelStockInfoList(params) {
300
+  return request({
301
+    url: '/api/cancel/info',
302
+    method: 'get',
303
+    params: params
304
+  })
305
+}
306
+
307
+export function getAllStockOutList(params) {
308
+  return request({
309
+    url: '/api/out/list',
310
+    method: 'get',
311
+    params: params
312
+  })
313
+}
314
+
315
+export function getAllStockQueryList(params) {
316
+  return request({
317
+    url: '/api/stock/query',
318
+    method: 'get',
319
+    params: params
320
+  })
321
+}
322
+
323
+export function getWarehouseInfoByOrdeNumber(params) {
324
+  return request({
325
+    url: '/api/stock/warehouse/get',
326
+    method: 'get',
327
+    params: params
328
+  })
329
+}
330
+
331
+export function modifyWarehouseInfo(params) {
332
+  return request({
333
+    url: '/api/warehouse/edit',
334
+    method: 'post',
335
+    params: params
336
+  })
337
+}
338
+
339
+export function deleteWarehouseInfo(params) {
340
+  return request({
341
+    url: '/api/warehouse/delete',
342
+    method: 'post',
343
+    params: params
344
+  })
345
+}
346
+
347
+export function getWarehouseOutInfoByOrdeNumber(params) {
348
+  return request({
349
+    url: '/api/stock/out/get',
350
+    method: 'get',
351
+    params: params
352
+  })
353
+}
354
+
355
+export function modifyWarehouseOutInfo(params) {
356
+  return request({
357
+    url: '/api/stock/out/edit',
358
+    method: 'post',
359
+    params: params
360
+  })
361
+}
362
+
363
+export function GetAllConfig() {
364
+  return request({
365
+    url: '/api/stock/config',
366
+    method: 'get'
367
+  })
368
+}
369
+
370
+export function GetAllGoodInfoByID(params) {
371
+  return request({
372
+    url: '/api/good/get',
373
+    method: 'get',
374
+    params: params
375
+
376
+  })
377
+}
378
+
379
+export function DeleteWarehouseInfoItem(params) {
380
+  return request({
381
+    url: '/api/warehouseinfo/delete',
382
+    method: 'post',
383
+    params: params
384
+
385
+  })
386
+}
387
+
388
+export function EditWarehouse(params, warehousing_time, id,type,manufacturer_id,dealer_id) {
389
+  return request({
390
+    url: '/api/warehouse/edit?warehousing_time=' + warehousing_time + '&id=' + id+"&type="+type+"&manufacturer_id="+manufacturer_id+"&dealer_id="+dealer_id,
391
+    method: 'post',
392
+    data: params
393
+  })
394
+}
395
+
396
+export function getSalesReturnConfig(params) {
397
+  return request({
398
+    url: '/api/return/config',
399
+    method: 'get',
400
+    params: params
401
+
402
+  })
403
+}
404
+
405
+export function deleteSalesReturn(params) {
406
+  return request({
407
+    url: '/api/salesreturn/delete',
408
+    method: 'post',
409
+    params: params
410
+  })
411
+}
412
+
413
+export function getSaleReturnInfoList(params) {
414
+  return request({
415
+    url: '/api/stock/salesReturn/list',
416
+    method: 'get',
417
+    params: params
418
+  })
419
+}
420
+
421
+export function getReturnList(params) {
422
+  return request({
423
+    url: '/api/salesreturninfo/list',
424
+    method: 'get',
425
+    params: params
426
+  })
427
+}
428
+export function deleteSalesReturnInfo(params) {
429
+  return request({
430
+    url: '/api/salesreturninfo/delete',
431
+    method: 'post',
432
+    params: params
433
+  })
434
+}
435
+
436
+export function editSalesReturnInfo(params, return_time, id,type,manufacturer_id,dealer_id) {
437
+  return request({
438
+    url: '/api/salesreturn/edit?return_time=' + return_time + '&id=' + id+"&type="+type+"&manufacturer_id="+manufacturer_id+"&dealer_id="+dealer_id,
439
+    method: 'post',
440
+    data: params
441
+  })
442
+}
443
+
444
+export function deleteWarehouseOut(params) {
445
+  return request({
446
+    url: '/api/warehouseout/delete',
447
+    method: 'post',
448
+    params: params
449
+  })
450
+}
451
+
452
+export function deleteWarehouseOutInfo(params) {
453
+  return request({
454
+    url: '/api/warehouseoutinfo/delete',
455
+    method: 'post',
456
+    params: params
457
+  })
458
+}
459
+
460
+export function getWarehouseOutList(params) {
461
+  return request({
462
+    url: '/api/warehouseout/list',
463
+    method: 'get',
464
+    params: params
465
+  })
466
+}
467
+
468
+export function getWarehouseOutInfo(params) {
469
+  return request({
470
+    url: '/api/warehouseout/info',
471
+    method: 'get',
472
+    params: params
473
+  })
474
+}
475
+
476
+export function editWarehouseoutInfo(params, warehouse_out_time, id,type,manufacturer_id,dealer_id) {
477
+  return request({
478
+    url: '/api/warehouseout/edit?warehouse_out_time=' + warehouse_out_time + '&id=' + id+"&type="+type+"&manufacturer_id="+manufacturer_id+"&dealer_id="+dealer_id,
479
+    method: 'post',
480
+    data: params
481
+  })
482
+}
483
+
484
+export function getCancelStockList(params) {
485
+  return request({
486
+    url: '/api/cancelstock/list',
487
+    method: 'get',
488
+    params: params
489
+  })
490
+}
491
+
492
+export function editCancelStockInfo(params, cancel_stock_time, id,type,manufacturer_id,dealer_id) {
493
+  return request({
494
+    url: '/api/cancelstockinfo/edit?cancel_time=' + cancel_stock_time + '&id=' + id+"&type="+type+"&manufacturer_id="+manufacturer_id+"&dealer_id=" + dealer_id,
495
+    method: 'post',
496
+    data: params
497
+  })
498
+}
499
+
500
+export function getCancelStockInfo(params) {
501
+  return request({
502
+    url: '/api/cancelstock/info',
503
+    method: 'get',
504
+    params: params
505
+  })
506
+}
507
+
508
+export function deleteCancelStock(params) {
509
+  return request({
510
+    url: '/api/cancelstock/delete',
511
+    method: 'post',
512
+    params: params
513
+  })
514
+}
515
+
516
+export function deleteCancelStockInfo(params) {
517
+  return request({
518
+    url: '/api/cancelstockinfo/delete',
519
+    method: 'post',
520
+    params: params
521
+  })
522
+}
523
+
524
+export function postCancelStock(params, cancelStockTime, manufacturer_id, dealer_id, type) {
525
+  return request({
526
+    url: '/api/cancelstock/create?time=' + cancelStockTime + '&manufacturer_id=' + manufacturer_id + '&dealer_id=' + dealer_id + '&type=' + type,
527
+    method: 'post',
528
+    data: params
529
+  })
530
+}
531
+export function getCancelStockConfig(params) {
532
+  return request({
533
+    url: '/api/cancelstockinfo/config',
534
+    method: 'get',
535
+    params: params
536
+  })
537
+}
538
+
539
+export function getStockDetail(params) {
540
+  return request({
541
+    url: '/api/stock/detail',
542
+    method: 'get',
543
+    params: params
544
+  })
545
+}
546
+
547
+
548
+
549
+export function getPrintStockGood(params) {
550
+  return request({
551
+    url: '/api/print/stock',
552
+    method: 'get',
553
+    params: params
554
+  })
555
+}
556
+
557
+
558
+export function getWarehouseOutUser(params) {
559
+  return request({
560
+    url: '/api/warehouseout/user',
561
+    method: 'get',
562
+    params: params
563
+  })
564
+}

+ 9 - 0
src/api/transaction.js 查看文件

@@ -0,0 +1,9 @@
1
+import request from '@/utils/request'
2
+
3
+export function fetchList(query) {
4
+  return request({
5
+    url: '/transaction/list',
6
+    method: 'get',
7
+    params: query
8
+  })
9
+}

二進制
src/assets/401_images/401.gif 查看文件


二進制
src/assets/404_images/404.png 查看文件


二進制
src/assets/404_images/404_cloud.png 查看文件


二進制
src/assets/custom-theme/fonts/element-icons.ttf 查看文件


二進制
src/assets/custom-theme/fonts/element-icons.woff 查看文件


文件差異過大導致無法顯示
+ 1 - 0
src/assets/custom-theme/index.css


+ 199 - 0
src/assets/echarts-macarons.js 查看文件

@@ -0,0 +1,199 @@
1
+/* eslint-disable */
2
+(function (root, factory) {
3
+    if (typeof define === 'function' && define.amd) {
4
+        // AMD. Register as an anonymous module.
5
+        define(['exports', 'echarts'], factory);
6
+    } else if (typeof exports === 'object' && typeof exports.nodeName !== 'string') {
7
+        // CommonJS
8
+        factory(exports, require('echarts'));
9
+    } else {
10
+        // Browser globals
11
+        factory({}, root.echarts);
12
+    }
13
+}(this, function (exports, echarts) {
14
+    var log = function (msg) {
15
+        if (typeof console !== 'undefined') {
16
+            console && console.error && console.error(msg);
17
+        }
18
+    };
19
+    if (!echarts) {
20
+        log('ECharts is not Loaded');
21
+        return;
22
+    }
23
+
24
+    var colorPalette = [
25
+        '#2ec7c9','#b6a2de','#5ab1ef','#ffb980','#d87a80',
26
+        '#8d98b3','#e5cf0d','#97b552','#95706d','#dc69aa',
27
+        '#07a2a4','#9a7fd1','#588dd5','#f5994e','#c05050',
28
+        '#59678c','#c9ab00','#7eb00a','#6f5553','#c14089'
29
+    ];
30
+
31
+
32
+    var theme = {
33
+        color: colorPalette,
34
+
35
+        title: {
36
+            textStyle: {
37
+                fontWeight: 'normal',
38
+                color: '#008acd'
39
+            }
40
+        },
41
+
42
+        visualMap: {
43
+            itemWidth: 15,
44
+            color: ['#5ab1ef','#e0ffff']
45
+        },
46
+
47
+        toolbox: {
48
+            iconStyle: {
49
+                normal: {
50
+                    borderColor: colorPalette[0]
51
+                }
52
+            }
53
+        },
54
+
55
+        tooltip: {
56
+            backgroundColor: 'rgba(50,50,50,0.5)',
57
+            axisPointer : {
58
+                type : 'line',
59
+                lineStyle : {
60
+                    color: '#008acd'
61
+                },
62
+                crossStyle: {
63
+                    color: '#008acd'
64
+                },
65
+                shadowStyle : {
66
+                    color: 'rgba(200,200,200,0.2)'
67
+                }
68
+            }
69
+        },
70
+
71
+        dataZoom: {
72
+            dataBackgroundColor: '#efefff',
73
+            fillerColor: 'rgba(182,162,222,0.2)',
74
+            handleColor: '#008acd'
75
+        },
76
+
77
+        grid: {
78
+            borderColor: '#eee'
79
+        },
80
+
81
+        categoryAxis: {
82
+            axisLine: {
83
+                lineStyle: {
84
+                    color: '#008acd'
85
+                }
86
+            },
87
+            splitLine: {
88
+                lineStyle: {
89
+                    color: ['#eee']
90
+                }
91
+            }
92
+        },
93
+
94
+        valueAxis: {
95
+            axisLine: {
96
+                lineStyle: {
97
+                    color: '#008acd'
98
+                }
99
+            },
100
+            splitArea : {
101
+                show : true,
102
+                areaStyle : {
103
+                    color: ['rgba(250,250,250,0.1)','rgba(200,200,200,0.1)']
104
+                }
105
+            },
106
+            splitLine: {
107
+                lineStyle: {
108
+                    color: ['#eee']
109
+                }
110
+            }
111
+        },
112
+
113
+        timeline : {
114
+            lineStyle : {
115
+                color : '#008acd'
116
+            },
117
+            controlStyle : {
118
+                normal : { color : '#008acd'},
119
+                emphasis : { color : '#008acd'}
120
+            },
121
+            symbol : 'emptyCircle',
122
+            symbolSize : 3
123
+        },
124
+
125
+        line: {
126
+            smooth : true,
127
+            symbol: 'emptyCircle',
128
+            symbolSize: 3
129
+        },
130
+
131
+        candlestick: {
132
+            itemStyle: {
133
+                normal: {
134
+                    color: '#d87a80',
135
+                    color0: '#2ec7c9',
136
+                    lineStyle: {
137
+                        color: '#d87a80',
138
+                        color0: '#2ec7c9'
139
+                    }
140
+                }
141
+            }
142
+        },
143
+
144
+        scatter: {
145
+            symbol: 'circle',
146
+            symbolSize: 4
147
+        },
148
+
149
+        map: {
150
+            label: {
151
+                normal: {
152
+                    textStyle: {
153
+                        color: '#d87a80'
154
+                    }
155
+                }
156
+            },
157
+            itemStyle: {
158
+                normal: {
159
+                    borderColor: '#eee',
160
+                    areaColor: '#ddd'
161
+                },
162
+                emphasis: {
163
+                    areaColor: '#fe994e'
164
+                }
165
+            }
166
+        },
167
+
168
+        graph: {
169
+            color: colorPalette
170
+        },
171
+
172
+        gauge : {
173
+            axisLine: {
174
+                lineStyle: {
175
+                    color: [[0.2, '#2ec7c9'],[0.8, '#5ab1ef'],[1, '#d87a80']],
176
+                    width: 10
177
+                }
178
+            },
179
+            axisTick: {
180
+                splitNumber: 10,
181
+                length :15,
182
+                lineStyle: {
183
+                    color: 'auto'
184
+                }
185
+            },
186
+            splitLine: {
187
+                length :22,
188
+                lineStyle: {
189
+                    color: 'auto'
190
+                }
191
+            },
192
+            pointer : {
193
+                width : 5
194
+            }
195
+        }
196
+    };
197
+
198
+    echarts.registerTheme('macarons', theme);
199
+}));

+ 3 - 0
src/assets/eventBus.js 查看文件

@@ -0,0 +1,3 @@
1
+import Vue from 'vue'
2
+
3
+export default new Vue()

二進制
src/assets/home/1.jpg 查看文件


二進制
src/assets/home/2.jpg 查看文件


二進制
src/assets/home/4.png 查看文件


二進制
src/assets/home/5.jpg 查看文件


二進制
src/assets/home/5.png 查看文件


二進制
src/assets/home/7.png 查看文件


二進制
src/assets/home/analyze.png 查看文件


二進制
src/assets/home/equipment.png 查看文件


二進制
src/assets/home/kuyi_wechat.jpg 查看文件


二進制
src/assets/home/prescription.png 查看文件


二進制
src/assets/home/record.png 查看文件


二進制
src/assets/home/scheduling.png 查看文件


二進制
src/assets/home/sick.png 查看文件


二進制
src/assets/home/template_five.png 查看文件


二進制
src/assets/home/template_seven.png 查看文件


二進制
src/assets/home/template_six.png 查看文件


二進制
src/assets/home/user.png 查看文件


二進制
src/assets/home/userData.png 查看文件


二進制
src/assets/home/wechat_qrcode.png 查看文件


+ 370 - 0
src/assets/icon/demo.css 查看文件

@@ -0,0 +1,370 @@
1
+*{margin: 0;padding: 0;list-style: none;}
2
+/*
3
+KISSY CSS Reset
4
+理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
5
+2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
6
+3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。
7
+特色:1. 适应中文;2. 基于最新主流浏览器。
8
+维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
9
+ */
10
+
11
+/** 清除内外边距 **/
12
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
13
+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
14
+pre, /* text formatting elements 文本格式元素 */
15
+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
16
+th, td /* table elements 表格元素 */ {
17
+  margin: 0;
18
+  padding: 0;
19
+}
20
+
21
+/** 设置默认字体 **/
22
+body,
23
+button, input, select, textarea /* for ie */ {
24
+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
25
+}
26
+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
27
+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
28
+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
29
+small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
30
+
31
+/** 重置列表元素 **/
32
+ul, ol { list-style: none; }
33
+
34
+/** 重置文本格式元素 **/
35
+a { text-decoration: none; }
36
+a:hover { text-decoration: underline; }
37
+
38
+
39
+/** 重置表单元素 **/
40
+legend { color: #000; } /* for ie6 */
41
+fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
42
+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
43
+/* 注:optgroup 无法扶正 */
44
+
45
+/** 重置表格元素 **/
46
+table { border-collapse: collapse; border-spacing: 0; }
47
+
48
+/* 清除浮动 */
49
+.ks-clear:after, .clear:after {
50
+  content: '\20';
51
+  display: block;
52
+  height: 0;
53
+  clear: both;
54
+}
55
+.ks-clear, .clear {
56
+  *zoom: 1;
57
+}
58
+
59
+.main {
60
+  padding: 30px 100px;
61
+width: 960px;
62
+margin: 0 auto;
63
+}
64
+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
65
+
66
+.helps{margin-top:40px;}
67
+.helps pre{
68
+  padding:20px;
69
+  margin:10px 0;
70
+  border:solid 1px #e7e1cd;
71
+  background-color: #fffdef;
72
+  overflow: auto;
73
+}
74
+
75
+.icon_lists{
76
+  width: 100% !important;
77
+
78
+}
79
+
80
+.icon_lists li{
81
+  float:left;
82
+  width: 100px;
83
+  height:180px;
84
+  text-align: center;
85
+  list-style: none !important;
86
+}
87
+.icon_lists .icon{
88
+  font-size: 42px;
89
+  line-height: 100px;
90
+  margin: 10px 0;
91
+  color:#333;
92
+  -webkit-transition: font-size 0.25s ease-out 0s;
93
+  -moz-transition: font-size 0.25s ease-out 0s;
94
+  transition: font-size 0.25s ease-out 0s;
95
+
96
+}
97
+.icon_lists .icon:hover{
98
+  font-size: 100px;
99
+}
100
+
101
+
102
+
103
+.markdown {
104
+  color: #666;
105
+  font-size: 14px;
106
+  line-height: 1.8;
107
+}
108
+
109
+.highlight {
110
+  line-height: 1.5;
111
+}
112
+
113
+.markdown img {
114
+  vertical-align: middle;
115
+  max-width: 100%;
116
+}
117
+
118
+.markdown h1 {
119
+  color: #404040;
120
+  font-weight: 500;
121
+  line-height: 40px;
122
+  margin-bottom: 24px;
123
+}
124
+
125
+.markdown h2,
126
+.markdown h3,
127
+.markdown h4,
128
+.markdown h5,
129
+.markdown h6 {
130
+  color: #404040;
131
+  margin: 1.6em 0 0.6em 0;
132
+  font-weight: 500;
133
+  clear: both;
134
+}
135
+
136
+.markdown h1 {
137
+  font-size: 28px;
138
+}
139
+
140
+.markdown h2 {
141
+  font-size: 22px;
142
+}
143
+
144
+.markdown h3 {
145
+  font-size: 16px;
146
+}
147
+
148
+.markdown h4 {
149
+  font-size: 14px;
150
+}
151
+
152
+.markdown h5 {
153
+  font-size: 12px;
154
+}
155
+
156
+.markdown h6 {
157
+  font-size: 12px;
158
+}
159
+
160
+.markdown hr {
161
+  height: 1px;
162
+  border: 0;
163
+  background: #e9e9e9;
164
+  margin: 16px 0;
165
+  clear: both;
166
+}
167
+
168
+.markdown p,
169
+.markdown pre {
170
+  margin: 1em 0;
171
+}
172
+
173
+.markdown > p,
174
+.markdown > blockquote,
175
+.markdown > .highlight,
176
+.markdown > ol,
177
+.markdown > ul {
178
+  width: 80%;
179
+}
180
+
181
+.markdown ul > li {
182
+  list-style: circle;
183
+}
184
+
185
+.markdown > ul li,
186
+.markdown blockquote ul > li {
187
+  margin-left: 20px;
188
+  padding-left: 4px;
189
+}
190
+
191
+.markdown > ul li p,
192
+.markdown > ol li p {
193
+  margin: 0.6em 0;
194
+}
195
+
196
+.markdown ol > li {
197
+  list-style: decimal;
198
+}
199
+
200
+.markdown > ol li,
201
+.markdown blockquote ol > li {
202
+  margin-left: 20px;
203
+  padding-left: 4px;
204
+}
205
+
206
+.markdown code {
207
+  margin: 0 3px;
208
+  padding: 0 5px;
209
+  background: #eee;
210
+  border-radius: 3px;
211
+}
212
+
213
+.markdown pre {
214
+  border-radius: 6px;
215
+  background: #f7f7f7;
216
+  padding: 20px;
217
+}
218
+
219
+.markdown pre code {
220
+  border: none;
221
+  background: #f7f7f7;
222
+  margin: 0;
223
+}
224
+
225
+.markdown strong,
226
+.markdown b {
227
+  font-weight: 600;
228
+}
229
+
230
+.markdown > table {
231
+  border-collapse: collapse;
232
+  border-spacing: 0px;
233
+  empty-cells: show;
234
+  border: 1px solid #e9e9e9;
235
+  width: 95%;
236
+  margin-bottom: 24px;
237
+}
238
+
239
+.markdown > table th {
240
+  white-space: nowrap;
241
+  color: #333;
242
+  font-weight: 600;
243
+
244
+}
245
+
246
+.markdown > table th,
247
+.markdown > table td {
248
+  border: 1px solid #e9e9e9;
249
+  padding: 8px 16px;
250
+  text-align: left;
251
+}
252
+
253
+.markdown > table th {
254
+  background: #F7F7F7;
255
+}
256
+
257
+.markdown blockquote {
258
+  font-size: 90%;
259
+  color: #999;
260
+  border-left: 4px solid #e9e9e9;
261
+  padding-left: 0.8em;
262
+  margin: 1em 0;
263
+  font-style: italic;
264
+}
265
+
266
+.markdown blockquote p {
267
+  margin: 0;
268
+}
269
+
270
+.markdown .anchor {
271
+  opacity: 0;
272
+  transition: opacity 0.3s ease;
273
+  margin-left: 8px;
274
+}
275
+
276
+.markdown .waiting {
277
+  color: #ccc;
278
+}
279
+
280
+.markdown h1:hover .anchor,
281
+.markdown h2:hover .anchor,
282
+.markdown h3:hover .anchor,
283
+.markdown h4:hover .anchor,
284
+.markdown h5:hover .anchor,
285
+.markdown h6:hover .anchor {
286
+  opacity: 1;
287
+  display: inline-block;
288
+}
289
+
290
+.markdown > br,
291
+.markdown > p > br {
292
+  clear: both;
293
+}
294
+
295
+
296
+.hljs {
297
+  display: block;
298
+  background: white;
299
+  padding: 0.5em;
300
+  color: #333333;
301
+  overflow-x: auto;
302
+}
303
+
304
+.hljs-comment,
305
+.hljs-meta {
306
+  color: #969896;
307
+}
308
+
309
+.hljs-string,
310
+.hljs-variable,
311
+.hljs-template-variable,
312
+.hljs-strong,
313
+.hljs-emphasis,
314
+.hljs-quote {
315
+  color: #df5000;
316
+}
317
+
318
+.hljs-keyword,
319
+.hljs-selector-tag,
320
+.hljs-type {
321
+  color: #a71d5d;
322
+}
323
+
324
+.hljs-literal,
325
+.hljs-symbol,
326
+.hljs-bullet,
327
+.hljs-attribute {
328
+  color: #0086b3;
329
+}
330
+
331
+.hljs-section,
332
+.hljs-name {
333
+  color: #63a35c;
334
+}
335
+
336
+.hljs-tag {
337
+  color: #333333;
338
+}
339
+
340
+.hljs-title,
341
+.hljs-attr,
342
+.hljs-selector-id,
343
+.hljs-selector-class,
344
+.hljs-selector-attr,
345
+.hljs-selector-pseudo {
346
+  color: #795da3;
347
+}
348
+
349
+.hljs-addition {
350
+  color: #55a532;
351
+  background-color: #eaffea;
352
+}
353
+
354
+.hljs-deletion {
355
+  color: #bd2c00;
356
+  background-color: #ffecec;
357
+}
358
+
359
+.hljs-link {
360
+  text-decoration: underline;
361
+}
362
+
363
+pre{
364
+  background: #fff;
365
+}
366
+
367
+
368
+
369
+
370
+

+ 52 - 0
src/assets/icon/demo_fontclass.html 查看文件

@@ -0,0 +1,52 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+    <link rel="stylesheet" href="iconfont.css">
9
+</head>
10
+<body>
11
+    <div class="main markdown">
12
+        <h1>IconFont 图标</h1>
13
+        <ul class="icon_lists clear">
14
+            
15
+                <li>
16
+                <i class="icon iconfont icon-activity"></i>
17
+                    <div class="name">activity</div>
18
+                    <div class="fontclass">.icon-activity</div>
19
+                </li>
20
+            
21
+                <li>
22
+                <i class="icon iconfont icon-editor"></i>
23
+                    <div class="name">editor</div>
24
+                    <div class="fontclass">.icon-editor</div>
25
+                </li>
26
+            
27
+        </ul>
28
+
29
+        <h2 id="font-class-">font-class引用</h2>
30
+        <hr>
31
+
32
+        <p>font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。</p>
33
+        <p>与unicode使用方式相比,具有如下特点:</p>
34
+        <ul>
35
+        <li>兼容性良好,支持ie8+,及所有现代浏览器。</li>
36
+        <li>相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。</li>
37
+        <li>因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。</li>
38
+        <li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li>
39
+        </ul>
40
+        <p>使用步骤如下:</p>
41
+        <h3 id="-fontclass-">第一步:引入项目下面生成的fontclass代码:</h3>
42
+
43
+
44
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
45
+        <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
46
+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
47
+        <blockquote>
48
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
49
+        </blockquote>
50
+    </div>
51
+</body>
52
+</html>

+ 79 - 0
src/assets/icon/demo_symbol.html 查看文件

@@ -0,0 +1,79 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+    <script src="iconfont.js"></script>
9
+
10
+    <style type="text/css">
11
+        .icon {
12
+          /* 通过设置 font-size 来改变图标大小 */
13
+          width: 1em; height: 1em;
14
+          /* 图标和文字相邻时,垂直对齐 */
15
+          vertical-align: -0.15em;
16
+          /* 通过设置 color 来改变 SVG 的颜色/fill */
17
+          fill: currentColor;
18
+          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
19
+             normalize.css 中也包含这行 */
20
+          overflow: hidden;
21
+        }
22
+
23
+    </style>
24
+</head>
25
+<body>
26
+    <div class="main markdown">
27
+        <h1>IconFont 图标</h1>
28
+        <ul class="icon_lists clear">
29
+            
30
+                <li>
31
+                    <svg class="icon" aria-hidden="true">
32
+                        <use xlink:href="#icon-activity"></use>
33
+                    </svg>
34
+                    <div class="name">activity</div>
35
+                    <div class="fontclass">#icon-activity</div>
36
+                </li>
37
+            
38
+                <li>
39
+                    <svg class="icon" aria-hidden="true">
40
+                        <use xlink:href="#icon-editor"></use>
41
+                    </svg>
42
+                    <div class="name">editor</div>
43
+                    <div class="fontclass">#icon-editor</div>
44
+                </li>
45
+            
46
+        </ul>
47
+
48
+
49
+        <h2 id="symbol-">symbol引用</h2>
50
+        <hr>
51
+
52
+        <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
53
+        这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:</p>
54
+        <ul>
55
+          <li>支持多色图标了,不再受单色限制。</li>
56
+          <li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li>
57
+          <li>兼容性较差,支持 ie9+,及现代浏览器。</li>
58
+          <li>浏览器渲染svg的性能一般,还不如png。</li>
59
+        </ul>
60
+        <p>使用步骤如下:</p>
61
+        <h3 id="-symbol-">第一步:引入项目下面生成的symbol代码:</h3>
62
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
63
+        <h3 id="-css-">第二步:加入通用css代码(引入一次就行):</h3>
64
+        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
65
+.icon {
66
+   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
67
+   vertical-align: <span class="hljs-number">-0.15</span>em;
68
+   fill: currentColor;
69
+   overflow: hidden;
70
+}
71
+&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
72
+        <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
73
+        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
74
+  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
75
+</span>&lt;<span class="hljs-regexp">/svg&gt;
76
+        </span></code></pre>
77
+    </div>
78
+</body>
79
+</html>

+ 90 - 0
src/assets/icon/demo_unicode.html 查看文件

@@ -0,0 +1,90 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+
9
+    <style type="text/css">
10
+
11
+        @font-face {font-family: "iconfont";
12
+          src: url('iconfont.eot'); /* IE9*/
13
+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
14
+          url('iconfont.woff') format('woff'), /* chrome, firefox */
15
+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
16
+          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
17
+        }
18
+
19
+        .iconfont {
20
+          font-family:"iconfont" !important;
21
+          font-size:16px;
22
+          font-style:normal;
23
+          -webkit-font-smoothing: antialiased;
24
+          -webkit-text-stroke-width: 0.2px;
25
+          -moz-osx-font-smoothing: grayscale;
26
+        }
27
+
28
+    </style>
29
+</head>
30
+<body>
31
+    <div class="main markdown">
32
+        <h1>IconFont 图标</h1>
33
+        <ul class="icon_lists clear">
34
+            
35
+                <li>
36
+                <i class="icon iconfont">&#xe6de;</i>
37
+                    <div class="name">activity</div>
38
+                    <div class="code">&amp;#xe6de;</div>
39
+                </li>
40
+            
41
+                <li>
42
+                <i class="icon iconfont">&#xe6f5;</i>
43
+                    <div class="name">editor</div>
44
+                    <div class="code">&amp;#xe6f5;</div>
45
+                </li>
46
+            
47
+        </ul>
48
+        <h2 id="unicode-">unicode引用</h2>
49
+        <hr>
50
+
51
+        <p>unicode是字体在网页端最原始的应用方式,特点是:</p>
52
+        <ul>
53
+        <li>兼容性最好,支持ie6+,及所有现代浏览器。</li>
54
+        <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
55
+        <li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。</li>
56
+        </ul>
57
+        <blockquote>
58
+        <p>注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式</p>
59
+        </blockquote>
60
+        <p>unicode使用步骤如下:</p>
61
+        <h3 id="-font-face">第一步:拷贝项目下面生成的font-face</h3>
62
+        <pre><code class="lang-js hljs javascript">@font-face {
63
+  font-family: <span class="hljs-string">'iconfont'</span>;
64
+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
65
+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
66
+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
67
+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
68
+  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
69
+}
70
+</code></pre>
71
+        <h3 id="-iconfont-">第二步:定义使用iconfont的样式</h3>
72
+        <pre><code class="lang-js hljs javascript">.iconfont{
73
+  font-family:<span class="hljs-string">"iconfont"</span> !important;
74
+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
75
+  -webkit-font-smoothing: antialiased;
76
+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
77
+  -moz-osx-font-smoothing: grayscale;
78
+}
79
+</code></pre>
80
+        <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
81
+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
82
+
83
+        <blockquote>
84
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
85
+        </blockquote>
86
+    </div>
87
+
88
+
89
+</body>
90
+</html>

+ 21 - 0
src/assets/icon/iconfont.css 查看文件

@@ -0,0 +1,21 @@
1
+
2
+@font-face {font-family: "iconfont";
3
+  src: url('iconfont.eot?t=1540390919997'); /* IE9*/
4
+  src: url('iconfont.eot?t=1540390919997#iefix') format('embedded-opentype'), /* IE6-IE8 */
5
+  url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAATgAAsAAAAAB5wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY9VEjnY21hcAAAAYAAAABWAAABhmnZ0opnbHlmAAAB2AAAARMAAAGARACD3GhlYWQAAALsAAAALwAAADYTDIYbaGhlYQAAAxwAAAAcAAAAJAfeA4RobXR4AAADOAAAAAwAAAAMDAAAAGxvY2EAAANEAAAACAAAAAgAfADAbWF4cAAAA0wAAAAfAAAAIAESAGRuYW1lAAADbAAAAUUAAAJtPlT+fXBvc3QAAAS0AAAAKgAAADvAZlSmeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye3Xv2lbnhfwNDDHMDQwNQmBEkBwABmQ22eJztkLERgDAMA99OSMExCAUDUTE6ZTZIHRQHtkB3b51lVwIWIIlDZLALY+hUapEn1shz/BS54fWurXf4XDLdSrhrFH5tMfd389HWZDRb2wR/AEzpFJIAAHicVU9NToNAFH7fTIRADCmU0oQWZWiHuNFUoO1KZePKA7gywaVXcGNX3sKkR8Eb9AJNunXnBaAORRt8mfd972/mfUMnRPtvXvCQdDqnO3qgRyKppSKa20Jm1+nA9ZLFDY7sBRByMs/iSAtwZAu6fYahuMXSvgJEssjiiYg01xt2Yh4C1SdYXpUrZ+yUyt9QlSz/y1ajKTAdsfzA9T3Ichxrf8BOnHKO7QfvNYVei2BP6395PK7eAwnIgL0Gsn5Wr6uzbomIkTJesB2d0gURvGQJpTPSobky0ga2sH+Fd7+WxfgyfRMzo++b9cZAYTlVibBZWe864h28GAZmpt836o3pXzZtlqvNaqAq28Hm2g+0Cz92AHicY2BkYGAA4uuNR03j+W2+MnCzMIDA9W8L2RH0/w8sDMwKQC4HAxNIFABGvAsNAHicY2BkYGBu+N/AEMPCAAJAkpEBFTADAEcJAmwEAAAABAAAAAQAAAAAAAAAAHwAwHicY2BkYGBgZohgYGUAASYg5gJCBob/YD4DABGmAXcAeJxlj01OwzAQhV/6B6QSqqhgh+QFYgEo/RGrblhUavdddN+mTpsqiSPHrdQDcB6OwAk4AtyAO/BIJ5s2lsffvHljTwDc4Acejt8t95E9XDI7cg0XuBeuU38QbpBfhJto41W4Rf1N2MczpsJtdGF5g9e4YvaEd2EPHXwI13CNT+E69S/hBvlbuIk7/Aq30PHqwj7mXle4jUcv9sdWL5xeqeVBxaHJIpM5v4KZXu+Sha3S6pxrW8QmU4OgX0lTnWlb3VPs10PnIhVZk6oJqzpJjMqt2erQBRvn8lGvF4kehCblWGP+tsYCjnEFhSUOjDFCGGSIyujoO1Vm9K+xQ8Jee1Y9zed0WxTU/3OFAQL0z1xTurLSeTpPgT1fG1J1dCtuy56UNJFezUkSskJe1rZUQuoBNmVXjhF6XNGJPyhnSP8ACVpuyAAAAHicY2BigAAuBuyAmZGJkZmRhYEjMbkksyyzpJItNSWzJL+IgQEAQDkGHgAA') format('woff'),
6
+  url('iconfont.ttf?t=1540390919997') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
7
+  url('iconfont.svg?t=1540390919997#iconfont') format('svg'); /* iOS 4.1- */
8
+}
9
+
10
+.iconfont {
11
+  font-family:"iconfont" !important;
12
+  font-size:16px;
13
+  font-style:normal;
14
+  -webkit-font-smoothing: antialiased;
15
+  -moz-osx-font-smoothing: grayscale;
16
+}
17
+
18
+.icon-activity:before { content: "\e6de"; }
19
+
20
+.icon-editor:before { content: "\e6f5"; }
21
+

二進制
src/assets/icon/iconfont.eot 查看文件


+ 1 - 0
src/assets/icon/iconfont.js 查看文件

@@ -0,0 +1 @@
1
+(function(window){var svgSprite='<svg><symbol id="icon-activity" viewBox="0 0 1024 1024"><path d="M800 845.088c0 1.76-0.736 2.784-0.096 2.88l-574.656 0.416C224.992 848.192 224 847.04 224 845.088v-477.12h576v477.12zM224 210.88c0-1.728 0.64-2.752 0.096-2.912H352V224a32 32 0 1 0 64 0v-16h192V224a32 32 0 1 0 64 0v-16h127.008a4.736 4.736 0 0 1 0.992 2.88V304H224V210.88zM799.84 144H672V128a32 32 0 0 0-64 0v16h-192V128a32 32 0 0 0-64 0v16H223.712C188.576 144 160 174.016 160 210.88V845.12c0 36.896 28.608 66.88 63.744 66.88h576.512c35.136 0 63.744-29.984 63.744-66.88V210.88c0-36.896-28.768-66.912-64.16-66.912z"  ></path><path d="M384 560h256a32 32 0 0 0 0-64h-256a32 32 0 0 0 0 64M384 720h256a32 32 0 0 0 0-64h-256a32 32 0 0 0 0 64"  ></path></symbol><symbol id="icon-editor" viewBox="0 0 1024 1024"><path d="M489.376 534.624a31.904 31.904 0 0 0 45.248 0l304-304a31.968 31.968 0 1 0-45.248-45.248l-304 304a31.968 31.968 0 0 0 0 45.248"  ></path><path d="M832 480a32 32 0 0 0-32 32l0.256 288L224 800.256 223.744 224H512a32 32 0 0 0 0-64H223.744A63.84 63.84 0 0 0 160 223.744v576.512C160 835.392 188.608 864 223.744 864h576.512A63.84 63.84 0 0 0 864 800.256V512a32 32 0 0 0-32-32"  ></path></symbol></svg>';var script=function(){var scripts=document.getElementsByTagName("script");return scripts[scripts.length-1]}();var shouldInjectCss=script.getAttribute("data-injectcss");var ready=function(fn){if(document.addEventListener){if(~["complete","loaded","interactive"].indexOf(document.readyState)){setTimeout(fn,0)}else{var loadFn=function(){document.removeEventListener("DOMContentLoaded",loadFn,false);fn()};document.addEventListener("DOMContentLoaded",loadFn,false)}}else if(document.attachEvent){IEContentLoaded(window,fn)}function IEContentLoaded(w,fn){var d=w.document,done=false,init=function(){if(!done){done=true;fn()}};var polling=function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(polling,50);return}init()};polling();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}};var before=function(el,target){target.parentNode.insertBefore(el,target)};var prepend=function(el,target){if(target.firstChild){before(el,target.firstChild)}else{target.appendChild(el)}};function appendSvg(){var div,svg;div=document.createElement("div");div.innerHTML=svgSprite;svgSprite=null;svg=div.getElementsByTagName("svg")[0];if(svg){svg.setAttribute("aria-hidden","true");svg.style.position="absolute";svg.style.width=0;svg.style.height=0;svg.style.overflow="hidden";prepend(svg,document.body)}}if(shouldInjectCss&&!window.__iconfont__svg__cssinject__){window.__iconfont__svg__cssinject__=true;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(e){console&&console.log(e)}}ready(appendSvg)})(window)

+ 32 - 0
src/assets/icon/iconfont.svg 查看文件

@@ -0,0 +1,32 @@
1
+<?xml version="1.0" standalone="no"?>
2
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3
+<!--
4
+2013-9-30: Created.
5
+-->
6
+<svg>
7
+<metadata>
8
+Created by iconfont
9
+</metadata>
10
+<defs>
11
+
12
+<font id="iconfont" horiz-adv-x="1024" >
13
+  <font-face
14
+    font-family="iconfont"
15
+    font-weight="500"
16
+    font-stretch="normal"
17
+    units-per-em="1024"
18
+    ascent="896"
19
+    descent="-128"
20
+  />
21
+    <missing-glyph />
22
+    
23
+    <glyph glyph-name="activity" unicode="&#59102;" d="M800 50.912c0-1.76-0.736-2.784-0.096-2.88l-574.656-0.416C224.992 47.808 224 48.96 224 50.912v477.12h576v-477.12zM224 685.12c0 1.728 0.64 2.752 0.096 2.912H352V672a32 32 0 1 1 64 0v16h192V672a32 32 0 1 1 64 0v16h127.008a4.736 4.736 0 0 0 0.992-2.88V592H224V685.12zM799.84 752H672V768a32 32 0 0 1-64 0v-16h-192V768a32 32 0 0 1-64 0v-16H223.712C188.576 752 160 721.984 160 685.12V50.88c0-36.896 28.608-66.88 63.744-66.88h576.512c35.136 0 63.744 29.984 63.744 66.88V685.12c0 36.896-28.768 66.912-64.16 66.912zM384 336h256a32 32 0 0 1 0 64h-256a32 32 0 0 1 0-64M384 176h256a32 32 0 0 1 0 64h-256a32 32 0 0 1 0-64"  horiz-adv-x="1024" />
24
+
25
+    
26
+    <glyph glyph-name="editor" unicode="&#59125;" d="M489.376 361.376a31.904 31.904 0 0 1 45.248 0l304 304a31.968 31.968 0 1 1-45.248 45.248l-304-304a31.968 31.968 0 0 1 0-45.248M832 416a32 32 0 0 1-32-32l0.256-288L224 95.744 223.744 672H512a32 32 0 0 1 0 64H223.744A63.84 63.84 0 0 1 160 672.256v-576.512C160 60.608 188.608 32 223.744 32h576.512A63.84 63.84 0 0 1 864 95.744V384a32 32 0 0 1-32 32"  horiz-adv-x="1024" />
27
+
28
+    
29
+
30
+
31
+  </font>
32
+</defs></svg>

二進制
src/assets/icon/iconfont.ttf 查看文件


二進制
src/assets/icon/iconfont.woff 查看文件


+ 370 - 0
src/assets/iconfont/demo.css 查看文件

@@ -0,0 +1,370 @@
1
+*{margin: 0;padding: 0;list-style: none;}
2
+/*
3
+KISSY CSS Reset
4
+理念:1. reset 的目的不是清除浏览器的默认样式,这仅是部分工作。清除和重置是紧密不可分的。
5
+2. reset 的目的不是让默认样式在所有浏览器下一致,而是减少默认样式有可能带来的问题。
6
+3. reset 期望提供一套普适通用的基础样式。但没有银弹,推荐根据具体需求,裁剪和修改后再使用。
7
+特色:1. 适应中文;2. 基于最新主流浏览器。
8
+维护:玉伯<lifesinger@gmail.com>, 正淳<ragecarrier@gmail.com>
9
+ */
10
+
11
+/** 清除内外边距 **/
12
+body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
13
+dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
14
+pre, /* text formatting elements 文本格式元素 */
15
+form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
16
+th, td /* table elements 表格元素 */ {
17
+  margin: 0;
18
+  padding: 0;
19
+}
20
+
21
+/** 设置默认字体 **/
22
+body,
23
+button, input, select, textarea /* for ie */ {
24
+  font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
25
+}
26
+h1, h2, h3, h4, h5, h6 { font-size: 100%; }
27
+address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
28
+code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
29
+small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */
30
+
31
+/** 重置列表元素 **/
32
+ul, ol { list-style: none; }
33
+
34
+/** 重置文本格式元素 **/
35
+a { text-decoration: none; }
36
+a:hover { text-decoration: underline; }
37
+
38
+
39
+/** 重置表单元素 **/
40
+legend { color: #000; } /* for ie6 */
41
+fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */
42
+button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
43
+/* 注:optgroup 无法扶正 */
44
+
45
+/** 重置表格元素 **/
46
+table { border-collapse: collapse; border-spacing: 0; }
47
+
48
+/* 清除浮动 */
49
+.ks-clear:after, .clear:after {
50
+  content: '\20';
51
+  display: block;
52
+  height: 0;
53
+  clear: both;
54
+}
55
+.ks-clear, .clear {
56
+  *zoom: 1;
57
+}
58
+
59
+.main {
60
+  padding: 30px 100px;
61
+width: 960px;
62
+margin: 0 auto;
63
+}
64
+.main h1{font-size:36px; color:#333; text-align:left;margin-bottom:30px; border-bottom: 1px solid #eee;}
65
+
66
+.helps{margin-top:40px;}
67
+.helps pre{
68
+  padding:20px;
69
+  margin:10px 0;
70
+  border:solid 1px #e7e1cd;
71
+  background-color: #fffdef;
72
+  overflow: auto;
73
+}
74
+
75
+.icon_lists{
76
+  width: 100% !important;
77
+
78
+}
79
+
80
+.icon_lists li{
81
+  float:left;
82
+  width: 100px;
83
+  height:180px;
84
+  text-align: center;
85
+  list-style: none !important;
86
+}
87
+.icon_lists .icon{
88
+  font-size: 42px;
89
+  line-height: 100px;
90
+  margin: 10px 0;
91
+  color:#333;
92
+  -webkit-transition: font-size 0.25s ease-out 0s;
93
+  -moz-transition: font-size 0.25s ease-out 0s;
94
+  transition: font-size 0.25s ease-out 0s;
95
+
96
+}
97
+.icon_lists .icon:hover{
98
+  font-size: 100px;
99
+}
100
+
101
+
102
+
103
+.markdown {
104
+  color: #666;
105
+  font-size: 14px;
106
+  line-height: 1.8;
107
+}
108
+
109
+.highlight {
110
+  line-height: 1.5;
111
+}
112
+
113
+.markdown img {
114
+  vertical-align: middle;
115
+  max-width: 100%;
116
+}
117
+
118
+.markdown h1 {
119
+  color: #404040;
120
+  font-weight: 500;
121
+  line-height: 40px;
122
+  margin-bottom: 24px;
123
+}
124
+
125
+.markdown h2,
126
+.markdown h3,
127
+.markdown h4,
128
+.markdown h5,
129
+.markdown h6 {
130
+  color: #404040;
131
+  margin: 1.6em 0 0.6em 0;
132
+  font-weight: 500;
133
+  clear: both;
134
+}
135
+
136
+.markdown h1 {
137
+  font-size: 28px;
138
+}
139
+
140
+.markdown h2 {
141
+  font-size: 22px;
142
+}
143
+
144
+.markdown h3 {
145
+  font-size: 16px;
146
+}
147
+
148
+.markdown h4 {
149
+  font-size: 14px;
150
+}
151
+
152
+.markdown h5 {
153
+  font-size: 12px;
154
+}
155
+
156
+.markdown h6 {
157
+  font-size: 12px;
158
+}
159
+
160
+.markdown hr {
161
+  height: 1px;
162
+  border: 0;
163
+  background: #e9e9e9;
164
+  margin: 16px 0;
165
+  clear: both;
166
+}
167
+
168
+.markdown p,
169
+.markdown pre {
170
+  margin: 1em 0;
171
+}
172
+
173
+.markdown > p,
174
+.markdown > blockquote,
175
+.markdown > .highlight,
176
+.markdown > ol,
177
+.markdown > ul {
178
+  width: 80%;
179
+}
180
+
181
+.markdown ul > li {
182
+  list-style: circle;
183
+}
184
+
185
+.markdown > ul li,
186
+.markdown blockquote ul > li {
187
+  margin-left: 20px;
188
+  padding-left: 4px;
189
+}
190
+
191
+.markdown > ul li p,
192
+.markdown > ol li p {
193
+  margin: 0.6em 0;
194
+}
195
+
196
+.markdown ol > li {
197
+  list-style: decimal;
198
+}
199
+
200
+.markdown > ol li,
201
+.markdown blockquote ol > li {
202
+  margin-left: 20px;
203
+  padding-left: 4px;
204
+}
205
+
206
+.markdown code {
207
+  margin: 0 3px;
208
+  padding: 0 5px;
209
+  background: #eee;
210
+  border-radius: 3px;
211
+}
212
+
213
+.markdown pre {
214
+  border-radius: 6px;
215
+  background: #f7f7f7;
216
+  padding: 20px;
217
+}
218
+
219
+.markdown pre code {
220
+  border: none;
221
+  background: #f7f7f7;
222
+  margin: 0;
223
+}
224
+
225
+.markdown strong,
226
+.markdown b {
227
+  font-weight: 600;
228
+}
229
+
230
+.markdown > table {
231
+  border-collapse: collapse;
232
+  border-spacing: 0px;
233
+  empty-cells: show;
234
+  border: 1px solid #e9e9e9;
235
+  width: 95%;
236
+  margin-bottom: 24px;
237
+}
238
+
239
+.markdown > table th {
240
+  white-space: nowrap;
241
+  color: #333;
242
+  font-weight: 600;
243
+
244
+}
245
+
246
+.markdown > table th,
247
+.markdown > table td {
248
+  border: 1px solid #e9e9e9;
249
+  padding: 8px 16px;
250
+  text-align: left;
251
+}
252
+
253
+.markdown > table th {
254
+  background: #F7F7F7;
255
+}
256
+
257
+.markdown blockquote {
258
+  font-size: 90%;
259
+  color: #999;
260
+  border-left: 4px solid #e9e9e9;
261
+  padding-left: 0.8em;
262
+  margin: 1em 0;
263
+  font-style: italic;
264
+}
265
+
266
+.markdown blockquote p {
267
+  margin: 0;
268
+}
269
+
270
+.markdown .anchor {
271
+  opacity: 0;
272
+  transition: opacity 0.3s ease;
273
+  margin-left: 8px;
274
+}
275
+
276
+.markdown .waiting {
277
+  color: #ccc;
278
+}
279
+
280
+.markdown h1:hover .anchor,
281
+.markdown h2:hover .anchor,
282
+.markdown h3:hover .anchor,
283
+.markdown h4:hover .anchor,
284
+.markdown h5:hover .anchor,
285
+.markdown h6:hover .anchor {
286
+  opacity: 1;
287
+  display: inline-block;
288
+}
289
+
290
+.markdown > br,
291
+.markdown > p > br {
292
+  clear: both;
293
+}
294
+
295
+
296
+.hljs {
297
+  display: block;
298
+  background: white;
299
+  padding: 0.5em;
300
+  color: #333333;
301
+  overflow-x: auto;
302
+}
303
+
304
+.hljs-comment,
305
+.hljs-meta {
306
+  color: #969896;
307
+}
308
+
309
+.hljs-string,
310
+.hljs-variable,
311
+.hljs-template-variable,
312
+.hljs-strong,
313
+.hljs-emphasis,
314
+.hljs-quote {
315
+  color: #df5000;
316
+}
317
+
318
+.hljs-keyword,
319
+.hljs-selector-tag,
320
+.hljs-type {
321
+  color: #a71d5d;
322
+}
323
+
324
+.hljs-literal,
325
+.hljs-symbol,
326
+.hljs-bullet,
327
+.hljs-attribute {
328
+  color: #0086b3;
329
+}
330
+
331
+.hljs-section,
332
+.hljs-name {
333
+  color: #63a35c;
334
+}
335
+
336
+.hljs-tag {
337
+  color: #333333;
338
+}
339
+
340
+.hljs-title,
341
+.hljs-attr,
342
+.hljs-selector-id,
343
+.hljs-selector-class,
344
+.hljs-selector-attr,
345
+.hljs-selector-pseudo {
346
+  color: #795da3;
347
+}
348
+
349
+.hljs-addition {
350
+  color: #55a532;
351
+  background-color: #eaffea;
352
+}
353
+
354
+.hljs-deletion {
355
+  color: #bd2c00;
356
+  background-color: #ffecec;
357
+}
358
+
359
+.hljs-link {
360
+  text-decoration: underline;
361
+}
362
+
363
+pre{
364
+  background: #fff;
365
+}
366
+
367
+
368
+
369
+
370
+

+ 544 - 0
src/assets/iconfont/demo_fontclass.html 查看文件

@@ -0,0 +1,544 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+    <link rel="stylesheet" href="iconfont.css">
9
+</head>
10
+<body>
11
+    <div class="main markdown">
12
+        <h1>IconFont 图标</h1>
13
+        <ul class="icon_lists clear">
14
+            
15
+                <li>
16
+                <i class="icon iconfont icon-76"></i>
17
+                    <div class="name">电话</div>
18
+                    <div class="fontclass">.icon-76</div>
19
+                </li>
20
+            
21
+                <li>
22
+                <i class="icon iconfont icon-dianhua1"></i>
23
+                    <div class="name">电话</div>
24
+                    <div class="fontclass">.icon-dianhua1</div>
25
+                </li>
26
+            
27
+                <li>
28
+                <i class="icon iconfont icon-wsmp-payuser"></i>
29
+                    <div class="name">会员</div>
30
+                    <div class="fontclass">.icon-wsmp-payuser</div>
31
+                </li>
32
+            
33
+                <li>
34
+                <i class="icon iconfont icon-jiankangshuidi"></i>
35
+                    <div class="name">健康 水滴</div>
36
+                    <div class="fontclass">.icon-jiankangshuidi</div>
37
+                </li>
38
+            
39
+                <li>
40
+                <i class="icon iconfont icon-iconbaocuo"></i>
41
+                    <div class="name">报错</div>
42
+                    <div class="fontclass">.icon-iconbaocuo</div>
43
+                </li>
44
+            
45
+                <li>
46
+                <i class="icon iconfont icon-dianhua"></i>
47
+                    <div class="name">电话</div>
48
+                    <div class="fontclass">.icon-dianhua</div>
49
+                </li>
50
+            
51
+                <li>
52
+                <i class="icon iconfont icon-morentouxiang"></i>
53
+                    <div class="name">225默认头像</div>
54
+                    <div class="fontclass">.icon-morentouxiang</div>
55
+                </li>
56
+            
57
+                <li>
58
+                <i class="icon iconfont icon-accessory"></i>
59
+                    <div class="name">accessory</div>
60
+                    <div class="fontclass">.icon-accessory</div>
61
+                </li>
62
+            
63
+                <li>
64
+                <i class="icon iconfont icon-add"></i>
65
+                    <div class="name">add</div>
66
+                    <div class="fontclass">.icon-add</div>
67
+                </li>
68
+            
69
+                <li>
70
+                <i class="icon iconfont icon-addition_fill"></i>
71
+                    <div class="name">addition_fill</div>
72
+                    <div class="fontclass">.icon-addition_fill</div>
73
+                </li>
74
+            
75
+                <li>
76
+                <i class="icon iconfont icon-addition"></i>
77
+                    <div class="name">addition</div>
78
+                    <div class="fontclass">.icon-addition</div>
79
+                </li>
80
+            
81
+                <li>
82
+                <i class="icon iconfont icon-addressbook_fill"></i>
83
+                    <div class="name">addressbook_fill</div>
84
+                    <div class="fontclass">.icon-addressbook_fill</div>
85
+                </li>
86
+            
87
+                <li>
88
+                <i class="icon iconfont icon-addressbook"></i>
89
+                    <div class="name">addressbook</div>
90
+                    <div class="fontclass">.icon-addressbook</div>
91
+                </li>
92
+            
93
+                <li>
94
+                <i class="icon iconfont icon-browse_fill"></i>
95
+                    <div class="name">browse_fill</div>
96
+                    <div class="fontclass">.icon-browse_fill</div>
97
+                </li>
98
+            
99
+                <li>
100
+                <i class="icon iconfont icon-brush"></i>
101
+                    <div class="name">brush</div>
102
+                    <div class="fontclass">.icon-brush</div>
103
+                </li>
104
+            
105
+                <li>
106
+                <i class="icon iconfont icon-brush_fill"></i>
107
+                    <div class="name">brush_fill</div>
108
+                    <div class="fontclass">.icon-brush_fill</div>
109
+                </li>
110
+            
111
+                <li>
112
+                <i class="icon iconfont icon-computer_fill"></i>
113
+                    <div class="name">computer_fill</div>
114
+                    <div class="fontclass">.icon-computer_fill</div>
115
+                </li>
116
+            
117
+                <li>
118
+                <i class="icon iconfont icon-computer"></i>
119
+                    <div class="name">computer</div>
120
+                    <div class="fontclass">.icon-computer</div>
121
+                </li>
122
+            
123
+                <li>
124
+                <i class="icon iconfont icon-coordinates_fill"></i>
125
+                    <div class="name">coordinates_fill</div>
126
+                    <div class="fontclass">.icon-coordinates_fill</div>
127
+                </li>
128
+            
129
+                <li>
130
+                <i class="icon iconfont icon-coordinates"></i>
131
+                    <div class="name">coordinates</div>
132
+                    <div class="fontclass">.icon-coordinates</div>
133
+                </li>
134
+            
135
+                <li>
136
+                <i class="icon iconfont icon-coupons_fill"></i>
137
+                    <div class="name">coupons_fill</div>
138
+                    <div class="fontclass">.icon-coupons_fill</div>
139
+                </li>
140
+            
141
+                <li>
142
+                <i class="icon iconfont icon-customerservice_fill"></i>
143
+                    <div class="name">customerservice_fill</div>
144
+                    <div class="fontclass">.icon-customerservice_fill</div>
145
+                </li>
146
+            
147
+                <li>
148
+                <i class="icon iconfont icon-customerservice"></i>
149
+                    <div class="name">customerservice</div>
150
+                    <div class="fontclass">.icon-customerservice</div>
151
+                </li>
152
+            
153
+                <li>
154
+                <i class="icon iconfont icon-document"></i>
155
+                    <div class="name">document</div>
156
+                    <div class="fontclass">.icon-document</div>
157
+                </li>
158
+            
159
+                <li>
160
+                <i class="icon iconfont icon-document_fill"></i>
161
+                    <div class="name">document_fill</div>
162
+                    <div class="fontclass">.icon-document_fill</div>
163
+                </li>
164
+            
165
+                <li>
166
+                <i class="icon iconfont icon-dynamic_fill"></i>
167
+                    <div class="name">dynamic_fill</div>
168
+                    <div class="fontclass">.icon-dynamic_fill</div>
169
+                </li>
170
+            
171
+                <li>
172
+                <i class="icon iconfont icon-editor"></i>
173
+                    <div class="name">editor</div>
174
+                    <div class="fontclass">.icon-editor</div>
175
+                </li>
176
+            
177
+                <li>
178
+                <i class="icon iconfont icon-emoji"></i>
179
+                    <div class="name">emoji</div>
180
+                    <div class="fontclass">.icon-emoji</div>
181
+                </li>
182
+            
183
+                <li>
184
+                <i class="icon iconfont icon-enter"></i>
185
+                    <div class="name">enter</div>
186
+                    <div class="fontclass">.icon-enter</div>
187
+                </li>
188
+            
189
+                <li>
190
+                <i class="icon iconfont icon-flag_fill"></i>
191
+                    <div class="name">flag_fill</div>
192
+                    <div class="fontclass">.icon-flag_fill</div>
193
+                </li>
194
+            
195
+                <li>
196
+                <i class="icon iconfont icon-flag"></i>
197
+                    <div class="name">flag</div>
198
+                    <div class="fontclass">.icon-flag</div>
199
+                </li>
200
+            
201
+                <li>
202
+                <i class="icon iconfont icon-group_fill"></i>
203
+                    <div class="name">group_fill</div>
204
+                    <div class="fontclass">.icon-group_fill</div>
205
+                </li>
206
+            
207
+                <li>
208
+                <i class="icon iconfont icon-headlines_fill"></i>
209
+                    <div class="name">headlines_fill</div>
210
+                    <div class="fontclass">.icon-headlines_fill</div>
211
+                </li>
212
+            
213
+                <li>
214
+                <i class="icon iconfont icon-homepage_fill"></i>
215
+                    <div class="name">homepage_fill</div>
216
+                    <div class="fontclass">.icon-homepage_fill</div>
217
+                </li>
218
+            
219
+                <li>
220
+                <i class="icon iconfont icon-homepage"></i>
221
+                    <div class="name">homepage</div>
222
+                    <div class="fontclass">.icon-homepage</div>
223
+                </li>
224
+            
225
+                <li>
226
+                <i class="icon iconfont icon-interactive_fill"></i>
227
+                    <div class="name">interactive_fill</div>
228
+                    <div class="fontclass">.icon-interactive_fill</div>
229
+                </li>
230
+            
231
+                <li>
232
+                <i class="icon iconfont icon-interactive"></i>
233
+                    <div class="name">interactive</div>
234
+                    <div class="fontclass">.icon-interactive</div>
235
+                </li>
236
+            
237
+                <li>
238
+                <i class="icon iconfont icon-label"></i>
239
+                    <div class="name">label</div>
240
+                    <div class="fontclass">.icon-label</div>
241
+                </li>
242
+            
243
+                <li>
244
+                <i class="icon iconfont icon-like_fill"></i>
245
+                    <div class="name">like_fill</div>
246
+                    <div class="fontclass">.icon-like_fill</div>
247
+                </li>
248
+            
249
+                <li>
250
+                <i class="icon iconfont icon-like"></i>
251
+                    <div class="name">like</div>
252
+                    <div class="fontclass">.icon-like</div>
253
+                </li>
254
+            
255
+                <li>
256
+                <i class="icon iconfont icon-lock"></i>
257
+                    <div class="name">lock</div>
258
+                    <div class="fontclass">.icon-lock</div>
259
+                </li>
260
+            
261
+                <li>
262
+                <i class="icon iconfont icon-mail"></i>
263
+                    <div class="name">mail</div>
264
+                    <div class="fontclass">.icon-mail</div>
265
+                </li>
266
+            
267
+                <li>
268
+                <i class="icon iconfont icon-manage"></i>
269
+                    <div class="name">manage</div>
270
+                    <div class="fontclass">.icon-manage</div>
271
+                </li>
272
+            
273
+                <li>
274
+                <i class="icon iconfont icon-message"></i>
275
+                    <div class="name">message</div>
276
+                    <div class="fontclass">.icon-message</div>
277
+                </li>
278
+            
279
+                <li>
280
+                <i class="icon iconfont icon-mine_fill"></i>
281
+                    <div class="name">mine_fill</div>
282
+                    <div class="fontclass">.icon-mine_fill</div>
283
+                </li>
284
+            
285
+                <li>
286
+                <i class="icon iconfont icon-mobilephone_fill"></i>
287
+                    <div class="name">mobilephone_fill</div>
288
+                    <div class="fontclass">.icon-mobilephone_fill</div>
289
+                </li>
290
+            
291
+                <li>
292
+                <i class="icon iconfont icon-mobilephone"></i>
293
+                    <div class="name">mobilephone</div>
294
+                    <div class="fontclass">.icon-mobilephone</div>
295
+                </li>
296
+            
297
+                <li>
298
+                <i class="icon iconfont icon-offline_fill"></i>
299
+                    <div class="name">offline_fill</div>
300
+                    <div class="fontclass">.icon-offline_fill</div>
301
+                </li>
302
+            
303
+                <li>
304
+                <i class="icon iconfont icon-offline"></i>
305
+                    <div class="name">offline</div>
306
+                    <div class="fontclass">.icon-offline</div>
307
+                </li>
308
+            
309
+                <li>
310
+                <i class="icon iconfont icon-order_fill"></i>
311
+                    <div class="name">order_fill</div>
312
+                    <div class="fontclass">.icon-order_fill</div>
313
+                </li>
314
+            
315
+                <li>
316
+                <i class="icon iconfont icon-other"></i>
317
+                    <div class="name">other</div>
318
+                    <div class="fontclass">.icon-other</div>
319
+                </li>
320
+            
321
+                <li>
322
+                <i class="icon iconfont icon-picture_fill"></i>
323
+                    <div class="name">picture_fill</div>
324
+                    <div class="fontclass">.icon-picture_fill</div>
325
+                </li>
326
+            
327
+                <li>
328
+                <i class="icon iconfont icon-prompt_fill"></i>
329
+                    <div class="name">prompt_fill</div>
330
+                    <div class="fontclass">.icon-prompt_fill</div>
331
+                </li>
332
+            
333
+                <li>
334
+                <i class="icon iconfont icon-qrcode_fill"></i>
335
+                    <div class="name">qrcode_fill</div>
336
+                    <div class="fontclass">.icon-qrcode_fill</div>
337
+                </li>
338
+            
339
+                <li>
340
+                <i class="icon iconfont icon-remind_fill"></i>
341
+                    <div class="name">remind_fill</div>
342
+                    <div class="fontclass">.icon-remind_fill</div>
343
+                </li>
344
+            
345
+                <li>
346
+                <i class="icon iconfont icon-remind"></i>
347
+                    <div class="name">remind</div>
348
+                    <div class="fontclass">.icon-remind</div>
349
+                </li>
350
+            
351
+                <li>
352
+                <i class="icon iconfont icon-return"></i>
353
+                    <div class="name">return</div>
354
+                    <div class="fontclass">.icon-return</div>
355
+                </li>
356
+            
357
+                <li>
358
+                <i class="icon iconfont icon-service_fill"></i>
359
+                    <div class="name">service_fill</div>
360
+                    <div class="fontclass">.icon-service_fill</div>
361
+                </li>
362
+            
363
+                <li>
364
+                <i class="icon iconfont icon-service"></i>
365
+                    <div class="name">service</div>
366
+                    <div class="fontclass">.icon-service</div>
367
+                </li>
368
+            
369
+                <li>
370
+                <i class="icon iconfont icon-setup_fill"></i>
371
+                    <div class="name">setup_fill</div>
372
+                    <div class="fontclass">.icon-setup_fill</div>
373
+                </li>
374
+            
375
+                <li>
376
+                <i class="icon iconfont icon-setup"></i>
377
+                    <div class="name">setup</div>
378
+                    <div class="fontclass">.icon-setup</div>
379
+                </li>
380
+            
381
+                <li>
382
+                <i class="icon iconfont icon-smallscreen"></i>
383
+                    <div class="name">smallscreen</div>
384
+                    <div class="fontclass">.icon-smallscreen</div>
385
+                </li>
386
+            
387
+                <li>
388
+                <i class="icon iconfont icon-success_fill"></i>
389
+                    <div class="name">success_fill</div>
390
+                    <div class="fontclass">.icon-success_fill</div>
391
+                </li>
392
+            
393
+                <li>
394
+                <i class="icon iconfont icon-success"></i>
395
+                    <div class="name">success</div>
396
+                    <div class="fontclass">.icon-success</div>
397
+                </li>
398
+            
399
+                <li>
400
+                <i class="icon iconfont icon-time_fill"></i>
401
+                    <div class="name">time_fill</div>
402
+                    <div class="fontclass">.icon-time_fill</div>
403
+                </li>
404
+            
405
+                <li>
406
+                <i class="icon iconfont icon-trash"></i>
407
+                    <div class="name">trash</div>
408
+                    <div class="fontclass">.icon-trash</div>
409
+                </li>
410
+            
411
+                <li>
412
+                <i class="icon iconfont icon-trash_fill"></i>
413
+                    <div class="name">trash_fill</div>
414
+                    <div class="fontclass">.icon-trash_fill</div>
415
+                </li>
416
+            
417
+                <li>
418
+                <i class="icon iconfont icon-undo"></i>
419
+                    <div class="name">undo</div>
420
+                    <div class="fontclass">.icon-undo</div>
421
+                </li>
422
+            
423
+                <li>
424
+                <i class="icon iconfont icon-workbench_fill"></i>
425
+                    <div class="name">workbench_fill</div>
426
+                    <div class="fontclass">.icon-workbench_fill</div>
427
+                </li>
428
+            
429
+                <li>
430
+                <i class="icon iconfont icon-daoru"></i>
431
+                    <div class="name">导入</div>
432
+                    <div class="fontclass">.icon-daoru</div>
433
+                </li>
434
+            
435
+                <li>
436
+                <i class="icon iconfont icon-search"></i>
437
+                    <div class="name">search</div>
438
+                    <div class="fontclass">.icon-search</div>
439
+                </li>
440
+            
441
+                <li>
442
+                <i class="icon iconfont icon-dianhua2"></i>
443
+                    <div class="name">电话</div>
444
+                    <div class="fontclass">.icon-dianhua2</div>
445
+                </li>
446
+            
447
+                <li>
448
+                <i class="icon iconfont icon-packup"></i>
449
+                    <div class="name">packup</div>
450
+                    <div class="fontclass">.icon-packup</div>
451
+                </li>
452
+            
453
+                <li>
454
+                <i class="icon iconfont icon-unfold"></i>
455
+                    <div class="name">unfold</div>
456
+                    <div class="fontclass">.icon-unfold</div>
457
+                </li>
458
+            
459
+                <li>
460
+                <i class="icon iconfont icon-wangwang"></i>
461
+                    <div class="name">wangwang_fill</div>
462
+                    <div class="fontclass">.icon-wangwang</div>
463
+                </li>
464
+            
465
+                <li>
466
+                <i class="icon iconfont icon-yanzhengma"></i>
467
+                    <div class="name">验证码</div>
468
+                    <div class="fontclass">.icon-yanzhengma</div>
469
+                </li>
470
+            
471
+                <li>
472
+                <i class="icon iconfont icon-baocuo-chahua"></i>
473
+                    <div class="name">报错-插画</div>
474
+                    <div class="fontclass">.icon-baocuo-chahua</div>
475
+                </li>
476
+            
477
+                <li>
478
+                <i class="icon iconfont icon-pengyou"></i>
479
+                    <div class="name">朋友</div>
480
+                    <div class="fontclass">.icon-pengyou</div>
481
+                </li>
482
+            
483
+                <li>
484
+                <i class="icon iconfont icon-suoyou"></i>
485
+                    <div class="name">所有</div>
486
+                    <div class="fontclass">.icon-suoyou</div>
487
+                </li>
488
+            
489
+                <li>
490
+                <i class="icon iconfont icon-huiyuan"></i>
491
+                    <div class="name">会员</div>
492
+                    <div class="fontclass">.icon-huiyuan</div>
493
+                </li>
494
+            
495
+                <li>
496
+                <i class="icon iconfont icon-huiyuan1"></i>
497
+                    <div class="name">会员</div>
498
+                    <div class="fontclass">.icon-huiyuan1</div>
499
+                </li>
500
+            
501
+                <li>
502
+                <i class="icon iconfont icon-kongyemian"></i>
503
+                    <div class="name">空页面</div>
504
+                    <div class="fontclass">.icon-kongyemian</div>
505
+                </li>
506
+            
507
+                <li>
508
+                <i class="icon iconfont icon-logout"></i>
509
+                    <div class="name">logout</div>
510
+                    <div class="fontclass">.icon-logout</div>
511
+                </li>
512
+            
513
+                <li>
514
+                <i class="icon iconfont icon-cloudupload-o"></i>
515
+                    <div class="name">cloud upload-o</div>
516
+                    <div class="fontclass">.icon-cloudupload-o</div>
517
+                </li>
518
+            
519
+        </ul>
520
+
521
+        <h2 id="font-class-">font-class引用</h2>
522
+        <hr>
523
+
524
+        <p>font-class是unicode使用方式的一种变种,主要是解决unicode书写不直观,语意不明确的问题。</p>
525
+        <p>与unicode使用方式相比,具有如下特点:</p>
526
+        <ul>
527
+        <li>兼容性良好,支持ie8+,及所有现代浏览器。</li>
528
+        <li>相比于unicode语意明确,书写更直观。可以很容易分辨这个icon是什么。</li>
529
+        <li>因为使用class来定义图标,所以当要替换图标时,只需要修改class里面的unicode引用。</li>
530
+        <li>不过因为本质上还是使用的字体,所以多色图标还是不支持的。</li>
531
+        </ul>
532
+        <p>使用步骤如下:</p>
533
+        <h3 id="-fontclass-">第一步:引入项目下面生成的fontclass代码:</h3>
534
+
535
+
536
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
537
+        <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
538
+        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
539
+        <blockquote>
540
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
541
+        </blockquote>
542
+    </div>
543
+</body>
544
+</html>

+ 743 - 0
src/assets/iconfont/demo_symbol.html 查看文件

@@ -0,0 +1,743 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+    <script src="iconfont.js"></script>
9
+
10
+    <style type="text/css">
11
+        .icon {
12
+          /* 通过设置 font-size 来改变图标大小 */
13
+          width: 1em; height: 1em;
14
+          /* 图标和文字相邻时,垂直对齐 */
15
+          vertical-align: -0.15em;
16
+          /* 通过设置 color 来改变 SVG 的颜色/fill */
17
+          fill: currentColor;
18
+          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
19
+             normalize.css 中也包含这行 */
20
+          overflow: hidden;
21
+        }
22
+
23
+    </style>
24
+</head>
25
+<body>
26
+    <div class="main markdown">
27
+        <h1>IconFont 图标</h1>
28
+        <ul class="icon_lists clear">
29
+            
30
+                <li>
31
+                    <svg class="icon" aria-hidden="true">
32
+                        <use xlink:href="#icon-76"></use>
33
+                    </svg>
34
+                    <div class="name">电话</div>
35
+                    <div class="fontclass">#icon-76</div>
36
+                </li>
37
+            
38
+                <li>
39
+                    <svg class="icon" aria-hidden="true">
40
+                        <use xlink:href="#icon-dianhua1"></use>
41
+                    </svg>
42
+                    <div class="name">电话</div>
43
+                    <div class="fontclass">#icon-dianhua1</div>
44
+                </li>
45
+            
46
+                <li>
47
+                    <svg class="icon" aria-hidden="true">
48
+                        <use xlink:href="#icon-wsmp-payuser"></use>
49
+                    </svg>
50
+                    <div class="name">会员</div>
51
+                    <div class="fontclass">#icon-wsmp-payuser</div>
52
+                </li>
53
+            
54
+                <li>
55
+                    <svg class="icon" aria-hidden="true">
56
+                        <use xlink:href="#icon-jiankangshuidi"></use>
57
+                    </svg>
58
+                    <div class="name">健康 水滴</div>
59
+                    <div class="fontclass">#icon-jiankangshuidi</div>
60
+                </li>
61
+            
62
+                <li>
63
+                    <svg class="icon" aria-hidden="true">
64
+                        <use xlink:href="#icon-iconbaocuo"></use>
65
+                    </svg>
66
+                    <div class="name">报错</div>
67
+                    <div class="fontclass">#icon-iconbaocuo</div>
68
+                </li>
69
+            
70
+                <li>
71
+                    <svg class="icon" aria-hidden="true">
72
+                        <use xlink:href="#icon-dianhua"></use>
73
+                    </svg>
74
+                    <div class="name">电话</div>
75
+                    <div class="fontclass">#icon-dianhua</div>
76
+                </li>
77
+            
78
+                <li>
79
+                    <svg class="icon" aria-hidden="true">
80
+                        <use xlink:href="#icon-morentouxiang"></use>
81
+                    </svg>
82
+                    <div class="name">225默认头像</div>
83
+                    <div class="fontclass">#icon-morentouxiang</div>
84
+                </li>
85
+            
86
+                <li>
87
+                    <svg class="icon" aria-hidden="true">
88
+                        <use xlink:href="#icon-accessory"></use>
89
+                    </svg>
90
+                    <div class="name">accessory</div>
91
+                    <div class="fontclass">#icon-accessory</div>
92
+                </li>
93
+            
94
+                <li>
95
+                    <svg class="icon" aria-hidden="true">
96
+                        <use xlink:href="#icon-add"></use>
97
+                    </svg>
98
+                    <div class="name">add</div>
99
+                    <div class="fontclass">#icon-add</div>
100
+                </li>
101
+            
102
+                <li>
103
+                    <svg class="icon" aria-hidden="true">
104
+                        <use xlink:href="#icon-addition_fill"></use>
105
+                    </svg>
106
+                    <div class="name">addition_fill</div>
107
+                    <div class="fontclass">#icon-addition_fill</div>
108
+                </li>
109
+            
110
+                <li>
111
+                    <svg class="icon" aria-hidden="true">
112
+                        <use xlink:href="#icon-addition"></use>
113
+                    </svg>
114
+                    <div class="name">addition</div>
115
+                    <div class="fontclass">#icon-addition</div>
116
+                </li>
117
+            
118
+                <li>
119
+                    <svg class="icon" aria-hidden="true">
120
+                        <use xlink:href="#icon-addressbook_fill"></use>
121
+                    </svg>
122
+                    <div class="name">addressbook_fill</div>
123
+                    <div class="fontclass">#icon-addressbook_fill</div>
124
+                </li>
125
+            
126
+                <li>
127
+                    <svg class="icon" aria-hidden="true">
128
+                        <use xlink:href="#icon-addressbook"></use>
129
+                    </svg>
130
+                    <div class="name">addressbook</div>
131
+                    <div class="fontclass">#icon-addressbook</div>
132
+                </li>
133
+            
134
+                <li>
135
+                    <svg class="icon" aria-hidden="true">
136
+                        <use xlink:href="#icon-browse_fill"></use>
137
+                    </svg>
138
+                    <div class="name">browse_fill</div>
139
+                    <div class="fontclass">#icon-browse_fill</div>
140
+                </li>
141
+            
142
+                <li>
143
+                    <svg class="icon" aria-hidden="true">
144
+                        <use xlink:href="#icon-brush"></use>
145
+                    </svg>
146
+                    <div class="name">brush</div>
147
+                    <div class="fontclass">#icon-brush</div>
148
+                </li>
149
+            
150
+                <li>
151
+                    <svg class="icon" aria-hidden="true">
152
+                        <use xlink:href="#icon-brush_fill"></use>
153
+                    </svg>
154
+                    <div class="name">brush_fill</div>
155
+                    <div class="fontclass">#icon-brush_fill</div>
156
+                </li>
157
+            
158
+                <li>
159
+                    <svg class="icon" aria-hidden="true">
160
+                        <use xlink:href="#icon-computer_fill"></use>
161
+                    </svg>
162
+                    <div class="name">computer_fill</div>
163
+                    <div class="fontclass">#icon-computer_fill</div>
164
+                </li>
165
+            
166
+                <li>
167
+                    <svg class="icon" aria-hidden="true">
168
+                        <use xlink:href="#icon-computer"></use>
169
+                    </svg>
170
+                    <div class="name">computer</div>
171
+                    <div class="fontclass">#icon-computer</div>
172
+                </li>
173
+            
174
+                <li>
175
+                    <svg class="icon" aria-hidden="true">
176
+                        <use xlink:href="#icon-coordinates_fill"></use>
177
+                    </svg>
178
+                    <div class="name">coordinates_fill</div>
179
+                    <div class="fontclass">#icon-coordinates_fill</div>
180
+                </li>
181
+            
182
+                <li>
183
+                    <svg class="icon" aria-hidden="true">
184
+                        <use xlink:href="#icon-coordinates"></use>
185
+                    </svg>
186
+                    <div class="name">coordinates</div>
187
+                    <div class="fontclass">#icon-coordinates</div>
188
+                </li>
189
+            
190
+                <li>
191
+                    <svg class="icon" aria-hidden="true">
192
+                        <use xlink:href="#icon-coupons_fill"></use>
193
+                    </svg>
194
+                    <div class="name">coupons_fill</div>
195
+                    <div class="fontclass">#icon-coupons_fill</div>
196
+                </li>
197
+            
198
+                <li>
199
+                    <svg class="icon" aria-hidden="true">
200
+                        <use xlink:href="#icon-customerservice_fill"></use>
201
+                    </svg>
202
+                    <div class="name">customerservice_fill</div>
203
+                    <div class="fontclass">#icon-customerservice_fill</div>
204
+                </li>
205
+            
206
+                <li>
207
+                    <svg class="icon" aria-hidden="true">
208
+                        <use xlink:href="#icon-customerservice"></use>
209
+                    </svg>
210
+                    <div class="name">customerservice</div>
211
+                    <div class="fontclass">#icon-customerservice</div>
212
+                </li>
213
+            
214
+                <li>
215
+                    <svg class="icon" aria-hidden="true">
216
+                        <use xlink:href="#icon-document"></use>
217
+                    </svg>
218
+                    <div class="name">document</div>
219
+                    <div class="fontclass">#icon-document</div>
220
+                </li>
221
+            
222
+                <li>
223
+                    <svg class="icon" aria-hidden="true">
224
+                        <use xlink:href="#icon-document_fill"></use>
225
+                    </svg>
226
+                    <div class="name">document_fill</div>
227
+                    <div class="fontclass">#icon-document_fill</div>
228
+                </li>
229
+            
230
+                <li>
231
+                    <svg class="icon" aria-hidden="true">
232
+                        <use xlink:href="#icon-dynamic_fill"></use>
233
+                    </svg>
234
+                    <div class="name">dynamic_fill</div>
235
+                    <div class="fontclass">#icon-dynamic_fill</div>
236
+                </li>
237
+            
238
+                <li>
239
+                    <svg class="icon" aria-hidden="true">
240
+                        <use xlink:href="#icon-editor"></use>
241
+                    </svg>
242
+                    <div class="name">editor</div>
243
+                    <div class="fontclass">#icon-editor</div>
244
+                </li>
245
+            
246
+                <li>
247
+                    <svg class="icon" aria-hidden="true">
248
+                        <use xlink:href="#icon-emoji"></use>
249
+                    </svg>
250
+                    <div class="name">emoji</div>
251
+                    <div class="fontclass">#icon-emoji</div>
252
+                </li>
253
+            
254
+                <li>
255
+                    <svg class="icon" aria-hidden="true">
256
+                        <use xlink:href="#icon-enter"></use>
257
+                    </svg>
258
+                    <div class="name">enter</div>
259
+                    <div class="fontclass">#icon-enter</div>
260
+                </li>
261
+            
262
+                <li>
263
+                    <svg class="icon" aria-hidden="true">
264
+                        <use xlink:href="#icon-flag_fill"></use>
265
+                    </svg>
266
+                    <div class="name">flag_fill</div>
267
+                    <div class="fontclass">#icon-flag_fill</div>
268
+                </li>
269
+            
270
+                <li>
271
+                    <svg class="icon" aria-hidden="true">
272
+                        <use xlink:href="#icon-flag"></use>
273
+                    </svg>
274
+                    <div class="name">flag</div>
275
+                    <div class="fontclass">#icon-flag</div>
276
+                </li>
277
+            
278
+                <li>
279
+                    <svg class="icon" aria-hidden="true">
280
+                        <use xlink:href="#icon-group_fill"></use>
281
+                    </svg>
282
+                    <div class="name">group_fill</div>
283
+                    <div class="fontclass">#icon-group_fill</div>
284
+                </li>
285
+            
286
+                <li>
287
+                    <svg class="icon" aria-hidden="true">
288
+                        <use xlink:href="#icon-headlines_fill"></use>
289
+                    </svg>
290
+                    <div class="name">headlines_fill</div>
291
+                    <div class="fontclass">#icon-headlines_fill</div>
292
+                </li>
293
+            
294
+                <li>
295
+                    <svg class="icon" aria-hidden="true">
296
+                        <use xlink:href="#icon-homepage_fill"></use>
297
+                    </svg>
298
+                    <div class="name">homepage_fill</div>
299
+                    <div class="fontclass">#icon-homepage_fill</div>
300
+                </li>
301
+            
302
+                <li>
303
+                    <svg class="icon" aria-hidden="true">
304
+                        <use xlink:href="#icon-homepage"></use>
305
+                    </svg>
306
+                    <div class="name">homepage</div>
307
+                    <div class="fontclass">#icon-homepage</div>
308
+                </li>
309
+            
310
+                <li>
311
+                    <svg class="icon" aria-hidden="true">
312
+                        <use xlink:href="#icon-interactive_fill"></use>
313
+                    </svg>
314
+                    <div class="name">interactive_fill</div>
315
+                    <div class="fontclass">#icon-interactive_fill</div>
316
+                </li>
317
+            
318
+                <li>
319
+                    <svg class="icon" aria-hidden="true">
320
+                        <use xlink:href="#icon-interactive"></use>
321
+                    </svg>
322
+                    <div class="name">interactive</div>
323
+                    <div class="fontclass">#icon-interactive</div>
324
+                </li>
325
+            
326
+                <li>
327
+                    <svg class="icon" aria-hidden="true">
328
+                        <use xlink:href="#icon-label"></use>
329
+                    </svg>
330
+                    <div class="name">label</div>
331
+                    <div class="fontclass">#icon-label</div>
332
+                </li>
333
+            
334
+                <li>
335
+                    <svg class="icon" aria-hidden="true">
336
+                        <use xlink:href="#icon-like_fill"></use>
337
+                    </svg>
338
+                    <div class="name">like_fill</div>
339
+                    <div class="fontclass">#icon-like_fill</div>
340
+                </li>
341
+            
342
+                <li>
343
+                    <svg class="icon" aria-hidden="true">
344
+                        <use xlink:href="#icon-like"></use>
345
+                    </svg>
346
+                    <div class="name">like</div>
347
+                    <div class="fontclass">#icon-like</div>
348
+                </li>
349
+            
350
+                <li>
351
+                    <svg class="icon" aria-hidden="true">
352
+                        <use xlink:href="#icon-lock"></use>
353
+                    </svg>
354
+                    <div class="name">lock</div>
355
+                    <div class="fontclass">#icon-lock</div>
356
+                </li>
357
+            
358
+                <li>
359
+                    <svg class="icon" aria-hidden="true">
360
+                        <use xlink:href="#icon-mail"></use>
361
+                    </svg>
362
+                    <div class="name">mail</div>
363
+                    <div class="fontclass">#icon-mail</div>
364
+                </li>
365
+            
366
+                <li>
367
+                    <svg class="icon" aria-hidden="true">
368
+                        <use xlink:href="#icon-manage"></use>
369
+                    </svg>
370
+                    <div class="name">manage</div>
371
+                    <div class="fontclass">#icon-manage</div>
372
+                </li>
373
+            
374
+                <li>
375
+                    <svg class="icon" aria-hidden="true">
376
+                        <use xlink:href="#icon-message"></use>
377
+                    </svg>
378
+                    <div class="name">message</div>
379
+                    <div class="fontclass">#icon-message</div>
380
+                </li>
381
+            
382
+                <li>
383
+                    <svg class="icon" aria-hidden="true">
384
+                        <use xlink:href="#icon-mine_fill"></use>
385
+                    </svg>
386
+                    <div class="name">mine_fill</div>
387
+                    <div class="fontclass">#icon-mine_fill</div>
388
+                </li>
389
+            
390
+                <li>
391
+                    <svg class="icon" aria-hidden="true">
392
+                        <use xlink:href="#icon-mobilephone_fill"></use>
393
+                    </svg>
394
+                    <div class="name">mobilephone_fill</div>
395
+                    <div class="fontclass">#icon-mobilephone_fill</div>
396
+                </li>
397
+            
398
+                <li>
399
+                    <svg class="icon" aria-hidden="true">
400
+                        <use xlink:href="#icon-mobilephone"></use>
401
+                    </svg>
402
+                    <div class="name">mobilephone</div>
403
+                    <div class="fontclass">#icon-mobilephone</div>
404
+                </li>
405
+            
406
+                <li>
407
+                    <svg class="icon" aria-hidden="true">
408
+                        <use xlink:href="#icon-offline_fill"></use>
409
+                    </svg>
410
+                    <div class="name">offline_fill</div>
411
+                    <div class="fontclass">#icon-offline_fill</div>
412
+                </li>
413
+            
414
+                <li>
415
+                    <svg class="icon" aria-hidden="true">
416
+                        <use xlink:href="#icon-offline"></use>
417
+                    </svg>
418
+                    <div class="name">offline</div>
419
+                    <div class="fontclass">#icon-offline</div>
420
+                </li>
421
+            
422
+                <li>
423
+                    <svg class="icon" aria-hidden="true">
424
+                        <use xlink:href="#icon-order_fill"></use>
425
+                    </svg>
426
+                    <div class="name">order_fill</div>
427
+                    <div class="fontclass">#icon-order_fill</div>
428
+                </li>
429
+            
430
+                <li>
431
+                    <svg class="icon" aria-hidden="true">
432
+                        <use xlink:href="#icon-other"></use>
433
+                    </svg>
434
+                    <div class="name">other</div>
435
+                    <div class="fontclass">#icon-other</div>
436
+                </li>
437
+            
438
+                <li>
439
+                    <svg class="icon" aria-hidden="true">
440
+                        <use xlink:href="#icon-picture_fill"></use>
441
+                    </svg>
442
+                    <div class="name">picture_fill</div>
443
+                    <div class="fontclass">#icon-picture_fill</div>
444
+                </li>
445
+            
446
+                <li>
447
+                    <svg class="icon" aria-hidden="true">
448
+                        <use xlink:href="#icon-prompt_fill"></use>
449
+                    </svg>
450
+                    <div class="name">prompt_fill</div>
451
+                    <div class="fontclass">#icon-prompt_fill</div>
452
+                </li>
453
+            
454
+                <li>
455
+                    <svg class="icon" aria-hidden="true">
456
+                        <use xlink:href="#icon-qrcode_fill"></use>
457
+                    </svg>
458
+                    <div class="name">qrcode_fill</div>
459
+                    <div class="fontclass">#icon-qrcode_fill</div>
460
+                </li>
461
+            
462
+                <li>
463
+                    <svg class="icon" aria-hidden="true">
464
+                        <use xlink:href="#icon-remind_fill"></use>
465
+                    </svg>
466
+                    <div class="name">remind_fill</div>
467
+                    <div class="fontclass">#icon-remind_fill</div>
468
+                </li>
469
+            
470
+                <li>
471
+                    <svg class="icon" aria-hidden="true">
472
+                        <use xlink:href="#icon-remind"></use>
473
+                    </svg>
474
+                    <div class="name">remind</div>
475
+                    <div class="fontclass">#icon-remind</div>
476
+                </li>
477
+            
478
+                <li>
479
+                    <svg class="icon" aria-hidden="true">
480
+                        <use xlink:href="#icon-return"></use>
481
+                    </svg>
482
+                    <div class="name">return</div>
483
+                    <div class="fontclass">#icon-return</div>
484
+                </li>
485
+            
486
+                <li>
487
+                    <svg class="icon" aria-hidden="true">
488
+                        <use xlink:href="#icon-service_fill"></use>
489
+                    </svg>
490
+                    <div class="name">service_fill</div>
491
+                    <div class="fontclass">#icon-service_fill</div>
492
+                </li>
493
+            
494
+                <li>
495
+                    <svg class="icon" aria-hidden="true">
496
+                        <use xlink:href="#icon-service"></use>
497
+                    </svg>
498
+                    <div class="name">service</div>
499
+                    <div class="fontclass">#icon-service</div>
500
+                </li>
501
+            
502
+                <li>
503
+                    <svg class="icon" aria-hidden="true">
504
+                        <use xlink:href="#icon-setup_fill"></use>
505
+                    </svg>
506
+                    <div class="name">setup_fill</div>
507
+                    <div class="fontclass">#icon-setup_fill</div>
508
+                </li>
509
+            
510
+                <li>
511
+                    <svg class="icon" aria-hidden="true">
512
+                        <use xlink:href="#icon-setup"></use>
513
+                    </svg>
514
+                    <div class="name">setup</div>
515
+                    <div class="fontclass">#icon-setup</div>
516
+                </li>
517
+            
518
+                <li>
519
+                    <svg class="icon" aria-hidden="true">
520
+                        <use xlink:href="#icon-smallscreen"></use>
521
+                    </svg>
522
+                    <div class="name">smallscreen</div>
523
+                    <div class="fontclass">#icon-smallscreen</div>
524
+                </li>
525
+            
526
+                <li>
527
+                    <svg class="icon" aria-hidden="true">
528
+                        <use xlink:href="#icon-success_fill"></use>
529
+                    </svg>
530
+                    <div class="name">success_fill</div>
531
+                    <div class="fontclass">#icon-success_fill</div>
532
+                </li>
533
+            
534
+                <li>
535
+                    <svg class="icon" aria-hidden="true">
536
+                        <use xlink:href="#icon-success"></use>
537
+                    </svg>
538
+                    <div class="name">success</div>
539
+                    <div class="fontclass">#icon-success</div>
540
+                </li>
541
+            
542
+                <li>
543
+                    <svg class="icon" aria-hidden="true">
544
+                        <use xlink:href="#icon-time_fill"></use>
545
+                    </svg>
546
+                    <div class="name">time_fill</div>
547
+                    <div class="fontclass">#icon-time_fill</div>
548
+                </li>
549
+            
550
+                <li>
551
+                    <svg class="icon" aria-hidden="true">
552
+                        <use xlink:href="#icon-trash"></use>
553
+                    </svg>
554
+                    <div class="name">trash</div>
555
+                    <div class="fontclass">#icon-trash</div>
556
+                </li>
557
+            
558
+                <li>
559
+                    <svg class="icon" aria-hidden="true">
560
+                        <use xlink:href="#icon-trash_fill"></use>
561
+                    </svg>
562
+                    <div class="name">trash_fill</div>
563
+                    <div class="fontclass">#icon-trash_fill</div>
564
+                </li>
565
+            
566
+                <li>
567
+                    <svg class="icon" aria-hidden="true">
568
+                        <use xlink:href="#icon-undo"></use>
569
+                    </svg>
570
+                    <div class="name">undo</div>
571
+                    <div class="fontclass">#icon-undo</div>
572
+                </li>
573
+            
574
+                <li>
575
+                    <svg class="icon" aria-hidden="true">
576
+                        <use xlink:href="#icon-workbench_fill"></use>
577
+                    </svg>
578
+                    <div class="name">workbench_fill</div>
579
+                    <div class="fontclass">#icon-workbench_fill</div>
580
+                </li>
581
+            
582
+                <li>
583
+                    <svg class="icon" aria-hidden="true">
584
+                        <use xlink:href="#icon-daoru"></use>
585
+                    </svg>
586
+                    <div class="name">导入</div>
587
+                    <div class="fontclass">#icon-daoru</div>
588
+                </li>
589
+            
590
+                <li>
591
+                    <svg class="icon" aria-hidden="true">
592
+                        <use xlink:href="#icon-search"></use>
593
+                    </svg>
594
+                    <div class="name">search</div>
595
+                    <div class="fontclass">#icon-search</div>
596
+                </li>
597
+            
598
+                <li>
599
+                    <svg class="icon" aria-hidden="true">
600
+                        <use xlink:href="#icon-dianhua2"></use>
601
+                    </svg>
602
+                    <div class="name">电话</div>
603
+                    <div class="fontclass">#icon-dianhua2</div>
604
+                </li>
605
+            
606
+                <li>
607
+                    <svg class="icon" aria-hidden="true">
608
+                        <use xlink:href="#icon-packup"></use>
609
+                    </svg>
610
+                    <div class="name">packup</div>
611
+                    <div class="fontclass">#icon-packup</div>
612
+                </li>
613
+            
614
+                <li>
615
+                    <svg class="icon" aria-hidden="true">
616
+                        <use xlink:href="#icon-unfold"></use>
617
+                    </svg>
618
+                    <div class="name">unfold</div>
619
+                    <div class="fontclass">#icon-unfold</div>
620
+                </li>
621
+            
622
+                <li>
623
+                    <svg class="icon" aria-hidden="true">
624
+                        <use xlink:href="#icon-wangwang"></use>
625
+                    </svg>
626
+                    <div class="name">wangwang_fill</div>
627
+                    <div class="fontclass">#icon-wangwang</div>
628
+                </li>
629
+            
630
+                <li>
631
+                    <svg class="icon" aria-hidden="true">
632
+                        <use xlink:href="#icon-yanzhengma"></use>
633
+                    </svg>
634
+                    <div class="name">验证码</div>
635
+                    <div class="fontclass">#icon-yanzhengma</div>
636
+                </li>
637
+            
638
+                <li>
639
+                    <svg class="icon" aria-hidden="true">
640
+                        <use xlink:href="#icon-baocuo-chahua"></use>
641
+                    </svg>
642
+                    <div class="name">报错-插画</div>
643
+                    <div class="fontclass">#icon-baocuo-chahua</div>
644
+                </li>
645
+            
646
+                <li>
647
+                    <svg class="icon" aria-hidden="true">
648
+                        <use xlink:href="#icon-pengyou"></use>
649
+                    </svg>
650
+                    <div class="name">朋友</div>
651
+                    <div class="fontclass">#icon-pengyou</div>
652
+                </li>
653
+            
654
+                <li>
655
+                    <svg class="icon" aria-hidden="true">
656
+                        <use xlink:href="#icon-suoyou"></use>
657
+                    </svg>
658
+                    <div class="name">所有</div>
659
+                    <div class="fontclass">#icon-suoyou</div>
660
+                </li>
661
+            
662
+                <li>
663
+                    <svg class="icon" aria-hidden="true">
664
+                        <use xlink:href="#icon-huiyuan"></use>
665
+                    </svg>
666
+                    <div class="name">会员</div>
667
+                    <div class="fontclass">#icon-huiyuan</div>
668
+                </li>
669
+            
670
+                <li>
671
+                    <svg class="icon" aria-hidden="true">
672
+                        <use xlink:href="#icon-huiyuan1"></use>
673
+                    </svg>
674
+                    <div class="name">会员</div>
675
+                    <div class="fontclass">#icon-huiyuan1</div>
676
+                </li>
677
+            
678
+                <li>
679
+                    <svg class="icon" aria-hidden="true">
680
+                        <use xlink:href="#icon-kongyemian"></use>
681
+                    </svg>
682
+                    <div class="name">空页面</div>
683
+                    <div class="fontclass">#icon-kongyemian</div>
684
+                </li>
685
+            
686
+                <li>
687
+                    <svg class="icon" aria-hidden="true">
688
+                        <use xlink:href="#icon-logout"></use>
689
+                    </svg>
690
+                    <div class="name">logout</div>
691
+                    <div class="fontclass">#icon-logout</div>
692
+                </li>
693
+            
694
+                <li>
695
+                    <svg class="icon" aria-hidden="true">
696
+                        <use xlink:href="#icon-cloudupload-o"></use>
697
+                    </svg>
698
+                    <div class="name">cloud upload-o</div>
699
+                    <div class="fontclass">#icon-cloudupload-o</div>
700
+                </li>
701
+                <li>
702
+                    <svg class="icon" aria-hidden="true">
703
+                        <use xlink:href="#icon-manbing-xuanzhong"></use>
704
+                    </svg>
705
+                    <div class="name">慢病</div>
706
+                    <div class="fontclass">#icon-manbing-xuanzhong</div>
707
+                </li>
708
+                
709
+            
710
+        </ul>
711
+
712
+
713
+        <h2 id="symbol-">symbol引用</h2>
714
+        <hr>
715
+
716
+        <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
717
+        这种用法其实是做了一个svg的集合,与另外两种相比具有如下特点:</p>
718
+        <ul>
719
+          <li>支持多色图标了,不再受单色限制。</li>
720
+          <li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li>
721
+          <li>兼容性较差,支持 ie9+,及现代浏览器。</li>
722
+          <li>浏览器渲染svg的性能一般,还不如png。</li>
723
+        </ul>
724
+        <p>使用步骤如下:</p>
725
+        <h3 id="-symbol-">第一步:引入项目下面生成的symbol代码:</h3>
726
+        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
727
+        <h3 id="-css-">第二步:加入通用css代码(引入一次就行):</h3>
728
+        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
729
+.icon {
730
+   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
731
+   vertical-align: <span class="hljs-number">-0.15</span>em;
732
+   fill: currentColor;
733
+   overflow: hidden;
734
+}
735
+&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
736
+        <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
737
+        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
738
+  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
739
+</span>&lt;<span class="hljs-regexp">/svg&gt;
740
+        </span></code></pre>
741
+    </div>
742
+</body>
743
+</html>

+ 582 - 0
src/assets/iconfont/demo_unicode.html 查看文件

@@ -0,0 +1,582 @@
1
+
2
+<!DOCTYPE html>
3
+<html>
4
+<head>
5
+    <meta charset="utf-8"/>
6
+    <title>IconFont</title>
7
+    <link rel="stylesheet" href="demo.css">
8
+
9
+    <style type="text/css">
10
+
11
+        @font-face {font-family: "iconfont";
12
+          src: url('iconfont.eot'); /* IE9*/
13
+          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
14
+          url('iconfont.woff') format('woff'), /* chrome, firefox */
15
+          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
16
+          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
17
+        }
18
+
19
+        .iconfont {
20
+          font-family:"iconfont" !important;
21
+          font-size:16px;
22
+          font-style:normal;
23
+          -webkit-font-smoothing: antialiased;
24
+          -webkit-text-stroke-width: 0.2px;
25
+          -moz-osx-font-smoothing: grayscale;
26
+        }
27
+
28
+    </style>
29
+</head>
30
+<body>
31
+    <div class="main markdown">
32
+        <h1>IconFont 图标</h1>
33
+        <ul class="icon_lists clear">
34
+            
35
+                <li>
36
+                <i class="icon iconfont">&#xe686;</i>
37
+                    <div class="name">电话</div>
38
+                    <div class="code">&amp;#xe686;</div>
39
+                </li>
40
+            
41
+                <li>
42
+                <i class="icon iconfont">&#xe671;</i>
43
+                    <div class="name">电话</div>
44
+                    <div class="code">&amp;#xe671;</div>
45
+                </li>
46
+            
47
+                <li>
48
+                <i class="icon iconfont">&#xe61d;</i>
49
+                    <div class="name">会员</div>
50
+                    <div class="code">&amp;#xe61d;</div>
51
+                </li>
52
+            
53
+                <li>
54
+                <i class="icon iconfont">&#xe60c;</i>
55
+                    <div class="name">健康 水滴</div>
56
+                    <div class="code">&amp;#xe60c;</div>
57
+                </li>
58
+            
59
+                <li>
60
+                <i class="icon iconfont">&#xe777;</i>
61
+                    <div class="name">报错</div>
62
+                    <div class="code">&amp;#xe777;</div>
63
+                </li>
64
+            
65
+                <li>
66
+                <i class="icon iconfont">&#xe602;</i>
67
+                    <div class="name">电话</div>
68
+                    <div class="code">&amp;#xe602;</div>
69
+                </li>
70
+            
71
+                <li>
72
+                <i class="icon iconfont">&#xe8c9;</i>
73
+                    <div class="name">225默认头像</div>
74
+                    <div class="code">&amp;#xe8c9;</div>
75
+                </li>
76
+            
77
+                <li>
78
+                <i class="icon iconfont">&#xe6dd;</i>
79
+                    <div class="name">accessory</div>
80
+                    <div class="code">&amp;#xe6dd;</div>
81
+                </li>
82
+            
83
+                <li>
84
+                <i class="icon iconfont">&#xe6df;</i>
85
+                    <div class="name">add</div>
86
+                    <div class="code">&amp;#xe6df;</div>
87
+                </li>
88
+            
89
+                <li>
90
+                <i class="icon iconfont">&#xe6e1;</i>
91
+                    <div class="name">addition_fill</div>
92
+                    <div class="code">&amp;#xe6e1;</div>
93
+                </li>
94
+            
95
+                <li>
96
+                <i class="icon iconfont">&#xe6e0;</i>
97
+                    <div class="name">addition</div>
98
+                    <div class="code">&amp;#xe6e0;</div>
99
+                </li>
100
+            
101
+                <li>
102
+                <i class="icon iconfont">&#xe6e2;</i>
103
+                    <div class="name">addressbook_fill</div>
104
+                    <div class="code">&amp;#xe6e2;</div>
105
+                </li>
106
+            
107
+                <li>
108
+                <i class="icon iconfont">&#xe6e3;</i>
109
+                    <div class="name">addressbook</div>
110
+                    <div class="code">&amp;#xe6e3;</div>
111
+                </li>
112
+            
113
+                <li>
114
+                <i class="icon iconfont">&#xe6e4;</i>
115
+                    <div class="name">browse_fill</div>
116
+                    <div class="code">&amp;#xe6e4;</div>
117
+                </li>
118
+            
119
+                <li>
120
+                <i class="icon iconfont">&#xe6e5;</i>
121
+                    <div class="name">brush</div>
122
+                    <div class="code">&amp;#xe6e5;</div>
123
+                </li>
124
+            
125
+                <li>
126
+                <i class="icon iconfont">&#xe6e6;</i>
127
+                    <div class="name">brush_fill</div>
128
+                    <div class="code">&amp;#xe6e6;</div>
129
+                </li>
130
+            
131
+                <li>
132
+                <i class="icon iconfont">&#xe6eb;</i>
133
+                    <div class="name">computer_fill</div>
134
+                    <div class="code">&amp;#xe6eb;</div>
135
+                </li>
136
+            
137
+                <li>
138
+                <i class="icon iconfont">&#xe6ec;</i>
139
+                    <div class="name">computer</div>
140
+                    <div class="code">&amp;#xe6ec;</div>
141
+                </li>
142
+            
143
+                <li>
144
+                <i class="icon iconfont">&#xe6ed;</i>
145
+                    <div class="name">coordinates_fill</div>
146
+                    <div class="code">&amp;#xe6ed;</div>
147
+                </li>
148
+            
149
+                <li>
150
+                <i class="icon iconfont">&#xe6ee;</i>
151
+                    <div class="name">coordinates</div>
152
+                    <div class="code">&amp;#xe6ee;</div>
153
+                </li>
154
+            
155
+                <li>
156
+                <i class="icon iconfont">&#xe6ef;</i>
157
+                    <div class="name">coupons_fill</div>
158
+                    <div class="code">&amp;#xe6ef;</div>
159
+                </li>
160
+            
161
+                <li>
162
+                <i class="icon iconfont">&#xe6f0;</i>
163
+                    <div class="name">customerservice_fill</div>
164
+                    <div class="code">&amp;#xe6f0;</div>
165
+                </li>
166
+            
167
+                <li>
168
+                <i class="icon iconfont">&#xe6f1;</i>
169
+                    <div class="name">customerservice</div>
170
+                    <div class="code">&amp;#xe6f1;</div>
171
+                </li>
172
+            
173
+                <li>
174
+                <i class="icon iconfont">&#xe6f3;</i>
175
+                    <div class="name">document</div>
176
+                    <div class="code">&amp;#xe6f3;</div>
177
+                </li>
178
+            
179
+                <li>
180
+                <i class="icon iconfont">&#xe6f4;</i>
181
+                    <div class="name">document_fill</div>
182
+                    <div class="code">&amp;#xe6f4;</div>
183
+                </li>
184
+            
185
+                <li>
186
+                <i class="icon iconfont">&#xe6f6;</i>
187
+                    <div class="name">dynamic_fill</div>
188
+                    <div class="code">&amp;#xe6f6;</div>
189
+                </li>
190
+            
191
+                <li>
192
+                <i class="icon iconfont">&#xe6f5;</i>
193
+                    <div class="name">editor</div>
194
+                    <div class="code">&amp;#xe6f5;</div>
195
+                </li>
196
+            
197
+                <li>
198
+                <i class="icon iconfont">&#xe6f9;</i>
199
+                    <div class="name">emoji</div>
200
+                    <div class="code">&amp;#xe6f9;</div>
201
+                </li>
202
+            
203
+                <li>
204
+                <i class="icon iconfont">&#xe6f8;</i>
205
+                    <div class="name">enter</div>
206
+                    <div class="code">&amp;#xe6f8;</div>
207
+                </li>
208
+            
209
+                <li>
210
+                <i class="icon iconfont">&#xe6fb;</i>
211
+                    <div class="name">flag_fill</div>
212
+                    <div class="code">&amp;#xe6fb;</div>
213
+                </li>
214
+            
215
+                <li>
216
+                <i class="icon iconfont">&#xe6fc;</i>
217
+                    <div class="name">flag</div>
218
+                    <div class="code">&amp;#xe6fc;</div>
219
+                </li>
220
+            
221
+                <li>
222
+                <i class="icon iconfont">&#xe6ff;</i>
223
+                    <div class="name">group_fill</div>
224
+                    <div class="code">&amp;#xe6ff;</div>
225
+                </li>
226
+            
227
+                <li>
228
+                <i class="icon iconfont">&#xe700;</i>
229
+                    <div class="name">headlines_fill</div>
230
+                    <div class="code">&amp;#xe700;</div>
231
+                </li>
232
+            
233
+                <li>
234
+                <i class="icon iconfont">&#xe702;</i>
235
+                    <div class="name">homepage_fill</div>
236
+                    <div class="code">&amp;#xe702;</div>
237
+                </li>
238
+            
239
+                <li>
240
+                <i class="icon iconfont">&#xe703;</i>
241
+                    <div class="name">homepage</div>
242
+                    <div class="code">&amp;#xe703;</div>
243
+                </li>
244
+            
245
+                <li>
246
+                <i class="icon iconfont">&#xe704;</i>
247
+                    <div class="name">interactive_fill</div>
248
+                    <div class="code">&amp;#xe704;</div>
249
+                </li>
250
+            
251
+                <li>
252
+                <i class="icon iconfont">&#xe705;</i>
253
+                    <div class="name">interactive</div>
254
+                    <div class="code">&amp;#xe705;</div>
255
+                </li>
256
+            
257
+                <li>
258
+                <i class="icon iconfont">&#xe706;</i>
259
+                    <div class="name">label</div>
260
+                    <div class="code">&amp;#xe706;</div>
261
+                </li>
262
+            
263
+                <li>
264
+                <i class="icon iconfont">&#xe707;</i>
265
+                    <div class="name">like_fill</div>
266
+                    <div class="code">&amp;#xe707;</div>
267
+                </li>
268
+            
269
+                <li>
270
+                <i class="icon iconfont">&#xe708;</i>
271
+                    <div class="name">like</div>
272
+                    <div class="code">&amp;#xe708;</div>
273
+                </li>
274
+            
275
+                <li>
276
+                <i class="icon iconfont">&#xe709;</i>
277
+                    <div class="name">lock</div>
278
+                    <div class="code">&amp;#xe709;</div>
279
+                </li>
280
+            
281
+                <li>
282
+                <i class="icon iconfont">&#xe70a;</i>
283
+                    <div class="name">mail</div>
284
+                    <div class="code">&amp;#xe70a;</div>
285
+                </li>
286
+            
287
+                <li>
288
+                <i class="icon iconfont">&#xe70b;</i>
289
+                    <div class="name">manage</div>
290
+                    <div class="code">&amp;#xe70b;</div>
291
+                </li>
292
+            
293
+                <li>
294
+                <i class="icon iconfont">&#xe70c;</i>
295
+                    <div class="name">message</div>
296
+                    <div class="code">&amp;#xe70c;</div>
297
+                </li>
298
+            
299
+                <li>
300
+                <i class="icon iconfont">&#xe70e;</i>
301
+                    <div class="name">mine_fill</div>
302
+                    <div class="code">&amp;#xe70e;</div>
303
+                </li>
304
+            
305
+                <li>
306
+                <i class="icon iconfont">&#xe710;</i>
307
+                    <div class="name">mobilephone_fill</div>
308
+                    <div class="code">&amp;#xe710;</div>
309
+                </li>
310
+            
311
+                <li>
312
+                <i class="icon iconfont">&#xe70f;</i>
313
+                    <div class="name">mobilephone</div>
314
+                    <div class="code">&amp;#xe70f;</div>
315
+                </li>
316
+            
317
+                <li>
318
+                <i class="icon iconfont">&#xe712;</i>
319
+                    <div class="name">offline_fill</div>
320
+                    <div class="code">&amp;#xe712;</div>
321
+                </li>
322
+            
323
+                <li>
324
+                <i class="icon iconfont">&#xe713;</i>
325
+                    <div class="name">offline</div>
326
+                    <div class="code">&amp;#xe713;</div>
327
+                </li>
328
+            
329
+                <li>
330
+                <i class="icon iconfont">&#xe714;</i>
331
+                    <div class="name">order_fill</div>
332
+                    <div class="code">&amp;#xe714;</div>
333
+                </li>
334
+            
335
+                <li>
336
+                <i class="icon iconfont">&#xe715;</i>
337
+                    <div class="name">other</div>
338
+                    <div class="code">&amp;#xe715;</div>
339
+                </li>
340
+            
341
+                <li>
342
+                <i class="icon iconfont">&#xe716;</i>
343
+                    <div class="name">picture_fill</div>
344
+                    <div class="code">&amp;#xe716;</div>
345
+                </li>
346
+            
347
+                <li>
348
+                <i class="icon iconfont">&#xe71b;</i>
349
+                    <div class="name">prompt_fill</div>
350
+                    <div class="code">&amp;#xe71b;</div>
351
+                </li>
352
+            
353
+                <li>
354
+                <i class="icon iconfont">&#xe71c;</i>
355
+                    <div class="name">qrcode_fill</div>
356
+                    <div class="code">&amp;#xe71c;</div>
357
+                </li>
358
+            
359
+                <li>
360
+                <i class="icon iconfont">&#xe71f;</i>
361
+                    <div class="name">remind_fill</div>
362
+                    <div class="code">&amp;#xe71f;</div>
363
+                </li>
364
+            
365
+                <li>
366
+                <i class="icon iconfont">&#xe721;</i>
367
+                    <div class="name">remind</div>
368
+                    <div class="code">&amp;#xe721;</div>
369
+                </li>
370
+            
371
+                <li>
372
+                <i class="icon iconfont">&#xe720;</i>
373
+                    <div class="name">return</div>
374
+                    <div class="code">&amp;#xe720;</div>
375
+                </li>
376
+            
377
+                <li>
378
+                <i class="icon iconfont">&#xe727;</i>
379
+                    <div class="name">service_fill</div>
380
+                    <div class="code">&amp;#xe727;</div>
381
+                </li>
382
+            
383
+                <li>
384
+                <i class="icon iconfont">&#xe728;</i>
385
+                    <div class="name">service</div>
386
+                    <div class="code">&amp;#xe728;</div>
387
+                </li>
388
+            
389
+                <li>
390
+                <i class="icon iconfont">&#xe729;</i>
391
+                    <div class="name">setup_fill</div>
392
+                    <div class="code">&amp;#xe729;</div>
393
+                </li>
394
+            
395
+                <li>
396
+                <i class="icon iconfont">&#xe72a;</i>
397
+                    <div class="name">setup</div>
398
+                    <div class="code">&amp;#xe72a;</div>
399
+                </li>
400
+            
401
+                <li>
402
+                <i class="icon iconfont">&#xe72b;</i>
403
+                    <div class="name">smallscreen</div>
404
+                    <div class="code">&amp;#xe72b;</div>
405
+                </li>
406
+            
407
+                <li>
408
+                <i class="icon iconfont">&#xe72d;</i>
409
+                    <div class="name">success_fill</div>
410
+                    <div class="code">&amp;#xe72d;</div>
411
+                </li>
412
+            
413
+                <li>
414
+                <i class="icon iconfont">&#xe72e;</i>
415
+                    <div class="name">success</div>
416
+                    <div class="code">&amp;#xe72e;</div>
417
+                </li>
418
+            
419
+                <li>
420
+                <i class="icon iconfont">&#xe735;</i>
421
+                    <div class="name">time_fill</div>
422
+                    <div class="code">&amp;#xe735;</div>
423
+                </li>
424
+            
425
+                <li>
426
+                <i class="icon iconfont">&#xe738;</i>
427
+                    <div class="name">trash</div>
428
+                    <div class="code">&amp;#xe738;</div>
429
+                </li>
430
+            
431
+                <li>
432
+                <i class="icon iconfont">&#xe739;</i>
433
+                    <div class="name">trash_fill</div>
434
+                    <div class="code">&amp;#xe739;</div>
435
+                </li>
436
+            
437
+                <li>
438
+                <i class="icon iconfont">&#xe73a;</i>
439
+                    <div class="name">undo</div>
440
+                    <div class="code">&amp;#xe73a;</div>
441
+                </li>
442
+            
443
+                <li>
444
+                <i class="icon iconfont">&#xe73e;</i>
445
+                    <div class="name">workbench_fill</div>
446
+                    <div class="code">&amp;#xe73e;</div>
447
+                </li>
448
+            
449
+                <li>
450
+                <i class="icon iconfont">&#xe639;</i>
451
+                    <div class="name">导入</div>
452
+                    <div class="code">&amp;#xe639;</div>
453
+                </li>
454
+            
455
+                <li>
456
+                <i class="icon iconfont">&#xe741;</i>
457
+                    <div class="name">search</div>
458
+                    <div class="code">&amp;#xe741;</div>
459
+                </li>
460
+            
461
+                <li>
462
+                <i class="icon iconfont">&#xe6ac;</i>
463
+                    <div class="name">电话</div>
464
+                    <div class="code">&amp;#xe6ac;</div>
465
+                </li>
466
+            
467
+                <li>
468
+                <i class="icon iconfont">&#xe749;</i>
469
+                    <div class="name">packup</div>
470
+                    <div class="code">&amp;#xe749;</div>
471
+                </li>
472
+            
473
+                <li>
474
+                <i class="icon iconfont">&#xe74a;</i>
475
+                    <div class="name">unfold</div>
476
+                    <div class="code">&amp;#xe74a;</div>
477
+                </li>
478
+            
479
+                <li>
480
+                <i class="icon iconfont">&#xe74b;</i>
481
+                    <div class="name">wangwang_fill</div>
482
+                    <div class="code">&amp;#xe74b;</div>
483
+                </li>
484
+            
485
+                <li>
486
+                <i class="icon iconfont">&#xe600;</i>
487
+                    <div class="name">验证码</div>
488
+                    <div class="code">&amp;#xe600;</div>
489
+                </li>
490
+            
491
+                <li>
492
+                <i class="icon iconfont">&#xe610;</i>
493
+                    <div class="name">报错-插画</div>
494
+                    <div class="code">&amp;#xe610;</div>
495
+                </li>
496
+            
497
+                <li>
498
+                <i class="icon iconfont">&#xe643;</i>
499
+                    <div class="name">朋友</div>
500
+                    <div class="code">&amp;#xe643;</div>
501
+                </li>
502
+            
503
+                <li>
504
+                <i class="icon iconfont">&#xe644;</i>
505
+                    <div class="name">所有</div>
506
+                    <div class="code">&amp;#xe644;</div>
507
+                </li>
508
+            
509
+                <li>
510
+                <i class="icon iconfont">&#xe645;</i>
511
+                    <div class="name">会员</div>
512
+                    <div class="code">&amp;#xe645;</div>
513
+                </li>
514
+            
515
+                <li>
516
+                <i class="icon iconfont">&#xe641;</i>
517
+                    <div class="name">会员</div>
518
+                    <div class="code">&amp;#xe641;</div>
519
+                </li>
520
+            
521
+                <li>
522
+                <i class="icon iconfont">&#xe637;</i>
523
+                    <div class="name">空页面</div>
524
+                    <div class="code">&amp;#xe637;</div>
525
+                </li>
526
+            
527
+                <li>
528
+                <i class="icon iconfont">&#xe78c;</i>
529
+                    <div class="name">logout</div>
530
+                    <div class="code">&amp;#xe78c;</div>
531
+                </li>
532
+            
533
+                <li>
534
+                <i class="icon iconfont">&#xe7d9;</i>
535
+                    <div class="name">cloud upload-o</div>
536
+                    <div class="code">&amp;#xe7d9;</div>
537
+                </li>
538
+            
539
+        </ul>
540
+        <h2 id="unicode-">unicode引用</h2>
541
+        <hr>
542
+
543
+        <p>unicode是字体在网页端最原始的应用方式,特点是:</p>
544
+        <ul>
545
+        <li>兼容性最好,支持ie6+,及所有现代浏览器。</li>
546
+        <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
547
+        <li>但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。</li>
548
+        </ul>
549
+        <blockquote>
550
+        <p>注意:新版iconfont支持多色图标,这些多色图标在unicode模式下将不能使用,如果有需求建议使用symbol的引用方式</p>
551
+        </blockquote>
552
+        <p>unicode使用步骤如下:</p>
553
+        <h3 id="-font-face">第一步:拷贝项目下面生成的font-face</h3>
554
+        <pre><code class="lang-js hljs javascript">@font-face {
555
+  font-family: <span class="hljs-string">'iconfont'</span>;
556
+  src: url(<span class="hljs-string">'iconfont.eot'</span>);
557
+  src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
558
+  url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
559
+  url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
560
+  url(<span class="hljs-string">'iconfont.svg#iconfont'</span>) format(<span class="hljs-string">'svg'</span>);
561
+}
562
+</code></pre>
563
+        <h3 id="-iconfont-">第二步:定义使用iconfont的样式</h3>
564
+        <pre><code class="lang-js hljs javascript">.iconfont{
565
+  font-family:<span class="hljs-string">"iconfont"</span> !important;
566
+  font-size:<span class="hljs-number">16</span>px;font-style:normal;
567
+  -webkit-font-smoothing: antialiased;
568
+  -webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
569
+  -moz-osx-font-smoothing: grayscale;
570
+}
571
+</code></pre>
572
+        <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
573
+        <pre><code class="lang-js hljs javascript">&lt;i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont"</span>&gt;&amp;#x33;<span class="xml"><span class="hljs-tag">&lt;/<span class="hljs-name">i</span>&gt;</span></span></code></pre>
574
+
575
+        <blockquote>
576
+        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看,默认是"iconfont"。</p>
577
+        </blockquote>
578
+    </div>
579
+
580
+
581
+</body>
582
+</html>

文件差異過大導致無法顯示
+ 361 - 0
src/assets/iconfont/iconfont.css


二進制
src/assets/iconfont/iconfont.eot 查看文件


文件差異過大導致無法顯示
+ 1 - 0
src/assets/iconfont/iconfont.js


文件差異過大導致無法顯示
+ 284 - 0
src/assets/iconfont/iconfont.svg


二進制
src/assets/iconfont/iconfont.ttf 查看文件


二進制
src/assets/iconfont/iconfont.woff 查看文件


二進制
src/assets/img/data.jpg 查看文件


二進制
src/assets/img/jin_blog.png 查看文件


二進制
src/assets/logo/logo.png 查看文件


二進制
src/assets/record/1.png 查看文件


二進制
src/assets/record/10.png 查看文件


二進制
src/assets/record/2.png 查看文件


二進制
src/assets/record/3.png 查看文件


二進制
src/assets/record/4.png 查看文件


二進制
src/assets/record/5.png 查看文件


二進制
src/assets/record/6.png 查看文件


二進制
src/assets/record/7.png 查看文件


二進制
src/assets/record/8.png 查看文件


二進制
src/assets/record/9.png 查看文件


+ 1 - 0
src/assets/service/close.svg 查看文件

@@ -0,0 +1 @@
1
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1538015700218" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><defs><style type="text/css"></style></defs><path d="M551.37985422 496.46554075l345.36986548-345.3698655a38.83614815 38.83614815 0 0 0-54.91431348-54.91431347L496.46554075 441.55122725 151.09567525 96.18136178a38.83614815 38.83614815 0 0 0-54.91431347 54.91431347l345.36986547 345.3698655-345.36986547 345.36986547a38.83614815 38.83614815 0 0 0 54.91431347 54.91431348l345.3698655-345.36986548 345.36986547 345.36986548a38.7196397 38.7196397 0 0 0 54.91431348 0 38.83614815 38.83614815 0 0 0 0-54.91431348L551.37985422 496.46554075z" p-id="1651"></path></svg>

+ 0 - 0
src/assets/service/delete.png 查看文件


部分文件因文件數量過多而無法顯示