matrix_components 2.0.395 → 2.0.400

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,592 +0,0 @@
1
- <template>
2
- <div class="saturation-line-view">
3
- <span>浸润线</span>
4
- <!-- 方案1(推荐,支持sort按照x坐标从小到大排序):fullData -->
5
- <NsSaturationline ref="canvasRef" class="saturationline-canvas" :fullData="fullData" :isSortX="true">
6
- <span>无数据</span>
7
- </NsSaturationline>
8
- <!-- 方案2(兼容老的调用方式) -->
9
- <!-- <NsSaturationline ref="canvasRef" class="saturationline-canvas" :data="state.damData" :waterLevel="state.waterLevel">
10
- <span>无数据</span>
11
- </NsSaturationline> -->
12
- </div>
13
- </template>
14
- <script setup lang="ts" name="">
15
- import { onMounted, reactive, ref } from 'vue';
16
-
17
- const fullData = ref({
18
- "isDelete": 0,
19
- "damCode": "dam_1996484649555202048",
20
- "updateTime": "2025-12-04 17:19:29",
21
- "sectionId": 41,
22
- "projectCodeDesc": "象山水库",
23
- "sjsw": null,
24
- "ksw": 47.85,
25
- "createBy": 1,
26
- "pointList": [
27
- {
28
- "pointCode": "xiangshanup1",
29
- "isDelete": 0,
30
- "pointName": "UP1",
31
- "damCode": "dam_1996484649555202048",
32
- "updateTime": "2025-12-04 17:19:29",
33
- "sectionId": 41,
34
- "createBy": 1,
35
- "createTime": "2025-12-04 16:16:41",
36
- "updateBy": 1,
37
- "x": "-2.5",
38
- "y": "52.8",
39
- "id": 77,
40
- "time": "2025-12-04 19:37:17",
41
- "value": 44.19,
42
- "height": "25"
43
-
44
- },
45
- {
46
- "pointCode": "xsUP2",
47
- "isDelete": 0,
48
- "pointName": "UP2",
49
- "damCode": "dam_1996484649555202048",
50
- "updateTime": "2025-12-04 17:19:29",
51
- "sectionId": 41,
52
- "createBy": 1,
53
- "createTime": "2025-12-04 16:16:41",
54
- "updateBy": 1,
55
- "x": "2.5",
56
- "y": "52.8",
57
- "id": 78,
58
- "time": "2025-12-04 19:37:17",
59
- "value": 41.8,
60
- "height": "25"
61
- },
62
- {
63
- "pointCode": "xsup3",
64
- "isDelete": 0,
65
- "pointName": "UP3",
66
- "damCode": "dam_1996484649555202048",
67
- "updateTime": "2025-12-04 17:19:29",
68
- "sectionId": 41,
69
- "createBy": 1,
70
- "createTime": "2025-12-04 16:16:41",
71
- "updateBy": 1,
72
- "x": "8",
73
- "y": "49.5",
74
- "id": 79,
75
- "time": "2025-12-04 19:37:17",
76
- "value": 41.14,
77
- "height": "22"
78
- },
79
- ],
80
- "jhsw": null,
81
- "createTime": "2025-12-04 16:50:00",
82
- "updateBy": 1,
83
- "projectCode": "reservoir_1996484060796555264",
84
- "x": "0",
85
- "y": "20",
86
- "id": 57,
87
- "sectionList": [
88
- {
89
- "createBy": 1,
90
- "createTime": "2025-12-04 16:50:00",
91
- "updateBy": 1,
92
- "isTop": false,
93
- "isDelete": 0,
94
- "damCode": "dam_1996484649555202048",
95
- "x": "-14.24",
96
- "y": "46",
97
- "updateTime": "2025-12-04 16:55:54",
98
- "id": 209,
99
- "sectionId": 41
100
- },
101
- {
102
- "createBy": 1,
103
- "createTime": "2025-12-04 16:50:00",
104
- "updateBy": 1,
105
- "isTop": false,
106
- "isDelete": 0,
107
- "damCode": "dam_1996484649555202048",
108
- "x": "-7.12",
109
- "y": "48",
110
- "updateTime": "2025-12-04 16:56:46",
111
- "id": 210,
112
- "sectionId": 41
113
- },
114
- {
115
- "createBy": 1,
116
- "createTime": "2025-12-04 16:50:00",
117
- "updateBy": 1,
118
- "isTop": true,
119
- "isDelete": 0,
120
- "damCode": "dam_1996484649555202048",
121
- "x": "-2.5",
122
- "y": "52.8",
123
- "updateTime": "2025-12-04 16:56:47",
124
- "id": 211,
125
- "sectionId": 41
126
- },
127
- {
128
- "createBy": 1,
129
- "createTime": "2025-12-04 16:50:00",
130
- "updateBy": 1,
131
- "isTop": true,
132
- "isDelete": 0,
133
- "damCode": "dam_1996484649555202048",
134
- "x": "2.5",
135
- "y": "52.8",
136
- "updateTime": "2025-12-04 16:57:18",
137
- "id": 212,
138
- "sectionId": 41
139
- },
140
- {
141
- "createBy": 1,
142
- "createTime": "2025-12-04 16:50:00",
143
- "updateBy": 1,
144
- "isTop": false,
145
- "isDelete": 0,
146
- "damCode": "dam_1996484649555202048",
147
- "x": "19",
148
- "y": "44",
149
- "updateTime": "2025-12-04 16:57:53",
150
- "id": 213,
151
- "sectionId": 41
152
- },
153
- {
154
- "createBy": 1,
155
- "createTime": "2025-12-04 17:16:46",
156
- "updateBy": 1,
157
- "isTop": false,
158
- "isDelete": 0,
159
- "damCode": "dam_1996484649555202048",
160
- "x": "22",
161
- "y": "44",
162
- "updateTime": "2025-12-04 16:57:51",
163
- "id": 214,
164
- "sectionId": 41
165
- },
166
- {
167
- "createBy": 1,
168
- "createTime": "2025-12-04 16:50:00",
169
- "updateBy": 1,
170
- "isTop": false,
171
- "isDelete": 0,
172
- "damCode": "dam_1996484649555202048",
173
- "x": "42.85",
174
- "y": "36",
175
- "updateTime": "2025-12-04 16:55:54",
176
- "id": 215,
177
- "sectionId": 41
178
- },
179
- {
180
- "createBy": 1,
181
- "createTime": "2025-12-04 16:50:00",
182
- "updateBy": 1,
183
- "isTop": false,
184
- "isDelete": 0,
185
- "damCode": "dam_1996484649555202048",
186
- "x": "51.45",
187
- "y": "36",
188
- "updateTime": "2025-12-04 16:55:54",
189
- "id": 216,
190
- "sectionId": 41
191
- },
192
- {
193
- "createBy": 1,
194
- "createTime": "2025-12-04 16:50:00",
195
- "updateBy": 1,
196
- "isTop": false,
197
- "isDelete": 0,
198
- "damCode": "dam_1996484649555202048",
199
- "x": "71.2",
200
- "y": "30",
201
- "updateTime": "2025-12-04 16:55:54",
202
- "id": 217,
203
- "sectionId": 41
204
- },
205
- {
206
- "createBy": 1,
207
- "createTime": "2025-12-04 16:50:00",
208
- "updateBy": 1,
209
- "isTop": false,
210
- "isDelete": 0,
211
- "damCode": "dam_1996484649555202048",
212
- "x": "78.67",
213
- "y": "30",
214
- "updateTime": "2025-12-04 16:55:54",
215
- "id": 218,
216
- "sectionId": 41
217
- }
218
- ],
219
- "xxsw": null,
220
- "isWall": false
221
- })
222
-
223
- const state = reactive({
224
- damData: {
225
- // 坝体
226
- sectionTableList: [
227
- {
228
- xPoint: "-44",
229
- yPoint: "17",
230
- isTop: false,
231
- },
232
- {
233
- xPoint: "-26",
234
- yPoint: "24",
235
- isTop: false,
236
- },
237
- {
238
- xPoint: "-16",
239
- yPoint: "24",
240
- isTop: false,
241
- },
242
- {
243
- xPoint: "-8",
244
- yPoint: "29",
245
- isTop: true,
246
- },
247
- {
248
- xPoint: "8",
249
- yPoint: "29",
250
- isTop: true,
251
- },
252
- {
253
- xPoint: "22",
254
- yPoint: "25",
255
- isTop: false,
256
- },
257
- {
258
- xPoint: "40",
259
- yPoint: "22",
260
- isTop: false,
261
- },
262
- {
263
- xPoint: "47",
264
- yPoint: "22",
265
- isTop: false,
266
- },
267
- {
268
- xPoint: "62",
269
- yPoint: "17",
270
- isTop: false,
271
- },
272
- {
273
- xPoint: "70",
274
- yPoint: "17",
275
- isTop: false,
276
- },
277
- ],
278
- // 测压管
279
- pipelineTableList: [
280
- {
281
- xPoint: "-8",
282
- yPoint: "29",
283
- height: "15",
284
- pointCode: "UP1-1",
285
- pointName: "测试名字很长很长很长很长测试名字很长很长很长很长",
286
- },
287
- {
288
- xPoint: "8",
289
- yPoint: "29",
290
- height: "17",
291
- pointCode: "UP1-2",
292
- pointName: "-1-1-1--1-1----1",
293
- },
294
- {
295
- xPoint: "17",
296
- yPoint: "26.3",
297
- height: "15",
298
- pointCode: "UP1-3",
299
- pointName: "测试",
300
- },
301
- ],
302
- // y/x偏移
303
- isWall: "1",
304
- yStart: "10",
305
- wallXpoint: "-2",
306
- },
307
- waterLevel: {
308
- map: [
309
- {
310
- id: null,
311
- projectCode: null,
312
- transectName: "0+155",
313
- pointCode: "UP1-3",
314
- waterLevel: 14.8,
315
- date: "2025-05-20T05:00:00",
316
- createBy: null,
317
- createTime: null,
318
- updateBy: null,
319
- updateTime: null,
320
- isDelete: null,
321
- code: null,
322
- },
323
- {
324
- id: null,
325
- projectCode: null,
326
- transectName: "0+155",
327
- pointCode: "UP1-2",
328
- waterLevel: 16.0,
329
- date: "2025-05-20T05:00:00",
330
- createBy: null,
331
- createTime: null,
332
- updateBy: null,
333
- updateTime: null,
334
- isDelete: null,
335
- code: null,
336
- },
337
- {
338
- id: null,
339
- projectCode: null,
340
- transectName: "0+155",
341
- pointCode: "UP1-1",
342
- waterLevel: 18.3,
343
- date: "2025-05-20T00:00:00",
344
- createBy: null,
345
- createTime: null,
346
- updateBy: null,
347
- updateTime: null,
348
- isDelete: null,
349
- code: null,
350
- },
351
- ],
352
- kssw: 22,
353
- xxsw: 15,
354
- sjsw: 24,
355
- jhsw: 26,
356
- },
357
- });
358
-
359
- onMounted(()=>{
360
- setTimeout(()=>{
361
- // 方案2修改数据
362
- /* state.damData = {}
363
- state.waterLevel = {}
364
- return */
365
- // 方案1修改数据
366
- fullData.value = {
367
- "isDelete": 0,
368
- "damCode": "dam_1996484649555202048",
369
- "updateTime": "2025-12-04 17:19:29",
370
- "sectionId": 41,
371
- "projectCodeDesc": "象山水库",
372
- "sjsw": null,
373
- "ksw": 47.85,
374
- "createBy": 1,
375
- "pointList": [
376
- {
377
- "pointCode": "xsUP2",
378
- "isDelete": 0,
379
- "pointName": "UP2",
380
- "damCode": "dam_1996484649555202048",
381
- "updateTime": "2025-12-04 17:19:29",
382
- "sectionId": 41,
383
- "createBy": 1,
384
- "createTime": "2025-12-04 16:16:41",
385
- "updateBy": 1,
386
- "x": "2.5",
387
- "y": "52.8",
388
- "id": 78,
389
- "time": "2025-12-04 19:37:17",
390
- "value": 41.8,
391
- "height": "25",
392
- "xPoint": "2.5",
393
- "yPoint": "52.8"
394
- },
395
- {
396
- "pointCode": "xsup3",
397
- "isDelete": 0,
398
- "pointName": "UP3",
399
- "damCode": "dam_1996484649555202048",
400
- "updateTime": "2025-12-04 17:19:29",
401
- "sectionId": 41,
402
- "createBy": 1,
403
- "createTime": "2025-12-04 16:16:41",
404
- "updateBy": 1,
405
- "x": "8",
406
- "y": "49.5",
407
- "id": 79,
408
- "time": "2025-12-04 19:37:17",
409
- "value": 25.14,
410
- "height": "22",
411
- "xPoint": "8",
412
- "yPoint": "49.5"
413
- },
414
- {
415
- "pointCode": "xiangshanup1",
416
- "isDelete": 0,
417
- "pointName": "UP1",
418
- "damCode": "dam_1996484649555202048",
419
- "updateTime": "2025-12-04 17:19:29",
420
- "sectionId": 41,
421
- "createBy": 1,
422
- "createTime": "2025-12-04 16:16:41",
423
- "updateBy": 1,
424
- "x": "-2.5",
425
- "y": "52.8",
426
- "id": 77,
427
- "time": "2025-12-04 19:37:17",
428
- "value": 35.19,
429
- "height": "25",
430
- "xPoint": "-2.5",
431
- "yPoint": "52.8"
432
- }
433
- ],
434
- "jhsw": null,
435
- "createTime": "2025-12-04 16:50:00",
436
- "updateBy": 1,
437
- "projectCode": "reservoir_1996484060796555264",
438
- "x": "0",
439
- "y": "20",
440
- "id": 57,
441
- "sectionList": [
442
- {
443
- "createBy": 1,
444
- "createTime": "2025-12-04 16:50:00",
445
- "updateBy": 1,
446
- "isTop": false,
447
- "isDelete": 0,
448
- "damCode": "dam_1996484649555202048",
449
- "x": "-14.24",
450
- "y": "46",
451
- "updateTime": "2025-12-04 16:55:54",
452
- "id": 209,
453
- "sectionId": 41
454
- },
455
- {
456
- "createBy": 1,
457
- "createTime": "2025-12-04 16:50:00",
458
- "updateBy": 1,
459
- "isTop": false,
460
- "isDelete": 0,
461
- "damCode": "dam_1996484649555202048",
462
- "x": "-7.12",
463
- "y": "48",
464
- "updateTime": "2025-12-04 16:56:46",
465
- "id": 210,
466
- "sectionId": 41
467
- },
468
- {
469
- "createBy": 1,
470
- "createTime": "2025-12-04 16:50:00",
471
- "updateBy": 1,
472
- "isTop": true,
473
- "isDelete": 0,
474
- "damCode": "dam_1996484649555202048",
475
- "x": "-2.5",
476
- "y": "52.8",
477
- "updateTime": "2025-12-04 16:56:47",
478
- "id": 211,
479
- "sectionId": 41
480
- },
481
- {
482
- "createBy": 1,
483
- "createTime": "2025-12-04 16:50:00",
484
- "updateBy": 1,
485
- "isTop": true,
486
- "isDelete": 0,
487
- "damCode": "dam_1996484649555202048",
488
- "x": "2.5",
489
- "y": "52.8",
490
- "updateTime": "2025-12-04 16:57:18",
491
- "id": 212,
492
- "sectionId": 41
493
- },
494
- {
495
- "createBy": 1,
496
- "createTime": "2025-12-04 16:50:00",
497
- "updateBy": 1,
498
- "isTop": false,
499
- "isDelete": 0,
500
- "damCode": "dam_1996484649555202048",
501
- "x": "19",
502
- "y": "44",
503
- "updateTime": "2025-12-04 16:57:53",
504
- "id": 213,
505
- "sectionId": 41
506
- },
507
- {
508
- "createBy": 1,
509
- "createTime": "2025-12-04 17:16:46",
510
- "updateBy": 1,
511
- "isTop": false,
512
- "isDelete": 0,
513
- "damCode": "dam_1996484649555202048",
514
- "x": "22",
515
- "y": "44",
516
- "updateTime": "2025-12-04 16:57:51",
517
- "id": 214,
518
- "sectionId": 41
519
- },
520
- {
521
- "createBy": 1,
522
- "createTime": "2025-12-04 16:50:00",
523
- "updateBy": 1,
524
- "isTop": false,
525
- "isDelete": 0,
526
- "damCode": "dam_1996484649555202048",
527
- "x": "42.85",
528
- "y": "36",
529
- "updateTime": "2025-12-04 16:55:54",
530
- "id": 215,
531
- "sectionId": 41
532
- },
533
- {
534
- "createBy": 1,
535
- "createTime": "2025-12-04 16:50:00",
536
- "updateBy": 1,
537
- "isTop": false,
538
- "isDelete": 0,
539
- "damCode": "dam_1996484649555202048",
540
- "x": "51.45",
541
- "y": "36",
542
- "updateTime": "2025-12-04 16:55:54",
543
- "id": 216,
544
- "sectionId": 41
545
- },
546
- {
547
- "createBy": 1,
548
- "createTime": "2025-12-04 16:50:00",
549
- "updateBy": 1,
550
- "isTop": false,
551
- "isDelete": 0,
552
- "damCode": "dam_1996484649555202048",
553
- "x": "71.2",
554
- "y": "30",
555
- "updateTime": "2025-12-04 16:55:54",
556
- "id": 217,
557
- "sectionId": 41
558
- },
559
- {
560
- "createBy": 1,
561
- "createTime": "2025-12-04 16:50:00",
562
- "updateBy": 1,
563
- "isTop": false,
564
- "isDelete": 0,
565
- "damCode": "dam_1996484649555202048",
566
- "x": "78.67",
567
- "y": "30",
568
- "updateTime": "2025-12-04 16:55:54",
569
- "id": 218,
570
- "sectionId": 41
571
- }
572
- ],
573
- "xxsw": null,
574
- "isWall": false
575
- }
576
- }, 2000)
577
- })
578
-
579
- </script>
580
- <style lang="scss" scoped>
581
- .saturation-line-view {
582
- width: calc(100% - 40px);
583
- height: calc(100% - 20px);
584
- padding: 20px;
585
- display: flex;
586
- flex-direction: column;
587
- .saturationline-canvas {
588
- flex: 1;
589
- height: 100%;
590
- }
591
- }
592
- </style>
@@ -1,97 +0,0 @@
1
- {
2
- "formData": {
3
- "name": "xx",
4
- "email": "yy@zz.com",
5
- "age": null,
6
- "city": "",
7
- "description": ""
8
- },
9
- "formItems": [
10
- {
11
- "label": "姓名",
12
- "prop": "name",
13
- "component": "input",
14
- "span": 24,
15
- "required": true,
16
- "placeholder": "请输入姓名",
17
- "props": {
18
- "clearable": true
19
- }
20
- },
21
- {
22
- "label": "邮箱",
23
- "prop": "email",
24
- "component": "input",
25
- "span": 24,
26
- "required": true,
27
- "placeholder": "请输入邮箱",
28
- "props": {
29
- "clearable": true
30
- },
31
- "rules": [
32
- {
33
- "type": "email",
34
- "message": "请输入正确的邮箱地址",
35
- "trigger": "blur"
36
- }
37
- ]
38
- },
39
- {
40
- "label": "年龄",
41
- "prop": "age",
42
- "component": "number",
43
- "span": 24,
44
- "placeholder": "请输入年龄",
45
- "props": {
46
- "min": 1,
47
- "max": 120,
48
- "controlsPosition": "right"
49
- }
50
- },
51
- {
52
- "label": "城市",
53
- "prop": "city",
54
- "component": "select",
55
- "span": 24,
56
- "placeholder": "请选择城市",
57
- "options": [
58
- { "label": "北京", "value": "beijing" },
59
- { "label": "上海", "value": "shanghai" },
60
- { "label": "广州", "value": "guangzhou" },
61
- { "label": "深圳", "value": "shenzhen" }
62
- ],
63
- "props": {
64
- "clearable": true
65
- }
66
- },
67
- {
68
- "label": "描述",
69
- "prop": "description",
70
- "component": "textarea",
71
- "span": 24,
72
- "placeholder": "请输入描述",
73
- "props": {
74
- "rows": 3,
75
- "maxlength": 200,
76
- "showWordLimit": true
77
- }
78
- }
79
- ],
80
- "formRules": {
81
- "name": [
82
- {
83
- "required": true,
84
- "message": "请输入姓名",
85
- "trigger": "blur"
86
- }
87
- ],
88
- "email": [
89
- {
90
- "required": true,
91
- "message": "请输入邮箱地址",
92
- "trigger": "blur"
93
- }
94
- ]
95
- },
96
- "optionsData": {}
97
- }