整合富文本和上传文件到表单组件

 Source/ProjectWeb/src/components/PLT-basic-component/basicForm.vue

ÎļþÃû´Ó Source/ProjectWeb/src/components/PLT-basic-component/BasicForm.vue ÐÞ¸Ä
@@ -1,8 +1,9 @@
<template>
  <!--动态模板-->
  <avue-form ref="formRef" :option="option" v-model="form">
    <template v-for="item in allColumn" :slot="`${item.prop}`" v-if="item.propType === 'refer' || item.type === 'refer'">
    <template v-for="item in allColumn" :slot="item.prop+ ''">
      <vciWebRefer
        v-if="item.propType === 'refer' || item.type === 'refer'"
        :key="item.prop"
        referType="master"
        :data-key="item.prop"
@@ -14,6 +15,10 @@
        :value="form[item.prop]"
        @setReferValue="setReferValue"
      ></vciWebRefer>
      <!--   å¯Œæ–‡æœ¬æŽ§ä»¶       -->
      <rich-text v-if="item.type === 'richText'" :value="form[subitemName]" @input="form[subitemName] = $event"></rich-text>
      <!--   è¡¨å•ä¸Šä¼ æ–‡ä»¶ç»„件       -->
      <form-upload v-if="item.type === 'upload'"></form-upload>
    </template>
  </avue-form>
</template>
@@ -75,8 +80,10 @@
        datetime: "datetime",
        date: "date",
        refer: "refer",
        multiFile:"upload"
      }
        multiFile:"upload",
        richText:'richText'
      },
      subitemName:""
    };
  },
  watch: {
@@ -133,6 +140,7 @@
        code = this.initItem(code);
        column.push(code);
        this.allColumn.push(code);
        console.log('allColumn',this.allColumn)
      }
      this.option.column = column;
    },
@@ -177,7 +185,13 @@
          trigger: "blur"
        }]
      }
      if(col.type === 'richText'){
        this.subitemName = col.field;
      }else if(col.type === 'upload'){
        console.log('col',col)
      }
      if (col.type === "select") {
        // console.log('col',col)
        if(!validatenull(col.dictCode)) {
          getDicts(col.dictCode).then((res) => {
            if (res.data.success){