UI展示

 Source/ProjectWeb/src/components/dynamic-components/dynamic-form.vue

@@ -81,8 +81,7 @@
  },
  data() {
    return {
      form: {},
      ruleForm:{}
      form: {}
    }
  },
  mounted() {
@@ -107,7 +106,7 @@
      },
      immediate: true,
    },
    ruleForm: {
    form: {
      handler(val) {
        if (val) {
          if (Array.isArray(val)) { // 检查 val 是否为数组
@@ -228,7 +227,7 @@
        if (code.type == "refer") {
          if (code.referConfig && code.referConfig.useFormKey) {
            if (verifyNull(code.referConfig.formValuesKey)) {
              code.referConfig.formValuesKey = "ruleForm";
              code.referConfig.formValuesKey = "form";
            }
            code.referConfig.formValues = this[code.referConfig.formValuesKey];
          }
@@ -249,8 +248,8 @@
    },
    setReferValue(data) {
      if (data && data.prop) {
        this.ruleForm[data.prop] = data.value || "";
        this.ruleForm[data.showProp] = data.text || "";
        this.form[data.prop] = data.value || "";
        this.form[data.showProp] = data.text || "";
        if (data.propMap) {
          //说明需要映射
          for (let key in data.propMap) {
@@ -278,7 +277,7 @@
                value.push(temp);
              }
            });
            this.ruleForm[key] = value.join(",");
            this.form[key] = value.join(",");
          }
        }
      }

 Source/ProjectWeb/src/page/index/index.vue

@@ -66,7 +66,7 @@

    created() {
      //实时检测刷新token
      this.refreshToken();
    //this.refreshToken();

    },
    mounted() {
@@ -150,7 +150,7 @@
  };
</script>
<style lang="scss">
 #avue-view .avue-view{
#avue-view > .avue-view{
   height: 100%;
   padding: 0 6px !important;
 }

 Source/ProjectWeb/src/views/base/UIContentViewer.vue

@@ -54,7 +54,6 @@
<script>
import {verifyNull} from "@/util/validate";
import UIContentArea from "@/views/base/UIContentArea"
import {uiDefineVOData} from "@/views/base/uiDefineVO"
import {getUIContent} from '@/api/base/region'

export default {
@@ -78,8 +77,21 @@
      sourceData: {},
    }
  },
  watch: {},
  computed: {},
  watch: {
    typeAContent:{
      handler(newV,oldV){
        if(oldV!=newV && !verifyNull(newV)){
          this.initUI();
        }
      },
      immediate: true,
    }
  },
  computed: {
    typeAContent(){
      return this.btmType+this.content;
    }
  },
  created() {
    if (verifyNull(this.$route.query.type) || (verifyNull(this.$route.query.context) && verifyNull(this.$route.query.content))) {
      this.$message.error("配置的信息错误，请参考bs=组件name?type=xxx&context=yyy&param=zzz这种形式。其中type是业务类型（或链接类型），context是UI上下文的名称");
@@ -88,15 +100,13 @@
    this.btmType = this.$route.query.type;
    this.content = this.$route.query.context || this.$route.query.content;
    this.sourceData = this.$route.query;
    this.initUI();
    this.initContent();
  },
  methods: {
    initUI() {
      const query = {btmType: 'folder', id: 'cardtemplatemanager'}
      getUIContent(query).then(res => {
      getUIContent({btmType: this.btmType, id: this.content}).then(res => {
        console.log(res.data.obj)
        this.uiDefineVO = res.data.obj;
        this.initContent();
      })
    },
    initContent() {

 Source/ProjectWeb/src/views/base/UIContentViewerInDialog.vue

@@ -100,25 +100,32 @@
    }
  },
  watch: {

    typeAContent:{
      handler(newV,oldV){
        if(oldV!=newV && !verifyNull(newV)){
          this.initUI();
        }
      },
      immediate: true,
    }
  },
  computed: {

    typeAContent(){
      return this.btmType+this.content;
    }
  },
  created() {
    if (verifyNull(this.btmType) || verifyNull(this.content) ) {
      this.$message.error("自定义组件配置的信息错误，请参考bs=name?type=xxx&context=yyy&param=zzz这种形式。其中type是业务类型（或链接类型），context是UI上下文的名称,name为组件名称，空值时默认展示UI引擎");
      return false;
    }
    this.initUI();
    this.initContent();
  },
  methods: {
    initUI() {
      const query = {btmType: 'folder', id: 'cardtemplatemanager'}
      getUIContent(query).then(res => {
      getUIContent({btmType: this.btmType, id: this.content}).then(res => {
        console.log(res.data.obj)
        this.uiDefineVO = res.data.obj;
        this.initContent();
      })
    },
    initContent() {