vue2-client 1.2.41 → 1.2.44

package/CHANGELOG.md

@@ -1,6 +1,17 @@
 # Change Log
 > 所有关于本项目的变化都在该文档里。
 
+**1.2.44 - 1.2.45 -2022-04-26 @苗艳强**
+- 问题修复：
+- 修复单页面刷新无效的问题
+- 修复单页面关闭再打开不重载的问题
+
+**##1.2.41 - 1.2.43 -2022-04-24 @江超**
+- 功能修改：
+- 全局滚动条样式替换
+- 问题修复：
+- 修复`XaddForm.vue`和`XaddNativeForm.vue`将版本号渲染为表单项的问题
+
 **##1.2.40 -2022-04-24 @苗艳强**
 - 问题修复：
 - 修复 singlepage 页面不能缓存的问题
@@ -43,7 +54,7 @@
 - 功能修改：
 - [XFormTable]：新增判断，如果表名以##开始，则在查询时为其创建临时表
 
-**##1.2.30 -1.2.31  -2022-04-02 @张振宇**
+**##1.2.30 - 1.2.31  -2022-04-02 @张振宇**
 - 功能修改：
 - 查询配置页面bug修改
 - 表单配置页面bug修改

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue2-client",
-  "version": "1.2.41",
+  "version": "1.2.44",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/base-client/components/common/CreateQuery/CreateQueryItem.vue

