meixioacomponent 0.4.2 → 0.4.6

package/src/component/test.vue

@@ -6,7 +6,7 @@
     :isCache="true"
     :isDestroy="true"
     :appendToBody="true"
-    :contentHeight="`200px`"
+    :contentHeight="`500px`"
     @destroy="destroy"
   >
     <div class="dialog-content" slot="dialog-content">
@@ -151,7 +151,7 @@ export default {
 <style lang="less" scoped>
 .verify-email-wrap {
   width: 100%;
-  height: 200px;
+  height: 10000px;
 
   .des-text {
     display: inline-block;
@@ -405,17 +405,22 @@ export default {
       /* 高级筛选的配置 */
       proScreenConfig: [
         {
-          key: 'accountBank',
+          key: 'postCode',
           value: '',
           type: 'time',
         },
         {
-          key: 'firmName',
+          key: 'postName',
           value: '',
           type: 'input',
         },
         {
-          key: 'contactName',
+          key: 'postSort',
+          value: '',
+          type: 'input',
+        },
+        {
+          key: 'state',
           value: '',
           type: 'select',
           selectList: [
@@ -474,6 +479,7 @@ export default {
         lock: false,
         width: 10,
         template: false,
+        type:'time'
       },
       {
         label: '创建时间',
@@ -551,305 +557,384 @@ export default {
     :labelWidth="`150px`"
     :rulesList="rulesList"
     v-model="formArray"
-    :disables="disables"
     :modallAppendToBody="false"
     :footerHandleConfig="footerHandleConfig"
-  ></base-dialog-form>
+  >
+  ``
+  
+  
+  </base-dialog-form>
 </template>
 
 <script>
+import { get } from 'http'
+
 export default {
   data() {
     return {
-      // 表单验证
-      formArray: [
+      rulesList: {},
+      footerHandleConfig: [],
+      basicsMessageData: {},
+      configurationData: {},
+      configCententData: {},
+    }
+  },
+
+  created() {
+    //
+
+    this.basicsMessageData = {
+      key: 'basicsMessage',
+      formTitle: '基础信息',
+      formList: [
         {
-          key: "test1",
-          formTitle: "基本信息",
-          formList: [
-            {
-              value: "签约行业",
-              key: "test1",
-              type: "input",
-              disabled: true,
-              label: "商机名称",
-            },
-            {
-              key: "test9",
-              type: "radio",
-              value: 1,
-              label: "客户地址",
-              list: [
-                {
-                  label: "1",
-                  value: 1,
-                },
-                {
-                  label: "2",
-                  value: 2,
-                },
-              ],
-            },
-            {
-              key: "test2",
-              type: "input",
-              disabled: false,
-              label: "客户名称",
-              value: "河南郑州建设股份有限公司 ",
-              click: (formItem) => {
-                console.log(formItem);
-              },
-            },
-            {
-              key: "test3",
-              type: "input",
-              disabled: false,
-              value: 17490,
-              color: "warn",
-              label: "商机金额",
-            },
-            {
-              value: "",
-              key: "test4",
-              type: "time",
-              disabled: false,
-              label: "预计成交日期",
-            },
-            {
-              value: "",
-              key: "test5",
-              type: "time",
-              disabled: false,
-              label: "下次联系时间",
-            },
-            {
-              value: [2],
-              key: "test6",
-              type: "select",
-              disabled: false,
-              label: "商机状态组",
-              multipleLimit: 2,
-              useStore: "testSelectStore",
-            },
-            {
-              value: 2,
-              key: "test7",
-              type: "select",
-              disabled: false,
-              label: "商机阶段",
-              useStore: "testSelectStore",
-            },
-            {
-              value: "",
-              key: "test8",
-              type: "textarea",
-              disabled: false,
-              label: "备注",
-            },
+          key: 'type',
+          type: 'numberUnit',
+          label: '通知类型',
+          value: '',
+          linkKey: 'businessType',
+          useStore: 'testSelectStore',
+        },
+        {
+          key: 'businessType',
+          type: 'template',
+          value: 1,
+          hide: true,
+          label: '系统通知类型',
+        },
+        {
+          key: 'title',
+          type: 'input',
+          value: null,
+          label: '公告标题',
+        },
+        {
+          key: 'sendTime',
+          type: 'daterange',
+          value: [1663424003, 1663424003],
+          label: '发送时间',
+        },
+
+        {
+          key: 'popupEndTime',
+          type: 'datetime',
+          value: 1663424003,
+          label: '弹窗失效时间',
+        },
+      ],
+    }
+
+    this.configurationData = {
+      key: 'configuration',
+      formTitle: '公告配置',
+      formList: [
+        {
+          key: 'isTop',
+          type: 'radio',
+          label: '是否置顶公告',
+          value: 0,
+          list: [
+            { label: '否', value: 0 },
+            { label: '是', value: 1 },
           ],
         },
         {
-          key: "test2",
-          formTitle: "基本信息",
-          formList: [
-            {
-              value: "签约行业",
-              key: "test1",
-              type: "input",
-              disabled: true,
-              label: "商机名称",
-            },
-            {
-              key: "test2",
-              type: "input",
-              disabled: false,
-              label: "客户名称",
-              value: "河南郑州建设股份有限公司 ",
-              click: (formItem) => {
-                console.log(formItem);
-              },
-            },
-            {
-              key: "test3",
-              type: "input",
-              disabled: false,
-              value: 17490,
-              color: "warn",
-              label: "商机金额",
-            },
-            {
-              value: "",
-              key: "test4",
-              type: "time",
-              disabled: false,
-              label: "预计成交日期",
-            },
-            {
-              value: "",
-              key: "test5",
-              type: "time",
-              disabled: false,
-              label: "下次联系时间",
-            },
-            {
-              value: [2],
-              key: "test6",
-              type: "select",
-              disabled: false,
-              label: "商机状态组",
-              multipleLimit: 2,
-              useStore: "testSelectStore",
-            },
-            {
-              value: 2,
-              key: "test7",
-              type: "select",
-              disabled: false,
-              label: "商机阶段",
-              useStore: "testSelectStore",
-            },
-            {
-              value: "",
-              key: "test8",
-              type: "textarea",
-              disabled: false,
-              label: "备注",
-            },
+          key: 'isPopup',
+          type: 'radio',
+          value: 1,
+          label: '是否弹窗展示',
+          list: [
+            { label: '否', value: 0 },
+            { label: '是', value: 1 },
           ],
         },
         {
-          key: "test3",
-          formTitle: "测试活动图片",
-          formType: "upload",
-          max: 3,
-          formList: [
-            {
-              value: [],
-              key: "test1",
-              label: "图片上传",
-            },
+          key: 'sendType',
+          type: 'radio',
+          value: 1,
+          label: '是否定时发送',
+          list: [
+            { label: '否', value: 0 },
+            { label: '是', value: 1 },
+          ],
+        },
+        {
+          key: 'messageType',
+          type: 'radio',
+          value: 1,
+          label: '通知范围',
+          list: [
+            { label: '全部通知', value: 0 },
+            { label: '部分通知', value: 1 },
           ],
         },
       ],
-      rulesList: {},
-      footerHandleConfig: [],
-      disables: {},
-    };
-  },
+    }
+
+    // this.disables = {
+    //   sendType: {
+    //     effects: [
+    //       {
+    //         key: 'sendTime',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           console.log(val)
+    //         },
+    //       },
+    //     ],
+    //   },
+    //   messageType: {
+    //     effects: [
+    //       {
+    //         key: 'sendScoped',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           console.log(val)
+    //         },
+    //       },
+    //     ],
+    //   },
+    //   type: {
+    //     effects: [
+    //       {
+    //         key: 'isPopup',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           console.log(val)
+    //         },
+    //       },
+    //       {
+    //         key: 'isTop',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           console.log(val)
+    //         },
+    //       },
+    //       {
+    //         key: 'businessType',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           console.log(val)
+    //         },
+    //       },
+    //       {
+    //         key: 'popupEndTime',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           return val == 0
+    //         },
+    //       },
+    //     ],
+    //   },
+    //   isPopup: {
+    //     effects: [
+    //       {
+    //         key: 'popupEndTime',
+    //         type: 'hide',
+    //         fn: (val) => {
+    //           return val == 0
+    //         },
+    //       },
+    //     ],
+    //   },
+    // }
 
-  created() {
-    //
-    this.disables = {
-      test9: {
-        effects: [
-          {
-            key: "test1",
-            type: "hide",
-            fn: this.hideMenuTypeOfButton,
-          },
-        ],
-      },
-    };
     this.footerHandleConfig = [
       {
-        text: "取消",
-        type: "info",
+        text: '取消',
+        type: 'info',
         plain: true,
         click: () => {
           // this.dialogProscreenConfirm(false);
-          this.$destroy();
+          this.$destroy()
         },
       },
       {
-        text: "确定",
-        type: "primary",
+        text: '确定',
+        type: 'primary',
         plain: false,
         click: async () => {
           // this.dialogProscreenConfirm(true);
-          let result = await this.$refs.dialogFormVue.checkValidate();
+          let result = await this.$refs.dialogFormVue.checkValidate()
           if (result) {
-            console.log(this.$refs.dialogFormVue.getFormValue());
+            console.log(this.$refs.dialogFormVue.getFormValue())
           }
         },
       },
-    ];
+    ]
 
     this.rulesList = {
       test1: {
-        test1: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
-        test2: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
-        test3: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
-        test4: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
-        test5: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
-        test9: [{ required: true, message: "请输入活动名称", trigger: "blur" }],
+        test1: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
+        test2: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
+        test3: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
+        test4: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
+        test5: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
+        test9: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
       },
-    };
+    }
   },
   mounted() {
-    this.$refs.dialogFormVue.showDialog();
+    this.$refs.dialogFormVue.showDialog()
+  },
+  computed: {
+    formArray() {
+      return [this.configurationData, this.basicsMessageData]
+    },
+    formValue() {
+      const refs = this.$refs.dialogFormVue
+      if (refs) {
+        return refs.getFormValue()
+      }
+    },
+
+    params() {
+      if (this.basicsMessageData.formList) {
+        return this.formArray[1].formList[1].value
+      }
+      return 'sda'
+    },
   },
   components: {},
   props: { index: {} },
   methods: {
-    hideMenuTypeOfButton(val) {
-      return val == 1;
+    test() {
+      console.log(this.formValue)
     },
   },
-};
+  watch: {
+    params(newVal, oldVal) {
+      this.formArray[1].formList[0].params = newVal
+    },
+  },
+}
 </script>
 
 <style></style> -->
 
 <!-- <template>
-  <base-form-wrap
-    :rowNumber="2"
-    :disables="disables"
-    :labelWidth="`155px`"
-    ref="businessBaseForm"
-    :formTitle="`dsada`"
-    :formList="formList"
-  ></base-form-wrap>
+  <div>
+    <base-form-wrap
+      :rowNumber="2"
+      :form="true"
+      :disabled="false"
+      :labelWidth="`155px`"
+      ref="businessBaseForm"
+      :formTitle="`dsada`"
+      :formList="formList"
+      :rules="rules"
+      :disables="disables"
+    >
+      <template v-slot:formslot-goodsExpirationDate="data">
+        <el-button type="primary"></el-button>
+      </template>
+    </base-form-wrap>
+  </div>
 </template>
 
 <script>
+import baseUpload from '../../packages/components/base/baseUpload/baseUpload.vue'
 export default {
+  components: { baseUpload },
   data() {
     return {
-      formList: [
+      fileList: [
         {
-          value: '',
-          key: 'legalPerson',
-          type: 'input',
-          label: '法人名称',
+          url: 'https://t7.baidu.com/it/u=4162611394,4275913936&fm=193&f=GIF',
+          file: null,
         },
         {
-          value: '',
-          key: 'idCard',
-          type: 'input',
-          label: '法人身份证',
+          url:
+            'https://img.alicdn.com/imgextra/i4/O1CN01aG16y424E11XsURUd_!!6000000007358-2-tps-206-240.png',
+          file: null,
         },
+      ],
+      formList: [
         {
-          value: 1,
-          key: 'businessLicense',
-          type: 'select',
+          value: '1',
+          key: 'inds',
+          type: 'radio',
+          label: '营业执照号',
+          list: [
+            { label: 'aa', value: '1' },
+            { label: 'bb', value: '2' },
+          ],
+        },
+        {
+          value: '',
+          key: 'indsg',
+          unit: 't',
+          type: 'number2',
           label: '营业执照号',
-          useStore: 'testSelectStore',
         },
+
         {
-          value: 'sdakjsdkajk',
-          key: 'businessLicenseFile',
-          type: 'textarea',
-          label: '营业执照电子版',
+          value: '',
+          type: 'number',
+          unit: '天',
+          label: '产品保质期',
+          disabled: false,
+          key: 'goodsExpirationDate',
         },
       ],
+
+      rules: {
+        inds: [
+          {
+            required: true,
+            message: '请上传组合产品主图',
+          },
+        ],
+        indsg: [
+          {
+            required: true,
+            message: '请上传组合产品主图',
+          },
+        ],
+        goodsExpirationDate: [
+          {
+            required: true,
+            message: '请上传组合产品主图',
+          },
+        ],
+      },
+      compositionMainImgInfo: {
+        key: 'compositionMainImgInfo',
+        formTitle: '产品图片',
+        formType: 'upload',
+        max: 9,
+        formList: [
+          {
+            value: [
+              {
+                file: null,
+                url:
+                  'https://img.zcool.cn/community/01cxbj1llpj8wnm5risrzb3038.gif',
+              },
+
+              {
+                file: null,
+                url:
+                  'https://test-technology.oss-cn-hangzhou.aliyuncs.com/Web/system/20220902/image/39ee2e4bdbec881d430db37ee6eef6c6.jpg?x-oss-process=image/resize,h_300,w_500',
+              },
+            ],
+            key: 'test1',
+          },
+        ],
+      },
+
       disables: {
-        businessLicense: {
+        inds: {
           effects: [
             {
-              key: 'businessLicenseFile',
-              type: 'hide',
+              key: 'goodsExpirationDate',
+              type: 'template',
               fn: (val) => {
-                return val == 2
+                console.log(val)
+                if (val == 1) {
+                  return 'number'
+                }
+                return 'template'
               },
             },
           ],
@@ -857,6 +942,21 @@ export default {
       },
     }
   },
+  mounted() {
+    // this.$refs.baseUploadItem.clickFile()
+    this.$refs.businessBaseForm.checkValidate()
+
+    setTimeout(() => {
+      this.formList[2].value=312312
+    }, 3000);
+  },
+  methods: {
+    onDragEnd(value) {
+      console.log(value)
+
+      // this.$refs
+    },
+  },
 }
 </script>