【组件】json配置

https://doc.rg1008.com/docs/rg_pass_api/rg_pass_api-1dig05putsfdc

前端组件调用

import methodJsonUtil from "@/components/basis/bs-json/method-util";
  <div
  v-show="!conent && !response.imgUrl"
  ref="jsoneditorRpBody"
  :style="bsytle"
  ></div>

//#region jsoneditor
editorJsonRpBody: null,
jsoneditorRpBody: null,
//#endregion jsoneditor

  mounted() {
    this.handleInitJsonEditor(true);
  },

  data(){


      mappersUsed:{
        //实际数据
      },
      mappers: {
        sheetName: "来源导入的信息",
        data: [
          // {
          //   "field": "incomeId",
          //   "title": "确认收入单号",
          //   "name": "incomeId",
          //   "index": 0,
          //   "source": "确认收入单号"
          // }
        ]
      },

  }

    // #region json方法处理
   handleInitJsonEditor(reload) {
      let that = this;
      that.$nextTick(() => {
        methodJsonUtil.init(
          that,
          () => {
            if(that.mappersUsed.data){
              that.editorJsonRpBody.set(that.mappersUsed);
            }else{
              that.editorJsonRpBody.set(that.mappers);
            }
          },
          "editorJsonRpBody",
          "jsoneditorRpBody",
          {
            changeValue: (json) => {
              that.mappersUsed = json;
              that.$forceUpdate();
            },
            changeJson: (json) => { },
            edit: false,
          }
        );
      });
    },
    handleClearJsonEditor() {
      let that = this;
      that.request._openWrite = "0";
      that.request._openSave = "0";
      that.editorJsonRpBody?.set({});
    },
    // #endregion json方法处理

\RG3.Web.Host.PaaS\Config\Mapper\basis\boapp\mapper_bo-app-config-setting_sql__biz.json.json

{
  "rules": {
    // #region json格式字段
    "meta": [
      {
        "type": "maxlength",
        "required": false,
        "isAdd": true,
        "isEdit": true,
        "max": 4000,
        "message": "【{meta}】值最大长度为4000。"
      },
      //json验证
      {
        "type": "json",
        "required": true,
        "isAdd": true,
        "isEdit": true,
        "message": "【{meta}】Json格式不正确。"
      }
    ]
    // #endregion json格式字段
  },
  "responseField": {},
  "columns": {
    // #region json格式字段
    "meta": {
      "tableId": 1,
      "field": "meta",
      "isData": true,
      "dataType": "varchar",
      "title": "扩展属性",
      "remark": "json，json字符串{icon:true,hidden:true}",
      "name": "meta",
      "alias": "meta",
      "editPropertie": { "showMethod": "json" },
      "pagePropertie": { "showMethod": "json" },
      "listPropertie": { "showMethod": "json" },
      "maxLength": 4000
    }
    // #endregion json格式字段
  },
  "dimDatas": {}
}

配置文件方式使用

\RG3.Web.Host.PaaS\Config\Bridge\basis\boapp\bridge_bo-app-config-setting__biz.json.json

{
  "table": {
    "columns": {
      //#endregion json
      "propertys": {
        "attrs": {
          "type": "expand",
          "show-content-title": "详情",
          "drag": true,
          "hideTitle": "hide"
        },
        "attrsInt": {},
        "meta": {
          "html": true,
          "component": "bs-text",
          "componentOp": "bs-json"
        }
      }
      //#endregion json
    }
  },
  "form": {
    "columns": {
      //#region json
      "propertys": {
        "attrs": {
          "label": "扩展属性",
          "hideTitle": "hide",
          // 隐藏列标题
          "hidden-column-title": true
        },
        "attrsInt": {},
        "meta": {
          "component": "bs-json",
          "span": 24
        }
      }
      //#endregion json
    }
  },
  "search": {}
}