@@ -0,0 +1,555 @@
+<template>
+  <a-modal
+    title="数据字段配置"
+    :visible="visible"
+    :width="1250"
+    :zIndex="1001"
+    @cancel="modelCancel"
+    @ok="submitItem">
+    <a-form-model
+      ref="itemForm"
+      :rules="itemRules"
+      layout="vertical"
+      :model="item">
+      <a-row :gutter="16">
+        <a-col :span="5">
+          <a-card title="基础属性" :bodyStyle="{height: '500px', overflowY: 'auto'}">
+            <a-form-model-item label="表单类型" prop="formType">
+              <a-select v-model="item.formType" placeholder="表单类型，可选" @change="changeFormType(item)">
+                <a-select-option key="input">输入框</a-select-option>
+                <a-select-option key="select">选择框</a-select-option>
+                <a-select-option key="checkbox">多选框</a-select-option>
+                <a-select-option key="radio">单选框</a-select-option>
+                <a-select-option key="rangePicker">日期范围选择框</a-select-option>
+                <a-select-option key="monthPicker">月份选择框</a-select-option>
+                <a-select-option key="datePicker">单日选择框</a-select-option>
+                <!--                      <a-select-option key="cascader">级联选择框(单个下拉)</a-select-option>-->
+                <a-select-option key="selects">级联选择框</a-select-option>
+                <a-select-option key="textarea">文本域</a-select-option>
+                <a-select-option key="file">文件上传</a-select-option>
+                <a-select-option key="image">图片上传</a-select-option>
+                <a-popover slot="suffixIcon" title="关于表单类型" placement="right">
+                  <template slot="content">
+                    <p>预览设置的表单类型</p>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="输入框" style="width: 20%" readOnly/>
+                      <a-input style="width: 80%" placeholder="请输入"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="选择框" style="width: 20%" readOnly/>
+                      <a-select style="width: 80%" placeholder="请选择"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="多选框" style="width: 20%" readOnly/>
+                      <a-checkbox-group
+                        style="margin-left: 10px;margin-top: 5px; width: 70%"
+                        :options="['数据1','数据2']"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="单选框" style="width: 20%" readOnly/>
+                      <a-radio-group
+                        style="margin-left: 10px;margin-top: 5px; width: 70%"
+                        :options="[{label: '数据1', value: 'a'},{label: '数据2', value: 'b'}]"
+                        name="radioGroup"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="日期范围选择框" style="width: 20%" readOnly/>
+                      <a-range-picker
+                        style="width: 80%"
+                        :show-time="true"
+                        format="YYYY-MM-DD HH:mm:ss"
+                        valueFormat="YYYY-MM-DD HH:mm:ss"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="月份选择框" style="width: 20%" readOnly/>
+                      <a-month-picker style="width: 80%"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="单日选择框" style="width: 20%" readOnly/>
+                      <a-date-picker style="width: 80%"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="级联选择框" style="width: 20%" readOnly/>
+                      <a-cascader style="width: 80%" placeholder="请选择"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="文本域" style="width: 20%" readOnly/>
+                      <a-textarea style="width: 80%" placeholder="请输入" :rows="1"/>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="文件上传" style="width: 20%" readOnly/>
+                      <a-upload-dragger
+                        name="file"
+                        :multiple="true"
+                        style="margin-left: 5px; width: 75%"
+                        action="https://www.mocky.io/v2/5cc8019d300000980a055e76">
+                        <p class="ant-upload-drag-icon">
+                          <a-icon type="inbox"/>
+                        </p>
+                        <p class="ant-upload-text">
+                          点击或拖动文件到该区域上传
+                        </p>
+                        <p class="ant-upload-hint">
+                          支持单个或多个文件
+                        </p>
+                      </a-upload-dragger>
+                    </a-input-group>
+                    <br/>
+                    <a-input-group compact style="width: 400px;">
+                      <a-input value="图片上传" style="width: 20%" readOnly/>
+                      <a-upload style="margin-left: 5px; width: 75%" list-type="picture-card" :file-list="[]">
+                        <a-icon type="plus"/>
+                        <div class="ant-upload-text">
+                          Upload
+                        </div>
+                      </a-upload>
+                    </a-input-group>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item
+              v-if="!(item.formType === 'file' || item.formType === 'image')"
+              label="数据字段名"
+              prop="key">
+              <a-input v-model="item.key" placeholder="请输入数据字段名" ref="key">
+                <a-popover slot="suffix" title="关于数据字段名" placement="bottom">
+                  <template slot="content">
+                    <p>设置数据字段的名称</p>
+                    <p>用作SQL查询时必须遵守<span style="font-weight: bold">表别名.列名</span>的格式，如：i.id</p>
+                    <p>其他情况下不限制</p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-input>
+            </a-form-model-item>
+            <a-form-model-item label="数据字段中文名" prop="title">
+              <a-input v-model="item.title" placeholder="请输入数据字段中文名，如：编号"/>
+            </a-form-model-item>
+            <a-form-model-item label="数据模式" prop="dataMode">
+              <a-checkbox-group v-model="dataModeArrayData" :options="dataModeArray"/>
+            </a-form-model-item>
+          </a-card>
+        </a-col>
+        <a-col :span="9">
+          <a-card title="扩展属性" :bodyStyle="{height: '500px', overflowY: 'auto'}">
+            <a-form-model-item
+              label="表单水印"
+              prop="placeholder">
+              <a-input v-model="item.placeholder" placeholder="表单水印（placeholder），可选" />
+            </a-form-model-item>
+            <a-form-model-item label="表单查询方式" prop="queryType">
+              <a-select v-model="item.queryType" placeholder="表单查询方式，可选">
+                <template v-for="queryTypeItem in queryTypeV">
+                  <a-select-option :key="queryTypeItem.key">{{ queryTypeItem.label }}</a-select-option>
+                </template>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item label="是否根节点" prop="groupIndexView">
+              <a-radio-group
+                defaultValue="None"
+                v-model="item.groupIndexView"
+                @change="groupIndexChange"
+                default-value="false"
+                button-style="solid">
+                <a-radio-button :value="1">
+                  是
+                </a-radio-button>
+                <a-radio-button value="None">
+                  否
+                </a-radio-button>
+              </a-radio-group>
+            </a-form-model-item>
+            <a-form-model-item label="数据所属节点" prop="groupIndex">
+              <a-select
+                v-model="item.parent_title"
+                placeholder="请选择父节点"
+                ref="groupIndex"
+                @change="parent_title_change">
+                <a-select-option v-for="parent_item in parent_node" :key="parent_item.key">{{
+                    parent_item.title
+                  }}
+                </a-select-option>
+                <a-popover slot="suffixIcon" title="关于父节点" placement="bottom">
+                  <template slot="content">
+                    <p>多个下拉框为一组时，需要首先选择的为父节点</p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item
+              label="数据源加载方式"
+              prop="selectLoadType"
+              v-if="item.formType === 'select' && item.selectType === 'logic'">
+              <a-radio-group v-model="item.lazyLoad" default-value="false" button-style="solid">
+                <a-radio-button value="true">
+                  懒加载搜索
+                </a-radio-button>
+                <a-radio-button value="false">
+                  一次性加载
+                </a-radio-button>
+              </a-radio-group>
+            </a-form-model-item>
+            <a-form-model-item label="作用域插槽" prop="slot">
+              <a-select v-model="item.slot.type" placeholder="插槽类型，可选">
+                <a-select-option key="default">不设置</a-select-option>
+                <a-select-option key="ellipsis">文本溢出省略</a-select-option>
+                <a-select-option key="badge">多彩徽标</a-select-option>
+                <a-select-option key="date">日期格式化</a-select-option>
+                <a-select-option key="dateTime">日期时间格式化</a-select-option>
+                <a-select-option key="action">操作列</a-select-option>
+                <a-popover slot="suffixIcon" title="关于作用域插槽" placement="bottom">
+                  <template slot="content">
+                    <p>你可以通过设置表格列的作用域插槽实现一些效果</p>
+                    <p>如果没有指定，默认会设置为文本溢出省略(长度:16)</p>
+                    <p>如果你选择文本溢出省略，需要设置文本溢出上限长度</p>
+                    <p>如果你选择多彩徽标，需要设置徽标对应的数据样式字典键</p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item label="表格列宽度" prop="width">
+              <a-popover
+                title="关于表格列宽度"
+                placement="bottom">
+                <template slot="content">
+                  <p>当作用域插槽设置为文本溢出省略时，表格列宽度将自适应，计算方式为文本溢出上限长度 * 7 + 42</p>
+                  <p>当作用域插槽设置为多彩徽标时，表格列宽度为固定为130</p>
+                  <p>当作用域插槽设置为日期时间格式化时，表格列宽度为固定为160</p>
+                  <p>当该列数据过长导致换行时，建议设置作用域插槽为文本溢出省略，或将表格列设置为固定宽度值</p>
+                </template>
+                <a-input-number style="width: 100%" v-model="item.width" placeholder="表格列宽度，可选"/>
+              </a-popover>
+            </a-form-model-item>
+            <a-form-model-item label="字段默认值" prop="default">
+              <a-input v-model="item.default" placeholder="当查询结果为null时，指定默认值，可选"/>
+            </a-form-model-item>
+          </a-card>
+        </a-col>
+        <a-col :span="9">
+          <a-card title="附加属性" :bodyStyle="{height: '500px', overflowY: 'auto'}">
+            <a-form-model-item label="表单校验类型" prop="rule">
+              <a-row :gutter="16">
+                <a-col :span="8" v-if="item.formType === 'input' || item.formType === 'textarea'">
+                  <a-select v-model="item.rule.type" placeholder="校验类型，可选">
+                    <a-select-option key="string">字符串</a-select-option>
+                    <a-select-option key="number">数字</a-select-option>
+                    <a-select-option key="boolean">布尔值</a-select-option>
+                    <a-select-option key="regexp">正则表达式</a-select-option>
+                    <a-select-option key="integer">整数</a-select-option>
+                    <a-select-option key="float">小数</a-select-option>
+                    <a-select-option key="array">数组或集合</a-select-option>
+                    <a-select-option key="date">日期</a-select-option>
+                    <a-select-option key="email">邮箱</a-select-option>
+                    <a-popover slot="suffixIcon" title="关于表单校验类型" placement="bottom">
+                      <template slot="content">
+                        <p>设置表单项的校验类型，默认字符串类型</p>
+                        <p>你也可以设置该表单项是否必填</p>
+                      </template>
+                      <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                    </a-popover>
+                  </a-select>
+                </a-col>
+                <a-col :span="8">
+                  <a-radio-group v-model="item.rule.required" default-value="false" button-style="solid">
+                    <a-radio-button value="true">
+                      必选项
+                    </a-radio-button>
+                    <a-radio-button value="false">
+                      非必选项
+                    </a-radio-button>
+                  </a-radio-group>
+                </a-col>
+              </a-row>
+            </a-form-model-item>
+            <a-form-model-item ref="addOrEdit" label="新增/修改场景选择" prop="addOrEdit">
+              <a-select v-model="item.addOrEdit" placeholder="请选择场景">
+                <a-select-option key="all">新增和修改</a-select-option>
+                <a-select-option key="add">仅支持新增</a-select-option>
+                <a-select-option key="edit">仅支持修改</a-select-option>
+                <a-select-option key="silenceAdd">静默新增（不生成表单）</a-select-option>
+                <a-select-option key="version">版本号</a-select-option>
+                <a-popover
+                  slot="suffixIcon"
+                  title="关于新增/修改场景选择"
+                  placement="bottom">
+                  <template slot="content">
+                    <p>设置表单项的新增/修改场景</p>
+                    <p>静默新增类型用于非人为新增的数据，不会生成表单项，且必须设置字段用途</p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item
+              ref="silencePurpose"
+              label="字段用途"
+              prop="silencePurpose">
+              <a-select v-model="item.silencePurpose" placeholder="请选择字段用途">
+                <a-select-option key="createTime">创建时间</a-select-option>
+                <a-select-option key="operator">创建/操作人</a-select-option>
+                <a-select-option key="orgId">组织机构ID</a-select-option>
+                <a-select-option key="customize">自定义</a-select-option>
+                <a-popover
+                  slot="suffixIcon"
+                  title="关于字段用途"
+                  placement="bottom">
+                  <template slot="content">
+                    <p>用于静默新增时设置字段用途</p>
+                    <p>在新增数据的表单提交时，页面会根据设置的字段用途获取相关数据并追加到表单中</p>
+                    <p>当字段用途选择为<span style="font-weight: bold">自定义</span>时，必须指定一个业务逻辑(Logic)名称，表单提交前会将表单内容作为参数调用该Logic接口，并将Logic返回值作为表单值
+                    </p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item>
+              <a-input v-model="item.silenceSource" placeholder="请输入业务逻辑名称"/>
+            </a-form-model-item>
+            <a-form-model-item
+              label="数据源类型"
+              prop="selectType">
+              <a-select v-model="item.selectType" placeholder="请选择数据源类型" @change="changeSelectKey(item)">
+                <a-select-option key="key">字典键</a-select-option>
+                <a-select-option key="fixArray">固定集合</a-select-option>
+                <a-select-option key="logic">业务逻辑</a-select-option>
+                <a-popover
+                  slot="suffixIcon"
+                  title="关于下拉框或级联框数据源类型"
+                  placement="bottom">
+                  <template slot="content">
+                    <p>设置下拉框或级联框的数据源</p>
+                    <p>数据源类型分为三种，你可以根据需要选择</p>
+                    <p>字典键：选项从字典表(t_dictionary)获取，你只需要选择字典键的名称即可</p>
+                    <p>业务逻辑名称：选项通过发起http请求调用指定的业务逻辑(Logic)接口获取</p>
+                    <p>固定集合：选项为静态值，JSONArray格式</p>
+                    <p>当表单类型为 " 级联选择框(多个下拉) " 是数据模式为
+                      [{lable,value,children[{lable,value,children[]},{lable,value,children[]}]}] 形式</p>
+                    <p>如：</p>
+                    <json-viewer
+                      :value="DemoJson"
+                      :expand-depth="parseInt('100')"
+                      style="overflow: auto;max-height: 440px"></json-viewer>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item
+              label="数据源"
+              prop="selectKey">
+              <a-select
+                show-search
+                v-model="item.selectKey"
+                v-if="item.selectType === 'key'"
+                placeholder="请选择字典键"
+                :filter-option="filterOption"
+                @change="changeSelectKey(item)"
+              >
+                <template>
+                  <a-select-option
+                    v-for="(optionItem,index) in option"
+                    :key="index"
+                    :value="Object.keys(optionItem)[0]">{{ optionItem[Object.keys(optionItem)[0]] }}
+                  </a-select-option>
+                </template>
+              </a-select>
+              <a-input v-model="item.selectKey" v-if="item.selectType === 'logic'" placeholder="请输入业务逻辑名称"/>
+              <a-textarea v-model="item.selectKey" v-if="item.selectType === 'fixArray'" placeholder="请录入数据源"/>
+            </a-form-model-item>
+            <a-form-model-item label="数据外键字段名" prop="selectKeyName">
+              <a-input v-model="item.selectKeyName" placeholder="该列所在表在主表的外键名，可选">
+                <a-popover slot="suffix" title="关于数据外键字段名" placement="bottom">
+                  <template slot="content">
+                    <p>当该列所属表为主表的关联表，且存在主外键关联关系，你可以指定<span style="font-weight: bold">该列所在表在主表的外键名</span>，如：i.f_type_id
+                    </p>
+                    <p>如果你的<a @click="$refs['key'].focus()">数据字段名</a>所属表为主表，或字段名已经是主表外键名时，不用设置该值</p>
+                    <p>设置该参数是为了表单查询时可以通过外键id列而非具体值筛选数据</p>
+                    <p>示例：</p>
+                    <p>主表为t_userfiles表，别名为u，与t_gasbrand(气表品牌表)有关联关系，别名为g，数据字段名设置为g.f_gasbrand</p>
+                    <p>如果指定了数据外键字段名，例如u.f_gasbrand_id，则使用数据外键字段名筛选数据，如果不指定该值，则使用<a @click="$refs['key'].focus()">数据字段名</a>筛选
+                    </p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-input>
+            </a-form-model-item>
+            <a-form-model-item
+              style="margin-bottom: 0"
+              label="允许上传文件数量"
+              prop="accept">
+              <a-slider
+                v-model="item.acceptCount"
+                :min="1"
+                :max="20"
+                :marks="{ 1: '1', 3: '3', 5: '5', 10: '10', 15: '15', 20: '20'}"
+                :default-value="3"
+              />
+            </a-form-model-item>
+            <a-form-model-item
+              label="上传至仓库"
+              prop="resUploadStock">
+              <a-select v-model="item.resUploadStock" placeholder="选择文件上传到的仓库" @change="changeStock">
+                <a-select-option v-for="stock in stockList" :key="stock.id">{{ stock.f_name }}</a-select-option>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item
+              label="仓库扩展路径"
+              prop="pathKey">
+              <a-select v-model="item.pathKey" placeholder="仓库扩展路径">
+                <a-select-option v-for="pathKey in lowerPath" :key="pathKey.label">{{ pathKey.label }}</a-select-option>
+              </a-select>
+            </a-form-model-item>
+            <a-form-model-item label="允许上传文件类型" prop="accept" >
+              <a-select
+                mode="tags"
+                v-model="item.accept"
+                placeholder="指定文件类型，默认不限制，可选"
+                @change="itemAcceptChange">
+                <a-select-option v-for="type_item in fileType" :key="type_item.accept">{{ type_item.label }}
+                </a-select-option>
+                <a-popover slot="suffixIcon" title="关于允许上传文件类型" placement="right">
+                  <template slot="content">
+                    <p>指定允许上传的文件类型扩展名，如：.doc,.docx等，详情请参考<a target="_blank" @click="visitAcceptFile">允许上传文件类型</a>
+                    </p>
+                  </template>
+                  <a-icon type="info-circle" style="color: rgba(0,0,0,.45)"/>
+                </a-popover>
+              </a-select>
+            </a-form-model-item>
+          </a-card>
+        </a-col>
+      </a-row>
+      <a-alert
+        style="margin-top: 5px"
+        v-if="dataModeArrayData.length === 0"
+        show-icon
+        message="错误：请至少选择一种数据模式"
+        type="error"/>
+      <a-alert
+        style="margin-top: 5px"
+        v-if="!(item.formType === 'file' || item.formType === 'image') && dataMode.addOrEditForm && !dataMode.sqlQueryItem"
+        show-icon
+        message="错误：如果要生成新增/修改表单项，必须勾选生成SQL查询项"
+        type="error"/>
+      <a-alert
+        style="margin-top: 5px"
+        v-if="(item.formType === 'file' || item.formType === 'image') && !(!dataMode.table && !dataMode.sqlQueryCondition && !dataMode.queryForm)"
+        show-icon
+        message="错误：上传类表单的数据模式只能选择 生成新增/修改表单项 和 生成SQL查询项 "
+        type="error"/>
+      <a-alert
+        style="margin-top: 5px"
+        v-if="dataMode.queryForm && !dataMode.sqlQueryCondition"
+        show-icon
+        message="提示：您没有勾选生成SQL查询表达式，渲染的表单项不会生成SQL查询条件"
+        type="info"/>
+      <a-alert
+        style="margin-top: 5px"
+        v-if="dataMode.table && !dataMode.sqlQueryItem"
+        show-icon
+        message="提示：您没有勾选生成SQL查询项，渲染的表格列不会绑定SQL结果集数据"
+        type="info"/>
+    </a-form-model>
+  </a-modal>
+</template>
+
+<script>
+export default {
+  name: 'CreateQueryItem',
+  components: {},
+  computed: {
+    dataMode: function () {
+      const result = {
+        queryForm: false,
+        table: false,
+        addOrEditForm: false,
+        sqlQueryItem: false,
+        sqlQueryCondition: false
+      }
+      for (const item of this.dataModeArrayData) {
+        result[item] = true
+      }
+      return result
+    }
+  },
+  data () {
+    return {
+      computed: {
+      },
+      // 数据模式类型集合
+      dataModeArray: [
+        { label: '生成查询表单项', value: 'queryForm' },
+        { label: '生成表格列', value: 'table' },
+        { label: '生成新增/修改表单项', value: 'addOrEditForm' },
+        { label: '生成SQL查询项', value: 'sqlQueryItem' },
+        { label: '生成SQL查询表达式', value: 'sqlQueryCondition' }
+      ],
+      // 数据模式类型集合值
+      dataModeArrayData: ['queryForm', 'table', 'addOrEditForm', 'sqlQueryItem', 'sqlQueryCondition'],
+      // 表单项
+      item: {
+        key: '',
+        title: '',
+        slot: {},
+        rule: {
+          required: 'false'
+        },
+        formType: undefined,
+        accept: undefined,
+        addOrEdit: undefined,
+        selectKeyName: undefined,
+        resUploadStock: undefined,
+        acceptCount: undefined,
+        dataModeArray: []
+      },
+      // 数据仓库列表
+      stockList: [],
+      // 扩展目录
+      lowerPath: [],
+      // 选择的数据源类型
+      selectType: undefined,
+      // 必填控制
+      itemRules: {
+        key: [{ required: true, message: '请输入数据列名', trigger: 'blur' }],
+        title: [{ required: true, message: '请输入中文名称', trigger: 'blur' }],
+        selectType: [{ required: true, message: '请选择数据源类型', trigger: 'change' }],
+        selectKey: [{ required: true, message: '请输入数据源内容', trigger: 'blur' }],
+        slotValue: [{ required: true, message: '请输入文本溢出上限长度', trigger: 'blur' }],
+        slotKeyMap: [{ required: true, message: '请输入徽标字典键', trigger: 'blur' }],
+        silencePurpose: [{ required: true, message: '请选择字段用途', trigger: 'change' }],
+        silenceSource: [{ required: true, message: '请输入业务逻辑名称', trigger: 'blur' }],
+        group: [{ required: true, message: '请选择父节点', trigger: 'blur' }],
+        groupIndex: [{ required: true, message: '如果不是根节点请选择自己的父节点', trigger: 'blur' }]
+      },
+      // 字典键集合
+      option: []
+    }
+  },
+  mounted () {
+  },
+  props: {
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    toEditJson: {
+      type: Object,
+      default: () => {}
+    }
+  }
+}
+</script>

package/src/base-client/components/common/XAddForm/XAddForm.vue

@@ -78,7 +78,8 @@ export default {
       // 过滤出用于新增/修改场景的表单项
       realJsonData: function () {
         return this.jsonData.filter(function (item) {
-          return item.addOrEdit && item.addOrEdit !== 'no' && item.addOrEdit !== 'silenceAdd' && !item.group
+          return item.addOrEdit && item.addOrEdit !== 'no' &&
+            item.addOrEdit !== 'silenceAdd' && !item.group && item.addOrEdit !== 'version'
         })
       },
       // 过滤出多个下拉框分组级联得数据