动态表单

 Source/UBCS-WEB/src/api/formTemplate.js

@@ -2,7 +2,7 @@
import request from "@/router/axios";



// èŽ·å–表单模板数据

export const getFormTemplate = (params) => {

export function getFormTemplate(params) {

  return request({

    url: 'api/ubcs-code/ubcs-code/mdmEngineController/getFormDefineByTemplateOid',

    method: 'get',

@@ -10,7 +10,7 @@
  })

}

// è¡¨å•æ•°æ®æ‰§è¡Œä»£ç 

export const executeCode = (params) => {

export function executeCode(params) {

  return request({

    url: 'api/ubcs-code/ubcs-code/mdmEngineController/getFormDefineByTemplateOid',

    method: 'get',

@@ -18,7 +18,7 @@
  })

}

// ç›¸ä¼¼é¡¹æŸ¥è¯¢

export const findLike = (data) => {

export function findLike(data) {

  return request({

    url: 'api/ubcs-code/ubcs-code/mdmEngineController/resembleQuery',

    method: 'post',

@@ -26,11 +26,20 @@
  })

}



// èŽ·å–数据

export const getCodeRule = (params) => {

// èŽ·å–码值申请数据

export function getCodeRule(params) {

  return request({

    url: 'api/ubcs-code/ubcs-code/mdmEngineController/getCodeRuleByClassifyOid',

    method: 'get',

    params

  })

}



// èŽ·å–详情

export function getFormDetail(params) {

  return request({

    url: 'api/ubcs-code/ubcs-code/mdmEngineController/getDataByOid',

    method: 'get',

    params

  })

}

 Source/UBCS-WEB/src/components/FormTemplate/CodeApply.vue

@@ -113,6 +113,9 @@
        return [];

      }

    },

    async validate() {

      return await this.$refs.FormTempalte.validate()

    }

  },

  watch: {

  },


 Source/UBCS-WEB/src/components/FormTemplate/FormTempalte.vue

@@ -1,38 +1,46 @@
<!-- eslint-disable vue/valid-v-for -->

<!-- eslint-disable vue/require-v-for-key -->

<template>

  <div>

  <avue-form v-model="form" :option="option" v-loading="loading" ref="form"  :style="{minHeight: loading ? '300px' : ''}">

    <template :slot="item.prop + 'Label'" v-for="item in slotColumnList">

      <span>

        <span>{{ item.label }} </span>

        <el-tooltip

          v-if="item.keyAttr"

          class="item"

          effect="dark"

          content="该属性为关键属性"

          placement="top-start"

        >

          <i class="el-icon-star-on key_attr_icon"></i>

        </el-tooltip>

      </span>

    </template>

    <template :slot="groupItem.prop + ''" v-for="groupItem in option.group">

      <template :slot="item.prop + ''" v-for="item in groupItem.column">

        <span>1111</span>

        <vciWebRefer v-if="item.type=='refer'" :value="item.value" :options="item.referConfig"></vciWebRefer>

    <avue-form

      v-model="form"

      :option="option"

      v-loading="loading"

      ref="form"

      :style="{ minHeight: loading ? '300px' : '' }"

    >

      <template :slot="item.prop + 'Label'" v-for="item in slotColumnList">

        <span>

          <span>{{ item.label }} </span>

          <el-tooltip

            v-if="item.keyAttr"

            class="item"

            effect="dark"

            content="该属性为关键属性"

            placement="top-start"

          >

            <i class="el-icon-star-on key_attr_icon"></i>

          </el-tooltip>

        </span>

      </template>



    </template>

  </avue-form>

      <template :slot="item.prop + ''" v-for="item in slotColumnList">

        <vciWebRefer

          v-if="item.type == 'refer'"

          :value="item.value"

          :options="item.referConfig || {}"

        ></vciWebRefer>

      </template>

    </avue-form>

  </div>

</template>



<script>

import { getFormTemplate } from "@/api/formTemplate";

import { getFormTemplate, getFormDetail } from "@/api/formTemplate";

import { getDictionary } from "../../api/system/dict";

import vciWebRefer from "../refer/vciWebRefer.vue";

export default {

  name: "FormTemplate",

  components: { vciWebRefer},

  components: { vciWebRefer },

  props: {

    // é»˜è®¤ç¦ç”¨å…ƒç´ 

    disabledProp: {

@@ -47,10 +55,10 @@
      type: String,

      default: "",

    },

    // ä¿®æ”¹å›žæ˜¾çš„数据

    editForm: {

      type: Object,

      default: () => ({}),

    // åˆ—表数据oid

    rowOid: {

      type: String,

      default: "",

    },

    // è¡¨å•ç±»åž‹ï¼ˆadd, edit, detail）

    type: {

@@ -75,7 +83,7 @@
      option: {

        emptyBtn: false,

        submitBtn: false,

        labelWidth: "130",

        labelWidth: "140",

        column: [],

        group: [],

      },

@@ -88,479 +96,408 @@
        textarea: "textarea",

        datetime: "datetime",

        date: "date",

        refer: "refer",

      },

      // å‡æ•°æ®

      // testItems: [

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "id",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "传值禁用功能",

      //     tooltips: "",

      //     type: "combox",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "state",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: true,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "接口禁用功能",

      //     tooltips: "",

      //     type: "combox",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "oldcode",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "el-icon-search",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "文本后缀测试",

      //     text: "前后缀功能",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "materialname",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: true,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "正则校验功能",

      //     tooltips: "请输入数字",

      //     type: "text",

      //     unique: false,

      //     verify: "/[0-9]/",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: [

      //       {

      //         attributes: {},

      //         key: "model_type",

      //         value: "模型",

      //       },

      //       {

      //         attributes: {},

      //         key: "part_type",

      //         value: "零件",

      //       },

      //     ],

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "dataSelect",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "直接返回下拉",

      //     tooltips: "",

      //     type: "combox",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: "formTemplateTest",

      //     customClass: null,

      //     data: [],

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "dictSelect",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "字典返回下拉",

      //     tooltips: "",

      //     type: "combox",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "firstfl",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "数字输入框",

      //     tooltips: "",

      //     type: "number",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "yyyy-MM-dd HH:mm:ss",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "datetime",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "日期时间选择器",

      //     tooltips: "",

      //     type: "datetime",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "time",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "时间选择器",

      //     tooltips: "",

      //     type: "date",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "false",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "xiaoshouwl",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "开关",

      //     tooltips: "",

      //     type: "truefalse",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "我是默认值",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "tuhao",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "默认值功能",

      //     tooltips: "提示",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "xinghaoguige",

      //     hidden: false,

      //     keyAttr: true,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "属性关键值",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "jiliangdw",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     tip: "我是提示功能",

      //     required: false,

      //     selectLibFlag: "",

      //     showField: "jiliangdwname",

      //     suffix: "",

      //     text: "提示功能",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: "this.form.sum = this.form.fun1 + this.form.fun2",

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "fun1",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "参数1测试js",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: "this.form.sum = this.form.fun1 + this.form.fun2",

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "fun2",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: "hesuanfenleiname",

      //     suffix: "",

      //     text: "参数2测试js",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: "",

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "sum",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: true,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: "",

      //     suffix: "",

      //     text: "参数1参数2求和",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "textarea",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: false,

      //     referConfig: null,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: null,

      //     suffix: "",

      //     text: "文本域",

      //     tooltips: "",

      //     type: "textarea",

      //     unique: false,

      //     verify: "",

      //   },

      //   {

      //     comboxKey: null,

      //     customClass: null,

      //     data: null,

      //     dateFormate: "",

      //     defaultValue: "",

      //     displayExtension: null,

      //     extendAttrMap: null,

      //     extendAttrString: null,

      //     field: "cz",

      //     hidden: false,

      //     keyAttr: false,

      //     prefix: "",

      //     readOnly: true,

      //     referConfig: true,

      //     required: false,

      //     selectLibFlag: "",

      //     showField: "depId",

      //     suffix: "",

      //     text: "参照",

      //     tooltips: "",

      //     type: "text",

      //     unique: false,

      //     verify: "",

      //   },

      // ],

      testItems: [

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "id",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "传值禁用功能",

          tooltips: "",

          type: "combox",

          unique: false,

          verify: "",

        },

        {

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "state",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: true,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "接口禁用功能",

          tooltips: "",

          type: "combox",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "oldcode",

          hidden: false,

          keyAttr: false,

          prefix: "el-icon-search",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "文本后缀测试",

          text: "前后缀功能",

          tooltips: "",

          type: "text",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "materialname",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: true,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "正则校验功能",

          tooltips: "请输入数字",

          type: "text",

          unique: false,

          verify: "/[0-9]/",

        },

        {

          comboxKey: null,

          customClass: null,

          data: [

            {

              attributes: {},

              key: "model_type",

              value: "模型",

            },

            {

              attributes: {},

              key: "part_type",

              value: "零件",

            },

          ],

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "dataSelect",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "直接返回下拉",

          tooltips: "",

          type: "combox",

          unique: false,

          verify: "",

        },

        {

          comboxKey: "formTemplateTest",

          customClass: null,

          data: [],

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "dictSelect",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "字典返回下拉",

          tooltips: "",

          type: "combox",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "firstfl",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "数字输入框",

          tooltips: "",

          type: "number",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "yyyy-MM-dd HH:mm:ss",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "datetime",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "日期时间选择器",

          tooltips: "",

          type: "datetime",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "time",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "时间选择器",

          tooltips: "",

          type: "date",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "false",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "xiaoshouwl",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "开关",

          tooltips: "",

          type: "truefalse",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "我是默认值",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "tuhao",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "默认值功能",

          tooltips: "提示",

          type: "text",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "xinghaoguige",

          hidden: false,

          keyAttr: true,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "属性关键值",

          tooltips: "",

          type: "text",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "jiliangdw",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          tip: "我是提示功能",

          required: false,

          selectLibFlag: "",

          showField: "jiliangdwname",

          suffix: "",

          text: "提示功能",

          tooltips: "",

          type: "text",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "textarea",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: false,

          referConfig: null,

          required: false,

          selectLibFlag: "",

          showField: null,

          suffix: "",

          text: "文本域",

          tooltips: "",

          type: "textarea",

          unique: false,

          verify: "",

        },

        {

          comboxKey: null,

          customClass: null,

          data: null,

          dateFormate: "",

          defaultValue: "",

          displayExtension: null,

          extendAttrMap: null,

          extendAttrString: null,

          field: "cz",

          hidden: false,

          keyAttr: false,

          prefix: "",

          readOnly: true,

          referConfig: {},

          required: false,

          selectLibFlag: "",

          showField: "depId",

          suffix: "",

          text: "参照",

          tooltips: "",

          type: "refer",

          unique: false,

          verify: "",

        },

      ],

      trendsSpan: 8,

      defaultValue: {},

      // è¡¨å•å±žæ€§

      attributes: [],

      slotColumnList: []

      slotColumnList: [],

    };

  },

  mounted() {

    this.handleResize();

  },

  methods: {

    // åˆå§‹åŒ–

    init(columnList) {

      if (Array.isArray(columnList)) {

        this.templateRender(columnList);

@@ -568,6 +505,7 @@
        this.getFormTemplate();

      }

    },

    // æŽ¥å£èŽ·å–表单数据

    getFormTemplate() {

      getFormTemplate({

        templateOid: this.templateOid,

@@ -584,12 +522,13 @@
          console.log(err);

        });

    },

    // æ¸²æŸ“表单模板

    templateRender(formItemList) {

      // æ— éœ€åˆ†ç»„数据

      let column = [];

      let group = [];

      let dictKeys = [];

      let slotColumnList = []

      let slotColumnList = [];

      formItemList.forEach((formItem) => {

        formItem = this.resetFormConfig(formItem);

        if (formItem.type === "line") {

@@ -608,10 +547,7 @@
          dictKeys.push({ dictKey: formItem.comboxKey, field: formItem.field });

        }

        // ç¦ç”¨éƒ¨åˆ†å±žæ€§ï¼ˆå¤–部传值禁用和参照禁用）

        if (

          this.disabledProp.includes(formItem.field) ||

          this.$utilFunc.isValuableObj(formItem.referConfig)

        ) {

        if (this.disabledProp.includes(formItem.field)) {

          formItem.readOnly = true;

        }

        // è®¾ç½®è¡¨å•æ ¡éªŒçš„规则，文本

@@ -639,8 +575,9 @@
          format: formItem.dateFormate,

          keyAttr: formItem.keyAttr,

          value: formItem.defaultValue,

          tip: formItem.tooltips,

          tipPlacement: "right",

          // tip: formItem.tooltips,

          // tipPlacement: "right",

          placeholder: formItem.inputTip,

          comboxKey: formItem.comboxKey,

          display: !formItem.hidden,

          maxlength: formItem.maxlength,

@@ -649,9 +586,6 @@
            this.changeFun(formItem.displayExtension, formItem.prop);

          },

          span: formItem.type === "textarea" ? 24 : this.trendsSpan,

          click: () => {

            this.clickFun(formItem.referConfig)

          },

          rules: [

            {

              required: formItem.required,

@@ -670,19 +604,20 @@
            value: "key",

          },

        };

        slotColumnList.push(columnItem)

        slotColumnList.push(columnItem);

        if (group.length === 0) {

          column.push(columnItem);

        } else {

          group[group.length - 1]["column"].push(columnItem);

        }

      });

      this.slotColumnList = slotColumnList

      this.slotColumnList = slotColumnList;

      this.$set(this.option, "column", column);

      this.$set(this.option, "group", group);

      this.formIndex++;

      this.loading = false

      this.loading = false;

      this.geDictData(dictKeys);

      this.getFormDetail()

    },

    // ä½¿ç”¨ä¼ å…¥çš„表单数据配置

    resetFormConfig(formItem) {

@@ -715,6 +650,7 @@
      }

      return formItem;

    },

    // æ ¹æ®å±å¹•åŠ¨æ€é…ç½®è¡¨å•å¸ƒå±€

    handleResize() {

      let windowWidth = document.body.clientWidth;

      this.trendsSpan = 24 / Math.floor(windowWidth / 500);

@@ -732,12 +668,6 @@
      // executeCode({displayExtension, data: this.form}).then(res => {

      //   this.form[prop] = res.data.data

      // })

    },

    clickFun(referConfig) {

      console.log(123123);

      if (this.type === "detail") {

        return;

      }

    },

    // èŽ·å–swich和已拿到的下拉数据

    getDataList(type, dicData) {

@@ -757,7 +687,7 @@
      }

      return [];

    },

    // èŽ·å–字典数据

    // å¼‚步获取字典数据

    geDictData(dictKeys) {

      dictKeys.forEach((dictObj) => {

        getDictionary({ code: dictObj.dictKey }).then((res) => {

@@ -777,8 +707,30 @@
        });

      });

    },

    // è¡¨å•æ ¡éªŒ

     validate() {

      return new Promise((resolve) => {

        this.$refs.form.validate((valid, done, msg) => {

          console.error(msg, valid)

        if (valid) {

          resolve(true)

        } else {

          resolve(false);

        }

      });

      })

      
    },

    // èŽ·å–表单数据

    getFormDetail() {

      if (this.type === 'add') return

      getFormDetail({templateOid: this.templateOid, oid: this.rowOid}).then(res => {

        console.log(res, 'res');

      })

    }

  },

  watch: {

    // è¡¨å•æ•°æ®ä¿®æ”¹åé¦ˆåˆ°çˆ¶ç»„件

    form: {

      deep: true,

      immediate: true,

@@ -790,4 +742,10 @@
};

</script>



<style lang="less" scoped></style>

<style lang="scss" scoped>

.key_attr_icon {

  font-size: 20px !important;

  vertical-align: baseline;

  color: red;

}

</style>


 Source/UBCS-WEB/src/components/FormTemplate/ResembleQuery.vue

@@ -1,7 +1,14 @@
<template>

  <div>

    <el-table :data="tableData" v-loading="loading" height="250" :border="true">

    <el-table

      :data="tableData"

      v-loading="loading"

      height="250"

      :border="true"

      size="small"

    >

      <el-table-column

        v-if="column.length > 0"

        type="index"

        width="60"

        label="序号"

@@ -55,6 +62,10 @@
      type: String,

      default: "",

    },

    codeRuleOid: {

      type: String,

      default: "",

    },

    type: {

      type: String,

      default: "add",

@@ -63,14 +74,9 @@
      type: Object,

      default: () => ({}),

    },

    codeRuleOid: {

      type: String,

      default: "",

    },

  },

  data() {

    return {

      tableVisible: true,

      formTemplateVisible: false,

      activeName: "findlike",

      tableData: [],

@@ -114,8 +120,6 @@
      formItems: [],

    };

  },

  created() {},

  computed: {},

  methods: {

    // ç›¸ä¼¼é¡¹æŸ¥è¯¢

    resembleQuery(form) {

@@ -127,10 +131,9 @@
        codeClassifyOid: this.codeClassifyOid,

        codeRuleOid: this.codeRuleOid,

        templateOid: this.templateOid,

        data: formValue

        data: formValue,

      };

      params = Object.assign(params, defaultValue);

      this.tableVisible = true;

      findLike(params).then((res) => {

        this.loading = false;

        this.tableData = res.data.data || [];


 Source/UBCS-WEB/src/components/FormTemplate/ResembleQueryDialog.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,96 @@
<template>

  <el-dialog

    :visible.sync="dialogVisible"

    v-dialogDrag

    top="0vh"

    title="相似项查询"

    :width="width"

    append-to-body

    @opened="openDialog"

    class="avue-dialog avue-dialog--top"

  >

    <ResembleQuery

      v-loading="loading"

      ref="ResembleQuery"

      v-bind="$attrs"

      :column="column"

      :templateOid="templateOid"

      :codeRuleOid="codeRuleOid"

      :codeClassifyOid="codeClassifyOid"

    ></ResembleQuery>

  </el-dialog>

</template>



<script>

import { getFormTemplate } from "@/api/formTemplate";

import ResembleQuery from "./ResembleQuery";

export default {

  name: "ResembleQueryDialog",

  components: { ResembleQuery },

  props: {

    visible: {

      type: Boolean,

      default: false,

    },

    codeClassifyOid: {

      type: String,

      default: "",

    },

    templateOid: {

      type: String,

      default: "",

    },

    codeRuleOid: {

      type: String,

      default: "",

    },

    type: {

      type: String,

      default: "add",

    },

    form: {

      type: Object,

      default: () => ({}),

    },

  },

  data() {

    return {

      column: [],

      loading: false

    };

  },

  computed: {

    dialogVisible: {

      get() {

        return this.visible;

      },

      set(val) {

        this.$emit("update:visible", val);

      },

    },

  },

  methods: {

    openDialog() {

      this.loading = true

      getFormTemplate({

        templateOid: this.templateOid,

        codeClassifyOid: this.codeClassifyOid,

      }).then((res) => {

        this.loading = false

        if (

          res.data &&

          res.data.resembleTableVO.cols &&

          res.data.resembleTableVO.cols.length > 0

        ) {

          this.column = res.data.resembleTableVO.cols;

          this.$refs.ResembleQuery.resembleQuery();

        } else {

          this.column = [];

        }

      });

    },

  },

};

</script>



<style lang="less" scoped></style>


 Source/UBCS-WEB/src/components/FormTemplate/index.vue

@@ -19,10 +19,14 @@
      @getFormData="getFormData"
    ></FormTempalte>

    <div class="tab_box" v-if="type !== 'detail' && dialogVisible">
      <el-tabs v-model="activeName" type="card">
    <div class="tab_box" v-if="type !== 'detail' && dialogVisible && (showCodeApply || showResembleQuery)">
      <el-tabs v-model="activeName" type="border-card">
        <el-tab-pane label="码值申请" name="codeApply" v-if="showCodeApply">
          <CodeApply ref="CodeApply" v-bind="$attrs" @getCodeRuleOid="getCodeRuleOid"></CodeApply>
          <CodeApply
            ref="CodeApply"
            v-bind="$attrs"
            @getCodeRuleOid="getCodeRuleOid"
          ></CodeApply>
        </el-tab-pane>
        <el-tab-pane
          label="相似项查询"
@@ -35,17 +39,16 @@
            :hasResemble="this.hasResemble"
            :column="this.resembleTableColumn"
            :form="this.form"
            :codeRuleOid="codeRuleOid"
          ></ResembleQuery>
        </el-tab-pane>
      </el-tabs>
    </div>
    <div class="avue-dialog__footer" v-if="type !== 'detail'">
      <el-button @click="close()">取 æ¶ˆ</el-button>
      <el-button @click="close()" type="primary" :loading="submitBtnLoading"
      <el-button @click="submit()" type="primary" :loading="submitBtnLoading"
        >ç¡® å®š</el-button
      >
      <el-button @click="resembleQuerySubmit" type="primary" v-if="hasResemble"
      <el-button @click="resembleQuerySubmit" type="primary" v-if="showResembleQuery"
        >相似像查询</el-button
      >
    </div>
@@ -70,7 +73,7 @@
    },
    title: {
      type: String,
      default: "表单模板",
      default: "编码申请",
    },
    width: {
      type: String,
@@ -84,9 +87,7 @@
      hasResemble: false,
      resembleTableColumn: [],
      secVOList: [],
      activeName: "resembleQuery",
      codeRuleOid: '',
      form: {}
      form: {},
    };
  },
  created() {},
@@ -105,29 +106,31 @@
          return false;
        }
      } else {
        if (this.hasResemble) {
          return false;
        }
        return false;
      }
      return true;
    },
    showResembleQuery() {
      return this.hasResemble;
    },
    activeName() {
      return (
        (this.showCodeApply && "codeApply") ||
        (this.showResembleQuery && "resembleQuery")
      );
    },
  },
  methods: {
    openDialog() {
      this.$nextTick(() => {
        this.$refs.FormTempalte.init()
        this.$refs.CodeApply.getCodeRule()
      })
        this.$refs.FormTempalte.init();
      });
    },
    close() {
      this.dialogVisible = false;
    },
    getCodeRuleOid(data) {
      this.codeRuleOid = data.oid
      this.secVOList = data.secVOList
      this.secVOList = data.secVOList;
    },
    getFormTemplate(data) {
      this.hasResemble =
@@ -137,11 +140,18 @@
      this.resembleTableColumn = data.resembleTableVO.cols || [];
    },
    getFormData(form) {
      this.form = form
      this.form = form;
    },
    resembleQuerySubmit() {
      this.$refs.resembleQueryRef.resembleQuery(this.form);
    },
    async submit() {
      const formValidate = await this.$refs.FormTempalte.validate();
      if (this.showCodeApply) {
        const codeValidate = this.$refs.CodeApply.validate();
        console.log(formValidate, codeValidate);
      }
    },
  },
};
</script>

 Source/UBCS-WEB/src/views/MasterData/FormTempalteTest.vue

