meixioacomponent 0.3.40 → 0.3.44
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 +773 -741
- package/lib/meixioacomponent.umd.js +773 -741
- package/lib/meixioacomponent.umd.min.js +28 -28
- package/lib/style/element/index.css +7 -22
- package/lib/style/index.less +5 -1
- package/package.json +1 -1
- package/packages/components/base/baseArea/baseArea.vue +109 -108
- package/packages/components/base/baseIcon/index.vue +49 -45
- package/packages/components/base/baseLineInfoGroup/baseLineInfoGroup.vue +17 -14
- package/packages/components/base/baseLineInfoItem/baseLineInfoItem.vue +54 -31
- package/packages/components/base/basePopoverButton/index.vue +15 -19
- package/packages/components/base/baseUpload/baseUpload.vue +15 -12
- package/packages/components/base/baseUpload/baseUploadItem.vue +73 -70
- package/packages/components/base/baseUpload/mixins.js +10 -3
- package/packages/components/proForm/proForm/pro_form_item.vue +7 -1
- package/packages/components/proPageTable/oa_pro_colum_config.vue +81 -92
- package/packages/components/proPageTable/oa_pro_handle_table_border.vue +45 -38
- package/packages/components/proPageTable/oa_pro_table-header.vue +23 -21
- package/packages/components/proPageTable/oa_pro_table.vue +99 -96
- package/packages/components/style/element/index.css +7 -22
- package/packages/components/style/index.less +5 -1
- package/src/App.vue +34 -13
- package/src/component/test.vue +78 -61
- package/src/main.js +1 -1
- package/src/test.js +3 -3
package/src/App.vue
CHANGED
|
@@ -1,36 +1,57 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div id="app">
|
|
3
|
-
<div style="height: 100vh">
|
|
4
|
-
|
|
3
|
+
<div style="height: 100vh;">
|
|
4
|
+
<test></test>
|
|
5
|
+
<!-- <base-upload v-model="test"></base-upload> -->
|
|
5
6
|
</div>
|
|
6
7
|
</div>
|
|
7
8
|
</template>
|
|
8
9
|
|
|
9
10
|
<script>
|
|
10
|
-
import test from
|
|
11
|
+
import test from './component/test.vue'
|
|
11
12
|
|
|
12
|
-
import BaseArea from
|
|
13
|
-
import BaseTimeLine from
|
|
13
|
+
import BaseArea from '../packages/components/base/baseArea/baseArea.vue'
|
|
14
|
+
import BaseTimeLine from '../packages/components/base/baseTimeLine/baseTimeLine.vue'
|
|
15
|
+
import BaseUpload from '../packages/components/base/baseUpload/baseUpload.vue'
|
|
14
16
|
export default {
|
|
15
|
-
components: { test, BaseArea, BaseTimeLine },
|
|
17
|
+
components: { test, BaseArea, BaseTimeLine, BaseUpload },
|
|
16
18
|
data() {
|
|
17
19
|
return {
|
|
18
20
|
test: [],
|
|
19
21
|
items: [
|
|
20
|
-
{ type:
|
|
21
|
-
{ type:
|
|
22
|
-
{ type:
|
|
23
|
-
{ type:
|
|
24
|
-
{ type:
|
|
22
|
+
{ type: '', label: '标签一' },
|
|
23
|
+
{ type: 'success', label: '标签二' },
|
|
24
|
+
{ type: 'info', label: '标签三' },
|
|
25
|
+
{ type: 'danger', label: '标签四' },
|
|
26
|
+
{ type: 'warning', label: '标签五' },
|
|
25
27
|
],
|
|
26
28
|
value: [],
|
|
27
29
|
value2: [],
|
|
28
30
|
value3: [],
|
|
29
|
-
|
|
31
|
+
|
|
32
|
+
flag: false,
|
|
33
|
+
infoList: [
|
|
34
|
+
{
|
|
35
|
+
label: '手机号(登录名)',
|
|
36
|
+
value: '18626860059',
|
|
37
|
+
key: 'phone',
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: '姓名',
|
|
41
|
+
value: '余群',
|
|
42
|
+
key: 'accountname',
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
label: '部门',
|
|
46
|
+
value: '技术部',
|
|
47
|
+
key: 'deptName',
|
|
48
|
+
},
|
|
49
|
+
],
|
|
50
|
+
}
|
|
30
51
|
},
|
|
31
52
|
mounted() {},
|
|
32
53
|
methods: {},
|
|
33
|
-
}
|
|
54
|
+
}
|
|
34
55
|
</script>
|
|
35
56
|
|
|
36
57
|
<style lang="less" scoped>
|
package/src/component/test.vue
CHANGED
|
@@ -311,7 +311,7 @@ export default {
|
|
|
311
311
|
}
|
|
312
312
|
</style> -->
|
|
313
313
|
|
|
314
|
-
<template>
|
|
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,15 +357,15 @@ 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
|
-
|
|
362
|
+
<!-- 自定义模板列 -->
|
|
363
|
+
<!-- <template v-slot:name="data">template-{{ data.scope }}</template>
|
|
364
364
|
<template v-slot:address="data">template-{{ data.scope }}</template>
|
|
365
365
|
</base-pro-table>
|
|
366
366
|
</div>
|
|
367
|
-
</template>
|
|
368
|
-
|
|
367
|
+
</template> -->
|
|
368
|
+
<!--
|
|
369
369
|
<script>
|
|
370
370
|
import tableTable from '../test'
|
|
371
371
|
export default {
|
|
@@ -456,6 +456,7 @@ export default {
|
|
|
456
456
|
width: 150,
|
|
457
457
|
template: false,
|
|
458
458
|
screen: true,
|
|
459
|
+
toolTip: true,
|
|
459
460
|
},
|
|
460
461
|
{
|
|
461
462
|
label: '合同名称',
|
|
@@ -486,10 +487,32 @@ export default {
|
|
|
486
487
|
width: 280,
|
|
487
488
|
template: false,
|
|
488
489
|
},
|
|
490
|
+
{
|
|
491
|
+
label: '审核状态2',
|
|
492
|
+
key: 'status1',
|
|
493
|
+
lock: false,
|
|
494
|
+
width: 280,
|
|
495
|
+
template: false,
|
|
496
|
+
},
|
|
497
|
+
{
|
|
498
|
+
label: '审核状态3',
|
|
499
|
+
key: 'status2',
|
|
500
|
+
lock: false,
|
|
501
|
+
width: 280,
|
|
502
|
+
template: false,
|
|
503
|
+
},
|
|
504
|
+
{
|
|
505
|
+
label: '审核状态4',
|
|
506
|
+
key: 'status3',
|
|
507
|
+
lock: false,
|
|
508
|
+
width: 280,
|
|
509
|
+
template: false,
|
|
510
|
+
},
|
|
489
511
|
{
|
|
490
512
|
label: '签署时间',
|
|
491
513
|
key: 'gmtCreate',
|
|
492
|
-
lock:
|
|
514
|
+
lock: 'right',
|
|
515
|
+
// lock: false,
|
|
493
516
|
width: 280,
|
|
494
517
|
template: false,
|
|
495
518
|
},
|
|
@@ -528,10 +551,10 @@ export default {
|
|
|
528
551
|
height: 100%;
|
|
529
552
|
background: inherit;
|
|
530
553
|
}
|
|
531
|
-
</style>
|
|
554
|
+
</style> -->
|
|
532
555
|
|
|
533
556
|
<!-- 普通表单 -->
|
|
534
|
-
|
|
557
|
+
<template>
|
|
535
558
|
<div class="add-company-step-two-wrap">
|
|
536
559
|
<base-form
|
|
537
560
|
:footer="false"
|
|
@@ -544,7 +567,6 @@ export default {
|
|
|
544
567
|
@formSubmit="formSubmit"
|
|
545
568
|
>
|
|
546
569
|
<template v-slot:form-businessLicense="data">
|
|
547
|
-
|
|
548
570
|
<div class="upload-wrap">
|
|
549
571
|
<base-upload-item
|
|
550
572
|
:shape="`pro`"
|
|
@@ -552,12 +574,10 @@ export default {
|
|
|
552
574
|
@uploadEd="uploadEd"
|
|
553
575
|
:uploadType="`single`"
|
|
554
576
|
v-model="data.scope[3].value"
|
|
555
|
-
>
|
|
556
|
-
</base-upload-item>
|
|
577
|
+
></base-upload-item>
|
|
557
578
|
</div>
|
|
558
579
|
</template>
|
|
559
580
|
<template v-slot:form-idPositive="data">
|
|
560
|
-
|
|
561
581
|
<div class="upload-wrap">
|
|
562
582
|
<base-upload-item
|
|
563
583
|
:shape="`pro`"
|
|
@@ -565,12 +585,10 @@ export default {
|
|
|
565
585
|
@uploadEd="uploadEd"
|
|
566
586
|
:uploadType="`single`"
|
|
567
587
|
v-model="data.scope[4].value"
|
|
568
|
-
>
|
|
569
|
-
</base-upload-item>
|
|
588
|
+
></base-upload-item>
|
|
570
589
|
</div>
|
|
571
590
|
</template>
|
|
572
591
|
<template v-slot:form-idBack="data">
|
|
573
|
-
|
|
574
592
|
<div class="upload-wrap">
|
|
575
593
|
<base-upload-item
|
|
576
594
|
:shape="`pro`"
|
|
@@ -578,111 +596,110 @@ export default {
|
|
|
578
596
|
@uploadEd="uploadEd"
|
|
579
597
|
:uploadType="`single`"
|
|
580
598
|
v-model="data.scope[5].value"
|
|
581
|
-
>
|
|
582
|
-
</base-upload-item>
|
|
599
|
+
></base-upload-item>
|
|
583
600
|
</div>
|
|
584
601
|
</template>
|
|
585
602
|
</base-form>
|
|
586
603
|
</div>
|
|
587
|
-
</template>
|
|
604
|
+
</template>
|
|
588
605
|
|
|
589
|
-
|
|
606
|
+
<script>
|
|
590
607
|
export default {
|
|
591
608
|
data() {
|
|
592
609
|
return {
|
|
593
610
|
formList: [
|
|
594
611
|
{
|
|
595
|
-
value:
|
|
596
|
-
key:
|
|
597
|
-
type:
|
|
598
|
-
label:
|
|
612
|
+
value: '',
|
|
613
|
+
key: 'companyName',
|
|
614
|
+
type: 'input',
|
|
615
|
+
label: '企业名称',
|
|
599
616
|
},
|
|
600
617
|
{
|
|
601
|
-
value:
|
|
602
|
-
key:
|
|
603
|
-
type:
|
|
604
|
-
label:
|
|
618
|
+
value: '',
|
|
619
|
+
key: 'companyAddress',
|
|
620
|
+
type: 'area',
|
|
621
|
+
label: '通讯地址',
|
|
605
622
|
},
|
|
606
623
|
{
|
|
607
|
-
value:
|
|
608
|
-
key:
|
|
609
|
-
type:
|
|
610
|
-
label:
|
|
624
|
+
value: '',
|
|
625
|
+
key: 'companyDetail',
|
|
626
|
+
type: 'textarea',
|
|
627
|
+
label: '详细地址',
|
|
611
628
|
},
|
|
612
629
|
{
|
|
613
630
|
value: [],
|
|
614
|
-
key:
|
|
615
|
-
type:
|
|
616
|
-
label:
|
|
631
|
+
key: 'businessLicense',
|
|
632
|
+
type: 'template',
|
|
633
|
+
label: '营业执照正面彩照',
|
|
617
634
|
},
|
|
618
635
|
{
|
|
619
636
|
value: [],
|
|
620
|
-
key:
|
|
621
|
-
type:
|
|
622
|
-
label:
|
|
637
|
+
key: 'idPositive',
|
|
638
|
+
type: 'template',
|
|
639
|
+
label: '法人身份证人像照',
|
|
623
640
|
},
|
|
624
641
|
{
|
|
625
642
|
value: [],
|
|
626
|
-
key:
|
|
627
|
-
type:
|
|
628
|
-
label:
|
|
643
|
+
key: 'idBack',
|
|
644
|
+
type: 'template',
|
|
645
|
+
label: '法人身份证国徽照',
|
|
629
646
|
},
|
|
630
647
|
],
|
|
631
648
|
rules: {
|
|
632
649
|
companyName: [
|
|
633
650
|
{
|
|
634
651
|
required: true,
|
|
635
|
-
message:
|
|
636
|
-
trigger:
|
|
652
|
+
message: '请输入企业名称',
|
|
653
|
+
trigger: 'blur',
|
|
637
654
|
},
|
|
638
655
|
],
|
|
639
656
|
companyAddress: [
|
|
640
657
|
{
|
|
641
658
|
required: true,
|
|
642
|
-
message:
|
|
643
|
-
trigger:
|
|
659
|
+
message: '请输入通讯地址',
|
|
660
|
+
trigger: 'blur',
|
|
644
661
|
},
|
|
645
662
|
],
|
|
646
663
|
companyDetail: [
|
|
647
664
|
{
|
|
648
665
|
required: true,
|
|
649
|
-
message:
|
|
650
|
-
trigger:
|
|
666
|
+
message: '请输入详细地址',
|
|
667
|
+
trigger: 'blur',
|
|
651
668
|
},
|
|
652
669
|
],
|
|
653
670
|
businessLicense: [
|
|
654
671
|
{
|
|
655
672
|
required: true,
|
|
656
|
-
message:
|
|
657
|
-
trigger:
|
|
673
|
+
message: '请上传营业彩照',
|
|
674
|
+
trigger: 'blur',
|
|
658
675
|
},
|
|
659
676
|
],
|
|
660
677
|
idPositive: [
|
|
661
678
|
{
|
|
662
679
|
required: true,
|
|
663
|
-
message:
|
|
664
|
-
trigger:
|
|
680
|
+
message: '请上传法人身份证人像照',
|
|
681
|
+
trigger: 'blur',
|
|
665
682
|
},
|
|
666
683
|
],
|
|
667
684
|
idBack: [
|
|
668
685
|
{
|
|
669
686
|
required: true,
|
|
670
|
-
message:
|
|
671
|
-
trigger:
|
|
687
|
+
message: '请上传法人身份证国徽照',
|
|
688
|
+
trigger: 'blur',
|
|
672
689
|
},
|
|
673
690
|
],
|
|
674
691
|
},
|
|
675
|
-
}
|
|
692
|
+
}
|
|
676
693
|
},
|
|
677
694
|
methods: {
|
|
678
695
|
onCancel() {},
|
|
679
696
|
formSubmit() {},
|
|
680
697
|
uploadEd(value) {
|
|
681
|
-
console.log(value)
|
|
682
|
-
console.log(this.formList)
|
|
698
|
+
console.log(value)
|
|
699
|
+
console.log(this.formList)
|
|
683
700
|
},
|
|
684
701
|
},
|
|
685
|
-
}
|
|
702
|
+
}
|
|
686
703
|
</script>
|
|
687
704
|
|
|
688
705
|
<style lang="less" scoped>
|
|
@@ -701,7 +718,7 @@ export default {
|
|
|
701
718
|
}
|
|
702
719
|
}
|
|
703
720
|
}
|
|
704
|
-
</style>
|
|
721
|
+
</style>
|
|
705
722
|
|
|
706
723
|
<!-- 上传表单 -->
|
|
707
724
|
<!-- <template>
|
package/src/main.js
CHANGED
|
@@ -8,7 +8,7 @@ import testSelectStore from "./component/testSelectStore";
|
|
|
8
8
|
import "../packages/components/style/index.less";
|
|
9
9
|
meixioacomponent.componentConfig.initConfig(store, router);
|
|
10
10
|
meixioacomponent.componentConfig.setUploadPrefix(
|
|
11
|
-
"http://
|
|
11
|
+
"http://gateway.wubangtu.xyz:9999/files/files"
|
|
12
12
|
);
|
|
13
13
|
|
|
14
14
|
Vue.use(ElementUI);
|
package/src/test.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { reactive } from "vue"
|
|
1
|
+
import { reactive, ref } from "vue"
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
let tableTable =
|
|
5
|
-
{ firmName:
|
|
4
|
+
let tableTable = ref([{ firmName: 1 },
|
|
5
|
+
{ firmName: '这是一段八个字的文字' },
|
|
6
6
|
{ firmName: 3 },
|
|
7
7
|
{ firmName: 4 },
|
|
8
8
|
{ firmName: 5 },
|