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/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 "./component/test.vue";
11
+ import test from './component/test.vue'
11
12
 
12
- import BaseArea from "../packages/components/base/baseArea/baseArea.vue";
13
- import BaseTimeLine from "../packages/components/base/baseTimeLine/baseTimeLine.vue";
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: "", label: "标签一" },
21
- { type: "success", label: "标签二" },
22
- { type: "info", label: "标签三" },
23
- { type: "danger", label: "标签四" },
24
- { type: "warning", label: "标签五" },
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>
@@ -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
- <template>
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
- <template v-slot:name="data">template-{{ data.scope }}</template>
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: false,
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
- <!-- <template>
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
- <!-- <script>
606
+ <script>
590
607
  export default {
591
608
  data() {
592
609
  return {
593
610
  formList: [
594
611
  {
595
- value: "",
596
- key: "companyName",
597
- type: "input",
598
- label: "企业名称",
612
+ value: '',
613
+ key: 'companyName',
614
+ type: 'input',
615
+ label: '企业名称',
599
616
  },
600
617
  {
601
- value: "",
602
- key: "companyAddress",
603
- type: "area",
604
- label: "通讯地址",
618
+ value: '',
619
+ key: 'companyAddress',
620
+ type: 'area',
621
+ label: '通讯地址',
605
622
  },
606
623
  {
607
- value: "",
608
- key: "companyDetail",
609
- type: "textarea",
610
- label: "详细地址",
624
+ value: '',
625
+ key: 'companyDetail',
626
+ type: 'textarea',
627
+ label: '详细地址',
611
628
  },
612
629
  {
613
630
  value: [],
614
- key: "businessLicense",
615
- type: "template",
616
- label: "营业执照正面彩照",
631
+ key: 'businessLicense',
632
+ type: 'template',
633
+ label: '营业执照正面彩照',
617
634
  },
618
635
  {
619
636
  value: [],
620
- key: "idPositive",
621
- type: "template",
622
- label: "法人身份证人像照",
637
+ key: 'idPositive',
638
+ type: 'template',
639
+ label: '法人身份证人像照',
623
640
  },
624
641
  {
625
642
  value: [],
626
- key: "idBack",
627
- type: "template",
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: "blur",
652
+ message: '请输入企业名称',
653
+ trigger: 'blur',
637
654
  },
638
655
  ],
639
656
  companyAddress: [
640
657
  {
641
658
  required: true,
642
- message: "请输入通讯地址",
643
- trigger: "blur",
659
+ message: '请输入通讯地址',
660
+ trigger: 'blur',
644
661
  },
645
662
  ],
646
663
  companyDetail: [
647
664
  {
648
665
  required: true,
649
- message: "请输入详细地址",
650
- trigger: "blur",
666
+ message: '请输入详细地址',
667
+ trigger: 'blur',
651
668
  },
652
669
  ],
653
670
  businessLicense: [
654
671
  {
655
672
  required: true,
656
- message: "请上传营业彩照",
657
- trigger: "blur",
673
+ message: '请上传营业彩照',
674
+ trigger: 'blur',
658
675
  },
659
676
  ],
660
677
  idPositive: [
661
678
  {
662
679
  required: true,
663
- message: "请上传法人身份证人像照",
664
- trigger: "blur",
680
+ message: '请上传法人身份证人像照',
681
+ trigger: 'blur',
665
682
  },
666
683
  ],
667
684
  idBack: [
668
685
  {
669
686
  required: true,
670
- message: "请上传法人身份证国徽照",
671
- trigger: "blur",
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://192.168.31.156:9999/files/files"
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 = reactive([{ firmName: 1 },
5
- { firmName: 2 },
4
+ let tableTable = ref([{ firmName: 1 },
5
+ { firmName: '这是一段八个字的文字' },
6
6
  { firmName: 3 },
7
7
  { firmName: 4 },
8
8
  { firmName: 5 },