@@ -1,33 +1,43 @@
<template>

  <div>

    <el-button @click="visible = true">测试</el-button>

    <el-button @click="visible1 = true">相似项查询</el-button>

    <FormTemplateDialog

      :visible.sync="visible"

      :FormTemplateProp="FormTemplateProp"

      :type="this.type"

      :editForm="editForm"

      :templateOid="this.templateOid"

      :codeClassifyOid="this.codeClassifyOid"

      :codeRuleOid="this.codeRuleOid"

      :disabledProp="disabledProp"

      :rowOid="rowOid"

    ></FormTemplateDialog>

    <ResembleQueryDialog

      :visible.sync="visible1"

      :type="this.type"

      :templateOid="this.templateOid"

      :codeClassifyOid="this.codeClassifyOid"

      :codeRuleOid="this.codeRuleOid"

    ></ResembleQueryDialog>

  </div>

</template>

codeClassifyOid



<script>

import ResembleQueryDialog from '@/components/FormTemplate/ResembleQueryDialog.vue';

export default {

  name: "FormTempalteTest",

  components: { ResembleQueryDialog },

  data() {

    return {

      visible: false,

      visible1: false,

      // é»˜è®¤ç¦ç”¨çš„表元素

      disabledProp: ["id"],

      // ä¿®æ”¹å›žæ˜¾çš„数据

      editForm: {},

      // è¡¨å•ç±»åž‹

      type: "add",

      templateOid: "78B8C7C5-A042-0B96-FE6D-65421451782A",

      codeClassifyOid: "4524E801-6CC6-92E8-1AC3-2AB9604E8F96",

      codeRuleOid: "B95872A6-9CEA-D490-8F1B-9D26548CAF96",

      rowOid: '6EF696C3-CD87-0E7C-1EA1-8DE3913A95C9'

    };

  },

};