fjl
fujunling
2023-06-08 7f1971310aa80bc2bdeaf11a0d2bcfd725b30f39
Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue
@@ -26,8 +26,7 @@
      <template :slot="item.prop + ''" v-for="item in slotColumnList">
        <vciWebRefer
          v-if="item.type == 'refer'"
          :value="item.value"
          :options="item.referConfig || {}"
          :referConfig="item.referConfig || {}"
        ></vciWebRefer>
      </template>
    </avue-form>
@@ -35,7 +34,7 @@
</template>
<script>
import { getFormTemplate, getFormDetail } from "@/api/formTemplate";
import { getFormDetail } from "@/api/formTemplate";
import { getDictionary } from "../../api/system/dict";
import vciWebRefer from "../refer/vciWebRefer.vue";
export default {
@@ -497,33 +496,6 @@
    this.handleResize();
  },
  methods: {
    // 初始化
    init(columnList) {
      if (Array.isArray(columnList)) {
        this.templateRender(columnList);
      } else {
        this.getFormTemplate();
      }
    },
    // 接口获取表单数据
    getFormTemplate() {
      getFormTemplate({
        templateOid: this.templateOid,
        codeClassifyOid: this.codeClassifyOid,
      })
        .then((res) => {
          if (res.status === 200) {
            this.templateRender(this.testItems);
            // 测试数据展示
            // this.templateRender(res.data.formDefineVO.items);
            this.$emit("getFormTemplateEnd", res.data);
          }
        })
        .catch((err) => {
          this.loading = false;
          console.log(err);
        });
    },
    // 渲染表单模板
    templateRender(formItemList) {
      // 无需分组数据
@@ -582,10 +554,15 @@
          display: !formItem.hidden,
          maxlength: formItem.maxlength,
          filterable: true,
          referConfig: formItem.referConfig,
          change: () => {
            this.changeFun(formItem.displayExtension, formItem.prop);
          },
          referConfig:formItem.type=='refer'?{
            title:formItem.text,
            showField:formItem.showField || formItem.field,
            field: formItem.field,
            placeholder: formItem.inputTip,
            options:formItem.referConfig,
            value:'',
            text:''
          }:{},
          span: formItem.type === "textarea" ? 24 : this.trendsSpan,
          rules: [
            {
@@ -618,8 +595,7 @@
      this.formIndex++;
      this.loading = false;
      this.geDictData(dictKeys);
      // 测试数据展示
      // this.getFormDetail();
      this.getFormDetail();
    },
    // 使用传入的表单数据配置
    resetFormConfig(formItem) {
@@ -665,11 +641,6 @@
      if ((type === "text" && !isIcon) || (type === "icon" && isIcon)) {
        return val;
      }
    },
    changeFun(displayExtension, prop) {
      // executeCode({displayExtension, data: this.form}).then(res => {
      //   this.form[prop] = res.data.data
      // })
    },
    // 获取swich和已拿到的下拉数据
    getDataList(type, dicData) {
@@ -725,9 +696,10 @@
    },
    // 获取表单详情数据
    getFormDetail() {
      if (this.type === "add") return;
      if (this.type === 'add') return
      getFormDetail({ templateOid: this.templateOid, oid: this.rowOid }).then(
        (res) => {
          this.form = Object.assign(this.form, res.obj)
          console.log(res, "res");
        }
      );