Browse Source

服务台大改

seimin 1 year ago
parent
commit
01bc7a2e1f

+ 539 - 0
assets/fonts/seimin/font_new/demo.css

@@ -0,0 +1,539 @@
1
+/* Logo 字体 */
2
+@font-face {
3
+  font-family: "iconfont logo";
4
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834');
5
+  src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'),
6
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'),
7
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'),
8
+    url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg');
9
+}
10
+
11
+.logo {
12
+  font-family: "iconfont logo";
13
+  font-size: 160px;
14
+  font-style: normal;
15
+  -webkit-font-smoothing: antialiased;
16
+  -moz-osx-font-smoothing: grayscale;
17
+}
18
+
19
+/* tabs */
20
+.nav-tabs {
21
+  position: relative;
22
+}
23
+
24
+.nav-tabs .nav-more {
25
+  position: absolute;
26
+  right: 0;
27
+  bottom: 0;
28
+  height: 42px;
29
+  line-height: 42px;
30
+  color: #666;
31
+}
32
+
33
+#tabs {
34
+  border-bottom: 1px solid #eee;
35
+}
36
+
37
+#tabs li {
38
+  cursor: pointer;
39
+  width: 100px;
40
+  height: 40px;
41
+  line-height: 40px;
42
+  text-align: center;
43
+  font-size: 16px;
44
+  border-bottom: 2px solid transparent;
45
+  position: relative;
46
+  z-index: 1;
47
+  margin-bottom: -1px;
48
+  color: #666;
49
+}
50
+
51
+
52
+#tabs .active {
53
+  border-bottom-color: #f00;
54
+  color: #222;
55
+}
56
+
57
+.tab-container .content {
58
+  display: none;
59
+}
60
+
61
+/* 页面布局 */
62
+.main {
63
+  padding: 30px 100px;
64
+  width: 960px;
65
+  margin: 0 auto;
66
+}
67
+
68
+.main .logo {
69
+  color: #333;
70
+  text-align: left;
71
+  margin-bottom: 30px;
72
+  line-height: 1;
73
+  height: 110px;
74
+  margin-top: -50px;
75
+  overflow: hidden;
76
+  *zoom: 1;
77
+}
78
+
79
+.main .logo a {
80
+  font-size: 160px;
81
+  color: #333;
82
+}
83
+
84
+.helps {
85
+  margin-top: 40px;
86
+}
87
+
88
+.helps pre {
89
+  padding: 20px;
90
+  margin: 10px 0;
91
+  border: solid 1px #e7e1cd;
92
+  background-color: #fffdef;
93
+  overflow: auto;
94
+}
95
+
96
+.icon_lists {
97
+  width: 100% !important;
98
+  overflow: hidden;
99
+  *zoom: 1;
100
+}
101
+
102
+.icon_lists li {
103
+  width: 100px;
104
+  margin-bottom: 10px;
105
+  margin-right: 20px;
106
+  text-align: center;
107
+  list-style: none !important;
108
+  cursor: default;
109
+}
110
+
111
+.icon_lists li .code-name {
112
+  line-height: 1.2;
113
+}
114
+
115
+.icon_lists .icon {
116
+  display: block;
117
+  height: 100px;
118
+  line-height: 100px;
119
+  font-size: 42px;
120
+  margin: 10px auto;
121
+  color: #333;
122
+  -webkit-transition: font-size 0.25s linear, width 0.25s linear;
123
+  -moz-transition: font-size 0.25s linear, width 0.25s linear;
124
+  transition: font-size 0.25s linear, width 0.25s linear;
125
+}
126
+
127
+.icon_lists .icon:hover {
128
+  font-size: 100px;
129
+}
130
+
131
+.icon_lists .svg-icon {
132
+  /* 通过设置 font-size 来改变图标大小 */
133
+  width: 1em;
134
+  /* 图标和文字相邻时,垂直对齐 */
135
+  vertical-align: -0.15em;
136
+  /* 通过设置 color 来改变 SVG 的颜色/fill */
137
+  fill: currentColor;
138
+  /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
139
+      normalize.css 中也包含这行 */
140
+  overflow: hidden;
141
+}
142
+
143
+.icon_lists li .name,
144
+.icon_lists li .code-name {
145
+  color: #666;
146
+}
147
+
148
+/* markdown 样式 */
149
+.markdown {
150
+  color: #666;
151
+  font-size: 14px;
152
+  line-height: 1.8;
153
+}
154
+
155
+.highlight {
156
+  line-height: 1.5;
157
+}
158
+
159
+.markdown img {
160
+  vertical-align: middle;
161
+  max-width: 100%;
162
+}
163
+
164
+.markdown h1 {
165
+  color: #404040;
166
+  font-weight: 500;
167
+  line-height: 40px;
168
+  margin-bottom: 24px;
169
+}
170
+
171
+.markdown h2,
172
+.markdown h3,
173
+.markdown h4,
174
+.markdown h5,
175
+.markdown h6 {
176
+  color: #404040;
177
+  margin: 1.6em 0 0.6em 0;
178
+  font-weight: 500;
179
+  clear: both;
180
+}
181
+
182
+.markdown h1 {
183
+  font-size: 28px;
184
+}
185
+
186
+.markdown h2 {
187
+  font-size: 22px;
188
+}
189
+
190
+.markdown h3 {
191
+  font-size: 16px;
192
+}
193
+
194
+.markdown h4 {
195
+  font-size: 14px;
196
+}
197
+
198
+.markdown h5 {
199
+  font-size: 12px;
200
+}
201
+
202
+.markdown h6 {
203
+  font-size: 12px;
204
+}
205
+
206
+.markdown hr {
207
+  height: 1px;
208
+  border: 0;
209
+  background: #e9e9e9;
210
+  margin: 16px 0;
211
+  clear: both;
212
+}
213
+
214
+.markdown p {
215
+  margin: 1em 0;
216
+}
217
+
218
+.markdown>p,
219
+.markdown>blockquote,
220
+.markdown>.highlight,
221
+.markdown>ol,
222
+.markdown>ul {
223
+  width: 80%;
224
+}
225
+
226
+.markdown ul>li {
227
+  list-style: circle;
228
+}
229
+
230
+.markdown>ul li,
231
+.markdown blockquote ul>li {
232
+  margin-left: 20px;
233
+  padding-left: 4px;
234
+}
235
+
236
+.markdown>ul li p,
237
+.markdown>ol li p {
238
+  margin: 0.6em 0;
239
+}
240
+
241
+.markdown ol>li {
242
+  list-style: decimal;
243
+}
244
+
245
+.markdown>ol li,
246
+.markdown blockquote ol>li {
247
+  margin-left: 20px;
248
+  padding-left: 4px;
249
+}
250
+
251
+.markdown code {
252
+  margin: 0 3px;
253
+  padding: 0 5px;
254
+  background: #eee;
255
+  border-radius: 3px;
256
+}
257
+
258
+.markdown strong,
259
+.markdown b {
260
+  font-weight: 600;
261
+}
262
+
263
+.markdown>table {
264
+  border-collapse: collapse;
265
+  border-spacing: 0px;
266
+  empty-cells: show;
267
+  border: 1px solid #e9e9e9;
268
+  width: 95%;
269
+  margin-bottom: 24px;
270
+}
271
+
272
+.markdown>table th {
273
+  white-space: nowrap;
274
+  color: #333;
275
+  font-weight: 600;
276
+}
277
+
278
+.markdown>table th,
279
+.markdown>table td {
280
+  border: 1px solid #e9e9e9;
281
+  padding: 8px 16px;
282
+  text-align: left;
283
+}
284
+
285
+.markdown>table th {
286
+  background: #F7F7F7;
287
+}
288
+
289
+.markdown blockquote {
290
+  font-size: 90%;
291
+  color: #999;
292
+  border-left: 4px solid #e9e9e9;
293
+  padding-left: 0.8em;
294
+  margin: 1em 0;
295
+}
296
+
297
+.markdown blockquote p {
298
+  margin: 0;
299
+}
300
+
301
+.markdown .anchor {
302
+  opacity: 0;
303
+  transition: opacity 0.3s ease;
304
+  margin-left: 8px;
305
+}
306
+
307
+.markdown .waiting {
308
+  color: #ccc;
309
+}
310
+
311
+.markdown h1:hover .anchor,
312
+.markdown h2:hover .anchor,
313
+.markdown h3:hover .anchor,
314
+.markdown h4:hover .anchor,
315
+.markdown h5:hover .anchor,
316
+.markdown h6:hover .anchor {
317
+  opacity: 1;
318
+  display: inline-block;
319
+}
320
+
321
+.markdown>br,
322
+.markdown>p>br {
323
+  clear: both;
324
+}
325
+
326
+
327
+.hljs {
328
+  display: block;
329
+  background: white;
330
+  padding: 0.5em;
331
+  color: #333333;
332
+  overflow-x: auto;
333
+}
334
+
335
+.hljs-comment,
336
+.hljs-meta {
337
+  color: #969896;
338
+}
339
+
340
+.hljs-string,
341
+.hljs-variable,
342
+.hljs-template-variable,
343
+.hljs-strong,
344
+.hljs-emphasis,
345
+.hljs-quote {
346
+  color: #df5000;
347
+}
348
+
349
+.hljs-keyword,
350
+.hljs-selector-tag,
351
+.hljs-type {
352
+  color: #a71d5d;
353
+}
354
+
355
+.hljs-literal,
356
+.hljs-symbol,
357
+.hljs-bullet,
358
+.hljs-attribute {
359
+  color: #0086b3;
360
+}
361
+
362
+.hljs-section,
363
+.hljs-name {
364
+  color: #63a35c;
365
+}
366
+
367
+.hljs-tag {
368
+  color: #333333;
369
+}
370
+
371
+.hljs-title,
372
+.hljs-attr,
373
+.hljs-selector-id,
374
+.hljs-selector-class,
375
+.hljs-selector-attr,
376
+.hljs-selector-pseudo {
377
+  color: #795da3;
378
+}
379
+
380
+.hljs-addition {
381
+  color: #55a532;
382
+  background-color: #eaffea;
383
+}
384
+
385
+.hljs-deletion {
386
+  color: #bd2c00;
387
+  background-color: #ffecec;
388
+}
389
+
390
+.hljs-link {
391
+  text-decoration: underline;
392
+}
393
+
394
+/* 代码高亮 */
395
+/* PrismJS 1.15.0
396
+https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */
397
+/**
398
+ * prism.js default theme for JavaScript, CSS and HTML
399
+ * Based on dabblet (http://dabblet.com)
400
+ * @author Lea Verou
401
+ */
402
+code[class*="language-"],
403
+pre[class*="language-"] {
404
+  color: black;
405
+  background: none;
406
+  text-shadow: 0 1px white;
407
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
408
+  text-align: left;
409
+  white-space: pre;
410
+  word-spacing: normal;
411
+  word-break: normal;
412
+  word-wrap: normal;
413
+  line-height: 1.5;
414
+
415
+  -moz-tab-size: 4;
416
+  -o-tab-size: 4;
417
+  tab-size: 4;
418
+
419
+  -webkit-hyphens: none;
420
+  -moz-hyphens: none;
421
+  -ms-hyphens: none;
422
+  hyphens: none;
423
+}
424
+
425
+pre[class*="language-"]::-moz-selection,
426
+pre[class*="language-"] ::-moz-selection,
427
+code[class*="language-"]::-moz-selection,
428
+code[class*="language-"] ::-moz-selection {
429
+  text-shadow: none;
430
+  background: #b3d4fc;
431
+}
432
+
433
+pre[class*="language-"]::selection,
434
+pre[class*="language-"] ::selection,
435
+code[class*="language-"]::selection,
436
+code[class*="language-"] ::selection {
437
+  text-shadow: none;
438
+  background: #b3d4fc;
439
+}
440
+
441
+@media print {
442
+
443
+  code[class*="language-"],
444
+  pre[class*="language-"] {
445
+    text-shadow: none;
446
+  }
447
+}
448
+
449
+/* Code blocks */
450
+pre[class*="language-"] {
451
+  padding: 1em;
452
+  margin: .5em 0;
453
+  overflow: auto;
454
+}
455
+
456
+:not(pre)>code[class*="language-"],
457
+pre[class*="language-"] {
458
+  background: #f5f2f0;
459
+}
460
+
461
+/* Inline code */
462
+:not(pre)>code[class*="language-"] {
463
+  padding: .1em;
464
+  border-radius: .3em;
465
+  white-space: normal;
466
+}
467
+
468
+.token.comment,
469
+.token.prolog,
470
+.token.doctype,
471
+.token.cdata {
472
+  color: slategray;
473
+}
474
+
475
+.token.punctuation {
476
+  color: #999;
477
+}
478
+
479
+.namespace {
480
+  opacity: .7;
481
+}
482
+
483
+.token.property,
484
+.token.tag,
485
+.token.boolean,
486
+.token.number,
487
+.token.constant,
488
+.token.symbol,
489
+.token.deleted {
490
+  color: #905;
491
+}
492
+
493
+.token.selector,
494
+.token.attr-name,
495
+.token.string,
496
+.token.char,
497
+.token.builtin,
498
+.token.inserted {
499
+  color: #690;
500
+}
501
+
502
+.token.operator,
503
+.token.entity,
504
+.token.url,
505
+.language-css .token.string,
506
+.style .token.string {
507
+  color: #9a6e3a;
508
+  background: hsla(0, 0%, 100%, .5);
509
+}
510
+
511
+.token.atrule,
512
+.token.attr-value,
513
+.token.keyword {
514
+  color: #07a;
515
+}
516
+
517
+.token.function,
518
+.token.class-name {
519
+  color: #DD4A68;
520
+}
521
+
522
+.token.regex,
523
+.token.important,
524
+.token.variable {
525
+  color: #e90;
526
+}
527
+
528
+.token.important,
529
+.token.bold {
530
+  font-weight: bold;
531
+}
532
+
533
+.token.italic {
534
+  font-style: italic;
535
+}
536
+
537
+.token.entity {
538
+  cursor: help;
539
+}

