meixioacomponent 0.3.28 → 0.3.31
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.
- package/lib/meixioacomponent.common.js +2357 -8613
- package/lib/meixioacomponent.umd.js +2357 -8613
- package/lib/meixioacomponent.umd.min.js +23 -25
- package/package.json +41 -41
- package/packages/components/base/baseDialog/index.vue +40 -32
- package/packages/components/proForm/proForm/pro_form_item.vue +112 -106
- package/packages/components/proPageTable/oa_pro_table.vue +227 -195
- package/src/component/test.vue +66 -65
- package/src/test.js +13 -0
package/src/component/test.vue
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<template>
|
|
1
|
+
<!-- <template>
|
|
2
2
|
<base-dialog
|
|
3
3
|
ref="dialog"
|
|
4
4
|
:modal="true"
|
|
@@ -165,7 +165,7 @@ export default {
|
|
|
165
165
|
transform: translateY(-50%);
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
|
-
</style>
|
|
168
|
+
</style> -->
|
|
169
169
|
|
|
170
170
|
<!-- <template>
|
|
171
171
|
<base-drawer
|
|
@@ -311,7 +311,7 @@ export default {
|
|
|
311
311
|
}
|
|
312
312
|
</style> -->
|
|
313
313
|
|
|
314
|
-
|
|
314
|
+
<template>
|
|
315
315
|
<div class="page-table-wrap" ref="pageTableWrap">
|
|
316
316
|
<base-pro-table
|
|
317
317
|
:align="`left`"
|
|
@@ -326,9 +326,9 @@ export default {
|
|
|
326
326
|
:headerConfig="headerConfig"
|
|
327
327
|
:totalPropsList="totalPropsList"
|
|
328
328
|
:proScreenConfig="proScreenConfig"
|
|
329
|
-
>
|
|
330
|
-
<!-- 表格头部插槽 -->
|
|
331
|
-
|
|
329
|
+
>
|
|
330
|
+
<!-- 表格头部插槽 -->
|
|
331
|
+
<template>
|
|
332
332
|
<base-icon
|
|
333
333
|
:color="`m`"
|
|
334
334
|
:event="true"
|
|
@@ -357,16 +357,17 @@ export default {
|
|
|
357
357
|
<el-dropdown-item>蚵仔煎</el-dropdown-item>
|
|
358
358
|
</el-dropdown-menu>
|
|
359
359
|
</el-dropdown>
|
|
360
|
-
</template>
|
|
360
|
+
</template>
|
|
361
361
|
|
|
362
|
-
<!-- 自定义模板列 -->
|
|
363
|
-
|
|
364
|
-
<template v-slot:address="data">
|
|
365
|
-
|
|
362
|
+
<!-- 自定义模板列 -->
|
|
363
|
+
<template v-slot:name="data">template-{{ data.scope }}</template>
|
|
364
|
+
<template v-slot:address="data">template-{{ data.scope }}</template>
|
|
365
|
+
</base-pro-table>
|
|
366
366
|
</div>
|
|
367
|
-
</template>
|
|
367
|
+
</template>
|
|
368
368
|
|
|
369
|
-
|
|
369
|
+
<script>
|
|
370
|
+
import tableTable from '../test'
|
|
370
371
|
export default {
|
|
371
372
|
data() {
|
|
372
373
|
return {
|
|
@@ -375,22 +376,22 @@ export default {
|
|
|
375
376
|
tableConfig: [],
|
|
376
377
|
|
|
377
378
|
headerConfig: {
|
|
378
|
-
headerText:
|
|
379
|
+
headerText: '测试表格',
|
|
379
380
|
},
|
|
380
381
|
|
|
381
382
|
totalPropsList: [],
|
|
382
383
|
|
|
383
|
-
keyWords:
|
|
384
|
+
keyWords: '',
|
|
384
385
|
/* 快捷的筛选 类似于tag */
|
|
385
386
|
screenList: {
|
|
386
387
|
index: 0,
|
|
387
388
|
list: [
|
|
388
|
-
{ value:
|
|
389
|
-
{ value:
|
|
389
|
+
{ value: 'all', label: '全部合同', key: '_all' },
|
|
390
|
+
{ value: 'me', label: '我负责的合同', key: '_me' },
|
|
390
391
|
{
|
|
391
|
-
value:
|
|
392
|
-
label:
|
|
393
|
-
key:
|
|
392
|
+
value: 'subordinate',
|
|
393
|
+
label: '下属负责的合同',
|
|
394
|
+
key: '_subordinate',
|
|
394
395
|
},
|
|
395
396
|
],
|
|
396
397
|
},
|
|
@@ -398,27 +399,27 @@ export default {
|
|
|
398
399
|
/* 高级筛选的配置 */
|
|
399
400
|
proScreenConfig: [
|
|
400
401
|
{
|
|
401
|
-
key:
|
|
402
|
-
value:
|
|
403
|
-
type:
|
|
402
|
+
key: 'accountBank',
|
|
403
|
+
value: '',
|
|
404
|
+
type: 'time',
|
|
404
405
|
},
|
|
405
406
|
{
|
|
406
|
-
key:
|
|
407
|
-
value:
|
|
408
|
-
type:
|
|
407
|
+
key: 'firmName',
|
|
408
|
+
value: '',
|
|
409
|
+
type: 'input',
|
|
409
410
|
},
|
|
410
411
|
{
|
|
411
|
-
key:
|
|
412
|
-
value:
|
|
413
|
-
type:
|
|
412
|
+
key: 'contactName',
|
|
413
|
+
value: '',
|
|
414
|
+
type: 'select',
|
|
414
415
|
selectList: [
|
|
415
416
|
{
|
|
416
|
-
label:
|
|
417
|
+
label: '测试1',
|
|
417
418
|
value: 1,
|
|
418
419
|
},
|
|
419
|
-
{ label:
|
|
420
|
-
{ label:
|
|
421
|
-
{ label:
|
|
420
|
+
{ label: '测试2', value: 2 },
|
|
421
|
+
{ label: '测试3', value: 3 },
|
|
422
|
+
{ label: '测试4', value: 4 },
|
|
422
423
|
],
|
|
423
424
|
},
|
|
424
425
|
],
|
|
@@ -432,93 +433,93 @@ export default {
|
|
|
432
433
|
},
|
|
433
434
|
// 分页配置
|
|
434
435
|
pageConfig: {
|
|
435
|
-
size:
|
|
436
|
-
page:
|
|
437
|
-
total:
|
|
436
|
+
size: 'pageSize',
|
|
437
|
+
page: 'pageNum',
|
|
438
|
+
total: 'total',
|
|
438
439
|
},
|
|
439
|
-
}
|
|
440
|
+
}
|
|
440
441
|
},
|
|
441
442
|
created() {
|
|
442
443
|
this.tableConfig = [
|
|
443
444
|
{
|
|
444
445
|
width: 120,
|
|
445
446
|
lock: false,
|
|
446
|
-
label:
|
|
447
|
+
label: '操作',
|
|
447
448
|
template: false,
|
|
448
|
-
key:
|
|
449
|
+
key: 'accountBank',
|
|
449
450
|
screen: true,
|
|
450
451
|
},
|
|
451
452
|
{
|
|
452
|
-
label:
|
|
453
|
-
key:
|
|
453
|
+
label: '单位名称',
|
|
454
|
+
key: 'firmName',
|
|
454
455
|
lock: false,
|
|
455
456
|
width: 150,
|
|
456
457
|
template: false,
|
|
457
458
|
screen: true,
|
|
458
459
|
},
|
|
459
460
|
{
|
|
460
|
-
label:
|
|
461
|
-
key:
|
|
461
|
+
label: '合同名称',
|
|
462
|
+
key: 'pactName',
|
|
462
463
|
lock: false,
|
|
463
464
|
width: 150,
|
|
464
465
|
template: false,
|
|
465
|
-
color:
|
|
466
|
+
color: 'warn',
|
|
466
467
|
},
|
|
467
468
|
{
|
|
468
|
-
label:
|
|
469
|
-
key:
|
|
469
|
+
label: '联系人名称',
|
|
470
|
+
key: 'contactName',
|
|
470
471
|
lock: false,
|
|
471
472
|
width: 150,
|
|
472
473
|
screen: true,
|
|
473
474
|
template: false,
|
|
474
475
|
},
|
|
475
476
|
{
|
|
476
|
-
label:
|
|
477
|
-
key:
|
|
477
|
+
label: '快递单号',
|
|
478
|
+
key: 'courierNumber',
|
|
478
479
|
lock: false,
|
|
479
480
|
width: 199,
|
|
480
481
|
},
|
|
481
482
|
{
|
|
482
|
-
label:
|
|
483
|
-
key:
|
|
483
|
+
label: '审核状态',
|
|
484
|
+
key: 'status',
|
|
484
485
|
lock: false,
|
|
485
486
|
width: 280,
|
|
486
487
|
template: false,
|
|
487
488
|
},
|
|
488
489
|
{
|
|
489
|
-
label:
|
|
490
|
-
key:
|
|
490
|
+
label: '签署时间',
|
|
491
|
+
key: 'gmtCreate',
|
|
491
492
|
lock: false,
|
|
492
493
|
width: 280,
|
|
493
494
|
template: false,
|
|
494
495
|
},
|
|
495
|
-
]
|
|
496
|
+
]
|
|
496
497
|
},
|
|
497
498
|
mounted() {
|
|
498
|
-
this.pageHeight = this.$refs.pageTableWrap.clientHeight
|
|
499
|
+
this.pageHeight = this.$refs.pageTableWrap.clientHeight
|
|
499
500
|
},
|
|
500
501
|
components: {},
|
|
501
502
|
methods: {
|
|
502
503
|
async httpRequire(screenCofig) {
|
|
503
|
-
let result = null
|
|
504
|
+
let result = null
|
|
504
505
|
try {
|
|
505
|
-
result = await test(screenCofig)
|
|
506
|
-
this.pageProps.total =
|
|
506
|
+
// result = await test(screenCofig)
|
|
507
|
+
this.pageProps.total = 20
|
|
507
508
|
} catch (error) {
|
|
508
509
|
return new Promise((resolve, reject) => {
|
|
509
|
-
this.pageProps.total = 0
|
|
510
|
-
resolve([])
|
|
511
|
-
})
|
|
510
|
+
this.pageProps.total = 0
|
|
511
|
+
resolve([])
|
|
512
|
+
})
|
|
512
513
|
}
|
|
513
514
|
return new Promise((resolve, reject) => {
|
|
514
|
-
resolve(
|
|
515
|
-
})
|
|
515
|
+
resolve(tableTable)
|
|
516
|
+
})
|
|
516
517
|
},
|
|
517
518
|
rowClick(row) {
|
|
518
|
-
console.log(row)
|
|
519
|
+
console.log(row)
|
|
519
520
|
},
|
|
520
521
|
},
|
|
521
|
-
}
|
|
522
|
+
}
|
|
522
523
|
</script>
|
|
523
524
|
|
|
524
525
|
<style lang="less" scoped>
|
|
@@ -527,7 +528,7 @@ export default {
|
|
|
527
528
|
height: 100%;
|
|
528
529
|
background: inherit;
|
|
529
530
|
}
|
|
530
|
-
</style>
|
|
531
|
+
</style>
|
|
531
532
|
|
|
532
533
|
<!-- 普通表单 -->
|
|
533
534
|
<!-- <template>
|
package/src/test.js
ADDED