+ 211 - 0
assets/fonts/seimin/font_new/demo_index.html

@@ -0,0 +1,211 @@
1
+<!DOCTYPE html>
2
+<html>
3
+<head>
4
+  <meta charset="utf-8"/>
5
+  <title>iconfont Demo</title>
6
+  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
7
+  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
8
+  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
9
+  <link rel="stylesheet" href="demo.css">
10
+  <link rel="stylesheet" href="iconfont.css">
11
+  <script src="iconfont.js"></script>
12
+  <!-- jQuery -->
13
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
14
+  <!-- 代码高亮 -->
15
+  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
16
+  <style>
17
+    .main .logo {
18
+      margin-top: 0;
19
+      height: auto;
20
+    }
21
+
22
+    .main .logo a {
23
+      display: flex;
24
+      align-items: center;
25
+    }
26
+
27
+    .main .logo .sub-title {
28
+      margin-left: 0.5em;
29
+      font-size: 22px;
30
+      color: #fff;
31
+      background: linear-gradient(-45deg, #3967FF, #B500FE);
32
+      -webkit-background-clip: text;
33
+      -webkit-text-fill-color: transparent;
34
+    }
35
+  </style>
36
+</head>
37
+<body>
38
+  <div class="main">
39
+    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
40
+      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
41
+      
42
+    </a></h1>
43
+    <div class="nav-tabs">
44
+      <ul id="tabs" class="dib-box">
45
+        <li class="dib active"><span>Unicode</span></li>
46
+        <li class="dib"><span>Font class</span></li>
47
+        <li class="dib"><span>Symbol</span></li>
48
+      </ul>
49
+      
50
+      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4503805" target="_blank" class="nav-more">查看项目</a>
51
+      
52
+    </div>
53
+    <div class="tab-container">
54
+      <div class="content unicode" style="display: block;">
55
+          <ul class="icon_lists dib-box">
56
+          
57
+            <li class="dib">
58
+              <span class="icon newicon">&#xe606;</span>
59
+                <div class="name">图片</div>
60
+                <div class="code-name">&amp;#xe606;</div>
61
+              </li>
62
+          
63
+          </ul>
64
+          <div class="article markdown">
65
+          <h2 id="unicode-">Unicode 引用</h2>
66
+          <hr>
67
+
68
+          <p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
69
+          <ul>
70
+            <li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
71
+            <li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
72
+          </ul>
73
+          <blockquote>
74
+            <p>注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
75
+          </blockquote>
76
+          <p>Unicode 使用步骤如下:</p>
77
+          <h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
78
+<pre><code class="language-css"
79
+>@font-face {
80
+  font-family: 'newicon';
81
+  src: url('iconfont.woff2?t=1712822449676') format('woff2'),
82
+       url('iconfont.woff?t=1712822449676') format('woff'),
83
+       url('iconfont.ttf?t=1712822449676') format('truetype');
84
+}
85
+</code></pre>
86
+          <h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
87
+<pre><code class="language-css"
88
+>.newicon {
89
+  font-family: "newicon" !important;
90
+  font-size: 16px;
91
+  font-style: normal;
92
+  -webkit-font-smoothing: antialiased;
93
+  -moz-osx-font-smoothing: grayscale;
94
+}
95
+</code></pre>
96
+          <h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
97
+<pre>
98
+<code class="language-html"
99
+>&lt;span class="newicon"&gt;&amp;#x33;&lt;/span&gt;
100
+</code></pre>
101
+          <blockquote>
102
+            <p>"newicon" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
103
+          </blockquote>
104
+          </div>
105
+      </div>
106
+      <div class="content font-class">
107
+        <ul class="icon_lists dib-box">
108
+          
109
+          <li class="dib">
110
+            <span class="icon newicon newicon-a-11111"></span>
111
+            <div class="name">
112
+              图片
113
+            </div>
114
+            <div class="code-name">.newicon-a-11111
115
+            </div>
116
+          </li>
117
+          
118
+        </ul>
119
+        <div class="article markdown">
120
+        <h2 id="font-class-">font-class 引用</h2>
121
+        <hr>
122
+
123
+        <p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
124
+        <p>与 Unicode 使用方式相比,具有如下特点:</p>
125
+        <ul>
126
+          <li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
127
+          <li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
128
+        </ul>
129
+        <p>使用步骤如下:</p>
130
+        <h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
131
+<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
132
+</code></pre>
133
+        <h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
134
+<pre><code class="language-html">&lt;span class="newicon newicon-xxx"&gt;&lt;/span&gt;
135
+</code></pre>
136
+        <blockquote>
137
+          <p>"
138
+            newicon" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
139
+        </blockquote>
140
+      </div>
141
+      </div>
142
+      <div class="content symbol">
143
+          <ul class="icon_lists dib-box">
144
+          
145
+            <li class="dib">
146
+                <svg class="icon svg-icon" aria-hidden="true">
147
+                  <use xlink:href="#newicon-a-11111"></use>
148
+                </svg>
149
+                <div class="name">图片</div>
150
+                <div class="code-name">#newicon-a-11111</div>
151
+            </li>
152
+          
153
+          </ul>
154
+          <div class="article markdown">
155
+          <h2 id="symbol-">Symbol 引用</h2>
156
+          <hr>
157
+
158
+          <p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
159
+            这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
160
+          <ul>
161
+            <li>支持多色图标了,不再受单色限制。</li>
162
+            <li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
163
+            <li>兼容性较差,支持 IE9+,及现代浏览器。</li>
164
+            <li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
165
+          </ul>
166
+          <p>使用步骤如下:</p>
167
+          <h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
168
+<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
169
+</code></pre>
170
+          <h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
171
+<pre><code class="language-html">&lt;style&gt;
172
+.icon {
173
+  width: 1em;
174
+  height: 1em;
175
+  vertical-align: -0.15em;
176
+  fill: currentColor;
177
+  overflow: hidden;
178
+}
179
+&lt;/style&gt;
180
+</code></pre>
181
+          <h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
182
+<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
183
+  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
184
+&lt;/svg&gt;
185
+</code></pre>
186
+          </div>
187
+      </div>
188
+
189
+    </div>
190
+  </div>
191
+  <script>
192
+  $(document).ready(function () {
193
+      $('.tab-container .content:first').show()
194
+
195
+      $('#tabs li').click(function (e) {
196
+        var tabContent = $('.tab-container .content')
197
+        var index = $(this).index()
198
+
199
+        if ($(this).hasClass('active')) {
200
+          return
201
+        } else {
202
+          $('#tabs li').removeClass('active')
203
+          $(this).addClass('active')
204
+
205
+          tabContent.hide().eq(index).fadeIn()
206
+        }
207
+      })
208
+    })
209
+  </script>
210
+</body>
211
+</html>

+ 19 - 0
assets/fonts/seimin/font_new/iconfont.css

@@ -0,0 +1,19 @@
1
+@font-face {
2
+  font-family: "newicon"; /* Project id 4503805 */
3
+  src: url('iconfont.woff2?t=1712822449676') format('woff2'),
4
+       url('iconfont.woff?t=1712822449676') format('woff'),
5
+       url('iconfont.ttf?t=1712822449676') format('truetype');
6
+}
7
+
8
+.newicon {
9
+  font-family: "newicon" !important;
10
+  font-size: 16px;
11
+  font-style: normal;
12
+  -webkit-font-smoothing: antialiased;
13
+  -moz-osx-font-smoothing: grayscale;
14
+}
15
+
16
+.newicon-a-11111:before {
17
+  content: "\e606";
18
+}
19
+

File diff suppressed because it is too large
+ 1 - 0
assets/fonts/seimin/font_new/iconfont.js


+ 16 - 0
assets/fonts/seimin/font_new/iconfont.json

@@ -0,0 +1,16 @@
1
+{
2
+  "id": "4503805",
3
+  "name": "新ITSM PC端",
4
+  "font_family": "newicon",
5
+  "css_prefix_text": "newicon-",
6
+  "description": "",
7
+  "glyphs": [
8
+    {
9
+      "icon_id": "39056749",
10
+      "name": "图片",
11
+      "font_class": "a-11111",
12
+      "unicode": "e606",
13
+      "unicode_decimal": 58886
14
+    }
15
+  ]
16
+}

BIN
assets/fonts/seimin/font_new/iconfont.ttf


BIN
assets/fonts/seimin/font_new/iconfont.woff


BIN
assets/fonts/seimin/font_new/iconfont.woff2


File diff suppressed because it is too large
+ 284 - 536
assets/js/controllers/desk/chartCtrl.js


+ 8 - 10
assets/js/controllers/incident/incidentCtrl.js

@@ -340,7 +340,7 @@ app.controller('incidentListCtrl', ["$scope", "$http", "i18nService", "$rootScop
340 340
                 displayName: '最近维修记录',
341 341
                 width: 140,
342 342
                 cellTemplate: '<div style="width: 100%;">' +
343
-                    '<div class="ui-grid-cell-contents" ng-bind-html="grid.appScope.transferHandlerLog(row.entity.handlerLogs)"></div>' +
343
+                    '<div class="ui-grid-cell-contents" ng-bind-html="grid.appScope.transferHandlerLog(row.entity.currentLog)"></div>' +
344 344
                     '</div>'
345 345
             },
346 346
             {
@@ -360,15 +360,13 @@ app.controller('incidentListCtrl', ["$scope", "$http", "i18nService", "$rootScop
360 360
             return '无';
361 361
         }
362 362
     }
363
-    $scope.transferHandlerLog = function (handlerLogs) {
364
-        handlerLogs = angular.copy(handlerLogs);
365
-        handlerLogs = handlerLogs.reverse();
366
-        if(handlerLogs.length){
367
-            if(handlerLogs[0].repairType && handlerLogs[0].expectedDate){
368
-                return handlerLogs[0].repairType.name+"<br>"+ moment(handlerLogs[0].expectedDate).format('MM月DD日前完成');
369
-            }else{
370
-                return '无';
371
-            }
363
+    $scope.transferHandlerLog = function (currentLog) {
364
+        if(!currentLog){
365
+            return '无';
366
+        }
367
+        currentLog = angular.copy(currentLog);
368
+        if(currentLog.extra1DTO && currentLog.extra2 && currentLog.startTime){
369
+            return currentLog.extra1DTO.name+"<br>"+ moment(currentLog.startTime).add(+currentLog.extra2, 'days').format('MM月DD日前完成');
372 370
         }else{
373 371
             return '无';
374 372
         }

+ 24 - 51
assets/views/desk/chart.html

@@ -1,18 +1,4 @@
1
-<!-- <section id="page-title">
2
-    <div class="row">
3
-        <div class="col-sm-8">
4
-            <h1 class="mainTitle">事件请求列表</h1><span class="mainDescription">事件请求列表,点击操作处理任务</span></div>
5
-    </div>
6
-</section> -->
7 1
 <style>
8
-  /* .btn {
9
-        transition: all 0.3s ease 0s !important;
10
-        background-image: none !important;
11
-        outline: none !important;
12
-        position: relative;
13
-        padding: 6px 10px;
14
-        border-radius: 2px;
15
-    } */
16 2
   .incidentsearch {
17 3
     width: 30% !important;
18 4
     margin-right: 16px;
@@ -60,14 +46,25 @@
60 46
     white-space: nowrap;
61 47
   }
62 48
 
63
-  #bx_ks_ul li:hover {
64
-    /* background-color: #005395; */
65
-    /* color: #fff; */
66
-  }
67
-
68 49
   #bx_ks_ul li:last-child {
69 50
     border-bottom: none;
70 51
   }
52
+  .ui-grid-row:nth-child(even) .ui-grid-cell {
53
+        background: #fafafa !important;
54
+        display: flex;
55
+        justify-content: center;
56
+        align-items: center;
57
+    }
58
+
59
+    .ui-grid-row:nth-child(odd) .ui-grid-cell {
60
+        display: flex;
61
+        justify-content: center;
62
+        align-items: center;
63
+    }
64
+
65
+    .ui-grid-row .ui-grid-cell:last-of-type {
66
+        justify-content: flex-start;
67
+    }
71 68
 </style>
72 69
 <section id="page-title">
73 70
   <div class="row">
@@ -83,21 +80,9 @@
83 80
   <div class="listbote">
84 81
     <div class="list-controls clearfix">
85 82
       <div class="btn-group">
86
-        <button class="btn btn-statebutton statebutton  keepleftbottom" ng-click="onChange('')"
87
-          ng-class="{'statecolor':searchstate==''}">
88
-          全部
89
-        </button>
90
-        <button class="btn btn-statebutton statebutton" ng-class="{'statecolor':searchstate==1650}"
91
-          ng-click="onChange(1650)">
92
-          未受理
93
-        </button>
94
-        <button class="btn btn-statebutton statebutton" ng-class="{'statecolor':searchstate==1651}"
95
-          ng-click="onChange(1651)">
96
-          已受理
97
-        </button>
98
-        <button class="btn btn-statebutton statebutton keeprightbottom" ng-class="{'statecolor':searchstate==1652}"
99
-          ng-click="onChange(1652)">
100
-          不受理
83
+        <button class="btn btn-statebutton statebutton" ng-click="onChange(tab.key)"
84
+          ng-class="{'statecolor':searchstate == tab.key}" ng-repeat="tab in tabs">
85
+          {{tab.value}}
101 86
         </button>
102 87
       </div>
103 88
     </div>
@@ -112,18 +97,18 @@
112 97
                     联系人:
113 98
                   </div>
114 99
                   <input class="form-control pull-right inputcolor iptSize"
115
-                    style="border-color: #dedede;color: #93989e;" type="text" ng-model="fileData.wxincident.contacts"
100
+                    style="border-color: #dedede;color: #93989e;" type="text" ng-model="fileData.incident.contacts"
116 101
                     placeholder="" />
117 102
                 </div>
118 103
               </div>
119 104
               <div class="form-group incidentsearch">
120 105
                 <div>
121 106
                   <div class="control-label pull-left margin-top-5 margin-right-5">
122
-                    报修时间:
107
+                    申请时间:
123 108
                   </div>
124 109
                   <input type="text" class="form-control pull-right incidentsearchsize iptSize"
125 110
                     style="border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd"
126
-                    ng-model="fileData.wxincident.createTime" max-date="searchkeys.createTimeEnd" is-open="startOpened"
111
+                    ng-model="fileData.incident.startDate_start" max-date="searchkeys.startDate_end" is-open="startOpened"
127 112
                     hour-time="true" ng-init="startOpened = false" close-text="关闭" ng-click="startOpen($event)"
128 113
                     placeholder="" />
129 114
                 </div>
@@ -133,7 +118,7 @@
133 118
                 <div>
134 119
                   <input type="text" class="form-control selectzise pull-right incidentsearchsize iptSize"
135 120
                     style="border-color: #dedede;" datepicker-popuptime="yyyy-MM-dd"
136
-                    ng-model="fileData.wxincident.createTimeEnd" hour-time="true" min-date="searchkeys.createTime"
121
+                    ng-model="fileData.incident.startDate_end" hour-time="true" min-date="searchkeys.startDate_start"
137 122
                     is-open="endOpened" ng-init="endOpened = false" close-text="关闭" ng-click="endOpen($event)"
138 123
                     placeholder="" />
139 124
                 </div>
@@ -145,7 +130,7 @@
145 130
                   </div>
146 131
                   <input class="form-control pull-right inputcolor iptSize"
147 132
                     style="border-color: #dedede;color: #93989e;" type="text"
148
-                    ng-model="fileData.wxincident.contactsInformation" placeholder="" />
133
+                    ng-model="fileData.incident.contactsInformation" placeholder="" />
149 134
                 </div>
150 135
               </div>
151 136
               <div class="form-group incidentsearch ksInput" ng-show="repairMain.valueconfig == 2">
@@ -162,18 +147,6 @@
162 147
                   </div>
163 148
                 </div>
164 149
               </div>
165
-              <div class="form-group incidentsearch">
166
-                <div class="control-label pull-left margin-top-5 margin-right-5">来源:</div>
167
-                <ui-select class="pull-right iptSize" ng-model="seiminObj.sourceType"
168
-                    theme="bootstrap" ng-change="changeSourceType(seiminObj.sourceType)">
169
-                    <ui-select-match placeholder="请选择来源">
170
-                        {{$select.selected.name}}
171
-                    </ui-select-match>
172
-                    <ui-select-choices repeat="item in sourceTypes | filter: $select.search">
173
-                        <div ng-bind-html="item.name | highlight: $select.search"></div>
174
-                    </ui-select-choices>
175
-                </ui-select>
176
-            </div>
177 150
             </form>
178 151
           </div>
179 152
           <div class="col-xs-2">

+ 1 - 1
assets/views/incident/tpl/doing.tpl.html

@@ -42,7 +42,7 @@
42 42
             <div class="control-label pull-left margin-top-5 margin-right-5">
43 43
                 <label class="demoincident"><span class="red">*</span>处理方案</label>:</div>
44 44
             <div class="pull-right">
45
-                <textarea rows="3" style="resize: none;width:220px" placeholder="" ng-model="postData.handleDescription"></textarea>
45
+                <textarea rows="6" style="resize: none;width:220px" placeholder="" ng-model="postData.handleDescription"></textarea>
46 46
             </div>
47 47
         </div>
48 48
     </div>

+ 21 - 0
assets/views/incident/tpl/reject.tpl.html

@@ -0,0 +1,21 @@
1
+<!-- 不受理 -->
2
+<div class="modal-header">
3
+    <div class="modal-title fontcolor-two fontsizes-14">不受理
4
+        <button type="button" class="close pull-right" ng-click="cancel()">×</button>
5
+    </div>
6
+</div>
7
+<div class="modal-body center">
8
+    <div class="form-group" style="margin:0 auto;width: 300px;">
9
+        <div class=" input-group" style="margin:8px 0 0;">
10
+            <div class="control-label pull-left margin-top-5 margin-right-5">
11
+                <label class="demoincident"><span class="red">*</span>不受理原因</label>:</div>
12
+            <div class="pull-right">
13
+                <textarea rows="3" style="resize: none;width:210px" placeholder="" ng-model="postData.rejectRemark"></textarea>
14
+            </div>
15
+        </div>
16
+    </div>
17
+</div>
18
+<div class="modal-footer modelfooter-hint" style="cursor: pointer;">
19
+    <div class="hintfooterleft pull-left" ng-click="ok()" style="cursor: pointer;">确定</div>
20
+    <div class="hintfooterright pull-right" ng-click="cancel()" style="cursor: pointer;">取消</div>
21
+</div>

+ 16 - 0
assets/views/showPictrueList.html

@@ -0,0 +1,16 @@
1
+<div class="modal-header">
2
+    <div class="modal-title fontcolor-two fontsizes-14">{{title}}<button type="button" class="close pull-right" ng-click="cancel()">×</button></div>
3
+</div>
4
+<div class="modal-body center">
5
+    <div class="col-xs-12 padding-top-15 padding-bottom-15">
6
+        <div class="col-xs-12 btn-group padding-15 tipopenback">
7
+            <h2 class="hint">{{content}}</h2>
8
+            <div class="imgs-container shucenter" style="flex-wrap: wrap;justify-content: flex-start;">
9
+                <img ng-src="{{img.previewUrl}}" ng-repeat="(idx,img) in repairImgs" class="imgs" style="margin: 2px;max-width: 90px;max-height: 90px;" ng-click="preview(img.relativeFilePath,idx)" />
10
+            </div>
11
+        </div>
12
+    </div>
13
+</div>
14
+<div class="modal-footer modelfooter-hint pointfont padding-bottom-15">
15
+    <div type="button" class=" btn btn-default" ng-click="cancel() " translate="modal.button.CANCEL ">Cancel</div>
16
+</div>

+ 1 - 0
index.html

@@ -37,6 +37,7 @@
37 37
     <link rel="stylesheet" type="text/css" href="assets/fonts/fontcvg/iconfont.css" />
38 38
     <link rel="stylesheet" type="text/css" href="assets/fonts/fontcvg/demo.css" />
39 39
     <link rel="stylesheet" type="text/css" href="assets/fonts/seimin/font/iconfont.css" />
40
+    <link rel="stylesheet" type="text/css" href="assets/fonts/seimin/font_new/iconfont.css" />
40 41
     <!-- <link rel="stylesheet" type="text/css" href="assets/css/svgIconFont/iconfont.css" />
41 42
     <link rel="stylesheet" type="text/css" href="assets/css/svgIconFont/demo.css" /> -->
42 43
     <link rel="stylesheet" type="text/css" href="assets/css/demo/demo3.css" />